@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap");
@font-face { font-family: 'SakkalMajalla'; src: url(../fonts/SakkalMajalla.eot); src: url(../fonts/SakkalMajalla.eot?#iefix) format("embedded-opentype"), url(../fonts/SakkalMajalla.woff) format("woff"), url(../fonts/SakkalMajalla.ttf) format("truetype"), url(../fonts/SakkalMajalla.otf), url(../fonts/SakkalMajalla.svg#svgFontName) format("svg"); }

/* FILE : /assets/sass/shared/_rest.scss  */
body { -webkit-text-size-adjust: 100%; }

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, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; text-align: left; text-decoration: none; }

article, aside, details, figcaption, figure, picture, footer, header, hgroup, menu, nav, section, main { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

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

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; /* 必要に応じて下記はコメントアウト */ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

ol, ul { list-style: none; }

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

caption, th { text-align: left; }

a:focus { outline: none; }

img { vertical-align: bottom; }

a, span, small, strong, em { color: inherit; font-weight: inherit; }

/* FILE : /assets/sass/shared/_common.scss  */
html { font-size: 0.625em; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; vertical-align: bottom; }

*[role="button"] { cursor: pointer; }

body { font: 14px/1.7 "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; color: #211713; background-color: #EFEFEF; }

@media screen and (max-width: 750px) { body { font-size: 12px; } }

#wrapper { overflow: hidden; }

@media screen and (max-width: 750px) { #wrapper:after { content: ''; z-index: 30; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; position: fixed; top: 0; left: 0; -webkit-transition: .3s opacity ease .3s,.1s transform ease .6s; -o-transition: .3s opacity ease .3s,.1s transform ease .6s; transition: .3s opacity ease .3s,.1s transform ease .6s; }
  #wrapper.nav-open { position: fixed; left: 0; width: 100%; }
  #wrapper.nav-open:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: .3s opacity ease .1s,.1s transform ease 0s; -o-transition: .3s opacity ease .1s,.1s transform ease 0s; transition: .3s opacity ease .1s,.1s transform ease 0s; }
  #wrapper.nav-open .glnav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  #wrapper.nav-open .menubtn i { -webkit-transition: .3s all ease 0s; -o-transition: .3s all ease 0s; transition: .3s all ease 0s; }
  #wrapper.nav-open .menubtn i:nth-child(1) { top: 29px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
  #wrapper.nav-open .menubtn i:nth-child(2) { opacity: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
  #wrapper.nav-open .menubtn i:nth-child(3) { top: 29px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } }

.site-header { height: 114px; padding-top: 20px; padding-bottom: 20px; background-color: #fff; }

.site-header__inner { max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

.site-header__logo a { display: block; line-height: 0; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }

.site-header__logo a:hover { opacity: .6; }

@media screen and (min-width: 751px) { .site-header__logo { width: 349px; } }

@media screen and (max-width: 750px) { .site-header { height: 60px; padding-top: 10px; padding-bottom: 10px; }
  .site-header__logo { height: 40px; }
  .site-header__logo img { height: 40px; } }

@media screen and (min-width: 751px) { .menubtn { display: none; } }

@media screen and (max-width: 750px) { .menubtn { position: fixed; background-color: #fff; width: 60px; height: 60px; top: 0; right: 0; z-index: 50; }
  .menubtn i { display: -webkit-box; display: -ms-flexbox; display: flex; height: 2px; width: 30px; background-color: #1f4d89; position: absolute; right: 15px; -webkit-transition: .3s all ease .3s; -o-transition: .3s all ease .3s; transition: .3s all ease .3s; }
  .menubtn i:nth-child(1) { top: 20px; }
  .menubtn i:nth-child(2) { top: 29px; }
  .menubtn i:nth-child(3) { top: 38px; } }

@media screen and (min-width: 751px) { .glnav { position: relative; padding-top: 12px; background-color: #fff; height: 47px; z-index: 10; }
  .glnav__inner { max-width: 1000px; margin-left: auto; margin-right: auto; height: 35px; position: relative; }
  .glnav__line { display: block; position: absolute; bottom: 0; background-color: #1f4d89; height: 3px; width: 0; -webkit-transition: .2s width ease,.2s left ease; -o-transition: .2s width ease,.2s left ease; transition: .2s width ease,.2s left ease; } }

@media screen and (max-width: 750px) { .glnav { position: fixed; top: 0; right: 0; width: 250px; height: 100%; max-height: 100vh; overflow-y: auto; overflow-x: hidden; overflow-scrolling: touch; z-index: 40; background-color: #EFEFEF; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); -ms-overflow-style: none; scrollbar-width: none; }
  .glnav::-webkit-scrollbar { display: none; }
  .glnav__inner { overflow-y: auto; padding: 70px 10px 10px; -ms-overflow-style: none; scrollbar-width: none; }
  .glnav__inner::-webkit-scrollbar { display: none; }
  .glnav.smt-nav { -webkit-transition: .3s all ease 0s; -o-transition: .3s all ease 0s; transition: .3s all ease 0s; }
  .glnav.smt-nav .glsubmenu { -webkit-transition: .3s all ease 0s; -o-transition: .3s all ease 0s; transition: .3s all ease 0s; }
  .glnav__line { display: none; } }

.glmenu__item--parent .arrow { line-height: 0; }

.glmenu__item--parent .text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

@media screen and (min-width: 751px) { .glmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-left: 1px solid #898989; }
  .glmenu__item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-right: 1px solid #898989; font-size: 13px; }
  .glmenu__item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 20px; }
  .glmenu__item--parent .arrow { -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; -webkit-transition: .3s transform ease; -o-transition: .3s transform ease; transition: .3s transform ease; }
  .glmenu__item--parent .arrow svg { fill: #676767; width: 10px; }
  .glmenu__item--parent .text { margin-left: 5px; }
  .glmenu__item--parent-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; }
  .glmenu__item--parent.open .arrow { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
  .glmenu__item--parent.open .glsubmenu { height: 270px; }
  .glmenu__item--parent.open .glsubmenu--biz { height: 170px; }
  .glmenu__item--parent.open .glmenu__item--parent-block { position: relative; }
  .glmenu__item--parent.open .glmenu__item--parent-block:after { content: ''; display: block; width: 0; height: 0; border-bottom: 10px solid #1f4d89; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 0px solid transparent; position: absolute; bottom: -15px; left: 50%; margin-left: -14px; } }

@media screen and (max-width: 750px) { .glmenu__item { padding: 5px 0; font-size: 14px; }
  .glmenu__item > a { display: block; }
  .glmenu__item--parent-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 20px; }
  .glmenu__item--parent .text { margin-right: 5px; }
  .glmenu__item--parent .arrow { -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
  .glmenu__item--parent .arrow svg { fill: #211713; width: 10px; }
  .glmenu__item--parent.open { position: relative; z-index: 10; }
  .glmenu__item--parent.open .glsubmenu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

.glsubmenu span.glsubmenu__btn { cursor: default; }

.glsubmenu span.glsubmenu__btn .glsubmenu__img { display: inline-block; }

.glsubmenu span.glsubmenu__btn .glsubmenu__img img { opacity: .6; }

@media screen and (min-width: 751px) { .glsubmenu { position: absolute; top: 35px; left: 0; width: 100%; height: 0; padding: 0 0 0; background-color: #1f4d89; -webkit-transition: .3s height ease 0s; -o-transition: .3s height ease 0s; transition: .3s height ease 0s; overflow: hidden; }
  .glsubmenu__back { display: none; }
  .glsubmenu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 845px; margin-left: auto; margin-right: auto; padding-top: 25px; }
  .glsubmenu__list--col3 .glsubmenu__item { -webkit-box-flex: 0; -ms-flex: 0 0 30.7%; flex: 0 0 30.7%; width: 30.7%; max-width: 260px; }
  .glsubmenu__list--col4 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .glsubmenu__list--col4 .glsubmenu__item { -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; width: 23%; max-width: 195px; }
  .glsubmenu__list--col5 .glsubmenu__item { -webkit-box-flex: 0; -ms-flex: 0 0 19%; flex: 0 0 19%; width: 19%; }
  .glsubmenu__btn { display: block; }
  .glsubmenu a.glsubmenu__item:hover .glsubmenu__img { opacity: .6; }
  .glsubmenu .glsubmenu__item:hover .glsmmenu { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .glsubmenu__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; }
  .glsubmenu__text i { -webkit-box-flex: 0; -ms-flex: 0 0 14px; flex: 0 0 14px; width: 14px; line-height: 0; }
  .glsubmenu__text span { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: #fff; font-size: 14px; margin-left: 5px; }
  .glsubmenu__img { display: block; line-height: 0; } }

@media screen and (max-width: 750px) { .glsubmenu { position: fixed; top: 0; right: 0; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); width: 250px; height: 100%; max-height: 100vh; background-color: #1f4d89; overflow-y: auto; overflow-scrolling: touch; padding: 80px 10px 10px; -ms-overflow-style: none; scrollbar-width: none; }
  .glsubmenu::-webkit-scrollbar { display: none; }
  .glsubmenu__btn { display: block; line-height: 1; }
  .glsubmenu__btn.is-current + .glsmmenu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .glsubmenu__back { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; background-color: #EFEFEF; width: calc(100% + 20px); padding-left: 10px; padding-right: 10px; margin-left: -10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .glsubmenu__back__arrow { line-height: 0; -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
  .glsubmenu__back__arrow svg { fill: #211713; width: 10px; }
  .glsubmenu__back__text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 5px; color: #211713; line-height: 1; }
  .glsubmenu__item { margin-top: 20px; }
  .glsubmenu__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; }
  .glsubmenu__text i { -webkit-box-flex: 0; -ms-flex: 0 0 12px; flex: 0 0 12px; width: 12px; line-height: 0; }
  .glsubmenu__text span { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: #fff; font-size: 13px; margin-left: 5px; } }

.glsmnav__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.glsmnav__item i { -webkit-box-flex: 0; -ms-flex: 0 0 14px; flex: 0 0 14px; width: 14px; line-height: 0; }

.glsmnav__item span { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: #fff; font-size: 14px; margin-left: 5px; }

@media screen and (min-width: 751px) { .glsmnav { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #fff; }
  .glsmnav__item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; height: 80px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .glsmnav__item i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
  .glsmnav__item:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #fff; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: .3s transform ease-in-out; -o-transition: .3s transform ease-in-out; transition: .3s transform ease-in-out; border-radius: 2px 2px 0 0; }
  .glsmnav__item + .glsmnav__item { border-left: 1px solid #fff; }
  .glsmnav__item:hover:after { -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); }
  .glsmnav__item.is-current:after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } }

@media screen and (max-width: 750px) { .glsmnav__item { padding: 10px 0; } }

span.glsmmenu-item { display: inline-block; }

span.glsmmenu-item img { opacity: .6; }

@media screen and (min-width: 751px) { .glsmmenu { margin-top: 10px; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; opacity: 0; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
  a.glsmmenu-item { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  a.glsmmenu-item:hover { opacity: .6; }
  .glsmmenu__back { display: none; } }

@media screen and (max-width: 750px) { .comingsoon { color: #fff; }
  .glsmmenu { position: fixed; top: 0; right: 0; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); width: 250px; height: 100%; background-color: #1f4d89; padding: 80px 10px 10px; -webkit-transition: .3s transform ease-in-out; -o-transition: .3s transform ease-in-out; transition: .3s transform ease-in-out; max-height: 100vh; overflow-y: auto; overflow-scrolling: touch; z-index: 99; -ms-overflow-style: none; scrollbar-width: none; }
  .glsmmenu::-webkit-scrollbar { display: none; }
  .glsmmenu__back { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; background-color: #EFEFEF; width: calc(100% + 20px); padding-left: 10px; padding-right: 10px; margin-left: -10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .glsmmenu__back__arrow { line-height: 0; -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
  .glsmmenu__back__arrow svg { fill: #211713; width: 10px; }
  .glsmmenu__back__text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 5px; color: #211713; line-height: 1; } }

.site-footer { padding-top: 55px; }

.site-footer__nav { background-color: #fff; padding-top: 40px; padding-bottom: 40px; }

@media screen and (max-width: 750px) { .site-footer { padding-top: 35px; }
  .site-footer__nav { padding-top: 20px; padding-bottom: 20px; } }

.fmenu { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; }

.fmenu .fmenu__item:nth-child(1) { border-left: 1px solid #898989; }

.fmenu__item { display: inline-block; border-right: 1px solid #898989; font-size: 13px; text-align: center; padding: 0 3px; }

.fmenu__item.current a { font-weight: bold; }

.fmenu__item > a { height: 20px; -webkit-transition: .3s color ease; -o-transition: .3s color ease; transition: .3s color ease; }

.fmenu__item > a:hover { color: #1f4d89; }

@media screen and (max-width: 800px) { .fmenu { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (max-width: 750px) { .fmenu__item { font-size: 11px; } }

/*.copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: #0e3c76; color: #fff; height: 40px; width: 100%; }*/

@media screen and (max-width: 750px) { .copyright { display: auto; padding: 15px 5px; padding: 15px 5px calc(env(safe-area-inset-bottom) + 15px); } }

.pagetopbtn { position: fixed; z-index: 20; bottom: -100px; right: 30px; cursor: pointer; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; -webkit-transition: .3s bottom ease 0s; -o-transition: .3s bottom ease 0s; transition: .3s bottom ease 0s; }

.pagetopbtn:hover { opacity: .6; }

.pagetopbtn.display { bottom: 50px; bottom: calc(env(safe-area-inset-bottom) + 50px); }

@media screen and (max-width: 750px) { .pagetopbtn { width: 35px; height: 35px; right: 5px; } }

/* FILE : /assets/sass/shared/_class.scss  */
.pt5 { padding-top: 5px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }

.pl5 { padding-left: 5px; }

.mt5 { margin-top: 5px; }

.mr5 { margin-right: 5px; }

.mb5 { margin-bottom: 5px; }

.ml5 { margin-left: 5px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }

.pl15 { padding-left: 15px; }

.mt15 { margin-top: 15px; }

.mr15 { margin-right: 15px; }

.mb15 { margin-bottom: 15px; }

.ml15 { margin-left: 15px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.pt25 { padding-top: 25px; }

.pr25 { padding-right: 25px; }

.pb25 { padding-bottom: 25px; }

.pl25 { padding-left: 25px; }

.mt25 { margin-top: 25px; }

.mr25 { margin-right: 25px; }

.mb25 { margin-bottom: 25px; }

.ml25 { margin-left: 25px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.pt35 { padding-top: 35px; }

.pr35 { padding-right: 35px; }

.pb35 { padding-bottom: 35px; }

.pl35 { padding-left: 35px; }

.mt35 { margin-top: 35px; }

.mr35 { margin-right: 35px; }

.mb35 { margin-bottom: 35px; }

.ml35 { margin-left: 35px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.pt45 { padding-top: 45px; }

.pr45 { padding-right: 45px; }

.pb45 { padding-bottom: 45px; }

.pl45 { padding-left: 45px; }

.mt45 { margin-top: 45px; }

.mr45 { margin-right: 45px; }

.mb45 { margin-bottom: 45px; }

.ml45 { margin-left: 45px; }

.pt50 { padding-top: 50px; }

.pr50 { padding-right: 50px; }

.pb50 { padding-bottom: 50px; }

.pl50 { padding-left: 50px; }

.mt50 { margin-top: 50px; }

.mr50 { margin-right: 50px; }

.mb50 { margin-bottom: 50px; }

.ml50 { margin-left: 50px; }

.pt55 { padding-top: 55px; }

.pr55 { padding-right: 55px; }

.pb55 { padding-bottom: 55px; }

.pl55 { padding-left: 55px; }

.mt55 { margin-top: 55px; }

.mr55 { margin-right: 55px; }

.mb55 { margin-bottom: 55px; }

.ml55 { margin-left: 55px; }

.pt60 { padding-top: 60px; }

.pr60 { padding-right: 60px; }

.pb60 { padding-bottom: 60px; }

.pl60 { padding-left: 60px; }

.mt60 { margin-top: 60px; }

.mr60 { margin-right: 60px; }

.mb60 { margin-bottom: 60px; }

.ml60 { margin-left: 60px; }

.pt65 { padding-top: 65px; }

.pr65 { padding-right: 65px; }

.pb65 { padding-bottom: 65px; }

.pl65 { padding-left: 65px; }

.mt65 { margin-top: 65px; }

.mr65 { margin-right: 65px; }

.mb65 { margin-bottom: 65px; }

.ml65 { margin-left: 65px; }

.pt70 { padding-top: 70px; }

.pr70 { padding-right: 70px; }

.pb70 { padding-bottom: 70px; }

.pl70 { padding-left: 70px; }

.mt70 { margin-top: 70px; }

.mr70 { margin-right: 70px; }

.mb70 { margin-bottom: 70px; }

.ml70 { margin-left: 70px; }

.pt75 { padding-top: 75px; }

.pr75 { padding-right: 75px; }

.pb75 { padding-bottom: 75px; }

.pl75 { padding-left: 75px; }

.mt75 { margin-top: 75px; }

.mr75 { margin-right: 75px; }

.mb75 { margin-bottom: 75px; }

.ml75 { margin-left: 75px; }

.pt80 { padding-top: 80px; }

.pr80 { padding-right: 80px; }

.pb80 { padding-bottom: 80px; }

.pl80 { padding-left: 80px; }

.mt80 { margin-top: 80px; }

.mr80 { margin-right: 80px; }

.mb80 { margin-bottom: 80px; }

.ml80 { margin-left: 80px; }

.pt85 { padding-top: 85px; }

.pr85 { padding-right: 85px; }

.pb85 { padding-bottom: 85px; }

.pl85 { padding-left: 85px; }

.mt85 { margin-top: 85px; }

.mr85 { margin-right: 85px; }

.mb85 { margin-bottom: 85px; }

.ml85 { margin-left: 85px; }

.pt90 { padding-top: 90px; }

.pr90 { padding-right: 90px; }

.pb90 { padding-bottom: 90px; }

.pl90 { padding-left: 90px; }

.mt90 { margin-top: 90px; }

.mr90 { margin-right: 90px; }

.mb90 { margin-bottom: 90px; }

.ml90 { margin-left: 90px; }

.pt95 { padding-top: 95px; }

.pr95 { padding-right: 95px; }

.pb95 { padding-bottom: 95px; }

.pl95 { padding-left: 95px; }

.mt95 { margin-top: 95px; }

.mr95 { margin-right: 95px; }

.mb95 { margin-bottom: 95px; }

.ml95 { margin-left: 95px; }

.pt100 { padding-top: 100px; }

.pr100 { padding-right: 100px; }

.pb100 { padding-bottom: 100px; }

.pl100 { padding-left: 100px; }

.mt100 { margin-top: 100px; }

.mr100 { margin-right: 100px; }

.mb100 { margin-bottom: 100px; }

.ml100 { margin-left: 100px; }

.pt105 { padding-top: 105px; }

.pr105 { padding-right: 105px; }

.pb105 { padding-bottom: 105px; }

.pl105 { padding-left: 105px; }

.mt105 { margin-top: 105px; }

.mr105 { margin-right: 105px; }

.mb105 { margin-bottom: 105px; }

.ml105 { margin-left: 105px; }

.pt110 { padding-top: 110px; }

.pr110 { padding-right: 110px; }

.pb110 { padding-bottom: 110px; }

.pl110 { padding-left: 110px; }

.mt110 { margin-top: 110px; }

.mr110 { margin-right: 110px; }

.mb110 { margin-bottom: 110px; }

.ml110 { margin-left: 110px; }

.pt115 { padding-top: 115px; }

.pr115 { padding-right: 115px; }

.pb115 { padding-bottom: 115px; }

.pl115 { padding-left: 115px; }

.mt115 { margin-top: 115px; }

.mr115 { margin-right: 115px; }

.mb115 { margin-bottom: 115px; }

.ml115 { margin-left: 115px; }

.pt120 { padding-top: 120px; }

.pr120 { padding-right: 120px; }

.pb120 { padding-bottom: 120px; }

.pl120 { padding-left: 120px; }

.mt120 { margin-top: 120px; }

.mr120 { margin-right: 120px; }

.mb120 { margin-bottom: 120px; }

.ml120 { margin-left: 120px; }

.pt125 { padding-top: 125px; }

.pr125 { padding-right: 125px; }

.pb125 { padding-bottom: 125px; }

.pl125 { padding-left: 125px; }

.mt125 { margin-top: 125px; }

.mr125 { margin-right: 125px; }

.mb125 { margin-bottom: 125px; }

.ml125 { margin-left: 125px; }

.pt130 { padding-top: 130px; }

.pr130 { padding-right: 130px; }

.pb130 { padding-bottom: 130px; }

.pl130 { padding-left: 130px; }

.mt130 { margin-top: 130px; }

.mr130 { margin-right: 130px; }

.mb130 { margin-bottom: 130px; }

.ml130 { margin-left: 130px; }

.pt135 { padding-top: 135px; }

.pr135 { padding-right: 135px; }

.pb135 { padding-bottom: 135px; }

.pl135 { padding-left: 135px; }

.mt135 { margin-top: 135px; }

.mr135 { margin-right: 135px; }

.mb135 { margin-bottom: 135px; }

.ml135 { margin-left: 135px; }

.pt140 { padding-top: 140px; }

.pr140 { padding-right: 140px; }

.pb140 { padding-bottom: 140px; }

.pl140 { padding-left: 140px; }

.mt140 { margin-top: 140px; }

.mr140 { margin-right: 140px; }

.mb140 { margin-bottom: 140px; }

.ml140 { margin-left: 140px; }

.pt145 { padding-top: 145px; }

.pr145 { padding-right: 145px; }

.pb145 { padding-bottom: 145px; }

.pl145 { padding-left: 145px; }

.mt145 { margin-top: 145px; }

.mr145 { margin-right: 145px; }

.mb145 { margin-bottom: 145px; }

.ml145 { margin-left: 145px; }

.pt150 { padding-top: 150px; }

.pr150 { padding-right: 150px; }

.pb150 { padding-bottom: 150px; }

.pl150 { padding-left: 150px; }

.mt150 { margin-top: 150px; }

.mr150 { margin-right: 150px; }

.mb150 { margin-bottom: 150px; }

.ml150 { margin-left: 150px; }

.pt155 { padding-top: 155px; }

.pr155 { padding-right: 155px; }

.pb155 { padding-bottom: 155px; }

.pl155 { padding-left: 155px; }

.mt155 { margin-top: 155px; }

.mr155 { margin-right: 155px; }

.mb155 { margin-bottom: 155px; }

.ml155 { margin-left: 155px; }

.pt160 { padding-top: 160px; }

.pr160 { padding-right: 160px; }

.pb160 { padding-bottom: 160px; }

.pl160 { padding-left: 160px; }

.mt160 { margin-top: 160px; }

.mr160 { margin-right: 160px; }

.mb160 { margin-bottom: 160px; }

.ml160 { margin-left: 160px; }

.pt165 { padding-top: 165px; }

.pr165 { padding-right: 165px; }

.pb165 { padding-bottom: 165px; }

.pl165 { padding-left: 165px; }

.mt165 { margin-top: 165px; }

.mr165 { margin-right: 165px; }

.mb165 { margin-bottom: 165px; }

.ml165 { margin-left: 165px; }

.pt170 { padding-top: 170px; }

.pr170 { padding-right: 170px; }

.pb170 { padding-bottom: 170px; }

.pl170 { padding-left: 170px; }

.mt170 { margin-top: 170px; }

.mr170 { margin-right: 170px; }

.mb170 { margin-bottom: 170px; }

.ml170 { margin-left: 170px; }

.pt175 { padding-top: 175px; }

.pr175 { padding-right: 175px; }

.pb175 { padding-bottom: 175px; }

.pl175 { padding-left: 175px; }

.mt175 { margin-top: 175px; }

.mr175 { margin-right: 175px; }

.mb175 { margin-bottom: 175px; }

.ml175 { margin-left: 175px; }

.pt180 { padding-top: 180px; }

.pr180 { padding-right: 180px; }

.pb180 { padding-bottom: 180px; }

.pl180 { padding-left: 180px; }

.mt180 { margin-top: 180px; }

.mr180 { margin-right: 180px; }

.mb180 { margin-bottom: 180px; }

.ml180 { margin-left: 180px; }

.pt185 { padding-top: 185px; }

.pr185 { padding-right: 185px; }

.pb185 { padding-bottom: 185px; }

.pl185 { padding-left: 185px; }

.mt185 { margin-top: 185px; }

.mr185 { margin-right: 185px; }

.mb185 { margin-bottom: 185px; }

.ml185 { margin-left: 185px; }

.pt190 { padding-top: 190px; }

.pr190 { padding-right: 190px; }

.pb190 { padding-bottom: 190px; }

.pl190 { padding-left: 190px; }

.mt190 { margin-top: 190px; }

.mr190 { margin-right: 190px; }

.mb190 { margin-bottom: 190px; }

.ml190 { margin-left: 190px; }

.pt195 { padding-top: 195px; }

.pr195 { padding-right: 195px; }

.pb195 { padding-bottom: 195px; }

.pl195 { padding-left: 195px; }

.mt195 { margin-top: 195px; }

.mr195 { margin-right: 195px; }

.mb195 { margin-bottom: 195px; }

.ml195 { margin-left: 195px; }

.pt200 { padding-top: 200px; }

.pr200 { padding-right: 200px; }

.pb200 { padding-bottom: 200px; }

.pl200 { padding-left: 200px; }

.mt200 { margin-top: 200px; }

.mr200 { margin-right: 200px; }

.mb200 { margin-bottom: 200px; }

.ml200 { margin-left: 200px; }

@media screen and (max-width: 750px) { .pt5-smt { padding-top: 5px; }
  .pr5-smt { padding-right: 5px; }
  .pb5-smt { padding-bottom: 5px; }
  .pl5-smt { padding-left: 5px; }
  .mt5-smt { margin-top: 5px; }
  .mr5-smt { margin-right: 5px; }
  .mb5-smt { margin-bottom: 5px; }
  .ml5-smt { margin-left: 5px; }
  .pt10-smt { padding-top: 10px; }
  .pr10-smt { padding-right: 10px; }
  .pb10-smt { padding-bottom: 10px; }
  .pl10-smt { padding-left: 10px; }
  .mt10-smt { margin-top: 10px; }
  .mr10-smt { margin-right: 10px; }
  .mb10-smt { margin-bottom: 10px; }
  .ml10-smt { margin-left: 10px; }
  .pt15-smt { padding-top: 15px; }
  .pr15-smt { padding-right: 15px; }
  .pb15-smt { padding-bottom: 15px; }
  .pl15-smt { padding-left: 15px; }
  .mt15-smt { margin-top: 15px; }
  .mr15-smt { margin-right: 15px; }
  .mb15-smt { margin-bottom: 15px; }
  .ml15-smt { margin-left: 15px; }
  .pt20-smt { padding-top: 20px; }
  .pr20-smt { padding-right: 20px; }
  .pb20-smt { padding-bottom: 20px; }
  .pl20-smt { padding-left: 20px; }
  .mt20-smt { margin-top: 20px; }
  .mr20-smt { margin-right: 20px; }
  .mb20-smt { margin-bottom: 20px; }
  .ml20-smt { margin-left: 20px; }
  .pt25-smt { padding-top: 25px; }
  .pr25-smt { padding-right: 25px; }
  .pb25-smt { padding-bottom: 25px; }
  .pl25-smt { padding-left: 25px; }
  .mt25-smt { margin-top: 25px; }
  .mr25-smt { margin-right: 25px; }
  .mb25-smt { margin-bottom: 25px; }
  .ml25-smt { margin-left: 25px; }
  .pt30-smt { padding-top: 30px; }
  .pr30-smt { padding-right: 30px; }
  .pb30-smt { padding-bottom: 30px; }
  .pl30-smt { padding-left: 30px; }
  .mt30-smt { margin-top: 30px; }
  .mr30-smt { margin-right: 30px; }
  .mb30-smt { margin-bottom: 30px; }
  .ml30-smt { margin-left: 30px; }
  .pt35-smt { padding-top: 35px; }
  .pr35-smt { padding-right: 35px; }
  .pb35-smt { padding-bottom: 35px; }
  .pl35-smt { padding-left: 35px; }
  .mt35-smt { margin-top: 35px; }
  .mr35-smt { margin-right: 35px; }
  .mb35-smt { margin-bottom: 35px; }
  .ml35-smt { margin-left: 35px; }
  .pt40-smt { padding-top: 40px; }
  .pr40-smt { padding-right: 40px; }
  .pb40-smt { padding-bottom: 40px; }
  .pl40-smt { padding-left: 40px; }
  .mt40-smt { margin-top: 40px; }
  .mr40-smt { margin-right: 40px; }
  .mb40-smt { margin-bottom: 40px; }
  .ml40-smt { margin-left: 40px; }
  .pt45-smt { padding-top: 45px; }
  .pr45-smt { padding-right: 45px; }
  .pb45-smt { padding-bottom: 45px; }
  .pl45-smt { padding-left: 45px; }
  .mt45-smt { margin-top: 45px; }
  .mr45-smt { margin-right: 45px; }
  .mb45-smt { margin-bottom: 45px; }
  .ml45-smt { margin-left: 45px; }
  .pt50-smt { padding-top: 50px; }
  .pr50-smt { padding-right: 50px; }
  .pb50-smt { padding-bottom: 50px; }
  .pl50-smt { padding-left: 50px; }
  .mt50-smt { margin-top: 50px; }
  .mr50-smt { margin-right: 50px; }
  .mb50-smt { margin-bottom: 50px; }
  .ml50-smt { margin-left: 50px; }
  .pt55-smt { padding-top: 55px; }
  .pr55-smt { padding-right: 55px; }
  .pb55-smt { padding-bottom: 55px; }
  .pl55-smt { padding-left: 55px; }
  .mt55-smt { margin-top: 55px; }
  .mr55-smt { margin-right: 55px; }
  .mb55-smt { margin-bottom: 55px; }
  .ml55-smt { margin-left: 55px; }
  .pt60-smt { padding-top: 60px; }
  .pr60-smt { padding-right: 60px; }
  .pb60-smt { padding-bottom: 60px; }
  .pl60-smt { padding-left: 60px; }
  .mt60-smt { margin-top: 60px; }
  .mr60-smt { margin-right: 60px; }
  .mb60-smt { margin-bottom: 60px; }
  .ml60-smt { margin-left: 60px; }
  .pt65-smt { padding-top: 65px; }
  .pr65-smt { padding-right: 65px; }
  .pb65-smt { padding-bottom: 65px; }
  .pl65-smt { padding-left: 65px; }
  .mt65-smt { margin-top: 65px; }
  .mr65-smt { margin-right: 65px; }
  .mb65-smt { margin-bottom: 65px; }
  .ml65-smt { margin-left: 65px; }
  .pt70-smt { padding-top: 70px; }
  .pr70-smt { padding-right: 70px; }
  .pb70-smt { padding-bottom: 70px; }
  .pl70-smt { padding-left: 70px; }
  .mt70-smt { margin-top: 70px; }
  .mr70-smt { margin-right: 70px; }
  .mb70-smt { margin-bottom: 70px; }
  .ml70-smt { margin-left: 70px; }
  .pt75-smt { padding-top: 75px; }
  .pr75-smt { padding-right: 75px; }
  .pb75-smt { padding-bottom: 75px; }
  .pl75-smt { padding-left: 75px; }
  .mt75-smt { margin-top: 75px; }
  .mr75-smt { margin-right: 75px; }
  .mb75-smt { margin-bottom: 75px; }
  .ml75-smt { margin-left: 75px; }
  .pt80-smt { padding-top: 80px; }
  .pr80-smt { padding-right: 80px; }
  .pb80-smt { padding-bottom: 80px; }
  .pl80-smt { padding-left: 80px; }
  .mt80-smt { margin-top: 80px; }
  .mr80-smt { margin-right: 80px; }
  .mb80-smt { margin-bottom: 80px; }
  .ml80-smt { margin-left: 80px; }
  .pt85-smt { padding-top: 85px; }
  .pr85-smt { padding-right: 85px; }
  .pb85-smt { padding-bottom: 85px; }
  .pl85-smt { padding-left: 85px; }
  .mt85-smt { margin-top: 85px; }
  .mr85-smt { margin-right: 85px; }
  .mb85-smt { margin-bottom: 85px; }
  .ml85-smt { margin-left: 85px; }
  .pt90-smt { padding-top: 90px; }
  .pr90-smt { padding-right: 90px; }
  .pb90-smt { padding-bottom: 90px; }
  .pl90-smt { padding-left: 90px; }
  .mt90-smt { margin-top: 90px; }
  .mr90-smt { margin-right: 90px; }
  .mb90-smt { margin-bottom: 90px; }
  .ml90-smt { margin-left: 90px; }
  .pt95-smt { padding-top: 95px; }
  .pr95-smt { padding-right: 95px; }
  .pb95-smt { padding-bottom: 95px; }
  .pl95-smt { padding-left: 95px; }
  .mt95-smt { margin-top: 95px; }
  .mr95-smt { margin-right: 95px; }
  .mb95-smt { margin-bottom: 95px; }
  .ml95-smt { margin-left: 95px; }
  .pt100-smt { padding-top: 100px; }
  .pr100-smt { padding-right: 100px; }
  .pb100-smt { padding-bottom: 100px; }
  .pl100-smt { padding-left: 100px; }
  .mt100-smt { margin-top: 100px; }
  .mr100-smt { margin-right: 100px; }
  .mb100-smt { margin-bottom: 100px; }
  .ml100-smt { margin-left: 100px; }
  .pt105-smt { padding-top: 105px; }
  .pr105-smt { padding-right: 105px; }
  .pb105-smt { padding-bottom: 105px; }
  .pl105-smt { padding-left: 105px; }
  .mt105-smt { margin-top: 105px; }
  .mr105-smt { margin-right: 105px; }
  .mb105-smt { margin-bottom: 105px; }
  .ml105-smt { margin-left: 105px; }
  .pt110-smt { padding-top: 110px; }
  .pr110-smt { padding-right: 110px; }
  .pb110-smt { padding-bottom: 110px; }
  .pl110-smt { padding-left: 110px; }
  .mt110-smt { margin-top: 110px; }
  .mr110-smt { margin-right: 110px; }
  .mb110-smt { margin-bottom: 110px; }
  .ml110-smt { margin-left: 110px; }
  .pt115-smt { padding-top: 115px; }
  .pr115-smt { padding-right: 115px; }
  .pb115-smt { padding-bottom: 115px; }
  .pl115-smt { padding-left: 115px; }
  .mt115-smt { margin-top: 115px; }
  .mr115-smt { margin-right: 115px; }
  .mb115-smt { margin-bottom: 115px; }
  .ml115-smt { margin-left: 115px; }
  .pt120-smt { padding-top: 120px; }
  .pr120-smt { padding-right: 120px; }
  .pb120-smt { padding-bottom: 120px; }
  .pl120-smt { padding-left: 120px; }
  .mt120-smt { margin-top: 120px; }
  .mr120-smt { margin-right: 120px; }
  .mb120-smt { margin-bottom: 120px; }
  .ml120-smt { margin-left: 120px; }
  .pt125-smt { padding-top: 125px; }
  .pr125-smt { padding-right: 125px; }
  .pb125-smt { padding-bottom: 125px; }
  .pl125-smt { padding-left: 125px; }
  .mt125-smt { margin-top: 125px; }
  .mr125-smt { margin-right: 125px; }
  .mb125-smt { margin-bottom: 125px; }
  .ml125-smt { margin-left: 125px; }
  .pt130-smt { padding-top: 130px; }
  .pr130-smt { padding-right: 130px; }
  .pb130-smt { padding-bottom: 130px; }
  .pl130-smt { padding-left: 130px; }
  .mt130-smt { margin-top: 130px; }
  .mr130-smt { margin-right: 130px; }
  .mb130-smt { margin-bottom: 130px; }
  .ml130-smt { margin-left: 130px; }
  .pt135-smt { padding-top: 135px; }
  .pr135-smt { padding-right: 135px; }
  .pb135-smt { padding-bottom: 135px; }
  .pl135-smt { padding-left: 135px; }
  .mt135-smt { margin-top: 135px; }
  .mr135-smt { margin-right: 135px; }
  .mb135-smt { margin-bottom: 135px; }
  .ml135-smt { margin-left: 135px; }
  .pt140-smt { padding-top: 140px; }
  .pr140-smt { padding-right: 140px; }
  .pb140-smt { padding-bottom: 140px; }
  .pl140-smt { padding-left: 140px; }
  .mt140-smt { margin-top: 140px; }
  .mr140-smt { margin-right: 140px; }
  .mb140-smt { margin-bottom: 140px; }
  .ml140-smt { margin-left: 140px; }
  .pt145-smt { padding-top: 145px; }
  .pr145-smt { padding-right: 145px; }
  .pb145-smt { padding-bottom: 145px; }
  .pl145-smt { padding-left: 145px; }
  .mt145-smt { margin-top: 145px; }
  .mr145-smt { margin-right: 145px; }
  .mb145-smt { margin-bottom: 145px; }
  .ml145-smt { margin-left: 145px; }
  .pt150-smt { padding-top: 150px; }
  .pr150-smt { padding-right: 150px; }
  .pb150-smt { padding-bottom: 150px; }
  .pl150-smt { padding-left: 150px; }
  .mt150-smt { margin-top: 150px; }
  .mr150-smt { margin-right: 150px; }
  .mb150-smt { margin-bottom: 150px; }
  .ml150-smt { margin-left: 150px; }
  .pt155-smt { padding-top: 155px; }
  .pr155-smt { padding-right: 155px; }
  .pb155-smt { padding-bottom: 155px; }
  .pl155-smt { padding-left: 155px; }
  .mt155-smt { margin-top: 155px; }
  .mr155-smt { margin-right: 155px; }
  .mb155-smt { margin-bottom: 155px; }
  .ml155-smt { margin-left: 155px; }
  .pt160-smt { padding-top: 160px; }
  .pr160-smt { padding-right: 160px; }
  .pb160-smt { padding-bottom: 160px; }
  .pl160-smt { padding-left: 160px; }
  .mt160-smt { margin-top: 160px; }
  .mr160-smt { margin-right: 160px; }
  .mb160-smt { margin-bottom: 160px; }
  .ml160-smt { margin-left: 160px; }
  .pt165-smt { padding-top: 165px; }
  .pr165-smt { padding-right: 165px; }
  .pb165-smt { padding-bottom: 165px; }
  .pl165-smt { padding-left: 165px; }
  .mt165-smt { margin-top: 165px; }
  .mr165-smt { margin-right: 165px; }
  .mb165-smt { margin-bottom: 165px; }
  .ml165-smt { margin-left: 165px; }
  .pt170-smt { padding-top: 170px; }
  .pr170-smt { padding-right: 170px; }
  .pb170-smt { padding-bottom: 170px; }
  .pl170-smt { padding-left: 170px; }
  .mt170-smt { margin-top: 170px; }
  .mr170-smt { margin-right: 170px; }
  .mb170-smt { margin-bottom: 170px; }
  .ml170-smt { margin-left: 170px; }
  .pt175-smt { padding-top: 175px; }
  .pr175-smt { padding-right: 175px; }
  .pb175-smt { padding-bottom: 175px; }
  .pl175-smt { padding-left: 175px; }
  .mt175-smt { margin-top: 175px; }
  .mr175-smt { margin-right: 175px; }
  .mb175-smt { margin-bottom: 175px; }
  .ml175-smt { margin-left: 175px; }
  .pt180-smt { padding-top: 180px; }
  .pr180-smt { padding-right: 180px; }
  .pb180-smt { padding-bottom: 180px; }
  .pl180-smt { padding-left: 180px; }
  .mt180-smt { margin-top: 180px; }
  .mr180-smt { margin-right: 180px; }
  .mb180-smt { margin-bottom: 180px; }
  .ml180-smt { margin-left: 180px; }
  .pt185-smt { padding-top: 185px; }
  .pr185-smt { padding-right: 185px; }
  .pb185-smt { padding-bottom: 185px; }
  .pl185-smt { padding-left: 185px; }
  .mt185-smt { margin-top: 185px; }
  .mr185-smt { margin-right: 185px; }
  .mb185-smt { margin-bottom: 185px; }
  .ml185-smt { margin-left: 185px; }
  .pt190-smt { padding-top: 190px; }
  .pr190-smt { padding-right: 190px; }
  .pb190-smt { padding-bottom: 190px; }
  .pl190-smt { padding-left: 190px; }
  .mt190-smt { margin-top: 190px; }
  .mr190-smt { margin-right: 190px; }
  .mb190-smt { margin-bottom: 190px; }
  .ml190-smt { margin-left: 190px; }
  .pt195-smt { padding-top: 195px; }
  .pr195-smt { padding-right: 195px; }
  .pb195-smt { padding-bottom: 195px; }
  .pl195-smt { padding-left: 195px; }
  .mt195-smt { margin-top: 195px; }
  .mr195-smt { margin-right: 195px; }
  .mb195-smt { margin-bottom: 195px; }
  .ml195-smt { margin-left: 195px; }
  .pt200-smt { padding-top: 200px; }
  .pr200-smt { padding-right: 200px; }
  .pb200-smt { padding-bottom: 200px; }
  .pl200-smt { padding-left: 200px; }
  .mt200-smt { margin-top: 200px; }
  .mr200-smt { margin-right: 200px; }
  .mb200-smt { margin-bottom: 200px; }
  .ml200-smt { margin-left: 200px; } }

.mb1em { margin-bottom: 1em; }

.inline-block { display: inline-block; }

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

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

.text-underline { text-decoration: underline; }

.font-bold { font-weight: bold; }

.fz10 { font-size: 10px; }

.fz11 { font-size: 11px; }

.fz12 { font-size: 12px; }

.fz13 { font-size: 13px; }

.fz14 { font-size: 14px; }

.fz15 { font-size: 15px; }

.fz16 { font-size: 16px; }

.fz17 { font-size: 17px; }

.fz18 { font-size: 18px; }

.fz19 { font-size: 19px; }

.fz20 { font-size: 20px; }

.fz21 { font-size: 21px; }

.fz22 { font-size: 22px; }

.fz23 { font-size: 23px; }

.fz24 { font-size: 24px; }

.fz25 { font-size: 25px; }

.fz26 { font-size: 26px; }

.fz27 { font-size: 27px; }

.fz28 { font-size: 28px; }

.fz29 { font-size: 29px; }

.fz30 { font-size: 30px; }

.fz31 { font-size: 31px; }

.fz32 { font-size: 32px; }

.fz33 { font-size: 33px; }

.fz34 { font-size: 34px; }

.fz35 { font-size: 35px; }

.fz36 { font-size: 36px; }

.fz37 { font-size: 37px; }

.fz38 { font-size: 38px; }

.fz39 { font-size: 39px; }

.fz40 { font-size: 40px; }

.fz41 { font-size: 41px; }

.fz42 { font-size: 42px; }

.fz43 { font-size: 43px; }

.fz44 { font-size: 44px; }

.fz45 { font-size: 45px; }

.fz46 { font-size: 46px; }

.fz47 { font-size: 47px; }

.fz48 { font-size: 48px; }

.fz49 { font-size: 49px; }

.fz50 { font-size: 50px; }

@media screen and (max-width: 750px) { .fz10-smt { font-size: 10px; }
  .fz11-smt { font-size: 11px; }
  .fz12-smt { font-size: 12px; }
  .fz13-smt { font-size: 13px; }
  .fz14-smt { font-size: 14px; }
  .fz15-smt { font-size: 15px; }
  .fz16-smt { font-size: 16px; }
  .fz17-smt { font-size: 17px; }
  .fz18-smt { font-size: 18px; }
  .fz19-smt { font-size: 19px; }
  .fz20-smt { font-size: 20px; }
  .fz21-smt { font-size: 21px; }
  .fz22-smt { font-size: 22px; }
  .fz23-smt { font-size: 23px; }
  .fz24-smt { font-size: 24px; }
  .fz25-smt { font-size: 25px; }
  .fz26-smt { font-size: 26px; }
  .fz27-smt { font-size: 27px; }
  .fz28-smt { font-size: 28px; }
  .fz29-smt { font-size: 29px; }
  .fz30-smt { font-size: 30px; }
  .fz31-smt { font-size: 31px; }
  .fz32-smt { font-size: 32px; }
  .fz33-smt { font-size: 33px; }
  .fz34-smt { font-size: 34px; }
  .fz35-smt { font-size: 35px; }
  .fz36-smt { font-size: 36px; }
  .fz37-smt { font-size: 37px; }
  .fz38-smt { font-size: 38px; }
  .fz39-smt { font-size: 39px; }
  .fz40-smt { font-size: 40px; }
  .fz41-smt { font-size: 41px; }
  .fz42-smt { font-size: 42px; }
  .fz43-smt { font-size: 43px; }
  .fz44-smt { font-size: 44px; }
  .fz45-smt { font-size: 45px; }
  .fz46-smt { font-size: 46px; }
  .fz47-smt { font-size: 47px; }
  .fz48-smt { font-size: 48px; }
  .fz49-smt { font-size: 49px; }
  .fz50-smt { font-size: 50px; } }

.lh10 { line-height: 1; }

.lh11 { line-height: 1.1; }

.lh12 { line-height: 1.2; }

.lh13 { line-height: 1.3; }

.lh14 { line-height: 1.4; }

.lh15 { line-height: 1.5; }

.lh16 { line-height: 1.6; }

.lh17 { line-height: 1.7; }

.lh18 { line-height: 1.8; }

.lh19 { line-height: 1.9; }

.lh20 { line-height: 2; }

.lh21 { line-height: 2.1; }

.lh22 { line-height: 2.2; }

.lh23 { line-height: 2.3; }

.lh24 { line-height: 2.4; }

.lh25 { line-height: 2.5; }

.lh26 { line-height: 2.6; }

.lh27 { line-height: 2.7; }

.lh28 { line-height: 2.8; }

.lh29 { line-height: 2.9; }

.lh30 { line-height: 3; }

.lh31 { line-height: 3.1; }

.lh32 { line-height: 3.2; }

.lh33 { line-height: 3.3; }

.lh34 { line-height: 3.4; }

.lh35 { line-height: 3.5; }

.lh36 { line-height: 3.6; }

.lh37 { line-height: 3.7; }

.lh38 { line-height: 3.8; }

.lh39 { line-height: 3.9; }

.lh40 { line-height: 4; }

.lh41 { line-height: 4.1; }

.lh42 { line-height: 4.2; }

.lh43 { line-height: 4.3; }

.lh44 { line-height: 4.4; }

.lh45 { line-height: 4.5; }

.lh46 { line-height: 4.6; }

.lh47 { line-height: 4.7; }

.lh48 { line-height: 4.8; }

.lh49 { line-height: 4.9; }

.lh50 { line-height: 5; }

.mw100 { max-width: 100px; }

.mw110 { max-width: 110px; }

.mw120 { max-width: 120px; }

.mw130 { max-width: 130px; }

.mw140 { max-width: 140px; }

.mw150 { max-width: 150px; }

.mw160 { max-width: 160px; }

.mw170 { max-width: 170px; }

.mw180 { max-width: 180px; }

.mw190 { max-width: 190px; }

.mw200 { max-width: 200px; }

.mw210 { max-width: 210px; }

.mw220 { max-width: 220px; }

.mw230 { max-width: 230px; }

.mw240 { max-width: 240px; }

.mw250 { max-width: 250px; }

.mw260 { max-width: 260px; }

.mw270 { max-width: 270px; }

.mw280 { max-width: 280px; }

.mw290 { max-width: 290px; }

.mw300 { max-width: 300px; }

.mw310 { max-width: 310px; }

.mw320 { max-width: 320px; }

.mw330 { max-width: 330px; }

.mw340 { max-width: 340px; }

.mw350 { max-width: 350px; }

.mw360 { max-width: 360px; }

.mw370 { max-width: 370px; }

.mw380 { max-width: 380px; }

.mw390 { max-width: 390px; }

.mw400 { max-width: 400px; }

.mw410 { max-width: 410px; }

.mw420 { max-width: 420px; }

.mw430 { max-width: 430px; }

.mw440 { max-width: 440px; }

.mw450 { max-width: 450px; }

.mw460 { max-width: 460px; }

.mw470 { max-width: 470px; }

.mw480 { max-width: 480px; }

.mw490 { max-width: 490px; }

.mw500 { max-width: 500px; }

.mw510 { max-width: 510px; }

.mw520 { max-width: 520px; }

.mw530 { max-width: 530px; }

.mw540 { max-width: 540px; }

.mw550 { max-width: 550px; }

.mw560 { max-width: 560px; }

.mw570 { max-width: 570px; }

.mw580 { max-width: 580px; }

.mw590 { max-width: 590px; }

.mw600 { max-width: 600px; }

.mw610 { max-width: 610px; }

.mw620 { max-width: 620px; }

.mw630 { max-width: 630px; }

.mw640 { max-width: 640px; }

.mw650 { max-width: 650px; }

.mw660 { max-width: 660px; }

.mw670 { max-width: 670px; }

.mw680 { max-width: 680px; }

.mw690 { max-width: 690px; }

.mw700 { max-width: 700px; }

.mw710 { max-width: 710px; }

.mw720 { max-width: 720px; }

.mw730 { max-width: 730px; }

.mw740 { max-width: 740px; }

.mw750 { max-width: 750px; }

.mw760 { max-width: 760px; }

.mw770 { max-width: 770px; }

.mw780 { max-width: 780px; }

.mw790 { max-width: 790px; }

.mw800 { max-width: 800px; }

.mw810 { max-width: 810px; }

.mw820 { max-width: 820px; }

.mw830 { max-width: 830px; }

.mw840 { max-width: 840px; }

.mw850 { max-width: 850px; }

.mw860 { max-width: 860px; }

.mw870 { max-width: 870px; }

.mw880 { max-width: 880px; }

.mw890 { max-width: 890px; }

.mw900 { max-width: 900px; }

.mw910 { max-width: 910px; }

.mw920 { max-width: 920px; }

.mw930 { max-width: 930px; }

.mw940 { max-width: 940px; }

.mw950 { max-width: 950px; }

.mw960 { max-width: 960px; }

.mw970 { max-width: 970px; }

.mw980 { max-width: 980px; }

.mw990 { max-width: 990px; }

.mw1000 { max-width: 1000px; }

.mw1010 { max-width: 1010px; }

.mw1020 { max-width: 1020px; }

.mw1030 { max-width: 1030px; }

.mw1040 { max-width: 1040px; }

.mw1050 { max-width: 1050px; }

.mw1060 { max-width: 1060px; }

.mw1070 { max-width: 1070px; }

.mw1080 { max-width: 1080px; }

.ff-noto { font-family: "Noto Sans JP", sans-serif; }

/* FILE : /assets/sass/shared/_item.scss  */
img.ofi { max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover;object-position: center;'; }

.inner-w1000 { max-width: 1000px; margin-left: auto; margin-right: auto; }

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

.clearfix { display: inline-block; min-height: 1%; }

/* for IE-mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

.inner { max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 1025px) { .pc-hide { display: none; }
  .hover-alpha { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .hover-alpha:hover { opacity: .6; }
  .hover-line:hover { text-decoration: underline; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .tablet-hide { display: none; } }

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

.ind-1em { text-indent: -1em; padding-left: 1em; }

.box-center { margin-left: auto; margin-right: auto; }

/* FILE : /assets/sass/shared/_parts.scss  */
.news-post__content img { display: inline-block; margin: 10px; }

.news-post__content b, .news-post__content em, .news-post__content strong { font-weight: bold; }

.news-post__content i { font-style: italic; }

.news-post__content u { text-decoration: underline; }

.news-post__content s, .news-post__content strike, .news-post__content del { text-decoration: line-through; }

.news-post__content big { font-size: 1.1em; }

.news-post__content small { font-size: 0.9em; }

/* FILE : /assets/sass/pages/_top.scss  */
.t-message { position: relative; background: url(../img/top/main_image.jpg) no-repeat center center/cover; padding-top: 69.7%; margin-bottom: 40px; }

.t-message__h1 { position: absolute; z-index: 1; left: 50%; }

.t-message__h2 { position: absolute; z-index: 1; left: 50%; }

.t-message__text { position: absolute; z-index: 1; left: 50%; }

@media screen and (min-width: 1001px) { .t-message__h1 { width: 381px; position: absolute; margin: 0 0 0 -190px; top: 84px; }
  .t-message__h2 { width: 456px; position: absolute; margin: 0 0 0 -228px; top: 475px; }
  .t-message__text { width: 529px; position: absolute; margin: 0 0 0 -264px; top: 218px; } }

@media screen and (max-width: 1000px) { .t-message__h1 { width: 38.1%; margin: 0 0 0 -19%; top: 12.05%; }
  .t-message__h2 { width: 45.6%; margin: 0 0 0 -22.8%; top: 68.15%; }
  .t-message__text { width: 52.9%; margin: 0 0 0 -26.4%; top: 31.27%; } }

@media screen and (max-width: 750px) { .t-message { margin-bottom: 30px; } }

@media screen and (max-width: 450px) { .t-message { background: url(../img/top/main_image_sp.jpg) no-repeat center center/cover; padding-top: 125.5%; }
  .t-message__h1 { width: 70%; margin: 0 0 0 -35%; top: 4.4%; }
  .t-message__h2 { width: 87.3%; margin: 0 0 0 -43.65%; top: 66.13%; }
  .t-message__text { width: 97.1%; margin: 0 0 0 -48.55%; top: 28.36%; } }

.t-case { position: relative; height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }

.t-case:hover { opacity: .6; }

.t-case__bg { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }

.t-case__content { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.t-case__h2 { font-family: "SakkalMajalla"; font-size: 58px; line-height: 1; text-align: center; margin-bottom: 8px; color: #000; }

.t-case__text { color: #000; text-align: center; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 0 3px rgba(255, 255, 255, 0.8); }

@media screen and (min-width: 751px) { .t-case__text { font-size: 20px; } }

@media screen and (max-width: 750px) { .t-case { margin-bottom: 30px; height: 150px; }
  .t-case__h2 { font-size: 42px; } }

.t-biz { background: url(../img/top/biz_bg.jpg) no-repeat center center/cover; }

.t-biz__h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.t-biz__h2 em { display: block; text-align: center; font-family: "SakkalMajalla"; line-height: 1; font-size: 58px; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 5px rgba(255, 255, 255, 0.5), 0 0 3px rgba(255, 255, 255, 0.8); color: #000; }

.t-biz__h2 small { display: block; text-align: center; font-family: "SakkalMajalla"; line-height: 1; font-size: 20px; color: #000; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 5px rgba(255, 255, 255, 0.5), 0 0 3px rgba(255, 255, 255, 0.8); }

.t-biz__btn { background-color: rgba(4, 32, 70, 0.65); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; -webkit-transition: .3s background-color ease; -o-transition: .3s background-color ease; transition: .3s background-color ease; }

.t-biz__btn:hover { background-color: #042046; }

.t-biz__btn .ja { display: block; line-height: 1; font-size: 22px; text-align: center; margin-bottom: 14px; }

.t-biz__btn .en { display: block; line-height: 1; font-family: "SakkalMajalla"; text-align: center; font-size: 18px; }

@media screen and (min-width: 751px) { .t-biz__h2 { height: 140px; }
  .t-biz__h2__inner { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
  .t-biz__btn { height: 220px; -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; width: 33.33%; position: relative; z-index: 2; }
  .t-biz__btn__inner { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
  .t-biz__list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
  .t-biz__list:after, .t-biz__list:before { content: ''; display: block; width: 1px; height: 100%; background-color: #fff; position: absolute; z-index: 3; top: 0; }
  .t-biz__list:before { left: 33.33%; }
  .t-biz__list:after { left: 66.66%; } }

@media screen and (max-width: 1024px) { .t-biz__btn .ja { font-size: 18px; } }

@media screen and (max-width: 750px) { .t-biz { background: url(../img/top/biz_bg--smt.jpg) no-repeat left center/cover; }
  .t-biz__h2 { height: 100px; }
  .t-biz__h2 em { font-size: 42px; }
  .t-biz__h2 small { font-size: 14px; }
  .t-biz__btn { height: 100px; border-top: 1px solid #fff; }
  .t-biz__btn .ja { margin-bottom: 5px; }
  .t-biz__btn .en { font-size: 14px; } }

.loading { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; background-color: #fff; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .5s opacity ease-in-out; -o-transition: .5s opacity ease-in-out; transition: .5s opacity ease-in-out; opacity: 1; }

.loading-img { -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px; width: 64px; height: 64px; }

.loading.load { opacity: 0; }

.project-list__in { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; padding: 0 15px; }

.project-list__item { position: relative; padding-top: 58.33%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }

.project-list__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; }

.project-list__content { position: relative; z-index: 2; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 350px; flex: 0 1 350px; border: 1px solid #999999; background-color: rgba(255, 255, 255, 0.7); padding: 15px 25px; }

.project-list__case, .project-list__name, .project-list__biz, .project-list__text, .project-list__comingsoon { display: block; }

.project-list__case { padding-left: calc(100% - 35px); text-align: right; position: relative; line-height: 1; }

.project-list__case:before { content: ''; display: block; background-color: #000; height: 1px; width: calc(100% - 35px); position: absolute; top: 50%; left: 0; }

.project-list__name { font-family: 'SakkalMajalla', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; text-align: center; font-size: 20px; line-height: 1.2; margin-bottom: 10px; }

.project-list__name .en { font-size: 1.5em; }

.project-list__biz { text-align: center; font-size: 12px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; line-height: 1.5; margin-bottom: 15px; }

.project-list__text { text-align: center; font-size: 12px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; line-height: 1.5; }

.project-list__comingsoon { background-color: #fff; font-family: "SakkalMajalla"; text-align: center; font-size: 18px; max-width: 300px; margin: 10px auto 0; }

@media screen and (min-width: 751px) { .project-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .project-list__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .project-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-top: 29.11%; }
  .project-list__bg img { -webkit-transition: .7s opacity ease,4s -webkit-transform ease; transition: .7s opacity ease,4s -webkit-transform ease; -o-transition: 4s transform ease,.7s opacity ease; transition: 4s transform ease,.7s opacity ease; transition: 4s transform ease,.7s opacity ease,4s -webkit-transform ease; }
  .project-list a.project-list__item:hover .project-list__bg img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: .8; }
  .project-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .project-list__case { margin-bottom: 5px; }
  .project-list__name { font-size: 36px; }
  .project-list__biz { font-size: 15px; }
  .project-list__text { font-size: 14px; } }

@media screen and (max-width: 750px) { .project-list__item + .project-list__item { border-top: 5px solid #d0d0d0; } }

.project-footer__logo { text-align: center; padding: 40px 0; border-bottom: 1px solid #d0d0d0; }

.project-footer__logo img { width: 360px; }

.project-footer__copyright { display: block; text-align: center; line-height: 1.2; padding: 25px 0; color: #595656; font-size: 14px; }

@media screen and (max-width: 750px) { .project-footer__logo { padding: 20px 0; }
  .project-footer__copyright { padding: 15px 0; } }

@media screen and (max-width: 600px) { .project-footer__logo img { width: 220px; }
  .project-footer__copyright { font-size: 10px; } }

.project-header { background-color: #fff; }

.project-header__case { position: relative; text-align: center; font-family: "SakkalMajalla"; }

.project-header__case:after { content: ''; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top: 50%; left: 0; }

.project-header__case small { position: absolute; top: -15px; left: 0; display: block; width: 100%; text-align: center; font-size: 18px; line-height: 1; z-index: 3; }

.project-header__case em { display: inline-block; background-color: #fff; padding: 0 20px; font-size: 48px; line-height: 1; position: relative; z-index: 2; }

.project-header__name { text-align: center; margin-bottom: 20px; }

.project-header__name--ja, .project-header__name--en { display: block; line-height: 1; text-align: center; }

.project-header__name--ja { font-size: 48px; }

.project-header__name--ja .en { font-size: 1.5em; font-family: "SakkalMajalla"; }

.project-header__name--en { font-size: 18px; font-family: "SakkalMajalla"; }

.project-header__catch { text-align: center; font-size: 20px; font-family: "Noto Sans JP", sans-serif; line-height: 1.5; margin-bottom: 40px; }

.project-header__place { text-align: center; font-size: 14px; line-height: 1.4; }

.project-header__btn { display: block; }

.project-header__btn > * { display: block; line-height: 1; text-align: center; }

.project-header__btn small { font-family: "SakkalMajalla"; font-size: 14px; line-height: 0.5; }

.project-header__btn em { font-family: "SakkalMajalla"; font-size: 32px; }

.project-header__btn i img { width: 16px; }

.project-header__backbtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #000; width: 176px; height: 80px; }

.project-header__backbtn i { -webkit-box-flex: 0; -ms-flex: 0 0 26px; flex: 0 0 26px; width: 26px; }

.project-header__backbtn i img { width: 26px; }

.project-header__backbtn span { color: #fff; font-size: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 15px; }

.project-header__t1 { font-weight: bold; font-size: 20px; font-family: "Noto Sans JP", sans-serif; margin-bottom: 1.3em; }

.project-header__t2 { font-size: 18px; margin-bottom: 1.3em; }

.project-header__box .t1 { font-weight: bold; font-size: 20px; font-family: "Noto Sans JP", sans-serif; margin-bottom: 1.3em; }

.project-header__box .t2 { font-size: 18px; margin-bottom: 1.3em; }

.project-header__box .t3 { font-weight: bold; }

.project-header__box table { table-layout: fixed; font-size: 13px; }

.project-header__box th { font-weight: bold; width: 85px; line-height: 1.2; }

.project-header__box td { width: auto; line-height: 1.2; }

.project-header__box th, .project-header__box td { padding: 2px 0; }

.project-header__box-right { font-family: "Noto Sans JP", sans-serif; }

.project-header__table { table-layout: fixed; font-size: 13px; }

.project-header__table th, .project-header__table td { padding: 2px 0; }

.project-header__table th { font-weight: bold; width: 85px; line-height: 1.2; }

.project-header__table td { width: auto; line-height: 1.2; }

.project-header__pager { display:none !important; }

@media screen and (max-width: 1000px) { .project-header__t1 { font-size: 17px; }
  .project-header__t2 { font-size: 14px; }
  .project-header__box .t1 { font-size: 17px; }
  .project-header__box .t2 { font-size: 14px; }
  .project-header__case small { top: -8px; font-size: 12px; }
  .project-header__case em { padding: 0 20px; font-size: 36px; }
  .project-header__box-left { margin-bottom: 20px; }
  .project-header__left__in { padding: 35px 15px; }
  .project-header__name { margin-bottom: 20px; }
  .project-header__name--ja { font-size: 36px; }
  .project-header__name--en { font-size: 15px; }
  .project-header__catch { font-size: 16px; margin-bottom: 20px; }
  .project-header__place { font-size: 12px; }
  .project-header__pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 10px 10px 15px; }
  .project-header__btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .project-header__btn--prev { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .project-header__btn--next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .project-header__backbtn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100px; height: 50px; }
  .project-header__backbtn i { -webkit-box-flex: 0; -ms-flex: 0 0 13px; flex: 0 0 13px; width: 13px; height: 13px; line-height: 0; }
  .project-header__backbtn i img { width: 13px; vertical-align: middle; }
  .project-header__backbtn span { font-size: 13px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 7px; } }

@media screen and (min-width: 1001px) { .project-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 72px; position: relative; }
  .project-header__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
  .project-header__box-left, .project-header__box-right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; padding-top: 20px; padding-bottom: 20px; }
  .project-header__box-left { padding-right: 20px; border-right: 1px solid #d0d0d0; }
  .project-header__box-right { padding-left: 20px; }
  .project-header__left { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% + 36px); flex: 0 0 calc(50% + 36px); width: calc(50% + 36px); min-height: 1080px; padding-bottom: 480px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; }
  .project-header__left.p1 { -webkit-box-flex: 0; -ms-flex: 0 0 58.4%; flex: 0 0 58.4%; width: 58.4%; padding-bottom: 720px; }
  .project-header__left__in { -webkit-box-flex: 0; -ms-flex: 0 1 860px; flex: 0 1 860px; max-width: 860px; width: 100%; padding: 20px; }
  .project-header__left__img { position: absolute; width: 100%; height: 480px; left: 0; bottom: 0; overflow: hidden; }
  .project-header__left__img.p1 { height: 720px; }
  .project-header__left__img picture { height: 100%; }
  .project-header__right { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 36px); flex: 0 0 calc(50% - 36px); width: calc(50% - 36px); min-height: 1080px; position: relative; z-index: 1; }
  .project-header__right.p1 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6%; flex: 0 0 41.6%; width: 41.6%; }
  .project-header__right picture { height: 100%; }
  .project-header__pager { position: absolute; right: 0; top: 0; width: 72px; height: 100%; }
  .project-header__btn { margin-top: 40px; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .project-header__btn:hover { opacity: .6; }
  .project-header__backbtn { position: absolute; z-index: 2; right: 0; bottom: 120px; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .project-header__backbtn:hover { opacity: .6; } }

@media screen and (min-width: 1001px) and (max-width: 1366px) { .project-header { padding-right: 40px; }
  .project-header__left { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% + 20px); flex: 0 0 calc(50% + 20px); width: calc(50% + 20px); }
  .project-header__right { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); width: calc(50% - 20px); }
  .project-header__pager { width: 40px; } }

.project-story { background-color: #fff; }

.project-story__title { padding: 50px 0; }

.project-story__title--en { display: block; font-size: 56px; font-family: "SakkalMajalla"; line-height: 1; text-align: center; }

.project-story__title--ja { display: block; font-size: 16px; font-family: "Noto Sans JP", sans-serif; line-height: 1; text-align: center; }

.project-story__number { font-family: "SakkalMajalla"; }

.project-story__number i { display: block; line-height: 0.7; font-size: 24px; padding-left: 5px; }

.project-story__number span { display: block; line-height: 1; font-size: 80px; }

.project-story__catch { font-size: 20px; line-height: 1.6; margin-bottom: 50px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.project-story__text { font-family: "Noto Sans JP", sans-serif; line-height: 2.2; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
.project-story__title.case3_tit{background:#fff!important; border-bottom:#cfcfcf 1px solid;}
@media screen and (max-width: 750px) { .project-story__content { padding: 40px 15px; }
  .project-story__number i { font-size: 15px; padding-left: 8px; }
  .project-story__number span { font-size: 60px; }
  .project-story__catch { font-size: 18px; margin-bottom: 25px; }
  .project-story__title {padding: 50px 0;/* background: #fff; *//* border-bottom: 1px solid #f0f0f0; */}
  .project-story__title--en {font-size: 32px;/* background: #fff; *//* border-bottom: 1px solid #000; */}
  .project-story__title--ja { font-size: 12px; } }

@media screen and (min-width: 751px) { .project-story { position: relative; }
  .project-story:before, .project-story::after { content: ''; display: block; background-color: #f8f8f8; position: absolute; z-index: 1; }
  .project-story:before { width: 1368px; left: 50%; margin-left: -480px; top: 0; height: 950px; display:none; }
  .project-story:after { width: 888px; right: 50%; bottom: 0; height: 640px; }
  .project-story__title {padding: 85px 0;position: relative;z-index: 3;/* background: #fff; *//* border-bottom: 1px solid #f0f0f0; */}
  .project-story .project-story__container:nth-child(3) { background-color: #fff; }
  .project-story__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 3; }
  .project-story__container--imgleft .project-story__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .project-story__container--imgleft .project-story__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .project-story__container--imgleft .project-story__img img { -o-object-position: right; object-position: right; font-family: 'object-position: right;object-fit:cover;'; }
  .project-story__container--imgleft .project-story__inner { padding-left: 100px; }
  .project-story__container--imgright .project-story__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .project-story__container--imgright .project-story__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .project-story__container--imgright .project-story__img img { -o-object-position: left; object-position: left; font-family: 'object-position: left;object-fit:cover;'; }
  .project-story__container--imgright .project-story__inner { padding-right: 100px; }
  .project-story__content { padding-top: 25px; padding-bottom: 25px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .project-story__inner { width: 100%; max-width: 600px; }
  .project-story__img { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .project-story__container--imgleft .project-story__inner { padding-left: 40px; padding-right: 15px; }
  .project-story__container--imgright .project-story__inner { padding-right: 40px; padding-left: 15px; } }

.project-gallery {background-color: #fff;padding-bottom: 100px;position: relative;background: #e0e0e0;}
.project-gallery3 {background:url(../img/projects/case3/bg-repeat1.jpg) left top repeat;}

.project-gallery:after { content: ''; display: block; width: 100%; height: 50%; position: absolute; z-index: 1; bottom: 0; left: 0; background-color: #e0e0e0; display:none; }

.project-gallery .inner { position: relative; z-index: 3; max-width: 1130px; }

.project-gallery__pagetop { position: absolute; z-index: 3; right: 60px; top: 50%; margin-top: -80px; cursor: pointer; }

.project-gallery__title { position: relative; z-index: 3; }

.project-gallery__title--en { display: block; font-size: 56px; font-family: "SakkalMajalla"; line-height: 1; text-align: center; }

.project-gallery__title--ja { display: block; font-size: 16px; font-family: "Noto Sans JP", sans-serif; line-height: 1; text-align: center; }

@media screen and (max-width: 1366px) { .project-gallery__pagetop { right: 20px; } }

@media screen and (max-width: 1024px) { .project-gallery__pagetop { right: 0px; } }

@media screen and (max-width: 750px) { .project-gallery__title { padding: 50px 0; }
  .project-gallery__title--en { font-size: 32px; }
  .project-gallery__title--ja { font-size: 12px; } }

.project-gallerylist__item { width: calc(16.6% - 8px); margin-bottom: 10px; }
.project-gallery3 .type-s {
	margin-bottom:9.367px;
}

.project-gallerylist a { display: block; line-height: 1; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }

.project-gallerylist a:hover { opacity: .6; }

@media screen and (max-width: 750px) { .project-gallerylist__item { width: calc((100% - 20px)/3); margin-bottom: 2.9%; }
  .project-gallerylist__item.type-s { margin-bottom: 2.1%; } }

.project-parse { background-color: #fff; padding-bottom: 20px; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.project-parse__gallery { position: relative; }

.project-parse__gallery figure { width: 49.58%; }
.project-parse__gallery .col figure { width: auto; }

.project-parse__img2 { position: absolute; top: 0; right: 0; }

.project-parse__img3 { position: absolute; bottom: 0; right: 0; }

.project-parse__pagetop { position: absolute; z-index: 3; right: 60px; bottom: 0; margin-bottom: -80px; cursor: pointer; }

@media screen and (min-width: 751px) { .project-parse { padding-bottom: 40px; } }

@media screen and (max-width: 750px) { .project-parse__pagetop { right: 10px; width: 4px; margin-bottom: -40px; } }

.project-link { background-color: #fff; padding-bottom: 20px; }

.project-link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.project-link li { margin: 0 5px; }

.project-link a {display: block;background-color: #eee;/* color: #fff; */padding: 5px 10px;}

.project-link .prev a, .project-link .next a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.project-link .prev i, .project-link .next i { -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; width: 9px; height: 16px; line-height: 0; display: block; }

.project-link .prev span, .project-link .next span { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.project-link .prev i { margin-right: 5px; }

.project-link .next i { margin-left: 5px; }

@media screen and (min-width: 751px) { .project-link { padding-bottom: 40px; }
  .project-link a { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .project-link a:hover { opacity: .6; } }


.case_header {
	width:100%;
	height:100vh;
	background:#fff;
	position:relative;
}

.case_header .sec1 {
	display:flex;
	justify-content: space-between;
}
.case_header .sec1 .ca1 {
	width:62%;
}
.case_header.case3 .sec1 .ca1 {
	width:58%;
}

.case_header .sec1 .ca1 .ca1_img {
	width:100%;
	position:relative;
	background:#000;
	border-right:2px solid #666;
	box-sizing:border-box;
	overflow:hidden;
}
.case_header .sec1 .ca1 .ca1_img .ca1_img_sec {
	position:absolute;
	top:0;
	left: 5.6%;
	width: 89%;
	height:100%;
	background-image:url("../img/projects/case1/img-mv22.jpg");
	background-size:cover;
	background-position:top center;
}
/*
.case_header .sec1 .ca1 .ca1_img a {
	position:absolute;
	top:2px;
	left:0;
	color:#fff;
	display:block;
	text-align:center;
	line-height:1;
	background:rgba(0,0,0,1);
	transition: all 0.3s ease-in-out 0s;
}
.case_header .sec1 .ca1 .ca1_img a:hover {
	background:rgba(0,0,0,0.6);
}
*/
.case2 .sec1 .ca1 .ca1_img .ca1_img_sec {
	background-image:url("../img/projects/case2/img-mv2.jpg");
	background-position:top center;
}
.case3 .sec1 .ca1 .ca1_img .ca1_img_sec {
	background-image:url("../img/projects/case3/img-mv2.jpg");
	background-position:top center;
}
.case_header .sec1 .ca1 .ca1_img img.ca1 {
	display:none;
}
.case_header .sec1 .ca2 {
	width:38%;
	position:relative;
	background:#000;
}
.case_header.case3 .sec1 .ca2 {
	width:42%;
}
.case_header .sec1 .ca2 .ca2_img_sec {
	position:absolute;
	top:0;
	left:15%;
	width:70%;
	height:100%;
	background-image:url("../img/projects/case1/img-mv1.jpg");
	background-size:cover;
	background-position: 50% 100%;
}
.case2 .sec1 .ca2 .ca2_img_sec  {
	background-image:url("../img/projects/case2/img-mv1.jpg");
	background-position: 50% 100%;
}
.case3 .sec1 .ca2 .ca2_img_sec  {
	background-image:url("../img/projects/case3/img-mv1.jpg");
	background-position: 50% 100%;
	left: 8.3%;
	width: 84%;
	/*
	background-size:100% auto;
	background-color:#000;
	background-repeat: no-repeat;
	*/
}
.case_header .sec1 .ca2 a {
	position:absolute;
	bottom:0;
	right:0;
	padding:10px 5px 10px 0;
	background:rgba(0,0,0,0.8);
	transition: all 0.3s ease-in-out 0s;
	color:#fff;
	font-size:14px;
}
.case_header .sec1 .ca2 a span {
	display:block;
	text-align:center;
}
.case_header .sec1 .ca2 a span:nth-child(1) {
	margin:0 0 5px 0;
}
.case_header .sec1 .ca2 a:hover {
	background:rgba(0,0,0,0.6);
}

.ca2_img {
	display:none;
}
.ca2_img img {
	width:100%;
}

.vpc750 {
}
.vsp750 {
	display:none;
}
@media screen and (max-width: 1000px) {
	.case_header {
		height:auto;
	}
	.case_header .sec1 {
		display:block;
	}
	.case_header .sec1 .ca1 {
		width:100%;
		border-right:0px;
	}
	.case_header.case3 .sec1 .ca1 {
		width:100%;
		border-right:0px;
	}
	.case_header .sec1 .ca1 .ca1_img {
		width:100%;
		height:auto !important;
		background-image:none;
	}
	.case_header .sec1 .ca1 .ca1_img img.ca1 {
		display:block;
	}

	.case_header .sec1 .ca2 {
		display:none;
	}
	.ca2_img {
		display:block;
	}
}


.case_header .pj_ttl {
	display:flex;
	justify-content: start;
	align-items: center;
	width:100%;
	padding:15px 40px;
	box-sizing:border-box;
	font-family:"SakkalMajalla";
	border-bottom:1px solid #000;
	position:relative;
}
.case_header .pj_ttl li:nth-child(1) {
	padding:0 25px 0 0;
	border-right:1px solid #000;
	font-size:36px;
	line-height:1;
}
.case_header .pj_ttl li:nth-child(1) span {
	font-size:150%;
}
.case_header .pj_ttl li:nth-child(2) {
	padding:0 0 0 25px;
}
.case_header .pj_ttl li:nth-child(3) {
	position:absolute;
	bottom:15px;
	right:40px;
	border:1px solid #000;
	text-align:center;
	padding:3px 30px 0;
	font-size:28px;
	line-height:1.2;
	background:#eee;
}

.case_header .pj_step {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items: center;
	padding:0 40px;
}
.case_header .pj_step li:nth-child(1) {
	width:45%;
	border-right:1px solid #000;
}
.case_header .pj_step li:nth-child(2) {
	width:55%;
}

.case_header .pj_step2 li:nth-child(1) {
	width:42%;
}
.case_header .pj_step2 li:nth-child(2) {
	width:58%;
}

.case_header .pj_step li div {
	box-sizing:border-box;
}
.case_header .pj_step li:nth-child(1) div {
	padding:15px 20px 15px 0;
}
.case_header .pj_step li:nth-child(2) div {
	text-align:right;
	padding:20px 0px 20px 20px;
}
.case_header .pj_step .t1 {
	font-size:18px;
	font-weight:bold;
}
.case_header .pj_step .tx1 {
	margin:0 0 17px;
}
.case_header .pj_step .tx1_1 {
	line-height:1.4;



	margin:0 0 5px;

}
.case_header .pj_step .tx1_2 {
	line-height:1.4;
}
.case_header .pj_step .t2 {
	letter-spacing:-0.04em;
	font-size:14px;
}

.case_header .out_sec {
	width:100%;
	padding:15px 40px;
	box-sizing:border-box;
	display:flex;
	justify-content: start;
	font-size:13px;
	color:#000;
}
.case_header .out_sec .out1 {
	box-sizing:border-box;
	position:relative;
}
.case_header .out_sec .out2 {
	box-sizing:border-box;
}
.case_header .out_sec .out3 {
	padding:0 20px 0 0;
	width:100%;
	box-sizing:border-box;
}
.case_header .out_sec .out4 {
	box-sizing:border-box;
}
.case_header .out_sec .out5 {
	box-sizing:border-box;
}
.case_header .out_sec .tb {
	font-weight:bold;
	font-size:16px;
}
.case_header .out_sec .col {
	display:flex;
	justify-content: start;
}

.case_header .out_sec .col li:last-child {
	margin:0 0 0 0;
}
.case_header .out_sec .col dl {
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.case_header .out_sec .col dl dt {
	width:80px;
	position:relative;
	font-weight:bold;
}
.case_header .out_sec .col dl.d1 dt {
	width: 80px;
}
.case_header .out_sec .col dl.d1 dt.p60 {
	width: 60px;
}
.case_header .out_sec .col dl dt:after {
	content:":";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	height:100%;
}
.case_header .out_sec .col dl dd {
	width:calc(100% - 80px);
	padding:0 0 0 10px;
	box-sizing:border-box;
	font-weight:bold;
}
.case_header .out_sec .col dl.d1 dd {
	width: calc(100% - 80px);
}
.case_header .out_sec .col dl.d1 dd.p602 {
	width: calc(100% - 60px);
}
.case_header .out_sec .t1 {
	display:block;
	letter-spacing:3em;
	margin-right: -3em;
}
.case_header .out_sec .t2 {
	display:block;
	letter-spacing:1em;
	margin-right: -1em;
}
.case_header .out_sec .t3 {
	display:block;
	letter-spacing:0;
}
.case_header .out_sec .t4 {
	display:block;
	letter-spacing:0.3em;
	margin-right: -0.3em;
}

.case_header .out_sec .t1_1 {
	display:block;
	letter-spacing:1.5em;
	margin-right: -1.5em;
}
.case_header .out_sec .t2_2 {
	display:block;
	letter-spacing:0.3em;
	margin-right: -0.3em;
}

.case_header .out_sec .out1 .col li:nth-child(1) {
	width:302px;
	margin:0 30px 0 0;
}
.case_header .out_sec .out1 .col li:nth-child(2) {
	width:245px;
	margin:0 30px 0 0;
}
.case_header .out_sec .out1 .col li:nth-child(3) {
	width:225px;
	margin:0 30px 0 0;
}
.case_header .out_sec .out2 .col li:nth-child(1) {
	width:285px;
	margin:0 30px 0 0;
}
.case_header .out_sec .out2 .col li:nth-child(2) {
	width:303px;
}

.case_header .out_sec .out3 .col li:nth-child(1) {
	width:303px;
	margin:0 2% 0 0;
}
.case_header .out_sec .out3 .col li:nth-child(2) {
	width:271px;
	margin:0 2% 0 0;
}
.case_header .out_sec .out3 .col li:nth-child(3) {
	width:271px;
	margin:0 2% 0 0;
}
.case_header .out_sec .out3 .col li:nth-child(4) {
	width:208px;
	margin:0 2% 0 0;
}
.case_header .out_sec .out3 .col li:nth-child(5) {
	width:279px;
}

.case_header .out_sec .out4 .col li:nth-child(1) {
	width:370px;
	margin:0 30px 0 0;
}
.case_header .out_sec .out4 .col li:nth-child(2) {
	width:230px;
	margin:0 30px 0 0;
}
.case_header .out_sec .out4 .col li:nth-child(3) {
	width: 230px;
	margin:0 30px 0 0;
}
.case_header .out_sec .out5 .col li:nth-child(1) {
	width: 300px;
	margin:0 30px 0 0;
}

@media screen and (max-width: 1600px) {
	.case_header .out_sec .out1 {
		width:58%;
	}
	.case_header .out_sec .out2 {
		width:42%;
	}
}
@media screen and (max-width: 1230px) {
	.case_header .out_sec .out4 {
		width:75%;
	}
	.case_header .out_sec .out5 {
		width:25%;
	}
}
@media screen and (max-width: 1100px) {
	.case_header .pj_ttl li:nth-child(3) {
		font-size:20px;
		right:20px;
	}
	.case_header .pj_ttl {
		padding:15px 20px;
	}
	.case_header .pj_step {
		padding:0 20px;
	}
	.case_header .out_sec {
		padding:15px 20px;
	}
}

@media screen and (max-width: 1000px) {
	.case_header .out_sec {
		display:block;
	}
	.case_header .out_sec .out1 {
		padding:0 0 20px 0;
		width:100%;
	}
	.case_header .out_sec .out1:after {
		display:none;
	}
	.case_header .out_sec .out2 {
		padding:20px 0 0 0;
		width:100%;
	}

	.case_header .out_sec .out4 {
		width:100%;
		padding:0 0 20px 0;
	}
	.case_header .out_sec .out5 {
		padding:20px 0 0 0;
		width:100%;
	}

	.case_header .out_sec .out3 .col {
		display:block;



	}
	.case_header .out_sec .out3 .col li {
		width:100% !important;
		margin:0 0 20px 0 !important;
	}
	.case_header .sec1 .ca1 .ca1_img .ca1_img_sec {
		display:none;
	}

}

@media screen and (max-width: 750px) {

	.case_header .pj_ttl li:nth-child(1) {
		font-size:30px;
	}

	.case_header .out_sec .out1 {
		padding:0 0 0 0;
		width:100%;
	}
	.case_header .out_sec .out2 {
		padding:0 0 0 0;
	}

	.case_header .out_sec .out4 {
		padding:0 0 0 0;
		width:100%;
	}
	.case_header .out_sec .out5 {
		padding:0 0 0 0;
	}

	.case_header .out_sec .col {
		display:block;
	}
	.case_header .out_sec .col li {
		width:100% !important;
		margin:0 0 20px 0 !important;
	}
	.case_header .out_sec .col li:last-child {
		margin:0 0 0 0;
	}

	.case_header .pj_step {
		display:block;
		padding:0 10px;
	}
	.case_header .pj_step li:nth-child(1) {
		width:100%;
		border-right:0px;
		border-bottom:1px solid #000;
	}
	.case_header .pj_step .t1 {
		text-align:center;
	}
	.case_header .pj_step .t2 {
		text-align:center;
	}
	.case_header .pj_step li:nth-child(2) {
		width:100%;
	}
	.vpc750 {
		display:none;
	}
	.vsp750 {
		display:block;
	}
	.case_header .out_sec .t1_1 {
		letter-spacing:3em;
		margin-right: -3em;
	}
	.case_header .out_sec .t2_2 {
		display:block;
		letter-spacing:1em;
		margin-right: -1em;
	}
	.case_header .out_sec .col dl.d1 dt {
		width:80px;
	}
	.case_header .out_sec .col dl.d1 dt.p60 {
		width:80px;
	}
	.case_header .out_sec .col dl.d1 dd {
		width:calc(100% - 80px);
	}
	.case_header .out_sec .col dl.d1 dd.p602{
		width:calc(100% - 80px);
	}
	.case_header .pj_step li:nth-child(1) div {
		padding:20px 0 20px 0;
	}
	.case_header .pj_step li:nth-child(1) div span {
		text-align:center;
	}
	.case_header .pj_step li:nth-child(2) div {
		padding:20px 0 20px 0;
		text-align:center;
	}
}

@media screen and (max-width: 660px) {
	.case_header .pj_ttl {
		display:block;
		padding:25px 10px;
	}
	.case_header .pj_ttl li:nth-child(1) {
		padding:0 0 20px 0;
		border-right:0px;
		border-bottom:1px solid #000;
		text-align:center;
		max-width:300px;
		margin:0 auto;
	}
	.case_header .pj_ttl li:nth-child(2) {
		padding:25px 0 25px 0;
		text-align:center;
	}
	.case_header .pj_ttl li:nth-child(3) {
		position:static;
		max-width:200px;
		margin:0 auto;
	}
}

.col_page {
}
.col_page li.prev {
	position:absolute;
	top:0;
	right:60px;
}
.case3 .col_page li.prev {
	right:0px;
}
.col_page li.next {
	position:absolute;
	top:0;
	right:0;
}
.case_header .sec1 .ca1 .ca1_img a, .col_page li.prev a, .col_page li.next a {
	font-size:24px;
	padding:7px 10px 7px 10px;
	font-family:"SakkalMajalla";
}
.col_page li a {
	color:#fff;
	display:block;
	text-align:center;
	line-height:1;
	background:rgba(0,0,0,1);
	transition: all 0.3s ease-in-out 0s;
}
.col_page li a:hover {
	background:rgba(0,0,0,0.6);
}
.case_header .sec1 .ca1 .ca1_img a span, .col_page li.prev a span, .col_page li.next a span {
	display:block;
	font-size:18px;
	margin:2px 0 0 0;
}

.col_page li.list {
	display:flex;
	justify-content: center;
}
.col_page li.list a {
	padding:22px;
	font-size:15px;
	line-height:1.4;
}
.col_page li.list a span:nth-child(1) {
	margin:0 10px 0 0;
}
@media screen and (max-width: 1000px) {
	.col_page {
		display:none;
	}
	.col_page li.prev {
		position:static;
		display:block;
	}
	.col_page li.next {
		position:static;
	}
	.case_header .sec1 .ca1 .ca1_img a {
		display:none;
	}
}
@media screen and (max-width: 480px) {
	.col_page {
		background:rgba(0,0,0,1);
	}

}

.case_footer {
	width:100%;
	background:#E2E2E2;
	padding:40px 0 30px 0;
	position:relative;
}
.case_footer .case_footer_in {
	display:flex;
	justify-content: space-between;
	align-items:center;
	max-width:1220px;
	margin:0 auto;
	padding:0 10px;
}
.case_footer .case_footer_copy {
    text-align: right;
    line-height: 1.2;
    color: #595656;
    font-size: 12px;
}

.case_footer .page_top {
	position:absolute;
	top:-35px;
	right:20px;
	cursor:pointer;
}

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

@media screen and (max-width: 780px) {

	.case_footer {
		padding:30px 0 30px 0;
	}

	.case_footer .case_footer_in {
		display:block;
		text-align:center;
	}
	.case_footer .case_footer_logo {
		text-align:center;
		margin:0 0 20px;
	}
	.case_footer .c_f_copy p {
		text-align:center;
	}
	.case_footer .case_footer_copy {
		margin:20px 0 0 0;
		text-align: center;
		display:block;
	}
}
@media screen and (max-width: 780px) {
	.case_footer .page_top {
		width:50px;
		top:-25px;
	}

}
@media screen and (max-width: 600px) {
	.case_footer .case_footer_logo img {
		width:220px;
	}
	.case_footer .case_footer_copy {
		font-size: 10px;
	}
	.case_footer .c_f_copy p img {
		width:259px;
	}
}

.project-story {
	border-top:1px solid #000;
}
.project-story .project-story__container:nth-child(2n-1) {
	background:#fff
}
.project-story .project-story__container:nth-child(2n) {
	background: #F0EFF0;
}
.project-story .project-story__container:nth-child(7) {
  background-image:url("../img/projects/case3/bg-repeat1.jpg");
}
.project-story__img {
	position:relative;
}
.project-story__img span {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	background:rgba(58,62,233,0.3);
	z-index:2;
}


footer {
	clear: both;
	width: 100%;
	background:#0e3c76;
	padding: 13px 0;
}

/*  copyright  */
footer p.copyright {
	font-size:0.625em;
	line-height:1.2;
	color:#FFF;
	text-align:center;
}

@media only screen and (max-width: 1099px) {
	footer {
		clear: both;
		width: 100%;
		height:auto;
	}
}

.official {
	display:flex;
	justify-content: start;
	align-items: center;
	transition: all 0.3s ease-in-out 0s;
}
.official:hover {
	opacity:0.7;
}
.official span:nth-child(1) {
	margin:0 10px 0 0;
}

.project-story2 {
	background:#000;
	padding:6px 0;
	line-height:0;
}

.project-story2 img {
	width:100%;
}


.project-parse__gallery .col {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.project-parse__gallery .col li {
	width:32.6%;
}
.project-parse__gallery .col li:nth-child(1), .project-parse__gallery .col li:nth-child(2) {
	width:49.6%;
	margin:0 0 10px;
}

.case3_project_back {
	background:url("../img/projects/case3/bg-repeat1.jpg") left top repeat;
}
.case3_project_back_n {
	background:none !important;
	background-color:none !important;
}
.case3_project_back_n:after {
	background:none !important;
	background-color:none !important;
}

.case3_site_logo {
	position:relative;
	padding:0 0 10px;
}
.case3_site_logo img {
	position:absolute;
	top:7.8em;
	right:20px;
	text-align:center;
	font-size:13px;
	transition: all 0.3s ease-in-out 0s;
}
.case3_site_logo a:hover {
	opacity:0.7;
}

@media only screen and (max-width: 1366px) {
	.vpc1200 {
		display:none;
	}
	.case3_site_logo {
		position:relative;
		padding:0 0 0;
	}
	.case3_site_logo a {
		position:static;
		display:block;
		margin:20px 0 0 0;
	}
	.case3_site_logo a img {
		width:auto;
		top:9.5em;
	}
}

@media only screen and (max-width: 1000px) {
	.case3_site_logo a img {
		top:12em;
	}
}

@media only screen and (max-width: 900px) {
	.case3_site_logo a img {
		width:50%;
		top:14em;
	}
}

@media only screen and (max-width: 600px) {
	.case3_site_logo a img {
		width:50%;
		top:10.5em;
	}
}

@media screen and (max-width: 750px) {
	.img11 {
		max-width: 264px;
		margin: 0 auto;
	}
}
.vsp660 {
	display: none;
}
@media screen and (max-width: 660px) {
	.vpc660 {
		display: none;
	}
	.vsp660 {
		display: block;
	}
	.case3_ttl {
		max-width: 304px;
		margin: 0 auto;
	}
}