@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }


ol { margin: 0; padding: 0; line-height: 2em; }
ol li { list-style: none; padding-left: 1.3em; text-indent: -1.3em; margin-bottom: 10px; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.sp1 { padding:0.2em 0.4em !important; } .sa1 { padding:0.2em !important; }
.sp2 { padding:0.4em 0.8em !important; } .sa2 { padding:0.4em !important; }
.sp3 { padding:0.6em 1.2em !important; } .sa3 { padding:0.6em !important; }
.sp4 { padding:0.8em 1.6em !important; } .sa4 { padding:0.8em !important; }
.sp5 { padding:1.0em 2.0em !important; } .sa5 { padding:1.0em !important; }

table.full { width:100%; } table.half { width:50%; } table.third { width:33.33333%; } table.quarter { width:25%; }
table.sp1, table.sp2, table.sp3, table.sp4, table.sp5 { padding:0 !important; }
table.tb1, table.tb2, table.tb3, table.tb4, table.tb5 { padding:0 !important; }
table.lr1, table.lr2, table.lr3, table.lr4, table.lr5 { padding:0 !important; }
table.sp1 th, table.sp1 td { padding:0.2em 0.4em; }
table.sp2 th, table.sp2 td { padding:0.4em 0.8em; }
table.sp3 th, table.sp3 td { padding:0.6em 1.2em; }
table.sp4 th, table.sp4 td { padding:0.8em 1.6em; }
table.sp5 th, table.sp5 td { padding:1.0em 2.0em; }
table.tb1 th, table.tb1 td { padding-top:0.2em; padding-bottom:0.2em; }
table.tb2 th, table.tb2 td { padding-top:0.4em; padding-bottom:0.4em; }
table.tb3 th, table.tb3 td { padding-top:0.6em; padding-bottom:0.6em; }
table.tb4 th, table.tb4 td { padding-top:0.8em; padding-bottom:0.8em; }
table.tb5 th, table.tb5 td { padding-top:1.0em; padding-bottom:1.0em; }
table.lr1 th, table.lr1 td { padding-left:0.2em; padding-right:0.2em; }
table.lr2 th, table.lr2 td { padding-left:0.4em; padding-right:0.4em; }
table.lr3 th, table.lr3 td { padding-left:0.6em; padding-right:0.6em; }
table.lr4 th, table.lr4 td { padding-left:0.8em; padding-right:0.8em; }
table.lr5 th, table.lr5 td { padding-left:1.0em; padding-right:1.0em; }

table.type1 { border-collapse:collapse; border-spacing:0; border-top:1px solid #c9c9cd; border-bottom:1px solid #c9c9cd; }
table.type1 th { background-color:#e8e9ea; border-top:1px dashed #c9c9cd; border-bottom:1px dashed #c9c9cd; }
table.type1 td { /* background-color:#ffffff; */ border-top:1px dashed #c9c9cd; border-bottom:1px dashed #c9c9cd; }

  @media only screen and (max-width: 600px) {
table.sp1 th, table.sp1 td { padding:0.1em 0.2em; }
table.sp2 th, table.sp2 td { padding:0.3em 0.4em; }
table.sp3 th, table.sp3 td { padding:0.3em 0.6em; }
table.sp4 th, table.sp4 td { padding:0.4em 0.8em; }
table.sp5 th, table.sp5 td { padding:0.5em 1.0em; }
table.tb1 th, table.tb1 td { padding-top:0.1em; padding-bottom:0.1em; }
table.tb2 th, table.tb2 td { padding-top:0.3em; padding-bottom:0.3em; }
table.tb3 th, table.tb3 td { padding-top:0.3em; padding-bottom:0.3em; }
table.tb4 th, table.tb4 td { padding-top:0.4em; padding-bottom:0.4em; }
table.tb5 th, table.tb5 td { padding-top:0.5em; padding-bottom:0.5em; }
table.lr1 th, table.lr1 td { padding-left:0.1em; padding-right:0.1em; }
table.lr2 th, table.lr2 td { padding-left:0.3em; padding-right:0.3em; }
table.lr3 th, table.lr3 td { padding-left:0.3em; padding-right:0.3em; }
table.lr4 th, table.lr4 td { padding-left:0.4em; padding-right:0.4em; }
table.lr5 th, table.lr5 td { padding-left:0.5em; padding-right:0.5em; }
.sp1 { padding:0.1em 0.2em !important; } .sa1 { padding:0.1em !important; }
.sp2 { padding:0.3em 0.4em !important; } .sa2 { padding:0.3em !important; }
.sp3 { padding:0.3em 0.6em !important; } .sa3 { padding:0.3em !important; }
.sp4 { padding:0.4em 0.8em !important; } .sa4 { padding:0.4em !important; }
.sp5 { padding:0.5em 1.0em !important; } .sa5 { padding:0.5em !important; }
.tb1 { padding-top:0.1em !important; padding-bottom:0.1em !important; }
.tb2 { padding-top:0.3em !important; padding-bottom:0.3em !important; }
.tb3 { padding-top:0.3em !important; padding-bottom:0.3em !important; }
.tb4 { padding-top:0.4em !important; padding-bottom:0.4em !important; }
.tb5 { padding-top:0.5em !important; padding-bottom:0.5em !important; }
.lr1 { padding-left:0.1em !important; padding-right:0.1em !important; }
.lr2 { padding-left:0.3em !important; padding-right:0.3em !important; }
.lr3 { padding-left:0.3em !important; padding-right:0.3em !important; }
.lr4 { padding-left:0.4em !important; padding-right:0.4em !important; }
.lr5 { padding-left:0.5em !important; padding-right:0.5em !important; }
  }
.border-b_box1 {border-bottom: 1px dotted #000;}
.border-b_box2 {border-bottom: none}
.border-r_box1 {border-right: 1px dotted #000;}
  @media only screen and (max-width: 600px) {
.border-r_box1 {border-right: none;}
.border-b_box2 {border-bottom: 1px dotted #000;}
  }
*, *:before, *:after {
  box-sizing: inherit; }

html {
  box-sizing: border-box; }

body {
  font-family: "Ten-mincho", serif, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  line-height: 24px;
  font-size: 16px;
  background-color: #fff;
  font-weight: normal;
  margin: 0 auto;
  color: #000; }

a {
  text-decoration: none; }

h1 {
  line-height: normal; }

h2 {
  line-height: normal; }

h3 {
  line-height: normal; }

h4 {
  line-height: normal; }

h5 {
  line-height: normal; }

h6 {
  line-height: normal; }

.wrp {
  position: relative;
  overflow: hidden; }

.is-wide {
  width: 100%; }

.v-sp {
  display: block; }
  @media only screen and (min-width: 769px) {
    .v-sp {
      display: none; } }

.v-pc {
  display: none; }
  @media only screen and (min-width: 769px) {
    .v-pc {
      display: block; } }

/* Containers
*
* How to use container classes :
*
*  Ex: <div class="cntr-1200 mlr-auto"> // adding mlr-auto (margin-left and right : auto to center the container)</div>
*
*/
/* you can add custom container size here */
.cntr-1240 {
  position: relative;
  max-width: 1240px;
  width: 100%; }
  @media (max-width: 1240px) {
    .cntr-1240 {
      padding-left: 2%;
      padding-right: 2%; } }

.cntr-1000 {
  position: relative;
  max-width: 1000px;
  width: 100%; }
  @media (max-width: 1000px) {
    .cntr-1000 {
      padding-left: 2%;
      padding-right: 2%; } }

.cntr-750 {
  position: relative;
  max-width: 750px;
  width: 100%; }
  @media (max-width: 750px) {
    .cntr-750 {
      padding-left: 2%;
      padding-right: 2%; } }

.cntr-768 {
  position: relative;
  max-width: 768px;
  width: 100%; }
  @media (max-width: 768px) {
    .cntr-768 {
      padding-left: 2%;
      padding-right: 2%; } }

.cntr-500 {
  position: relative;
  max-width: 500px;
  width: 100%; }
  @media (max-width: 500px) {
    .cntr-500 {
      padding-left: 2%;
      padding-right: 2%; } }

.cntr-400 {
  position: relative;
  max-width: 400px;
  width: 100%; }
  @media (max-width: 400px) {
    .cntr-400 {
      padding-left: 2%;
      padding-right: 2%; } }

.cntr-800 {
  position: relative;
  max-width: 800px;
  width: 100%; }
  @media (max-width: 800px) {
    .cntr-800 {
      padding-left: 2%;
      padding-right: 2%; } }

.cntr-1800 {
  position: relative;
  max-width: 1800px;
  width: 100%; }
  @media (max-width: 1800px) {
    .cntr-1800 {
      padding-left: 2%;
      padding-right: 2%; } }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

.tl {
  text-align: left; }

.align-items-bs {
  align-items: baseline; }

.align-items-cr {
  align-items: center; }

/*breakpoints
*
Usage: @include mq(md);
*
*/
/*font sizes*/
/*extra small devices*/
.fs-10-xs {
  font-size: 10px; }

.fs-12-xs {
  font-size: 12px; }

.fs-13-xs {
  font-size: 13px; }

.fs-14-xs {
  font-size: 14px; }

.fs-16-xs {
  font-size: 16px; }

.fs-18-xs {
  font-size: 18px; }

.fs-20-xs {
  font-size: 20px; }

.fs-22-xs {
  font-size: 22px; }

.fs-24-xs {
  font-size: 24px; }

.fs-26-xs {
  font-size: 26px; }

.fs-28-xs {
  font-size: 28px; }

.fs-30-xs {
  font-size: 30px; }

.fs-36-xs {
  font-size: 36px; }

.fs-40-xs {
  font-size: 40px; }

.fs-44-xs {
  font-size: 44px; }

.fs-48-xs {
  font-size: 48px; }

/*medium devices*/
@media screen and (min-width: 768px) {
  .fs-10 {
    font-size: 10px; }
  .fs-12 {
    font-size: 12px; }
  .fs-14 {
    font-size: 14px; }
  .fs-16 {
    font-size: 16px; }
  .fs-18 {
    font-size: 18px; }
  .fs-20 {
    font-size: 20px; }
  .fs-22 {
    font-size: 22px; }
  .fs-24 {
    font-size: 24px; }
  .fs-26 {
    font-size: 26px; }
  .fs-28 {
    font-size: 28px; }
  .fs-30 {
    font-size: 30px; }
  .fs-36 {
    font-size: 36px; }
  .fs-40 {
    font-size: 40px; }
  .fs-44 {
    font-size: 44px; }
  .fs-48 {
    font-size: 48px; } }

/*line heights*/
/*extra small devices*/
.lh-14-xs {
  line-height: 14px; }

.lh-16-xs {
  line-height: 16px; }

.lh-18-xs {
  line-height: 18px; }

.lh-20-xs {
  line-height: 20px; }

.lh-24-xs {
  line-height: 24px; }

.lh-26-xs {
  line-height: 26px; }

.lh-28-xs {
  line-height: 28px; }

.lh-30-xs {
  line-height: 30px; }

.lh-34-xs {
  line-height: 34px; }

.lh-38-xs {
  line-height: 38px; }

.lh-40-xs {
  line-height: 40px; }

.lh-44-xs {
  line-height: 44px; }

/*medium devices*/
@media screen and (min-width: 768px) {
  .lh-14 {
    line-height: 14px; }
  .lh-16 {
    line-height: 16px; }
  .lh-18 {
    line-height: 18px; }
  .lh-20 {
    line-height: 20px; }
  .lh-24 {
    line-height: 24px; }
  .lh-26 {
    line-height: 26px; }
  .lh-28 {
    line-height: 28px; }
  .lh-30 {
    line-height: 30px; }
  .lh-34 {
    line-height: 34px; }
  .lh-38 {
    line-height: 38px; }
  .lh-40 {
    line-height: 40px; }
  .lh-44 {
    line-height: 44px; } }

/*font weights*/
.fw-100 {
  font-weight: 100; }

.fw-200 {
  font-weight: 200; }

.fw-300 {
  font-weight: 300; }

.fw-400 {
  font-weight: 400; }

.fw-500 {
  font-weight: 500; }

.fw-600 {
  font-weight: 600; }

.fw-700 {
  font-weight: 700; }

.fw-800 {
  font-weight: 800; }

.fw-900 {
  font-weight: 900; }

/* MARGINS
*
* How to use margin classes :
*
*  Ex: <div class="ml-20 mr-20 mt-20 mb-20"> </div>
*	ml: margin-left
*	mr: margin-right
*	mb: margin-bottom
*	mt: margin-top
*/
.mlr-auto {
  /* this will set your container centered */
  margin-left: auto;
  margin-right: auto; }

/* you can add custom margins here */
/*extra small devices*/
/*margin x&y*/
.margin-8-xs {
  margin: 8px 8px; }

/*margin x&y*/
.margin-10-xs {
  margin: 10px 10px; }

/*margin x&y*/
.margin-14-xs {
  margin: 14px 14px; }

/*margin x&y*/
.margin-15-xs {
  margin: 15px 15px; }

/*margin x&y*/
.margin-16-xs {
  margin: 16px 16px; }

/*margin x&y*/
.margin-20-xs {
  margin: 20px 20px; }

/*margin x&y*/
.margin-24-xs {
  margin: 24px 24px; }

/*margin x&y*/
.margin-25-xs {
  margin: 25px 25px; }

/*margin x&y*/
.margin-30-xs {
  margin: 30px 30px; }

/*margin x&y*/
.margin-35-xs {
  margin: 35px 35px; }

/*margin x&y*/
.margin-40-xs {
  margin: 40px 40px; }

/*margin x&y*/
.margin-45-xs {
  margin: 45px 45px; }

/*margin x&y*/
.margin-50-xs {
  margin: 50px 50px; }

/*margin x&y*/
.margin-55-xs {
  margin: 55px 55px; }

/*margin x&y*/
.margin-60-xs {
  margin: 60px 60px; }

/*margin x&y*/
.margin-90-xs {
  margin: 90px 90px; }

/* you can add custom margins here */
/*margin x left*/
.ml-8-xs {
  margin-left: 8px !important; }

/*margin x right*/
.mr-8-xs {
  margin-right: 8px !important; }

/*margin x left*/
.ml-10-xs {
  margin-left: 10px !important; }

/*margin x right*/
.mr-10-xs {
  margin-right: 10px !important; }

/*margin x left*/
.ml-14-xs {
  margin-left: 14px !important; }

/*margin x right*/
.mr-14-xs {
  margin-right: 14px !important; }

/*margin x left*/
.ml-15-xs {
  margin-left: 15px !important; }

/*margin x right*/
.mr-15-xs {
  margin-right: 15px !important; }

/*margin x left*/
.ml-16-xs {
  margin-left: 16px !important; }

/*margin x right*/
.mr-16-xs {
  margin-right: 16px !important; }

/*margin x left*/
.ml-20-xs {
  margin-left: 20px !important; }

/*margin x right*/
.mr-20-xs {
  margin-right: 20px !important; }

/*margin x left*/
.ml-24-xs {
  margin-left: 24px !important; }

/*margin x right*/
.mr-24-xs {
  margin-right: 24px !important; }

/*margin x left*/
.ml-25-xs {
  margin-left: 25px !important; }

/*margin x right*/
.mr-25-xs {
  margin-right: 25px !important; }

/*margin x left*/
.ml-30-xs {
  margin-left: 30px !important; }

/*margin x right*/
.mr-30-xs {
  margin-right: 30px !important; }

/*margin x left*/
.ml-35-xs {
  margin-left: 35px !important; }

/*margin x right*/
.mr-35-xs {
  margin-right: 35px !important; }

/*margin x left*/
.ml-40-xs {
  margin-left: 40px !important; }

/*margin x right*/
.mr-40-xs {
  margin-right: 40px !important; }

/*margin x left*/
.ml-45-xs {
  margin-left: 45px !important; }

/*margin x right*/
.mr-45-xs {
  margin-right: 45px !important; }

/*margin x left*/
.ml-50-xs {
  margin-left: 50px !important; }

/*margin x right*/
.mr-50-xs {
  margin-right: 50px !important; }

/*margin x left*/
.ml-55-xs {
  margin-left: 55px !important; }

/*margin x right*/
.mr-55-xs {
  margin-right: 55px !important; }

/*margin x left*/
.ml-60-xs {
  margin-left: 60px !important; }

/*margin x right*/
.mr-60-xs {
  margin-right: 60px !important; }

/* you can add custom margins here */
/*margin y top*/
.mt-8-xs {
  margin-top: 8px !important; }

/*margin y bottom*/
.mb-8-xs {
  margin-bottom: 8px !important; }

/*margin y top*/
.mt-10-xs {
  margin-top: 10px !important; }

/*margin y bottom*/
.mb-10-xs {
  margin-bottom: 10px !important; }

/*margin y top*/
.mt-14-xs {
  margin-top: 14px !important; }

/*margin y bottom*/
.mb-14-xs {
  margin-bottom: 14px !important; }

/*margin y top*/
.mt-15-xs {
  margin-top: 15px !important; }

/*margin y bottom*/
.mb-15-xs {
  margin-bottom: 15px !important; }

/*margin y top*/
.mt-16-xs {
  margin-top: 16px !important; }

/*margin y bottom*/
.mb-16-xs {
  margin-bottom: 16px !important; }

/*margin y top*/
.mt-20-xs {
  margin-top: 20px !important; }

/*margin y bottom*/
.mb-20-xs {
  margin-bottom: 20px !important; }

/*margin y top*/
.mt-24-xs {
  margin-top: 24px !important; }

/*margin y bottom*/
.mb-24-xs {
  margin-bottom: 24px !important; }

/*margin y top*/
.mt-25-xs {
  margin-top: 25px !important; }

/*margin y bottom*/
.mb-25-xs {
  margin-bottom: 25px !important; }

/*margin y top*/
.mt-30-xs {
  margin-top: 30px !important; }

/*margin y bottom*/
.mb-30-xs {
  margin-bottom: 30px !important; }

/*margin y top*/
.mt-35-xs {
  margin-top: 35px !important; }

/*margin y bottom*/
.mb-35-xs {
  margin-bottom: 35px !important; }

/*margin y top*/
.mt-40-xs {
  margin-top: 40px !important; }

/*margin y bottom*/
.mb-40-xs {
  margin-bottom: 40px !important; }

/*margin y top*/
.mt-45-xs {
  margin-top: 45px !important; }

/*margin y bottom*/
.mb-45-xs {
  margin-bottom: 45px !important; }

/*margin y top*/
.mt-50-xs {
  margin-top: 50px !important; }

/*margin y bottom*/
.mb-50-xs {
  margin-bottom: 50px !important; }

/*margin y top*/
.mt-55-xs {
  margin-top: 55px !important; }

/*margin y bottom*/
.mb-55-xs {
  margin-bottom: 55px !important; }

/*margin y top*/
.mt-60-xs {
  margin-top: 60px !important; }

/*margin y bottom*/
.mb-60-xs {
  margin-bottom: 60px !important; }

/*margin y top*/
.mt-85-xs {
  margin-top: 85px !important; }

/*margin y bottom*/
.mb-85-xs {
  margin-bottom: 85px !important; }

/*margin y top*/
.mt-90-xs {
  margin-top: 90px !important; }

/*margin y bottom*/
.mb-90-xs {
  margin-bottom: 90px !important; }

/*medium devices*/
@media screen and (min-width: 768px) {
  /*extra small devices*/
  /*margin x&y*/
  .margin-8 {
    margin: 8px 8px; }
  /*margin x&y*/
  .margin-10 {
    margin: 10px 10px; }
  /*margin x&y*/
  .margin-14 {
    margin: 14px 14px; }
  /*margin x&y*/
  .margin-15 {
    margin: 15px 15px; }
  /*margin x&y*/
  .margin-16 {
    margin: 16px 16px; }
  /*margin x&y*/
  .margin-20 {
    margin: 20px 20px; }
  /*margin x&y*/
  .margin-24 {
    margin: 24px 24px; }
  /*margin x&y*/
  .margin-25 {
    margin: 25px 25px; }
  /*margin x&y*/
  .margin-30 {
    margin: 30px 30px; }
  /*margin x&y*/
  .margin-35 {
    margin: 35px 35px; }
  /*margin x&y*/
  .margin-40 {
    margin: 40px 40px; }
  /*margin x&y*/
  .margin-45 {
    margin: 45px 45px; }
  /*margin x&y*/
  .margin-50 {
    margin: 50px 50px; }
  /*margin x&y*/
  .margin-55 {
    margin: 55px 55px; }
  /*margin x&y*/
  .margin-60 {
    margin: 60px 60px; }
  /*margin x&y*/
  .margin-90 {
    margin: 90px 90px; }
  /*margin x left*/
  .ml-8 {
    margin-left: 8px !important; }
  /*margin x right*/
  .mr-8 {
    margin-right: 8px !important; }
  /*margin x left*/
  .ml-10 {
    margin-left: 10px !important; }
  /*margin x right*/
  .mr-10 {
    margin-right: 10px !important; }
  /*margin x left*/
  .ml-14 {
    margin-left: 14px !important; }
  /*margin x right*/
  .mr-14 {
    margin-right: 14px !important; }
  /*margin x left*/
  .ml-15 {
    margin-left: 15px !important; }
  /*margin x right*/
  .mr-15 {
    margin-right: 15px !important; }
  /*margin x left*/
  .ml-16 {
    margin-left: 16px !important; }
  /*margin x right*/
  .mr-16 {
    margin-right: 16px !important; }
  /*margin x left*/
  .ml-20 {
    margin-left: 20px !important; }
  /*margin x right*/
  .mr-20 {
    margin-right: 20px !important; }
  /*margin x left*/
  .ml-24 {
    margin-left: 24px !important; }
  /*margin x right*/
  .mr-24 {
    margin-right: 24px !important; }
  /*margin x left*/
  .ml-25 {
    margin-left: 25px !important; }
  /*margin x right*/
  .mr-25 {
    margin-right: 25px !important; }
  /*margin x left*/
  .ml-30 {
    margin-left: 30px !important; }
  /*margin x right*/
  .mr-30 {
    margin-right: 30px !important; }
  /*margin x left*/
  .ml-35 {
    margin-left: 35px !important; }
  /*margin x right*/
  .mr-35 {
    margin-right: 35px !important; }
  /*margin x left*/
  .ml-40 {
    margin-left: 40px !important; }
  /*margin x right*/
  .mr-40 {
    margin-right: 40px !important; }
  /*margin x left*/
  .ml-45 {
    margin-left: 45px !important; }
  /*margin x right*/
  .mr-45 {
    margin-right: 45px !important; }
  /*margin x left*/
  .ml-50 {
    margin-left: 50px !important; }
  /*margin x right*/
  .mr-50 {
    margin-right: 50px !important; }
  /*margin x left*/
  .ml-55 {
    margin-left: 55px !important; }
  /*margin x right*/
  .mr-55 {
    margin-right: 55px !important; }
  /*margin x left*/
  .ml-60 {
    margin-left: 60px !important; }
  /*margin x right*/
  .mr-60 {
    margin-right: 60px !important; }
  /*margin y top*/
  .mt-8 {
    margin-top: 8px !important; }
  /*margin y bottom*/
  .mb-8 {
    margin-bottom: 8px !important; }
  /*margin y top*/
  .mt-10 {
    margin-top: 10px !important; }
  /*margin y bottom*/
  .mb-10 {
    margin-bottom: 10px !important; }
  /*margin y top*/
  .mt-14 {
    margin-top: 14px !important; }
  /*margin y bottom*/
  .mb-14 {
    margin-bottom: 14px !important; }
  /*margin y top*/
  .mt-15 {
    margin-top: 15px !important; }
  /*margin y bottom*/
  .mb-15 {
    margin-bottom: 15px !important; }
  /*margin y top*/
  .mt-16 {
    margin-top: 16px !important; }
  /*margin y bottom*/
  .mb-16 {
    margin-bottom: 16px !important; }
  /*margin y top*/
  .mt-20 {
    margin-top: 20px !important; }
  /*margin y bottom*/
  .mb-20 {
    margin-bottom: 20px !important; }
  /*margin y top*/
  .mt-24 {
    margin-top: 24px !important; }
  /*margin y bottom*/
  .mb-24 {
    margin-bottom: 24px !important; }
  /*margin y top*/
  .mt-25 {
    margin-top: 25px !important; }
  /*margin y bottom*/
  .mb-25 {
    margin-bottom: 25px !important; }
  /*margin y top*/
  .mt-30 {
    margin-top: 30px !important; }
  /*margin y bottom*/
  .mb-30 {
    margin-bottom: 30px !important; }
  /*margin y top*/
  .mt-35 {
    margin-top: 35px !important; }
  /*margin y bottom*/
  .mb-35 {
    margin-bottom: 35px !important; }
  /*margin y top*/
  .mt-40 {
    margin-top: 40px !important; }
  /*margin y bottom*/
  .mb-40 {
    margin-bottom: 40px !important; }
  /*margin y top*/
  .mt-45 {
    margin-top: 45px !important; }
  /*margin y bottom*/
  .mb-45 {
    margin-bottom: 45px !important; }
  /*margin y top*/
  .mt-50 {
    margin-top: 50px !important; }
  /*margin y bottom*/
  .mb-50 {
    margin-bottom: 50px !important; }
  /*margin y top*/
  .mt-55 {
    margin-top: 55px !important; }
  /*margin y bottom*/
  .mb-55 {
    margin-bottom: 55px !important; }
  /*margin y top*/
  .mt-60 {
    margin-top: 60px !important; }
  /*margin y bottom*/
  .mb-60 {
    margin-bottom: 60px !important; }
  /*margin y top*/
  .mt-85 {
    margin-top: 85px !important; }
  /*margin y bottom*/
  .mb-85 {
    margin-bottom: 85px !important; }
  /*margin y top*/
  .mt-90 {
    margin-top: 90px !important; }
  /*margin y bottom*/
  .mb-90 {
    margin-bottom: 90px !important; } }

/* you can add custom paddings here */
/*extra small devices*/
/*padding x&y*/
.padding-0-xs {
  padding: 0px 0px; }

/*padding x&y*/
.padding-8-xs {
  padding: 8px 8px; }

/*padding x&y*/
.padding-10-xs {
  padding: 10px 10px; }

/*padding x&y*/
.padding-14-xs {
  padding: 14px 14px; }

/*padding x&y*/
.padding-16-xs {
  padding: 16px 16px; }

/*padding x&y*/
.padding-20-xs {
  padding: 20px 20px; }

/*padding x&y*/
.padding-24-xs {
  padding: 24px 24px; }

/*padding x&y*/
.padding-25-xs {
  padding: 25px 25px; }

/*padding x&y*/
.padding-30-xs {
  padding: 30px 30px; }

/*padding x&y*/
.padding-35-xs {
  padding: 35px 35px; }

/*padding x&y*/
.padding-40-xs {
  padding: 40px 40px; }

/*padding x&y*/
.padding-45-xs {
  padding: 45px 45px; }

/*padding x&y*/
.padding-50-xs {
  padding: 50px 50px; }

/*padding x&y*/
.padding-55-xs {
  padding: 55px 55px; }

/*padding x&y*/
.padding-60-xs {
  padding: 60px 60px; }

/*padding x&y*/
.padding-190-xs {
  padding: 190px 190px; }

/*padding x&y*/
.padding-110-xs {
  padding: 110px 110px; }

/* you can add custom paddings here */
/*padding x left*/
.pl-0-xs {
  padding-left: 0px !important; }

/*padding x right*/
.pr-0-xs {
  padding-right: 0px !important; }

/*padding x left*/
.pl-8-xs {
  padding-left: 8px !important; }

/*padding x right*/
.pr-8-xs {
  padding-right: 8px !important; }

/*padding x left*/
.pl-10-xs {
  padding-left: 10px !important; }

/*padding x right*/
.pr-10-xs {
  padding-right: 10px !important; }

/*padding x left*/
.pl-14-xs {
  padding-left: 14px !important; }

/*padding x right*/
.pr-14-xs {
  padding-right: 14px !important; }

/*padding x left*/
.pl-16-xs {
  padding-left: 16px !important; }

/*padding x right*/
.pr-16-xs {
  padding-right: 16px !important; }

/*padding x left*/
.pl-20-xs {
  padding-left: 20px !important; }

/*padding x right*/
.pr-20-xs {
  padding-right: 20px !important; }

/*padding x left*/
.pl-24-xs {
  padding-left: 24px !important; }

/*padding x right*/
.pr-24-xs {
  padding-right: 24px !important; }

/*padding x left*/
.pl-25-xs {
  padding-left: 25px !important; }

/*padding x right*/
.pr-25-xs {
  padding-right: 25px !important; }

/*padding x left*/
.pl-30-xs {
  padding-left: 30px !important; }

/*padding x right*/
.pr-30-xs {
  padding-right: 30px !important; }

/*padding x left*/
.pl-35-xs {
  padding-left: 35px !important; }

/*padding x right*/
.pr-35-xs {
  padding-right: 35px !important; }

/*padding x left*/
.pl-40-xs {
  padding-left: 40px !important; }

/*padding x right*/
.pr-40-xs {
  padding-right: 40px !important; }

/*padding x left*/
.pl-45-xs {
  padding-left: 45px !important; }

/*padding x right*/
.pr-45-xs {
  padding-right: 45px !important; }

/*padding x left*/
.pl-50-xs {
  padding-left: 50px !important; }

/*padding x right*/
.pr-50-xs {
  padding-right: 50px !important; }

/*padding x left*/
.pl-55-xs {
  padding-left: 55px !important; }

/*padding x right*/
.pr-55-xs {
  padding-right: 55px !important; }

/*padding x left*/
.pl-60-xs {
  padding-left: 60px !important; }

/*padding x right*/
.pr-60-xs {
  padding-right: 60px !important; }

/* you can add custom paddings here */
/*padding y top*/
.pt-8-xs {
  padding-top: 8px !important; }

/*padding y bottom*/
.pb-8-xs {
  padding-bottom: 8px !important; }

/*padding y top*/
.pt-10-xs {
  padding-top: 10px !important; }

/*padding y bottom*/
.pb-10-xs {
  padding-bottom: 10px !important; }

/*padding y top*/
.pt-14-xs {
  padding-top: 14px !important; }

/*padding y bottom*/
.pb-14-xs {
  padding-bottom: 14px !important; }

/*padding y top*/
.pt-16-xs {
  padding-top: 16px !important; }

/*padding y bottom*/
.pb-16-xs {
  padding-bottom: 16px !important; }

/*padding y top*/
.pt-20-xs {
  padding-top: 20px !important; }

/*padding y bottom*/
.pb-20-xs {
  padding-bottom: 20px !important; }

/*padding y top*/
.pt-24-xs {
  padding-top: 24px !important; }

/*padding y bottom*/
.pb-24-xs {
  padding-bottom: 24px !important; }

/*padding y top*/
.pt-25-xs {
  padding-top: 25px !important; }

/*padding y bottom*/
.pb-25-xs {
  padding-bottom: 25px !important; }

/*padding y top*/
.pt-30-xs {
  padding-top: 30px !important; }

/*padding y bottom*/
.pb-30-xs {
  padding-bottom: 30px !important; }

/*padding y top*/
.pt-35-xs {
  padding-top: 35px !important; }

/*padding y bottom*/
.pb-35-xs {
  padding-bottom: 35px !important; }

/*padding y top*/
.pt-40-xs {
  padding-top: 40px !important; }

/*padding y bottom*/
.pb-40-xs {
  padding-bottom: 40px !important; }

/*padding y top*/
.pt-45-xs {
  padding-top: 45px !important; }

/*padding y bottom*/
.pb-45-xs {
  padding-bottom: 45px !important; }

/*padding y top*/
.pt-50-xs {
  padding-top: 50px !important; }

/*padding y bottom*/
.pb-50-xs {
  padding-bottom: 50px !important; }

/*padding y top*/
.pt-55-xs {
  padding-top: 55px !important; }

/*padding y bottom*/
.pb-55-xs {
  padding-bottom: 55px !important; }

/*padding y top*/
.pt-60-xs {
  padding-top: 60px !important; }

/*padding y bottom*/
.pb-60-xs {
  padding-bottom: 60px !important; }

/*padding y top*/
.pt-100-xs {
  padding-top: 100px !important; }

/*padding y bottom*/
.pb-100-xs {
  padding-bottom: 100px !important; }

/*padding y top*/
.pt-110-xs {
  padding-top: 110px !important; }

/*padding y bottom*/
.pb-110-xs {
  padding-bottom: 110px !important; }

/*medium devices*/
@media screen and (min-width: 768px) {
  /*extra small devices*/
  /*padding x&y*/
  .padding-0 {
    padding: 0px 0px; }
  /*padding x&y*/
  .padding-8 {
    padding: 8px 8px; }
  /*padding x&y*/
  .padding-10 {
    padding: 10px 10px; }
  /*padding x&y*/
  .padding-14 {
    padding: 14px 14px; }
  /*padding x&y*/
  .padding-16 {
    padding: 16px 16px; }
  /*padding x&y*/
  .padding-20 {
    padding: 20px 20px; }
  /*padding x&y*/
  .padding-24 {
    padding: 24px 24px; }
  /*padding x&y*/
  .padding-25 {
    padding: 25px 25px; }
  /*padding x&y*/
  .padding-30 {
    padding: 30px 30px; }
  /*padding x&y*/
  .padding-35 {
    padding: 35px 35px; }
  /*padding x&y*/
  .padding-40 {
    padding: 40px 40px; }
  /*padding x&y*/
  .padding-45 {
    padding: 45px 45px; }
  /*padding x&y*/
  .padding-50 {
    padding: 50px 50px; }
  /*padding x&y*/
  .padding-55 {
    padding: 55px 55px; }
  /*padding x&y*/
  .padding-60 {
    padding: 60px 60px; }
  /*padding x&y*/
  .padding-190 {
    padding: 190px 190px; }
  /*padding x&y*/
  .padding-110 {
    padding: 110px 110px; }
  /*padding x left*/
  .pl-0 {
    padding-left: 0px !important; }
  /*padding x right*/
  .pr-0 {
    padding-right: 0px !important; }
  /*padding x left*/
  .pl-8 {
    padding-left: 8px !important; }
  /*padding x right*/
  .pr-8 {
    padding-right: 8px !important; }
  /*padding x left*/
  .pl-10 {
    padding-left: 10px !important; }
  /*padding x right*/
  .pr-10 {
    padding-right: 10px !important; }
  /*padding x left*/
  .pl-14 {
    padding-left: 14px !important; }
  /*padding x right*/
  .pr-14 {
    padding-right: 14px !important; }
  /*padding x left*/
  .pl-16 {
    padding-left: 16px !important; }
  /*padding x right*/
  .pr-16 {
    padding-right: 16px !important; }
  /*padding x left*/
  .pl-20 {
    padding-left: 20px !important; }
  /*padding x right*/
  .pr-20 {
    padding-right: 20px !important; }
  /*padding x left*/
  .pl-24 {
    padding-left: 24px !important; }
  /*padding x right*/
  .pr-24 {
    padding-right: 24px !important; }
  /*padding x left*/
  .pl-25 {
    padding-left: 25px !important; }
  /*padding x right*/
  .pr-25 {
    padding-right: 25px !important; }
  /*padding x left*/
  .pl-30 {
    padding-left: 30px !important; }
  /*padding x right*/
  .pr-30 {
    padding-right: 30px !important; }
  /*padding x left*/
  .pl-35 {
    padding-left: 35px !important; }
  /*padding x right*/
  .pr-35 {
    padding-right: 35px !important; }
  /*padding x left*/
  .pl-40 {
    padding-left: 40px !important; }
  /*padding x right*/
  .pr-40 {
    padding-right: 40px !important; }
  /*padding x left*/
  .pl-45 {
    padding-left: 45px !important; }
  /*padding x right*/
  .pr-45 {
    padding-right: 45px !important; }
  /*padding x left*/
  .pl-50 {
    padding-left: 50px !important; }
  /*padding x right*/
  .pr-50 {
    padding-right: 50px !important; }
  /*padding x left*/
  .pl-55 {
    padding-left: 55px !important; }
  /*padding x right*/
  .pr-55 {
    padding-right: 55px !important; }
  /*padding x left*/
  .pl-60 {
    padding-left: 60px !important; }
  /*padding x right*/
  .pr-60 {
    padding-right: 60px !important; }
  /*padding y top*/
  .pt-8 {
    padding-top: 8px !important; }
  /*padding y bottom*/
  .pb-8 {
    padding-bottom: 8px !important; }
  /*padding y top*/
  .pt-10 {
    padding-top: 10px !important; }
  /*padding y bottom*/
  .pb-10 {
    padding-bottom: 10px !important; }
  /*padding y top*/
  .pt-14 {
    padding-top: 14px !important; }
  /*padding y bottom*/
  .pb-14 {
    padding-bottom: 14px !important; }
  /*padding y top*/
  .pt-16 {
    padding-top: 16px !important; }
  /*padding y bottom*/
  .pb-16 {
    padding-bottom: 16px !important; }
  /*padding y top*/
  .pt-20 {
    padding-top: 20px !important; }
  /*padding y bottom*/
  .pb-20 {
    padding-bottom: 20px !important; }
  /*padding y top*/
  .pt-24 {
    padding-top: 24px !important; }
  /*padding y bottom*/
  .pb-24 {
    padding-bottom: 24px !important; }
  /*padding y top*/
  .pt-25 {
    padding-top: 25px !important; }
  /*padding y bottom*/
  .pb-25 {
    padding-bottom: 25px !important; }
  /*padding y top*/
  .pt-30 {
    padding-top: 30px !important; }
  /*padding y bottom*/
  .pb-30 {
    padding-bottom: 30px !important; }
  /*padding y top*/
  .pt-35 {
    padding-top: 35px !important; }
  /*padding y bottom*/
  .pb-35 {
    padding-bottom: 35px !important; }
  /*padding y top*/
  .pt-40 {
    padding-top: 40px !important; }
  /*padding y bottom*/
  .pb-40 {
    padding-bottom: 40px !important; }
  /*padding y top*/
  .pt-45 {
    padding-top: 45px !important; }
  /*padding y bottom*/
  .pb-45 {
    padding-bottom: 45px !important; }
  /*padding y top*/
  .pt-50 {
    padding-top: 50px !important; }
  /*padding y bottom*/
  .pb-50 {
    padding-bottom: 50px !important; }
  /*padding y top*/
  .pt-55 {
    padding-top: 55px !important; }
  /*padding y bottom*/
  .pb-55 {
    padding-bottom: 55px !important; }
  /*padding y top*/
  .pt-60 {
    padding-top: 60px !important; }
  /*padding y bottom*/
  .pb-60 {
    padding-bottom: 60px !important; }
  /*padding y top*/
  .pt-100 {
    padding-top: 100px !important; }
  /*padding y bottom*/
  .pb-100 {
    padding-bottom: 100px !important; }
  /*padding y top*/
  .pt-110 {
    padding-top: 110px !important; }
  /*padding y bottom*/
  .pb-110 {
    padding-bottom: 110px !important; } }

.gap {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  /*gaps*/
  /*
	*
	* How to use gap classes :
	*
	*  Ex: <div class="gap gap-2 gap-0-xs">
	*			<div class="md-6 xs-12"></div>
	*			<div class="md-6 xs-12"></div>
	*		</div>
	*
	*/
  /* you can add custom gap here */
  /* you can add custom column here but not applicable because we max it into 12cols i/12 */ }
  .gap.gap-0-xs {
    margin-left: 0px;
    margin-right: 0px; }
    .gap.gap-0-xs > [class^="xs"] {
      padding-left: 0px;
      padding-right: 0px; }
    .gap.gap-0-xs > [class*=" xs"] {
      padding-left: 0px;
      padding-right: 0px; }
  @media screen and (min-width: 768px) {
    .gap.gap-0 {
      margin-left: 0px;
      margin-right: 0px; }
      .gap.gap-0 > [class^="md"] {
        padding-left: 0px;
        padding-right: 0px; }
      .gap.gap-0 > [class*=" md"] {
        padding-left: 0px;
        padding-right: 0px; } }
  .gap.gap-5-xs {
    margin-left: -5px;
    margin-right: -5px; }
    .gap.gap-5-xs > [class^="xs"] {
      padding-left: 5px;
      padding-right: 5px; }
    .gap.gap-5-xs > [class*=" xs"] {
      padding-left: 5px;
      padding-right: 5px; }
  @media screen and (min-width: 768px) {
    .gap.gap-5 {
      margin-left: -5px;
      margin-right: -5px; }
      .gap.gap-5 > [class^="md"] {
        padding-left: 5px;
        padding-right: 5px; }
      .gap.gap-5 > [class*=" md"] {
        padding-left: 5px;
        padding-right: 5px; } }
  .gap.gap-10-xs {
    margin-left: -10px;
    margin-right: -10px; }
    .gap.gap-10-xs > [class^="xs"] {
      padding-left: 10px;
      padding-right: 10px; }
    .gap.gap-10-xs > [class*=" xs"] {
      padding-left: 10px;
      padding-right: 10px; }
  @media screen and (min-width: 768px) {
    .gap.gap-10 {
      margin-left: -10px;
      margin-right: -10px; }
      .gap.gap-10 > [class^="md"] {
        padding-left: 10px;
        padding-right: 10px; }
      .gap.gap-10 > [class*=" md"] {
        padding-left: 10px;
        padding-right: 10px; } }
  .gap.gap-15-xs {
    margin-left: -15px;
    margin-right: -15px; }
    .gap.gap-15-xs > [class^="xs"] {
      padding-left: 15px;
      padding-right: 15px; }
    .gap.gap-15-xs > [class*=" xs"] {
      padding-left: 15px;
      padding-right: 15px; }
  @media screen and (min-width: 768px) {
    .gap.gap-15 {
      margin-left: -15px;
      margin-right: -15px; }
      .gap.gap-15 > [class^="md"] {
        padding-left: 15px;
        padding-right: 15px; }
      .gap.gap-15 > [class*=" md"] {
        padding-left: 15px;
        padding-right: 15px; } }
  .gap.gap-20-xs {
    margin-left: -20px;
    margin-right: -20px; }
    .gap.gap-20-xs > [class^="xs"] {
      padding-left: 20px;
      padding-right: 20px; }
    .gap.gap-20-xs > [class*=" xs"] {
      padding-left: 20px;
      padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .gap.gap-20 {
      margin-left: -20px;
      margin-right: -20px; }
      .gap.gap-20 > [class^="md"] {
        padding-left: 20px;
        padding-right: 20px; }
      .gap.gap-20 > [class*=" md"] {
        padding-left: 20px;
        padding-right: 20px; } }
  .gap.gap-25-xs {
    margin-left: -25px;
    margin-right: -25px; }
    .gap.gap-25-xs > [class^="xs"] {
      padding-left: 25px;
      padding-right: 25px; }
    .gap.gap-25-xs > [class*=" xs"] {
      padding-left: 25px;
      padding-right: 25px; }
  @media screen and (min-width: 768px) {
    .gap.gap-25 {
      margin-left: -25px;
      margin-right: -25px; }
      .gap.gap-25 > [class^="md"] {
        padding-left: 25px;
        padding-right: 25px; }
      .gap.gap-25 > [class*=" md"] {
        padding-left: 25px;
        padding-right: 25px; } }
  .gap.gap-30-xs {
    margin-left: -30px;
    margin-right: -30px; }
    .gap.gap-30-xs > [class^="xs"] {
      padding-left: 30px;
      padding-right: 30px; }
    .gap.gap-30-xs > [class*=" xs"] {
      padding-left: 30px;
      padding-right: 30px; }
  @media screen and (min-width: 768px) {
    .gap.gap-30 {
      margin-left: -30px;
      margin-right: -30px; }
      .gap.gap-30 > [class^="md"] {
        padding-left: 30px;
        padding-right: 30px; }
      .gap.gap-30 > [class*=" md"] {
        padding-left: 30px;
        padding-right: 30px; } }
  .gap.gap-35-xs {
    margin-left: -35px;
    margin-right: -35px; }
    .gap.gap-35-xs > [class^="xs"] {
      padding-left: 35px;
      padding-right: 35px; }
    .gap.gap-35-xs > [class*=" xs"] {
      padding-left: 35px;
      padding-right: 35px; }
  @media screen and (min-width: 768px) {
    .gap.gap-35 {
      margin-left: -35px;
      margin-right: -35px; }
      .gap.gap-35 > [class^="md"] {
        padding-left: 35px;
        padding-right: 35px; }
      .gap.gap-35 > [class*=" md"] {
        padding-left: 35px;
        padding-right: 35px; } }
  .gap.gap-65-xs {
    margin-left: -65px;
    margin-right: -65px; }
    .gap.gap-65-xs > [class^="xs"] {
      padding-left: 65px;
      padding-right: 65px; }
    .gap.gap-65-xs > [class*=" xs"] {
      padding-left: 65px;
      padding-right: 65px; }
  @media screen and (min-width: 768px) {
    .gap.gap-65 {
      margin-left: -65px;
      margin-right: -65px; }
      .gap.gap-65 > [class^="md"] {
        padding-left: 65px;
        padding-right: 65px; }
      .gap.gap-65 > [class*=" md"] {
        padding-left: 65px;
        padding-right: 65px; } }
  .gap .xs-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .gap .md-12 {
      flex: 0 0 100%;
      max-width: 100%; } }
  .gap .xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  @media screen and (min-width: 768px) {
    .gap .md-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; } }
  .gap .xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  @media screen and (min-width: 768px) {
    .gap .md-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; } }
  .gap .xs-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  @media screen and (min-width: 768px) {
    .gap .md-9 {
      flex: 0 0 75%;
      max-width: 75%; } }
  .gap .xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  @media screen and (min-width: 768px) {
    .gap .md-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; } }
  .gap .xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  @media screen and (min-width: 768px) {
    .gap .md-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; } }
  .gap .xs-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  @media screen and (min-width: 768px) {
    .gap .md-6 {
      flex: 0 0 50%;
      max-width: 50%; } }
  .gap .xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  @media screen and (min-width: 768px) {
    .gap .md-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; } }
  .gap .xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  @media screen and (min-width: 768px) {
    .gap .md-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; } }
  @media screen and (min-width: 768px) {
    .gap .md-3 {
      flex: 0 0 25%;
      max-width: 25%; } }

header {
  position: relative;
  z-index: 99; }

.main_logo {
  background: rgba(0, 0, 0, 0.8);
  padding: 40px 30px;
  position: absolute;
  left: 60px;
  top: 0px;
  z-index: 99; }
  @media only screen and (max-width: 1300px) {
    .main_logo {
      width: 120px;
      padding: 30px; } }
  @media only screen and (max-width: 768px) {
    .main_logo {
      width: 100%;
      position: static;
      padding: 20px 10px;
      background: #000; } }

#nav_area.sp {
  display: none; }

@media only screen and (max-width: 768px) {
  #nav_area.sp {
    display: block !important; }
  #nav_area.pc {
    display: none !important; } }

#nav_area .menu-btn.pc {
  width: 165px;
  height: 160px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 555px;
  left: 60px;
  color: #fff;
  text-transform: uppercase;
  z-index: 99;
  text-align: center;
  padding: 100px 10px 35px;
  text-decoration: none;
  font-size: 20px; }
  @media only screen and (max-width: 1300px) {
    #nav_area .menu-btn.pc {
      width: 120px;
      height: 89px;
      padding: 50px 22px 0px;
      top: 337px; } }
  #nav_area .menu-btn.pc:after {
    content: url("../img/icons/close_icon.png");
    position: absolute;
    left: 53px;
    top: 28px;
    z-index: 1; }
    @media only screen and (max-width: 1300px) {
      #nav_area .menu-btn.pc:after {
        left: 29px;
        transform: scale(0.5);
        top: 0px; } }
  #nav_area .menu-btn.pc.is-close:after {
    content: url("../img/icons/menu_icon.png");
    position: absolute;
    left: 53px;
    top: 28px;
    z-index: 1; }
    @media only screen and (max-width: 1300px) {
      #nav_area .menu-btn.pc.is-close:after {
        left: 29px;
        top: 0; } }

#nav_area .menu-btn.sp {
  right: 10px;
  left: auto;
  top: 35px;
  padding: 0px;
  height: auto;
  font-size: 0;
  background: none;
  width: auto;
  background: none;
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  z-index: 99;
  text-align: center;
  text-decoration: none;
  font-size: 0px; }
  #nav_area .menu-btn.sp:after {
    content: url("../img/icons/menu_icon_sp.png");
    transform: scale(1);
    top: 28px;
    left: 55px; }
  #nav_area .menu-btn.sp.is-close:after {
    content: url("../img/icons/close_icon_sp.png");
    top: 28px;
    left: 55px; }

.top-head {
  position: relative; }
  @media only screen and (max-width: 768px) {
    .top-head.is-fixed {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 999; } }

.nav_menu {
  display: block;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 100px;
  top: 0;
  width: 215px;
  text-align: center;
  z-index: 90;
  padding: 215px 35px 160px;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: -1; }
  @media only screen and (max-width: 1300px) {
    .nav_menu {
      padding: 58px 35px 28px; } }
  @media only screen and (max-width: 768px) {
    .nav_menu {
      width: 100%;
      left: 0;
      top: 0;
      z-index: 9;
      opacity: 1;
      display: none;
      padding: 0;
      padding-top: 15%;
      padding-bottom: 15%;
      overflow: hidden;
      transition: none;
      background: black;
      position: relative; } }
  .nav_menu.show {
    opacity: 1;
    left: 230px;
    z-index: 90; }
    @media only screen and (max-width: 1300px) {
      .nav_menu.show {
        left: 185px; } }
    @media only screen and (max-width: 768px) {
      .nav_menu.show {
        left: 0;
        right: 0;
        top: 0px;
        position: fixed;
        bottom: 0;
        height: 100%;
        background: #000;
        overflow-y: hidden;
        padding-top: 305px; } }
  .nav_menu ul {
    height: 100%; }
    .nav_menu ul li {
      display: block;
      margin-bottom: 40px; }
      .nav_menu ul li a {
        color: #fff;
        font-size: 22px; }
        @media only screen and (max-width: 768px) {
          .nav_menu ul li a {
            font-size: 20px; } }

.section1 {
  padding-top: 120px;
  font-family: 'Ten-mincho',serif;
  font-weight: 500; }
  @media only screen and (max-width: 768px) {
    .section1 {
      padding-top: 40px; } }

[class^="sec1_box"] {
  min-height: 0;
  background: rgba(242, 242, 242, 0.8);
  padding: 85px 30px 90px;
  width: 740px; }
  @media only screen and (max-width: 768px) {
    [class^="sec1_box"] {
      min-height: 0; } }
  [class^="sec1_box"] p {
    line-height: 1.2em;
    margin-bottom: 40px;
    font-size: 18px;
    white-space: pre-line; }
    @media only screen and (max-width: 768px) {
      [class^="sec1_box"] p {
        white-space: normal;
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 24px; } }

.sec1_box1 {
  position: absolute;
  right: 0;
  top: 0; 
  border:1px solid #fff;
 text-align:left; 
  }
  @media only screen and (max-width: 768px) {
    .sec1_box1 {
      position: static;
      width: 100%;
      padding: 20px 20px !important; } }

.sec1_box2 {
  position: absolute;
  left: 0;
  top: 0;
  padding: 55px 20px 85px !important;
  width: 845px; 
  border:1px solid #fff;
   text-align:left; 
   }
  @media only screen and (max-width: 768px) {
    .sec1_box2 {
      position: static;
      width: 100%;
      padding: 0px 10px !important; } }

.wrap1 {
  clear: both;
  position: relative;
  margin-bottom:160px; }
  @media only screen and (max-width: 768px) {
    .wrap1 {
      margin-bottom: 30px; } }

.wrap2 {
  clear: both;
  position: relative;
  margin-bottom: 130px; }
  
.wrap2 p, .wrap1 p{
font-size:1em;
line-height:1.2em;
}
  @media only screen and (max-width: 768px) {
    .wrap2 {
      margin-bottom: 30px; } }

.card_img1 {
  max-width: 1320px;
  width: 90%; }

.card_img2 {
  max-width: 1320px;
  width: 90%;
  float: right; }

.section2 {
  min-height: 995px;
  background-color: #f4f5f6;
  padding: 110px 10px 130px;
  margin-top: 130px;
  font-family: 'Ten-mincho',serif;
  font-weight: 500; }
  @media only screen and (max-width: 768px) {
    .section2 {
      margin-top: 0;
      padding: 50px 10px; } }
  .section2 .section2_boxes {
    padding-left: 2%;
    padding-right: 2%;
    overflow: hidden; }
    .section2 .section2_boxes h3 {
      font-size: 22px;
      line-height: 30px;
      margin-bottom: 40px; }
        .section2 .section2_boxes h3 a{text-decoration:none;color:#000;}
    .section2 .section2_boxes p {
      font-size: 16px; }
 .section2 .section2_boxes a.shop-btn{background:#333; width:90%; padding:1em;margin:20px auto;color:#fff;}
.see_more {
  max-width: 100%;
  width: 790px;
  height: 66px;
  line-height: 66px;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  font-size: 22px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s linear;
  color: #000;
  position: relative;
  margin-top: 65px;
  font-family: 'Ten-mincho',serif;
  font-weight: 500; }
  .see_more:hover {
    background: #000;
    color: #fff; }
  .see_more:after {
    content: "";
    position: absolute;
    right: 0;
    top: 37px;
    width: 35px;
    height: 1px;
    background: #000;
    transition: all 0.3s linear; }
  .see_more:before {
    content: "";
    height: 15px;
    width: 1px;
    background: #000;
    position: absolute;
    right: 7px;
    top: 25px;
    transform: rotate(-55deg);
    transition: all 0.3s linear; }
  .see_more:hover:after {
    background: #fff; }
  .see_more:hover:before {
    background: #fff; }

.section3 {
  min-height: 877px;
  padding: 100px 10px;
  position: relative;
  z-index: 1;
  font-family: 'Ten-mincho',serif;
  font-weight: 500; }
  @media only screen and (max-width: 768px) {
    .section3 {
      padding: 50px 10px; } }
  .section3 .see_more {
    margin-top: 0; }
  .section3 .section3_boxes {
    width: 100%;
    max-width: 790px; }
    .section3 .section3_boxes .sec3_box {
      /*border-bottom: 1px solid #ccc;
      min-height: 135px;*/
      padding-bottom: 10px;
      margin-bottom: 20px; }
      .section3 .section3_boxes .sec3_box:last-child {
        border-bottom: 0; }
      .section3 .section3_boxes .sec3_box .date {
        width: 17%;
        display: inline-block;
        vertical-align: top;
        font-size: 22px;
        line-height: 22px; }
        @media only screen and (max-width: 768px) {
          .section3 .section3_boxes .sec3_box .date {
            width: 100%; } }
      .section3 .section3_boxes .sec3_box .sec3_text {
        width: 82%;
        display: inline-block;
        vertical-align: top; }
        @media only screen and (max-width: 768px) {
          .section3 .section3_boxes .sec3_box .sec3_text {
            width: 100%; } }
        .section3 .section3_boxes .sec3_box .sec3_text p {
          font-size: 16px;
          line-height: 30px;
          white-space: pre-line;
          font-family: 'Ten-mincho',serif;
          font-weight: 500; }

.leaves {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 435px;
  width: 100%;
  z-index: -1; }

.leaves2 {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 410px;
  width: 100%;
  z-index: -1; }

#back_top {
  min-height: 110px;
  background: #f4f5f6;
  text-align: center;
  padding: 30px 10px; }
  #back_top a {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 40px;
    color: #000;
    font-family: 'Noto Sans',sans-serif; }
    #back_top a:after {
      content: url("../img/icons/back_top.png");
      position: absolute;
      top: 30px;
      left: 50%;
      transform: translateX(-50%); }

@media only screen and (max-width: 768px) {
  .comp-head .main_logo {
    text-align: center; } 
  .comp-head .main_logo .v-sp {
  display: inline-block; }
    }

@media only screen and (max-width: 768px) {
  .comp-head .main_logo .v-sp {
    display: inline-block; } }

.comp_section1 {
  position: relative;
  font-family: 'Ten-mincho',serif;
  font-weight: 500; }

.comp_row {
  border-bottom: 1px solid #ccc; }
  @media only screen and (max-width: 768px) {
    .comp_row {
      text-align: center; } }

.comp_section2 {
  background-color: #f4f5f6;
  margin-bottom: 0 !important;
  font-family: 'Ten-mincho',serif;
  font-weight: 500; }
  .comp_section2 .map {
    width: 100%;
    height: 370px; }
    .comp_section2 .map iframe {
      width: 100%;
      height: 100%;
      border: 1px solid #ccc; }

.banner {
  width: 100%; }

#gallery_slider {
  display: flex;
  align-items: center;
  justify-content: center; }

footer {
  padding: 30px 10px;
  background: #000;
  color: #fff; }
.bg_gray { background-color: #f4f5f6;}

.underline{
  text-decoration: underline;
}

.blue{
  color: #3d5afe;}
.box_inner{ margin: 0 auto;
  position: relative;
  max-width: 1000px;
  width: 100%;
  padding: 50px 0;
}
#top-info a {color: #212529; text-decoration: underline;}
.info{
  display: flex;
  flex-wrap: wrap;
}
.category, .data{ margin-right: 30px;}
.comment{ margin-left: 270px;
  text-align: left;}
.category__box{
  display: block;
  min-width: 10em;
  font-size: 0.8em;
  padding: 0.2em;
  text-align: center;
  color: #ffffff;
  background-color: #454241;
  border-radius: 5px;
}
.box__boder{
  border-top: solid 1px #333 ;
  border-bottom: solid 1px #333 ;
}
.info-box{
  padding: 30px;
  margin-bottom: 30px;
}
.info-box__min{
  margin: 0 auto;
  width: 300px;
  padding: 30px;
}
.box{ margin-bottom: 3%;}
.title{ line-height: 1.2; font-size: 22px;}
@media only screen and (max-width: 768px) {
  .comment{ margin-left: 12px;
    text-align: left;}
}

/*sns information */
.info_area {width: 80%; margin:0 auto; padding-top: 30px; display: flex; }
.info_contents {width: 50%;}
.info_contents_ttl{font-size: 20px; padding-bottom: 10px;}
.SandboxRoot.env-bp-330 .timeline-Tweet-text{font-size: 16px !important;}
.tw{color: #1DA1F2;}
.fb{color: #1877f2;}

@media screen and (max-width: 768px) {
  .info_area{width: 100%;}
}
@media screen and (max-width: 420px) {
  .info_area{flex-direction: column;}
  .info_contents{width: 100%;}
  .spinner1{margin-bottom: 30px;}
}
.sumaho { display: none;}
@media screen and (max-width: 768px) {
  .sumaho { display:block;}
}
.nosumaho { display: block;}
@media screen and (max-width: 768px) {
  .nosumaho { display:none;}
}
.nav_menu2 {
  display: block;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    top: -900px;
    width: 100%;
    text-align: center;
    z-index: 10000;
    padding: 150px 35px 160px;
    opacity: 1;
    transition: all 0.5s ease;
}
.nav_menu2 ul {
  height: 100%;
}
.nav_menu2 ul li {
  display: block;
  margin-bottom: 40px;
}
.nav_menu2 ul li a {
  color: #fff;
  font-size: 22px;
}
#nav_area .menu-btn2 {
  right: 10px;
  left: auto;
  top: 35px;
  padding: 0px;
  height: auto;
  font-size: 0;
  background: none;
  width: auto;
  background: none;
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  z-index: 99;
  text-align: center;
  text-decoration: none;
  font-size: 0px;
}
#nav_area .menu-btn2:after {
  content: url(../img/icons/menu_icon_sp.png);
  transform: scale(1);
  top: 28px;
  left: 55px;
}

.opne_menu { transform: translateY(980px);}
.nobr { white-space:nowrap; }