@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Oswald:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Oswald:wght@400;700&display=swap");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

html {
  font-size: 100%; /* 1 */
  overflow-y: scroll; /* 2 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 3 */
  -webkit-text-size-adjust: 100%; /* 4 */
  -ms-text-size-adjust: 100%; /* 4 */
}

body {
  margin: 0;
}

body,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 75%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul,
nav ol {
  /*list-style: none;*/
}

img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  *margin-left: -7px; /* 2 */
}

button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

button,
input {
  line-height: normal; /* 1 */
  *overflow: visible; /* 2 */
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer; /* 1 */
  -webkit-appearance: button; /* 2 */
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

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

/*
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: normal;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
*/
html, body {
  width: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 2em;
  letter-spacing: 0.02em;
  font-weight: bold;
  color: #3E6680;
}
@media screen and (max-width: 750px) {
  h1, h2, h3, h4, h5, h6 {
    font-size: 4vw;
  }
}

hr {
  display: none;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  margin: 0;
  padding: 0;
}

p, li, dt, dd, th, td, figcaption, time, address {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  line-height: 2em;
  color: #505050;
}
@media screen and (max-width: 750px) {
  p, li, dt, dd, th, td, figcaption, time, address {
    font-size: 3.2vw;
  }
}

th p, td p {
  font-size: 100%;
}

p {
  margin-bottom: 2em;
}

a {
  color: #1A1311;
  text-decoration: underline;
  outline: none;
}

a.outline:focus {
  outline: 1px dotted;
}

a:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
}

a img {
  margin: 0px;
  padding: 0px;
  border: none;
}

ol li p,
ul li p,
ol li table tr th,
ol li table tr td,
table tr td p,
table tr td ol li,
table tr td ul li,
table tr td ol li p,
table tr td ul li p {
  font-size: 100%;
}

ol.lmnone,
ul.lmnone {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol.fllist li,
ul.fllist li {
  float: left;
  list-style: none;
}

/* dl table */
dl.table1 dt,
dl.table2 dt {
  margin: 0;
  margin-right: -110px;
  float: left;
  clear: both;
  display: inline;
  width: 110px;
}

dl.table1 dd {
  margin-left: 110px;
}

dl.table1 {
  /*\*/
  min-height: 1px;
  _height: 1%;
  /* */
  /*\*/ /*/
overflow: hidden;
/**/
}

dl.table1::after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

dl.table2 dt {
  width: 120px;
  margin-right: -120px;
}

dl.table2 dd {
  margin-left: 120px;
}

form {
  margin: 0;
  padding: 0;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

#layout {
  width: 100%;
  padding: 0;
  margin: 0;
}

.dwrap {
  position: relative;
  clear: both;
}

.dleft {
  float: left;
}

.dright {
  float: right;
}

/* スペースの調整用 */
.pt-15 {
  padding-top: -15px;
}

.pt0 {
  padding-top: 0;
}

.pt1em {
  padding-top: 1em;
}

.pt2em {
  padding-top: 2em;
}

.pt3em {
  padding-top: 3em;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  padding-top: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pt124 {
  padding-top: 124px;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb1em {
  padding-bottom: 1em;
}

.pb2em {
  padding-bottom: 2em;
}

.pb3em {
  padding-bottom: 3em;
}

.pb4em {
  padding-bottom: 4em;
}

.pb5em {
  padding-bottom: 5em;
}

.pb6em {
  padding-bottom: 6em;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb120 {
  padding-bottom: 120px;
}

.mt0 {
  margin-top: 0;
}

.mt1em {
  margin-top: 1em;
}

.mt2em {
  margin-top: 2em;
}

.mt3em {
  margin-top: 3em;
}

.mt4em {
  margin-top: 4em;
}

.mt5em {
  margin-top: 5em;
}

.mt6em {
  margin-top: 6em;
}

.mt7em {
  margin-top: 7em;
}

.mt8em {
  margin-top: 8em;
}

.mt9em {
  margin-top: 9em;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt120 {
  margin-top: 120px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb1em {
  margin-bottom: 1em;
}

.mb2em {
  margin-bottom: 2em;
}

.mb3em {
  margin-bottom: 3em;
}

.mb4em {
  margin-bottom: 4em;
}

.mb5em {
  margin-bottom: 5em;
}

.mb6em {
  margin-bottom: 6em;
}

.mb7em {
  margin-bottom: 7em;
}

.mb8em {
  margin-bottom: 8em;
}

.mb9em {
  margin-bottom: 9em;
}

.mb7 {
  margin-bottom: 7px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb120 {
  margin-bottom: 120px;
}

.pl1em {
  padding-left: 1em;
}

.ml1em {
  margin-left: 1em;
}

.rp0 {
  padding-right: 0;
}

.rm0 {
  margin-right: 0;
}

.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr35 {
  padding-right: 35px;
}

.pr50 {
  padding-right: 50px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl340 {
  padding-left: 340px;
}

.bb5 {
  border-bottom: 5px solid #78BE00;
}

.bt5 {
  border-top: 5px solid #78BE00;
  padding-top: 70px;
}

.f11 {
  font-size: 11px !important;
}

.f12 {
  font-size: 12px !important;
}

.red {
  color: red;
}

.text-right {
  text-align: right;
}

.text-rightb {
  font-weight: bold;
  text-align: right;
}

.tcenter {
  text-align: center;
}

body {
  _zoom: 0.7;
}

.pcv {
  display: block;
}
@media screen and (max-width: 750px) {
  .pcv {
    display: none !important;
  }
}

.pcvin {
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .pcvin {
    display: none;
  }
}

.spv {
  display: none;
}
@media screen and (max-width: 750px) {
  .spv {
    display: block;
  }
}

.spvin {
  display: none;
}
@media screen and (max-width: 750px) {
  .spvin {
    display: inline-block;
  }
}

img {
  max-width: 100%;
  height: auto;
}

.inview.fadeno {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.inview.fadeno.show {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.inview.fade,
.inview.fade1 {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.inview.fade.show,
.inview.fade1.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.inview.fade2 {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.inview.fade2.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.inview.fade3 {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.inview.fade3.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.inview.fade4 {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.inview.fade4.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.inview.left {
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.inview.left.show {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.inview.right {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.inview.right.show {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.inview.right2 {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.inview.right2.show {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.inview.right3 {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.inview.right3.show {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.inview.d1.show {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.inview.d2.show {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.inview.d3.show {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.inview.top::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  z-index: 2;
  -webkit-transition: all 0.4s cubic-bezier(0, 0.48, 0.24, 0.96);
  transition: all 0.4s cubic-bezier(0, 0.48, 0.24, 0.96);
}

.inview.top::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  /* background-color: transparent; */
  z-index: 2;
  -webkit-transition: all 0.4s cubic-bezier(0, 0.48, 0.24, 0.96);
  transition: all 0.4s cubic-bezier(0, 0.48, 0.24, 0.96);
}

.inview.top.show::after, .inview.top.show::before {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.image.inview.top.show::after, .image.inview.top.show::before {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

#is-loading {
  top: 0;
  left: 0;
  z-index: 50;
  position: relative;
}

#loading {
  position: fixed;
  background: #FDFDFD;
  width: 100%;
  height: 100vh;
}
#loading .loadcopy {
  width: 80px;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#loading svg {
  display: none;
  width: auto;
  height: 80px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #loading .loadcopy {
    max-width: 75%;
    height: auto;
  }
}

@font-face {
  font-family: "bangla";
  src: url(/common/font/bangla-sangam-mn.ttf);
}
header {
  padding: 31px 0 0 0;
  background: #A7995D;
}
header h1 {
  width: 100px;
  margin: 0 auto 95px auto;
}
header .header_nav {
  list-style: none;
  width: 88.2%;
  margin: 0 0 192px 0;
  border-top: 1px solid #000;
}
header .header_nav li {
  line-height: 0;
  font-size: 0;
  border-bottom: 1px solid #000;
}
header .header_nav li a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header .header_nav li a:hover {
  opacity: 0.5;
}
header .header_access {
  border-top: 1px solid #000;
  width: 88.2%;
}
header .header_access h3 {
  line-height: 0;
  font-size: 0;
  margin: 0;
}
header .header_access ul {
  width: 80%;
  margin: 0 0 18px 13%;
  list-style: none;
}
header .header_access ul li {
  width: 100%;
  color: #D95117;
  font-weight: bold;
  margin: 0 0 11px 0;
  text-align: center;
}
header .header_access ul li a {
  display: block;
  text-decoration: none;
  color: #D95117;
  background: #FFF;
  padding: 0.5em 0 0.3em 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header .header_access ul li a:hover {
  background-color: #D95117;
  color: #FFF;
}
header .header_mail {
  width: 88.2%;
  line-height: 0;
  font-size: 0;
  margin: 0 0 22px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
header .header_pagetop {
  width: 43%;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  padding-bottom: 42px;
}
@media screen and (max-width: 1360px) {
  header {
    padding: 2.2vw 0 0 0;
  }
  header h1 {
    width: 7.3vw;
    margin: 0 auto 6.9vw auto;
  }
  header .header_nav {
    margin: 0 0 14vw 0;
  }
  header .header_access ul {
    margin: 0 0 1.3vw 13%;
  }
  header .header_access ul li {
    margin: 0 0 0.8vw 0;
    font-size: 1.17vw;
  }
  header .header_mail {
    margin: 0 0 1.6vw 0;
  }
  header .header_pagetop {
    padding-bottom: 3vw;
  }
}

/* gnav */
/* sp menu */
#menu {
  position: fixed;
  width: 68px;
  height: 24px;
  right: 43px;
  top: 33px;
  cursor: pointer;
  margin: 0px;
  z-index: 40;
}
@media screen and (max-width: 1124px) {
  #menu {
    top: 2.5vw;
  }
}
@media screen and (max-width: 756px) {
  #menu {
    top: 1.8%;
  }
}
#menu::before, #menu::after,
#menu .icon {
  position: absolute;
  top: 8px;
  left: 0;
  width: 68px;
  height: 1px;
  background-color: #E64B0A;
  text-indent: -9999px;
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#menu::after {
  content: "";
  top: 16px;
  width: 68px;
  background: #E64B0A;
}
#menu::before {
  content: "";
  top: 24px;
  width: 68px;
  left: auto;
  right: 0;
  background: #E64B0A;
}
#menu .open {
  display: block;
}
#menu .close {
  display: none;
}
#menu.on::before {
  -webkit-transform: translateY(-8.5px) rotate(-45deg);
          transform: translateY(-8.5px) rotate(-45deg);
  background-color: #FFF;
}
#menu.on::after {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#menu.on .icon {
  -webkit-transform: translateY(8.5px) rotate(45deg);
          transform: translateY(8.5px) rotate(45deg);
  background-color: #FFF;
}
#menu.on .open {
  display: none;
}
#menu.on .close {
  display: block;
}
#menu p {
  position: absolute;
  width: 100%;
  bottom: 6px;
  font-size: 10px;
  margin: 0;
  line-height: 1.1em;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 756px) {
  #menu {
    display: block;
  }
}

#spnav {
  position: fixed;
  display: none;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: rgba(230, 75, 10, 0.95);
  z-index: 38;
}
#spnav .spnav_wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#spnav .spnav_inner {
  position: relative;
  padding-right: 100px;
}
#spnav .spnav_inner:last-child {
  padding-right: 0;
}
#spnav .spnav_inner ul {
  list-style: none;
  margin-bottom: 1em;
}
#spnav .spnav_inner ul:last-child {
  margin-bottom: 0;
}
#spnav .spnav_inner ul li {
  color: white;
}
#spnav .spnav_inner ul li a {
  color: #FFF;
  text-decoration: none;
}
#spnav .spnav_inner ul li a:hover {
  opacity: 0.7;
}
#spnav .spnav_inner ul li.spli_title {
  opacity: 0.8;
}
#spnav h2 {
  width: 46.4vw;
  padding: 0 0 85px 0;
}
#spnav .spgnav {
  position: relative;
  display: inline-block;
  width: auto;
  list-style: none;
  left: auto;
}
#spnav .spgnav li {
  text-align: left;
  font-size: 18px;
  margin-bottom: 1em;
}
#spnav .spgnav li a {
  color: #FFF;
  text-decoration: none;
}
#spnav .spgnav li a:hover {
  opacity: 0.7;
}
#spnav .sns_nav li {
  width: 25px;
  margin: 0 22px 0 0;
}
#spnav.view {
  background: rgba(230, 75, 10, 0.95);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  opacity: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 900px) {
  #spnav .spnav_inner {
    padding-right: 11vw;
  }
}
@media screen and (max-width: 750px) {
  #spnav .spnav_wrap {
    width: 76.6%;
  }
  #spnav .spnav_wrap .spnav_inner {
    padding-right: 0;
    width: 50%;
  }
  #spnav .spnav_wrap .spnav_inner ul li {
    font-size: 3.2vw;
    line-height: 1.4em;
    margin-bottom: 1em;
  }
  #spnav .spnav_wrap .spnav_inner ul li .spnbr {
    display: block;
  }
}

@font-face {
  font-family: "bangla";
  src: url(/common/font/bangla-sangam-mn.ttf);
}
main {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}
main header {
  width: 13.2%;
}
main .contents_base {
  width: 86.8%;
}
@media screen and (max-width: 1360px) {
  main {
    width: 100%;
  }
}

.dwrap {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1360px) {
  .dwrap {
    width: 100%;
  }
}

.home_main {
  position: relative;
}
.home_main figure {
  line-height: 0;
  font-size: 0;
  margin: 0;
}
.home_main p {
  position: absolute;
  margin: 0;
  line-height: 0;
  font-size: 0;
}
.home_main p.home_copy1 {
  left: 56px;
  top: 287px;
  width: 327px;
}
.home_main p.home_copy2 {
  right: 120px;
  bottom: 48px;
  width: 327px;
}
.home_main h2 {
  position: absolute;
  left: 46px;
  top: 642px;
  width: 536px;
  line-height: 0;
  font-size: 0;
}
.home_main h3 {
  position: absolute;
  right: 34px;
  bottom: 53px;
  width: 66px;
  line-height: 0;
  font-size: 0;
}
@media screen and (max-width: 1360px) {
  .home_main p.home_copy1 {
    left: 4.1vw;
    top: 21vw;
    width: 24vw;
  }
  .home_main p.home_copy2 {
    right: 8.8vw;
    bottom: 3.5vw;
    width: 24vw;
  }
  .home_main h2 {
    left: 3.3vw;
    top: 47.2vw;
    width: 39.4vw;
  }
  .home_main h3 {
    right: 2.5vw;
    bottom: 3.9vw;
    width: 4.8vw;
  }
}

.home_movie {
  background: #BC600F;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}
.home_movie h2 {
  width: 6%;
  background: #000;
  line-height: 0;
  font-size: 0;
}
.home_movie .home_movie_contents {
  width: 94%;
}

.home_movie_contents {
  padding: 40px 0 30px 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.home_movie_contents article {
  width: 42.7%;
  margin: 0 2.1%;
}
.home_movie_contents article figure {
  line-height: 0;
  font-size: 0;
  -webkit-box-shadow: 0 0 20px #1E1207;
          box-shadow: 0 0 20px #1E1207;
  margin: 0 0 19px 0;
}
.home_movie_contents article figure iframe {
  width: 100%;
  height: 250px;
}
.home_movie_contents article h3 {
  color: #FFF;
  text-align: center;
  font-size: 15px;
  padding: 0.3em 0 0.2em 0;
  background: transparent -webkit-gradient(linear, right top, left top, from(#86442D), to(#001B5F)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #86442D 0%, #001B5F 100%) 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 1360px) {
  .home_movie_contents {
    padding: 2.9vw 0 2.2vw 0;
  }
  .home_movie_contents article figure {
    -webkit-box-shadow: 0 0 1.4vw #1E1207;
            box-shadow: 0 0 1.4vw #1E1207;
    margin: 0 0 1.4vw 0;
  }
  .home_movie_contents article figure iframe {
    height: 18.3vw;
  }
  .home_movie_contents article h3 {
    font-size: 1.1vw;
  }
}

.home_footer {
  background: url(/common/images/home/home_back2@2x.jpg) no-repeat center center;
  background-size: cover;
  padding: 46px 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.home_footer section {
  padding-bottom: 50px;
}
.home_footer section h2 {
  line-height: 0;
  font-size: 0;
  margin-bottom: 30px;
}
.home_footer section:nth-child(1) {
  width: 405px;
}
.home_footer section:nth-child(1) div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.home_footer section:nth-child(1) div figure {
  line-height: 0;
  font-size: 0;
  width: 120px;
  margin: 0 15px 0 0;
}
.home_footer section:nth-child(1) div p {
  margin: 0;
  color: #FFF;
  font-size: 15px;
  line-height: 1.4em;
}
.home_footer section:nth-child(2) {
  width: 550px;
  padding-top: 17px;
}
.home_footer section:nth-child(2) h3 {
  line-height: 0;
  font-size: 0;
  border-bottom: 2px solid #FFF;
  padding-bottom: 16px;
  margin-bottom: 19px;
}
.home_footer section:nth-child(2) h3 img {
  width: 234px;
}
.home_footer section:nth-child(2) .footer_address {
  position: relative;
}
.home_footer section:nth-child(2) .footer_address article {
  margin: 0 0 28px 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.home_footer section:nth-child(2) .footer_address article h4 {
  width: 145px;
  background: #FFF;
  color: #D95117;
  font-size: 17px;
  text-align: center;
  margin: 0 15px 0 0;
}
.home_footer section:nth-child(2) .footer_address article div {
  width: calc(100% - 145px);
}
.home_footer section:nth-child(2) .footer_address article div address {
  color: #FFF;
  font-size: 16px;
  line-height: 1.4em;
  font-style: normal;
}
.home_footer section:nth-child(2) .footer_address article div address em {
  font-style: normal;
  font-size: 15px;
}
.home_footer section:nth-child(2) .footer_address article div p {
  margin: 0;
  line-height: 1.4em;
  font-size: 16px;
  color: #FFF;
}
.home_footer section:nth-child(2) .footer_address article div p em {
  font-style: normal;
  font-size: 13px;
}
.home_footer .copyright {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  margin: 0;
  padding-bottom: 39px;
}
@media screen and (max-width: 1360px) {
  .home_footer {
    padding: 3.3vw 4vw;
  }
  .home_footer section {
    padding-bottom: 3.6vw;
  }
  .home_footer section h2 {
    margin-bottom: 2.2vw;
  }
  .home_footer section:nth-child(1) {
    width: 29.7vw;
  }
  .home_footer section:nth-child(1) div figure {
    width: 8.8vw;
    margin: 0 1.1vw 0 0;
  }
  .home_footer section:nth-child(1) div p {
    font-size: 1.1vw;
  }
  .home_footer section:nth-child(2) {
    width: 40vw;
    padding-top: 1.25vw;
  }
  .home_footer section:nth-child(2) h3 {
    padding-bottom: 1.17vw;
    margin-bottom: 1.4vw;
  }
  .home_footer section:nth-child(2) h3 img {
    width: 17.2vw;
  }
  .home_footer section:nth-child(2) .footer_address article {
    margin: 0 0 2vw 0;
  }
  .home_footer section:nth-child(2) .footer_address article h4 {
    width: 10vw;
    font-size: 1.25vw;
    margin: 0 1.1vw 0 0;
  }
  .home_footer section:nth-child(2) .footer_address article div {
    width: calc(100% - 10vw);
  }
  .home_footer section:nth-child(2) .footer_address article div address {
    font-size: 1.17vw;
  }
  .home_footer section:nth-child(2) .footer_address article div address em {
    font-size: 1.1vw;
  }
  .home_footer section:nth-child(2) .footer_address article div p {
    font-size: 1.17vw;
  }
  .home_footer section:nth-child(2) .footer_address article div p em {
    font-size: 1vw;
  }
  .home_footer .copyright {
    font-size: 1vw;
    padding-bottom: 2.8vw;
  }
}

.about_comgreeting {
  position: relative;
  background: url(/about/images/about_back1@2x.jpg) no-repeat top 354px right #000;
  background-size: 495px;
}
@media screen and (max-width: 1360px) {
  .about_comgreeting {
    background: url(/about/images/about_back1@2x.jpg) no-repeat top 26vw right #000;
    background-size: 36.3vw;
  }
}

.about_title {
  position: relative;
}
.about_title h2 {
  position: absolute;
  right: 48px;
  top: 310px;
  width: 496px;
}
.about_title h3 {
  position: relative;
  margin: 25px 0 0 148px;
  width: 628px;
}
@media screen and (max-width: 1360px) {
  .about_title h2 {
    right: 3.5vw;
    top: 22.7vw;
    width: 36.4vw;
  }
  .about_title h3 {
    margin: 1.8vw 0 0 10.8vw;
    width: 46.1vw;
  }
}

.comgreeting_inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}
.comgreeting_inner h2 {
  width: 51px;
  margin: 86px 0 0 56px;
}
.comgreeting_inner div {
  width: 898px;
  padding: 45px 68px 0 0;
}
@media screen and (max-width: 1360px) {
  .comgreeting_inner h2 {
    width: 3.75vw;
    margin: 6.3vw 0 0 4.1vw;
  }
  .comgreeting_inner div {
    width: 66vw;
    padding: 3.3vw 5vw 0 0;
  }
}

.about_hisout_ecuip {
  position: relative;
  padding-top: 55px;
  background: url(/about/images/about_back2.jpg) no-repeat bottom center;
  background-size: cover;
}
@media screen and (max-width: 1360px) {
  .about_hisout_ecuip {
    padding-top: 4vw;
  }
}

.hisout_wrap {
  width: 900px;
  padding-right: 68px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1360px) {
  .hisout_wrap {
    width: 66.1vw;
    padding-right: 5vw;
  }
}

.ecuip_wrap {
  width: 973px;
  margin: 0 auto;
  padding-bottom: 52px;
}
@media screen and (max-width: 1360px) {
  .ecuip_wrap {
    width: 71.5vw;
    padding-bottom: 3.8vw;
  }
}

.pr-31 {
  margin-right: -31px;
}
@media screen and (max-width: 1360px) {
  .pr-31 {
    margin-right: -2.2vw;
  }
}

.pr-6 {
  margin-right: -6px;
}
@media screen and (max-width: 1360px) {
  .pr-6 {
    margin-right: -0.44vw;
  }
}

.pr-71 {
  margin-right: -71px;
}
@media screen and (max-width: 1360px) {
  .pr-71 {
    margin-right: -5.22vw;
  }
}

.coustomer_wrap {
  position: relative;
  padding: 40px 0 0 59px;
  background: url(/about/images/about_back3.jpg) no-repeat center center;
  background-size: cover;
}
.coustomer_wrap .coustomer_text {
  width: 973px;
}
.coustomer_wrap .copyright {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  margin: 0;
  padding-bottom: 39px;
}
@media screen and (max-width: 1360px) {
  .coustomer_wrap {
    padding: 2.9vw 0 0 4.3vw;
  }
  .coustomer_wrap .coustomer_text {
    width: 71.5vw;
  }
  .coustomer_wrap .copyright {
    font-size: 1vw;
    padding-bottom: 2.86vw;
  }
}

.flow_product {
  position: relative;
  background: url(/product/images/flow_back1.jpg) no-repeat top center;
  background-size: cover;
}

#product .about_title h2 {
  top: 330px;
}
@media screen and (max-width: 1360px) {
  #product .about_title h2 {
    top: 24.2vw;
  }
}

.product_intro {
  position: relative;
  background: url(/product/images/flow_back2.jpg) no-repeat top center;
  background-size: cover;
  padding: 40px 0 0 0;
}
.product_intro p {
  width: 900px;
  margin-left: 145px;
}
.product_intro .copyright {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  margin: 0;
  padding-bottom: 39px;
}
@media screen and (max-width: 1360px) {
  .product_intro {
    padding: 2.9vw 0 0 0;
  }
  .product_intro p {
    width: 66.1vw;
    margin-left: 10vw;
  }
  .product_intro .copyright {
    font-size: 1vw;
    padding-bottom: 2.8vw;
  }
}

.min {
  font-family: "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", "Meiryo", sans-serif;
}

.lato {
  font-family: "Lato", sans-serif;
}

.din {
  font-family: "Oswald", sans-serif;
}