@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #e51c24;
}

a:hover {
  text-decoration: underline;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

img {
  vertical-align: top;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  color: #333;
}

@media screen and (max-width: 375px) {
  body {
    min-width: 320px;
    overflow-x: hidden;
  }
}

.menuOpen {
  overflow: hidden;
}

.globalHeader {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  z-index: 102;
}

.fixed .globalHeader {
  height: 50px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/*
.globalHeader.white {
	background: #fff;
}
*/
.globalHeader .logo {
  float: left;
  padding: 23px 0 0 23px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.globalHeader[data-logo="white"] img {
  -webkit-filter: invert(100%) brightness(100);
  -moz-filter: invert(100%) brightness(100);
  -o-filter: invert(100%) brightness(100);
  -ms-filter: invert(100%) brightness(100);
  filter: invert(100%) brightness(100);
}

.globalHeader .logo a:hover img {
  -webkit-transition: all 1s cubic-bezier(0.12, 0.78, 0.76, 1.26);
  transition: all 1s cubic-bezier(0.12, 0.78, 0.76, 1.26);
}

.fixed .globalHeader .logo {
  padding: 0 0 0 13px;
}

.fixed .globalHeader .logo img {
  width: 80px;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.globalHeader .logo a {
  display: block;
  padding: 10px;
}

.globalNav {
  float: right;
  margin-right: 353px;
  padding-top: 40px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.fixed .globalNav {
  margin-right: 336px;
  padding-top: 13px;
}

.globalNav li {
  float: left;
  margin-left: 20px;
  font-weight: bold;
}

.globalNav a {
  position: relative;
  display: block;
  padding: 11px 0;
  font-size: 75%;
  color: #fff;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.globalNav.white a {
  color: #333;
  opacity: 0.5;
}

.fixed .globalNav a, .fixed .glovalNav.white a {
  padding: 7px 0;
  color: #333;
  opacity: 0.5;
}

.globalNav .active a,
.globalNav a:hover {
  opacity: 1;
  text-decoration: none;
}

.globalNav a:after {
  position: absolute;
  bottom: 0;
  width: 0;
  left: 50%;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.fixed .globalNav a:after,
.fixed .globalNav.white a:after,
.globalNav.white a:after {
  background: #000;
}

.globalNav a:hover:after,
.globalNav .active a:after {
  width: 100%;
  left: 0;
  opacity: 0.6;
}

.globalHeaderContact {
  position: absolute;
  top: 40px;
  right: 30px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.globalHeaderContact .dl{
  background-color: #f5f5f5;
}

.globalHeaderContact .dl:hover{
  background-color: #ffffff;
}

.globalHeaderContact .dl:hover a{
  text-decoration: none;
}

.globalHeaderContact .dl a{
  color:#e43636;
  display: block;
  font-size: 12px;
}

.globalHeaderContact .dl a::before{
  content: none;
}

.globalHeaderContact li {
  float: left;
  width: 153px;
  text-align: center;
  line-height: 32px;
  height: 34px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.globalHeaderContact .phone {
  color: #e43636;
  border: 1px solid #fff;
}

.globalHeaderContact .email {
  background: #e43636;
  border: 1px solid #e43636;
}

.globalHeaderContact .phone:before {
  margin-right: 4px;
  vertical-align: -2px;
  font-size: 18px;
}

.globalHeaderContact .phone a {
  color: #e43636;
}

.globalHeaderContact .email a {
  display: block;
  font-size: 12px;
  color: #fff;
}

.globalHeaderContact .email a:before {
  margin-right: 5px;
  vertical-align: -1px;
  font-size: 14px;
}

.globalHeaderContact .email a:hover {
  background: #f00;
  text-decoration: none;
}

.fixed .globalHeaderContact {
  top: 8px;
  right: 8px;
}

.fixed .globalHeaderContact li,
.white .globalHeaderContact li {
  border: 1px solid #e43636;
}

.spBtn {
  position: absolute;
  top: 20px;
  right: 20px;
  display: none;
  height: 56px;
  width: 56px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.fixed .spBtn {
  top: -3px;
  right: -3px;
  background: rgba(255, 255, 255, 0);
}

.spBtn:before {
  display: block;
  position: absolute;
  top: 13px;
  left: 10px;
  width: 36px;
  border-top: 3px solid #000;
  content: '';
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.spBtn:after {
  display: block;
  position: absolute;
  bottom: 13px;
  left: 10px;
  width: 36px;
  border-bottom: 3px solid #000;
  content: '';
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.spBtn span {
  display: block;
  background: #000;
  height: 3px;
  width: 36px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media screen and (max-width: 950px) {
  .spBtn {
    display: block;
    top: -3px;
    right: -3px;
    background: rgba(255, 255, 255, 0);
  }
  .globalNav,
  .globalHeaderContact {
    display: none;
  }
  .globalHeader {
    height: 50px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  .globalHeader .logo {
    padding: 0 0 0 13px;
  }
  .globalHeader .logo img {
    width: 80px;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
  }
  .menuOpen .spBtn:before {
    top: 50%;
    margin-top: -1px;
    border-width: 2px;
    -webkit-transform: rotateZ(135deg);
    transform: rotateZ(135deg);
  }
  .menuOpen .spBtn:after {
    bottom: 50%;
    margin-bottom: -1px;
    border-width: 2px;
    -webkit-transform: rotateZ(225deg);
    transform: rotateZ(225deg);
  }
  .menuOpen .spBtn span {
    border-width: 0;
    opacity: 0;
    -webkit-transform: rotateZ(405deg);
    transform: rotateZ(405deg);
  }
  .menuOpen .globalNav,
  .menuOpen .globalHeaderContact {
    display: block;
  }
  .menuOpen .globalHeader {
    height: 120%;
    background: #fff;
    z-index: 102;
  }
  .menuOpen .globalNav {
    float: none;
    clear: both;
    margin-right: 0;
    padding-top: 0;
  }
  .menuOpen .globalNav li {
    float: none;
    margin-left: 0;
    background: url(/assets/img/common/spmenu_line.png) repeat-x;
    background-size: 10px auto;
    font-size: 18px;
  }
  .menuOpen .globalNav a {
    padding: 15px 0;
    text-align: center;
    font-size: 100%;
    color: #000;
    opacity: 1;
  }
  .menuOpen .globalNav .active a,
  .menuOpen .globalNav a:hover {
    opacity: 1;
  }
  .menuOpen .globalNav a:hover:after,
  .menuOpen .globalNav .active a:after {
    display: none;
  }
  .menuOpen .globalHeaderContact {
    position: static;
    margin: 0 auto;
  }
  .globalHeaderContact li {
    float: none;
    width: auto;
    text-align: center;
    line-height: normal;
    height: auto;
    border: none;
    background: url(/assets/img/common/spmenu_line.png) repeat-x;
    background-size: 10px auto;
    font-weight: bold;
    font-size: 18px;
  }
  .globalHeaderContact .phone {
    padding: 9px 0;
    font-style: italic;
    color: #000;
  }
  .globalHeaderContact .phone a {
    font-size: 28px;
    color: #000;
  }
  .globalHeaderContact .email {
    background: url(/assets/img/common/spmenu_line.png) repeat-x;
    background-size: 10px auto;
    border: none;
  }
  .globalHeaderContact .email a {
    padding: 9px 0;
    font-size: 18px;
    border: none;
    color: #000;
  }
  .globalHeaderContact .phone:before,
  .globalHeaderContact .email a:before {
    margin-right: 4px;
    vertical-align: -4px;
    font-size: 32px;
    color: #e43636;
  }
  .globalHeaderContact .email a:hover {
    background: none;
  }
  .fixed .globalHeaderContact li,
  .white .globalHeaderContact li {
    border: none;
  }
}

.homeVisual {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 968px;
  height: 100vh;
  background: #000;
  overflow: hidden;
}

.homeVisualPrev {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 40px;
  padding-right: 10px;
  z-index: 101;
  cursor: pointer;
}

.homeVisualNext {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  padding-left: 10px;
  z-index: 101;
  cursor: pointer;
}

.homeVisualPrev img,
.homeVisualNext img {
  position: absolute;
  top: 50%;
  margin-top: -11px;
}

.homeVisual .panel {
  width: 100%;
  height: 100%;
}

.homeVisual .img img {
  position: absolute;
  left: 50%;
  width: 100%;
  height: auto;
  margin-left: -50%;
  z-index: 0;
}

.homeVisual .text {
  position: absolute;
  z-index: 1;
}

.homeVisual .text01 {
  width: 600px;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  text-align: center;
}

.homeVisual .text02 {
  width: 100%;
  left: 100px;
  top: 50%;
}

.homeVisual .textWhite {
  color: #fff;
}

.homeVisual .withLine:before {
  content: 'ー　';
}

.homeVisual .withLine:after {
  content: '　ー';
}

.homeVisual .title01 {
  font-weight: 700;
  font-size: 100px;
}

.homeVisual .title02 {
  margin: 0.1em 0 0.18em;
  font-size: 100px;
  color: #e43636;
}

.panelTextLarge {
  font-size: 24px;
}

.homeVisual .btnGhost {
  position: relative;
  width: 200px;
  border: 1px solid #fff;
  font-size: 12px;
  -webkit-transition: .3s;
  transition: .3s;
}

.homeVisual .btnGhost:hover {
  background: #fff;
  color: #000;
}

.btnFill {
  background-color: transparent;
  border: 1px solid #d0d0d0;
  color: #B8B8B8;
  overflow: hidden;
}

.btnFill:before, .btnFill:after {
  content: '';
  width: 100%;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btnFill:before {
  top: 50%;
}

.btnFill:after {
  bottom: 50%;
}

.btnFill:hover {
  color: #000;
  background-color: transparent;
}

.btnFill:hover:before, .btnFill:hover:after {
  height: 50%;
  opacity: 1;
}

.btnFill.btnWhite:before, btnFill.btnWhite:after {
  background-color: #fff;
}

.btnFill.btnWhite:hover {
  border-color: #fff;
}

/* panel01 */
.panel01 .panelTextImg {
  margin-top: 10px;
}

.panelTextImg img {
  width: 254px;
  height: auto;
}

.panel01 .panelBtn {
  margin: 1em 0 1.9em;
}

/* panel02 */
.panel02 .title01 {
  margin: 0.18em 0 0.17em;
}

.panel02 .panelBtn {
  margin: 1.8em 0 1.85em;
}

/* panel03 */
.panel03 .title01 {
  margin: 15px 0 20px;
}

.panel03 .panelBtn {
  margin: 28px 0 30px;
}

/* panel04 */
.panel04 .title01 {
  margin: 10px 0 20px;
}

.panel04 .panelBtn {
  margin: 28px 0 30px;
}

/* panel05 */
.panel05 .panelTextLarge {
  font-size: 30px;
}

.panel05 .panelTextMedium {
  width: 860px;
  line-height: 1.7;
  text-shadow: 0 0 3px #fff;
}

.banner-store {
  position: absolute;
  right: 30px;
  margin-top: -114px;
  text-align: right;
  z-index: 101;
  -webkit-transition: .2s;
  transition: .2s;
}

.fixed .banner-store {
  right: 8px;
}

.banner-store--large {
  margin-top: 0;
  top: 104px;
}

.banner-store--small {
  margin-top: 0;
  top: 314px;
}

.banner-store--small2 {
  margin-top: 0;
  top: 225px;
}

@media screen and (max-width: 950px) {
  .banner-store--large {
    margin-top: 0;
    top: 65px;
    right: 15px;
  }
  .banner-store--small {
    margin-top: 0;
    top: 170px;
    right: 15px;
  }
  .banner-store--small2 {
    margin-top: 0;
    top: 130px;
    right: 15px;
  }
  .banner-store--large img,
  .banner-store--small img,
  .banner-store--small2 img {
    width: 153px;
    height: auto;
  }
}

@media screen and (max-width: 1999px) {
  .homeVisual .title01 {
    font-size: 90px;
  }
  .panelTextLarge {
    font-size: 18px;
  }
}

@media screen and (max-width: 1280px) {
  .homeVisual .title01 {
    font-size: 80px;
  }
}

@media screen and (max-width: 1000px) {
  .homeVisual .title01 {
    font-size: 70px;
  }
  .panel05 .panelTextLarge {
    font-size: 21px;
  }
  .panel05 .title02 {
    margin-right: 100px;
  }
  .panel05 .panelTextMedium {
    width: 440px;
  }
}

@media screen and (max-width: 640px) {
  .homeVisual .text01 {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  .homeVisual .text02 {
    left: 20px;
  }
  .homeVisual .title01 {
    font-size: 50px;
  }
  .homeVisual .title02 {
    font-size: 50px;
  }
  .panelTextLarge {
    font-size: 13px;
  }
  .panel03 .title01 {
    margin: 20px 0 20px;
  }
  .panel05 .panelTextLarge {
    font-size: 16px;
  }
  .panel05 .title02 {
    margin-right: 0;
  }
  .panel01 .panelTextImg img {
    width: 200px;
    height: auto;
  }
  .homeVisualPrev,
  .homeVisualNext {
    width: 20px;
  }
  .homeVisualPrev img,
  .homeVisualNext img {
    width: 20px;
    height: auto;
    margin-top: -5px;
  }
  .banner-store,
  .fixed .banner-store {
    width: 100%;
    position: absolute;
    right: 0;
    text-align: center;
  }
  .banner-store--large,
  .fixed .banner-store--large,
  .banner-store--small,
  .fixed .banner-store--small,
  .banner-store--small2,
  .fixed .banner-store--small2 {
    position: relative;
    top: 0;
    padding: 20px 0;
  }
  .banner-store--small,
  .fixed .banner-store--small,
  .banner-store--small2,
  .fixed .banner-store--small2 {
    padding-top: 0;
  }
  .banner-store--large img,
  .banner-store--small img,
  .banner-store--small2 img {
    width: 280px;
    height: auto;
  }
}

@media screen and (max-width: 450px) {
  .panel05 .panelTextLarge {
    font-size: 13px;
  }
  .panel05 .title02 {
    margin-right: 50px;
  }
  .panel05 .panelTextMedium {
    width: 230px;
    font-size: 12px;
  }
  .banner-store {
    margin-top: -90px;
  }
  .banner-store--large {
    margin-top: 0;
  }
  .banner-store--small,
  .fixed .banner-store--small,
  .banner-store--small2,
  .fixed .banner-store--small2 {
    margin-top: 0;
    padding-top: 0;
  }
  .banner-store img {
    width: 180px;
    height: auto;
  }
  .banner-store--large img,
  .banner-store--small img,
  .banner-store--small2 img {
    width: 280px;
    height: auto;
  }
}

.homeVisual .controller {
  position: absolute;
  width: 100%;
  margin-top: -32px;
  text-align: center;
  font-size: 0;
  z-index: 101;
}

.homeVisual .controller li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  overflow: hidden;
  background: url(/assets/img/common/icon_slider_controller.png) no-repeat;
  font-size: 10px;
  line-height: 100;
}

.homeVisual .controller li.active {
  background-position: 0 -10px;
}

.globalContents {
  position: relative;
  z-index: 1;
  background: #fff;
}

.globalContents.light {
  background-color: #fafafa;
}

.globalFooter {
  position: relative;
  background: #f4f4f4;
}

.globalFooterContact {
  padding: 110px 0 114px;
  border-top: #181818;
  border-bottom: #181818;
  background: #333;
  text-align: center;
  color: #fff;
}

.globalFooterContact ul {
  margin-bottom: 15px;
  font-size: 0;
}

.globalFooterContact li {
  display: inline-block;
  margin: 0 25px;
  font-size: 24px;
}

.globalFooterContact li a {
  color: #fff;
}

.globalFooterContact .icon-phone:before {
  margin-right: 5px;
  font-size: 48px;
  vertical-align: -13px;
  color: #e43636;
}

.globalFooterContact .icon-plane:before {
  margin-right: 9px;
  font-size: 43px;
  vertical-align: -11px;
  color: #e43636;
}

.globalFooterContact .btnUniversal03 {
  vertical-align: 2px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
}

.globalFooterContact p {
  line-height: 1.4;
}

@media screen and (max-width: 375px) {
  .globalFooterContact {
    padding: 55px 0 60px;
  }
  .globalFooterContact li {
    display: block;
    margin: 0;
    font-size: 20px;
  }
  .globalFooterContact li + li {
    margin-top: 0.8em;
  }
  .globalFooterContact .icon-phone:before {
    margin-right: 5px;
    font-size: 30px;
    vertical-align: -5px;
  }
  .globalFooterContact .icon-plane:before {
    margin-right: 9px;
    font-size: 30px;
    vertical-align: -5px;
  }
}

.globalFooterNav {
  padding-top: 40px;
  text-align: center;
  font-size: 0;
}

.globalFooterNav li {
  display: inline-block;
  border-left: 1px solid #333;
  padding: 0 10px;
  font-size: 12px;
}

.globalFooterNav li:first-child {
  border: none;
}

.globalFooterNav a {
  color: #333;
}

.copyright {
  margin: 20px 0 35px;
  text-align: center;
  font-size: 10px;
}

.globalFooterPagetop a {
  display: block;
  padding: 25px 0 23px;
  background: #333;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.globalFooterPagetop a:hover {
  background: #000;
}

/* BOX */
.pageHeader {
  position: relative;
  max-width: 800px;
  margin: 20px auto 0;
  padding-bottom: 50px;
  text-align: center;
  line-height: 1.71429;
  font-size: 14px;
}

.pageHeader.separator {
  padding-top: 20px;
}

@media screen and (max-width: 816px) {
  .pageHeader {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.commonSection {
  padding: 60px 0 120px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.commonSection.pink {
  background-color: #e8d4d8;
}

.commonSection--arrow {
  position: relative;
}

.commonSection--arrow::after {
  position: absolute;
  bottom: -30px;
  left: calc(50% - 30px);
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #e8d4d8 transparent transparent transparent;
}

.commonSection:after {
  content: '';
  display: block;
  clear: both;
}

.commonSection.narrow {
  padding-top: 35px;
}

.commonSection.narrow02 {
  padding-top: 10px;
}

.commonSection.bottomNarrow {
  padding-bottom: 60px;
}

.commonSection.bright {
  background: #fff;
}

.commonSection.light {
  background: #fafafa;
}

.commonSection.lightblue {
  background: #f9fbff;
}

.commonSection.dim {
  background: #f5f5f5;
}

.commonSection.dim2 {
  background: #ebebeb;
}

.commonSection.dark {
  background: #333;
  color: #fff;
}

.commonSection.black {
  background: #000;
  color: #fff;
}

.commonSection.beigeLight {
  background: #f5f3e9;
}

.commonSection.beige2 {
  background: #fff6e2;
}

.commonSection.beige {
  background: #eae3ce;
}

.commonSection.brown {
  background: #3f0509;
  color: #fff;
}

.commonSection.navy {
  background: #35364b;
  color: #fff;
}

.commonSectionBody {
  position: relative;
  width: 800px;
  margin: 0 auto;
  line-height: 1.75;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 816px) {
  .commonSectionBody {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.commonSeparator {
  position: relative;
  margin-top: 28px;
  padding-top: 40px;
}

.commonSectionBody > p {
  margin-top: 1.7em;
}

.commonSectionBody > p:first-child {
  margin-top: 0;
}

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

.commonSectionBody ul.listCheck.style01:first-child,
.commonSectionBody ul.listCheck.style02:first-child,
.commonSectionBody ul.listCheck.style03:first-child {
  margin-top: 0;
}

.commonSectionBodyWide {
  width: 960px;
  margin-left: -80px;
  margin-right: -80px;
}

.commonSectionBodyWide2 {
  width: 900px;
  margin-left: -50px;
  margin-right: -50px;
}

.commonSectionBodyWideFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.commonSectionBodyWideFlex--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.commonSectionBodyWideFlex__item {
  width: 50%;
}

.commonSectionBodyWideFlex__item--text {
  padding-left: 44px;
}

@media screen and (max-width: 976px) {
  .commonSectionBodyWide {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 640px) {
  .commonSectionBodyWideFlex {
    display: block;
  }
  .commonSectionBodyWideFlex__item {
    width: 100%;
  }
  .commonSectionBodyWideFlex__item--text {
    padding-left: 0;
  }
  .commonSectionBodyWideFlex__item--img {
    text-align: center;
  }
  .commonSectionBodyWideFlex__item + .commonSectionBodyWideFlex__item {
    margin-top: 1.7em;
  }
}

.pageHeader.separator:before,
.commonSeparator:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  height: 1px;
  width: 50px;
  margin-left: -25px;
  background: #ea4950;
}

.contentsList01 {
  max-width: 960px;
  margin: 0 auto;
  font-size: 0;
}

.contentsListItem {
  display: inline-block;
  width: 450px;
  margin-left: 6.25%;
  margin-top: 6.25%;
  background: #fff;
  vertical-align: top;
  font-size: 16px;
  text-align: center;
}

.contentsListItem:first-child,
.contentsListItem:first-child + .contentsListItem {
  margin-top: 0;
}

.contentsListItem:nth-child(2n+1) {
  margin-left: 0;
}

.contentsListItem .title {
  padding: 15px 0;
}

.contentsListItem .img {
  overflow: hidden;
}

.contentsListItem img {
  width: 100%;
  height: auto;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.contentsListItem a {
  position: relative;
  display: block;
  color: #000;
}

.contentsListItem a:hover {
  text-decoration: none;
}

.contentsListItem a:after {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.contentsListItem a:hover:after {
  background: rgba(0, 0, 0, 0.15);
}

.contentsListItem a:hover img {
  opacity: 0.8;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

@media screen and (max-width: 976px) {
  .contentsListItem {
    width: 46.875%;
  }
}

@media screen and (max-width: 375px) {
  .contentsList01 {
    padding: 0 6.25%;
  }
  .contentsListItem {
    width: 100%;
    margin-left: 0;
  }
  .contentsListItem:first-child + .contentsListItem {
    margin-top: 6.25%;
  }
}

.flowSectionItem {
  position: relative;
  margin-top: 60px;
  padding: 50px 10px;
  background: #fff;
  text-align: center;
}

.flowSection.wide .flowSectionItem {
  margin-left: -100px;
  margin-right: -100px;
}

.flowSectionItemGradient {
  margin-top: 0;
}

.flowSectionItemGradient:nth-of-type(1) {
  z-index: 5;
}

.flowSectionItemGradient:nth-of-type(2) {
  background: #f5f5f5;
  z-index: 4;
}

.flowSectionItemGradient:nth-of-type(2)::after {
  border-top-color: #f5f5f5;
}

.flowSectionItemGradient:nth-of-type(3) {
  background: #ebebeb;
  z-index: 3;
}

.flowSectionItemGradient:nth-of-type(3)::after {
  border-top-color: #ebebeb;
}

.flowSectionItemGradient:nth-of-type(4) {
  background: #dbdbdb;
  z-index: 2;
}

.flowSectionItemGradient:nth-of-type(4)::after {
  border-top-color: #dbdbdb;
}

.flowSectionItemGradient:nth-of-type(5) {
  background: #d1d1d1;
  z-index: 1;
}

.flowSectionItemGradient:nth-of-type(5)::after {
  border-top-color: #d1d1d1;
}

.flowSectionItemGradient:nth-of-type(6) {
  background: #c2c2c2;
  border-top-color: #c2c2c2;
  z-index: 0;
}

.flowSectionItemWide {
  margin-left: -50px;
  margin-right: -50px;
  margin-top: 40px;
  border-radius: 10px;
  padding-left: 100px;
  padding-right: 100px;
}

.flowSectionItem:first-child {
  margin-top: 0;
}

.flowSectionItem::after {
  display: block;
  position: absolute;
  bottom: -40px;
  left: 50%;
  content: '';
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #fff;
}

.flowSectionItemWide::after {
  display: block;
  position: absolute;
  bottom: -56px;
  left: 50%;
  content: '';
  margin-left: -28px;
  border: 28px solid transparent;
  border-top: 28px solid #fff;
}

.flowSectionItem:last-child::after {
  content: none;
}

.flowSectionItemGradient__title {
  font-weight: bold;
  font-size: 24px;
}

.flowSectionItemGradient__text {
  font-size: 18px;
}

.flowSectionItemGradient__text:not(:last-child) {
  margin-bottom: 6px;
}

@media screen and (max-width: 1016px) {
  .flowSection.wide .flowSectionItem {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 980px) {
  .flowSectionItemWide {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 716px) {
  .flowSectionItemGradient__title {
    font-size: 16px;
  }
  .flowSectionItemGradient__text {
    font-size: 14px;
  }
  .flowSectionItemWide {
    padding: 20px 15px;
  }
}

/* IMG with TEXT
---------------------------------------------------------- */
.img2Col {
  position: relative;
  display: table;
  width: 960px;
  margin: 0 -80px;
}

.img2Col .img,
.img2Col .text {
  display: table-cell;
  width: 50%;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}

.img2Col.positionMiddle .text,
.img2ColBg.positionMiddle .text {
  vertical-align: middle;
}

.img2Col .text:first-child {
  padding-right: 55px;
}

.img2Col .img + .text {
  padding-left: 55px;
}

.img2Col .text p {
  margin-top: 1.7em;
}

.img2Col .text p:first-child {
  margin-top: 0;
}

@media screen and (max-width: 976px) {
  .img2Col {
    width: 100%;
    margin: 0;
  }
  .img2Col .text:first-child {
    padding-right: 35px;
  }
  .img2Col .img + .text {
    padding-left: 35px;
  }
}

@media screen and (max-width: 640px) {
  .img2Col {
    display: block;
  }
  .img2Col .img,
  .img2Col .text {
    display: block;
    width: 100%;
  }
  .img2Col .text:first-child {
    padding-right: 0;
  }
  .img2Col .img + .text {
    padding-left: 0;
  }
  .img2Col .text + .img {
    margin-top: 1em;
  }
  .img2Col .text p:first-child {
    margin-top: 1.7em;
  }
}

.img2ColBg {
  position: relative;
  display: table;
  width: 960px;
  margin: 0 -80px;
  background: #fff;
}

.img2ColBg + .img2ColBg {
  margin-top: 30px;
}

.img2ColBg .img,
.img2ColBg .text {
  display: table-cell;
  width: 50%;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}

.img2ColBg .text {
  padding: 0 50px;
  color: #000;
}

.img2ColBg .title {
  padding: 1.5em 0 1em;
  font-size: 24px;
  font-weight: bold;
}
.img2ColBg .title__pd--fix{
  padding: 0.5em 0 0.5em;
}
.img2ColBg .title__small {
  display: block;
  font-size: 1rem;
  line-height: 1;
}

.img2ColBg .btn {
  margin-top: 1em;
}

@media screen and (max-width: 976px) {
  .img2ColBg {
    width: 100%;
    margin: 0;
  }
  .img2ColBg .text {
    padding: 0 30px;
  }
  .img2ColBg .title {
    padding: 0.7em 0 0.5em;
  }
}

@media screen and (max-width: 780px) {
  .img2ColBg .img img {
    width: 100%;
    height: auto;
  }
  .img2ColBg .img {
    padding-top: 20px;
  }
  .img2ColBg .text {
    padding-bottom: 20px;
  }
  .img2ColBg .img,
  .img2ColBg .text {
    display: block;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}

/* CONTENTS FOOTER
---------------------------------------------------------- */
.contentsFooter {
  padding: 35px 0;
  background: #e43636;
}

.contentsFooterBtn {
  text-align: center;
}

/* IMG
---------------------------------------------------------- */
.visual {
  position: relative;
  min-height: 719px;
  overflow: hidden;
}

.visual img,
.visual video {
  position: absolute;
  left: 50%;
  width: 100%;
  height: auto;
  margin-left: -50%;
}

.imgFull {
  text-align: center;
}

.imgFull img {
  max-width: 1920px;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1936px) {
  .visual img {
    width: auto;
    height: 100%;
    margin-left: -960px;
  }
  .visual video {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1316px) {
  .visual video {
    width: auto;
    height: 100%;
  }
}

@media screen and (max-width: 1000px) {
  .visual {
    min-height: 500px;
  }
  .visual img {
    margin-left: -665px;
  }
}

@media screen and (max-width: 600px) {
  .visual {
    min-height: 300px;
  }
  .visual img {
    margin-left: -400px;
  }
}

/* HEADLINE
---------------------------------------------------------- */
.pageTitle {
  position: relative;
  padding-top: 140px;
  padding-bottom: 55px;
  text-transform: uppercase;
  text-align: center;
  font-size: 61px;
  color: #000;
}

.pageTitleNarrow {
  padding-top: 60px;
  padding-bottom: 0;
}

.pageTitleNarrow:before {
  display: block;
  position: absolute;
  left: 50%;
  top: -21px;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  background: url(/assets/img/common/page_title_arrow.png) no-repeat;
  content: '';
}

.pageSubTitle {
  padding-top: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  color: #000;
}

.pageSubTitle--small {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 16px;
}

.pageSubTitleOnly {
  margin-top: -58px;
}

.pageSubTitle--type01 {
  line-height: 1.5;
}

.sectionTitle {
  padding: 90px 0 60px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 61px;
  color: #000;
}

.commonSectionHead01 {
  padding-top: 48px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  line-height: 1.75;
  color: #000;
}

.newsTitle {
  font-size: 36px;
  font-weight: normal;
}

.navy .commonSectionHead01,
.brown .commonSectionHead01,
.dark .commonSectionHead01,
.black .commonSectionHead01 {
  color: #fff;
}

@media screen and (max-width: 600px) {
  .sectionTitle {
    font-size: 32px;
  }
  .pageTitle {
    font-size: 32px;
  }
  .pageSubTitle {
    font-size: 16px;
  }
  .pageTitleNarrow {
    padding-top: 30px;
  }
  .pageSubTitle {
    padding-top: 12px;
  }
  .pageTitleNarrow:before {
    top: -11px;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    background-size: 100% 100%;
  }
}

/* TEXT
---------------------------------------------------------- */
/* LIST
---------------------------------------------------------- */
.listCheck {
  font-size: 16px;
}

.listCheck li,
.entryBody li {
  position: relative;
}

.listCheck li:before,
.entryBody li:before {
  position: absolute;
  content: "\e604";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  font-size: 25px;
  color: #010002;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.listCheck {
  margin-top: 1em;
}

.listCheck.style01 li {
  padding: 10px 0 10px 34px;
}

.listCheck.style03 li {
  padding: 9px 0 9px 34px;
  font-weight: 500;
  font-size: 24px;
}

.listCheck.style04 li {
  padding: 14px 0 14px 44px;
  font-size: 18px;
}

@media screen and (max-width: 716px) {
  .listCheck.style03 li {
    font-size: 16px;
  }
  .listCheck.style04 li {
    font-size: 16px;
  }
}

.listCheck.style01 li:before,
.entryBody li:before {
  left: 0;
}

.listCheck.style03 li:before {
  left: 8px;
  top: 0.70em;
}

.listCheck.style04 li:before {
  left: 8px;
  top: 0.70em;
}

.listCheckLarge.style01 li:before {
  top: 0.55em;
}

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

.listCheck.style02 li,
.listCheck.style03 li,
.entryBody li {
  padding: 10px 0 10px 46px;
  border-top: 1px solid #ccc;
}

.listCheck.style04 li {
  border-top: 1px solid #ccc;
}

.listCheck.style02 li:first-child,
.listCheck.style03 li:first-child,
.listCheck.style04 li:first-child,
.entryBody li:first-child {
  border: none;
}

.listCheck.style02 li:before,
.entryBody li:before {
  left: 10px;
}

.listCheck li.red,
.listCheck li.red:before {
  color: #e43636;
}

.listNormal li {
  padding: 10px 5px;
}

.listNormal li:not(:first-child) {
  border-top: 1px solid #ccc;
}

/* DEFINITION LIST
---------------------------------------------------------- */
.definitionListCheck dt {
  position: relative;
  padding: 14px 0 0 46px;
  border-top: 1px solid #ccc;
  font-weight: bold;
  font-size: 20px;
}

.definitionListCheck.large dt {
  font-size: 24px;
}

.definitionListCheckLarge dt {
  font-size: 24px;
  padding: 34px 0 6px 32px;
  line-height: 1.3;
}

.definitionListCheckLarge dt:first-child {
  border: none;
}

.definitionListCheck dt:before {
  position: absolute;
  left: 10px;
  top: 17px;
  content: "\e604";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  font-size: 25px;
  color: #010002;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.definitionListCheck.large dt:before {
  margin-top: 3px;
}

.definitionListCheckLarge dt::before {
  top: 37px;
  left: 2px;
}

.definitionListCheck dd {
  padding: 0 0 14px 46px;
}

.definitionListCheckLarge dd {
  padding: 0 0 24px;
  font-size: 18px;
}

.definitionListData {
  font-size: 16px;
}

.definitionListData:after {
  content: '';
  display: block;
  clear: both;
}

.definitionListData dt {
  float: left;
  clear: left;
  padding-top: 16px;
  font-weight: bold;
}

.definitionListData dd {
  padding: 16px 0 16px 9.5em;
  border-top: 1px solid #ccc;
}

.definitionListData dt:first-child + dd {
  border: none;
}

.definitionListDataNarrow {
  font-size: 14px;
}

.definitionListDataNarrow dt {
  padding-top: 12px;
}

.definitionListDataNarrow dd {
  padding: 12px 0 12px 9.5em;
}

.dataGray dd {
  color: #666;
}

@media screen and (max-width: 716px) {
  .definitionListCheckLarge dt {
    font-size: 16px;
  }
  .definitionListCheckLarge dt::before {
    top: 32px;
    left: 2px;
  }
  .definitionListCheckLarge dd {
    padding: 0 0 24px;
    font-size: 14px;
  }
}

@media screen and (max-width: 520px) {
  .definitionListData dt {
    float: none;
    padding-top: 10px;
    border-top: 1px solid #ccc;
  }
  .definitionListData dt:first-child {
    border: none;
  }
  .definitionListData dd {
    padding: 5px 0 10px;
    border-top: none;
  }
}

/* BTN
---------------------------------------------------------- */
.btnUniversal01 {
  display: inline-block;
  margin: 0 5px;
  padding: 18px 0;
  text-align: center;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btnUniversal02 {
  display: inline-block;
  margin: 0 5px;
  padding: 13px 0;
  text-align: center;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btnUniversal03 {
  display: inline-block;
  margin: 0 5px;
  padding: 7px 45px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btnUniversal04 {
  display: inline-block;
  padding: 8px 32px;
  text-align: center;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.btnUniversal01:hover,
.btnUniversal02:hover,
.btnUniversal03:hover,
.btnUniversal04:hover {
  text-decoration: none;
}

.btnNormal {
  width: 320px;
  border: 1px solid #080808;
  background: #393939;
  color: #c4c4c4;
}

.btnNormal:hover {
  border-color: #000;
  background: #fff;
  color: #000;
}

.btnWrite {
  width: 320px;
  border: 2px solid #fff;
  color: #fff;
}

.btnWrite:hover {
  background: #fff;
  color: #e43636;
}

.btnNormal.icon-list:before,
.btnWrite.icon-list:before {
  margin: -1px 10px -1px -10px;
  vertical-align: middle;
  font-size: 21px;
}

.btnRed {
  width: 230px;
  padding: 12px 0;
  border: 1px solid #e43636;
  background: #e43636;
  color: #fff;
}

.btnRedMiddle {
  width: 320px;
}

.btnRedWide {
  width: 440px;
}

.btnRed:hover {
  border: 1px solid #e43636;
  background: #fff;
  color: #e43636;
}

.btnRedLarge {
  padding-top: 17px;
  padding-bottom: 17px;
}

.btnBlackSmall {
  border: 1px solid #000;
  font-size: 12px;
  color: #000;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.btnBlackSmall:hover {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .btnUniversal01 {
    font-size: 13px;
  }
  .btnNormal {
    width: 300px;
  }
  .btnRed,
  .btnRedWide,
  .btnRedMiddle,
  .btnWrite {
    display: block;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.btnNormal1 {
  position: relative;
  width: 320px;
  border: 1px solid #080808;
  color: #c4c4c4;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.btnNormal1:hover {
  border-color: #000;
  color: #000;
}

.btnNormal1:before {
  position: absolute;
  display: block;
  content: '';
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform: scale(1);
  transform: scale(1);
  background: #393939;
}

.btnNormal1:after {
  position: absolute;
  display: block;
  content: '';
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

.btnNormal1:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  background: #fff;
}

.btnGhost02 {
  border: 2px solid #fff;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btnGhost02:hover {
  background: #fff;
  color: #333;
}

/* Button Effect
---------------------------------------------------------- */
/* 3D rolling */
.effectRolling a {
  line-height: 58px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  position: relative;
  display: inline-block;
  outline: none;
  color: #fff;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
  font-size: 14px;
}

.effectRolling a span {
  position: relative;
  display: inline-block;
  width: 300px;
  background: #444;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.effectRolling a span::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333;
  content: attr(data-hover);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  color: #fff;
}

.effectRolling a:hover span,
.effectRolling a:focus span {
  -webkit-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}

.effectRolling a:hover span::before,
.effectRolling a:focus span::before {
  background: #333;
}

/* WEB FONT
---------------------------------------------------------- */
.lato {
  font-family: 'Lato', sans-serif;
}

.latoBoldItalic {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-c1d7y9");
  src: url("../fonts/icomoon.eot?#iefix-c1d7y9") format("embedded-opentype"), url("../fonts/icomoon.woff?-c1d7y9") format("woff"), url("../fonts/icomoon.ttf?-c1d7y9") format("truetype"), url("../fonts/icomoon.svg?-c1d7y9#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-plane:before,
.icon-pin:before,
.icon-phone:before,
.icon-list:before,
.icon-check:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plane:before {
  content: "\e600";
}

.icon-pin:before {
  content: "\e601";
}

.icon-phone:before {
  content: "\e602";
}

.icon-list:before {
  content: "\e603";
}

.icon-check:before {
  content: "\e604";
}

/* SERVICE
---------------------------------------------------------- */
.serviceNav {
  position: relative;
  margin-top: -30px;
}

.serviceNav ul {
  font-size: 0;
  text-align: center;
}

.serviceNav li {
  display: inline-block;
  font-size: 14px;
  color: #808080;
}

.serviceNav li:before {
  content: '・';
  margin: 0 6px;
}

.serviceNav li:first-child:before {
  content: '';
  margin: 0;
}

.serviceNav a,
.serviceNav span {
  color: #808080;
  font-weight: bold;
  cursor: pointer;
}

.serviceNav a.active,
.serviceNav a:hover,
.serviceNav span.active,
.serviceNav span:hover {
  color: #e43636;
  text-decoration: underline;
}

.serviceNavNew {
  position: relative;
  margin-top: -30px;
}

.serviceNavNew ul {
  font-size: 0;
  text-align: center;
}

.serviceNavNew li {
  display: inline-block;
  font-size: 14px;
  color: #808080;
}

.serviceNavNew li:before {
  content: '/';
  margin: 0 6px;
}

.serviceNavNew li:first-child:before {
  content: '';
}

.serviceNavNew a {
  position: relative;
  padding: 6px 11px;
  display: inline-block;
  font-weight: bold;
  color: #808080;
  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}

.serviceNavNew a:after {
  display: block;
  width: 100%;
  margin-top: 1px;
  content: '';
  background: #fff;
  height: 1px;
  -webkit-transition: .3s;
  transition: .3s;
}

.serviceNavNew a.active {
  background: #e43636;
  text-decoration: none;
  color: #fff;
}

.serviceNavNew a.active:after {
  content: none;
}

.serviceNavNew a:hover {
  color: #e43636;
}

.serviceNavNew a.active:hover {
  color: #fff;
}

.serviceNavNew a:hover:after {
  background: #e43636;
}

.serviceNavNew a.active:hover:after {
  content: none;
}

.serviceEntries {
  padding-bottom: 120px;
  font-size: 0;
}

.commonSection .serviceEntries {
  padding-bottom: 0;
  text-align: center;
}

.serviceEntriesItem {
  display: inline-block;
  width: 20%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}

.serviceEntriesItem .img {
  overflow: hidden;
}

.serviceEntriesItem img {
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.serviceEntriesItem .title {
  margin-top: 15px;
  font-size: 16px;
  color: #333;
}

.serviceEntriesItem .category {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 10px;
  color: #808080;
}

.serviceEntriesItem a {
  position: relative;
  display: block;
  padding-bottom: 32px;
}

.serviceEntriesItem a:after {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.serviceEntriesItem a:hover {
  text-decoration: none;
}

.serviceEntriesItem a:hover .title {
  color: #000;
}

.serviceEntriesItem a:hover:after {
  background: rgba(0, 0, 0, 0.15);
}

.serviceEntriesItem a:hover img {
  opacity: 0.8;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.serviceEntriesBtn {
  margin-top: 60px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .serviceEntriesItem {
    width: 20%;
  }
}

@media screen and (max-width: 799px) {
  .serviceEntriesItem {
    width: 25%;
  }
}

@media screen and (max-width: 650px) {
  .serviceEntriesItem {
    width: 33.3%;
  }
}

@media screen and (max-width: 550px) {
  .serviceNavNew ul {
    width: 300px;
    margin: 0 auto;
  }
  .serviceNavNew li {
    display: inline-block;
    font-size: 14px;
    color: #808080;
  }
  .serviceNavNew li {
    padding: 5px 0;
  }
  .serviceNavNew li:before {
    content: '';
    margin: 0 6px;
  }
  .serviceNavNew li:first-child:before {
    content: '';
    margin: 0;
  }
}

@media screen and (max-width: 499px) {
  .serviceNav li {
    display: inline-block;
    font-size: 14px;
    color: #808080;
  }
  .serviceNav li:before {
    content: '';
    margin: 0 6px;
  }
  .serviceNav li:first-child:before {
    content: '';
    margin: 0;
  }
  .serviceNav a,
  .serviceNav span {
    display: inline-block;
    padding: 10px;
  }
  .serviceEntriesItem .title {
    font-size: 14px;
  }
  .serviceEntriesItem {
    width: 50%;
  }
}

/* NEWS
---------------------------------------------------------- */
.newsNav {
  background: #f5f3e9;
  text-align: center;
}

.newsNav ul {
  max-width: 1240px;
  margin: 0 auto;
  font-size: 0;
}

.newsNav li {
  width: 16.66666%;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  vertical-align: text-bottom;
}

.newsNav a {
  display: block;
  padding: 23px 0;
  background: #333;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.newsNav span {
  display: block;
  padding: 23px 0;
  background: #333;
  color: #fff;
}

.newsNav a.active,
.newsNav a:hover {
  background: #e43636;
  text-decoration: none;
}

.newsEntries {
  max-width: 1240px;
  margin: 0 auto;
  font-size: 0;
}

.newsEntriesItem {
  display: inline-block;
  width: 30%;
  margin-left: 5%;
  vertical-align: top;
  font-size: 16px;
}

.newsEntriesItem:first-child,
.newsEntriesItem:nth-of-type(3n+1) {
  margin-left: 0;
}

.newsEntriesItem + .newsEntriesItem + .newsEntriesItem + .newsEntriesItem {
  margin-top: 5%;
}

.newsEntriesItem a {
  position: relative;
  display: block;
  background: #fff;
}

.newsEntriesItem a:hover {
  text-decoration: none;
}

.newsEntriesItem a:after {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.newsEntriesItem a:hover:after {
  background: rgba(0, 0, 0, 0.15);
  z-index: 3;
}

.newsEntriesItem .date {
  position: absolute;
  width: 70px;
  padding: 14px 0;
  background: #e43636;
  color: #fff;
  z-index: 2;
}

.newsEntriesItem .date span {
  display: block;
  text-align: center;
}

.newsEntriesItem .m,
.newsEntriesItem .y {
  text-transform: uppercase;
  font-size: 10px;
}

.newsEntriesItem .d {
  font-size: 22px;
}

.newsEntriesItem .category {
  margin: 22px 29px 0;
  font-weight: bold;
  font-size: 14px;
  color: #e43636;
}

.newsEntriesItem .title {
  margin: 6px 29px 0;
  padding-bottom: 22px;
  line-height: 1.5;
  color: #000;
}

.newsEntriesItem .img {
  overflow: hidden;
}

.newsEntriesItem img {
  width: 100%;
  height: auto;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.newsEntriesItem a:hover img {
  opacity: 0.8;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.newsEntriesBtn {
  margin-top: 60px;
  text-align: center;
}

.pager {
  margin-top: 60px;
  background: #f5f3e9;
  text-align: center;
}

.pager ul {
  max-width: 1240px;
  margin: 0 auto;
  font-size: 0;
}

.pager li {
  width: 50%;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  vertical-align: text-bottom;
  text-transform: uppercase;
}

.pager li:only-child {
  width: 100%;
}

.pager img {
  margin: 0 5px;
  vertical-align: -4px;
}

.pager a {
  display: block;
  padding: 23px 0;
  background: #333;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.pager a.active,
.pager a:hover {
  background: #e43636;
  text-decoration: none;
}

@media screen and (max-width: 1280px) {
  .newsEntries {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 799px) {
  .newsEntriesItem .date {
    width: 50px;
    padding: 5px 0;
  }
  .newsEntriesItem .category {
    margin: 15px 15px 0;
  }
  .newsEntriesItem .title {
    margin: 6px 15px 0;
    padding-bottom: 15px;
    font-size: 15px;
  }
}

@media screen and (max-width: 640px) {
  .newsNav li {
    width: 33.33333%;
  }
  .newsEntriesItem {
    width: 48%;
  }
  .newsEntriesItem:nth-of-type(2n) {
    margin-left: 4%;
  }
  .newsEntriesItem:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .newsEntriesItem + .newsEntriesItem + .newsEntriesItem,
  .newsEntriesItem + .newsEntriesItem + .newsEntriesItem + .newsEntriesItem {
    margin-top: 4%;
  }
}

@media screen and (max-width: 375px) {
  .newsEntries {
    margin-left: 4%;
    margin-right: 4%;
  }
  .newsEntriesItem,
  .newsEntriesItem:nth-of-type(2n) {
    width: 100%;
    margin-left: 0;
  }
  .newsEntriesItem + .newsEntriesItem {
    margin-top: 4%;
  }
}

.entryHeader {
  margin: 3px 0 90px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.entryHeader .date,
.entryHeader .category {
  display: inline-block;
  margin: 0 5px;
}

.entryBody {
  font-size: 16px;
}

.entryBody a {
  color: #e43636;
}

.entryBody a.btnRed {
  width: 230px;
  padding: 12px 0;
  border: 1px solid #e43636;
  background: #e43636;
  color: #fff;
}

.entryBody a.btnRed:hover {
  border: 1px solid #e43636;
  background: #fff;
  color: #e43636;
}

.entryBody a.btnUniversal01-Red {
  display: inline-block;
  margin: 0 5px;
  padding: 18px 0;
  text-align: center;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.entryBody a.btnUniversal01-Red {
  width: 230px;
  padding: 12px 0;
  border: 1px solid #e43636;
  background: #e43636;
  color: #fff;
}

.entryBody a.btnUniversal01-Red:hover {
  border: 1px solid #e43636;
  background: #fff;
  text-decoration: none;
  color: #e43636;
}

.entryBody table {
  width: 100%;
  border: 1px solid #ccc;
}

.entryBody th,
.entryBody td {
  padding: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
}

.entryBody h3 {
  padding: 18px;
  background-color: #e9e8de;
  border-radius: 8px;
  font-weight: bold;
  font-size: 28px;
}

.entryBody h4 {
  padding: 18px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 24px;
}

.entryBody h5 {
  padding-left: 20px;
  border-left: 1px solid #000;
  font-size: 22px;
  color: #000;
}

.entryBody h3:not(:first-child),
.entryBody h4:not(:first-child),
.entryBody h5:not(:first-child) {
  margin-top: 1.7em;
}

.entry-image-separator {
  margin-top: 1.7em;
  margin-bottom: 1.7em;
  text-align: center;
}

.entry-image-separator img {
  max-width: 100%;
  height: auto;
}

.entryPager {
  position: relative;
  width: 240px;
  margin: 0 auto;
  padding: 90px 0 20px;
  font-size: 0;
  text-align: center;
}

.entryPager:after {
  content: '';
  display: block;
  clear: both;
}

.entryPager li {
  position: absolute;
  top: 90px;
}

.entryPager li.next {
  position: absolute;
  left: 0;
}

.entryPager li.back {
  left: 50%;
  margin-left: -20px;
}

.entryPager li.prev {
  left: auto;
  right: 0;
  margin-left: 0;
}

/*
.entryPager img[src$=".svg"] {
	transition: .2s;
	filter: brightness(0%);
	-webkit-filter: brightness(0%);
	-moz-filter: brightness(0%);
	-o-filter: brightness(0%);
	-ms-filter: grayscale(100%);
}
.entryPager a:hover img[src$=".svg"] {
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
}
*/
/* HOME
---------------------------------------------------------- */
body.home {
  padding-top: 100vh;
}

/* news */
.homeNews {
  padding-bottom: 120px;
  background: #f5f3e9;
}

/* company */
.mapWide {
  width: 100%;
  height: 520px;
}

.homeCompanyAddress {
  padding: 55px 0 120px;
  text-align: center;
}

.homeCompanyAddressTitle {
  font-size: 18px;
}

.homeCompanyAddressList {
  margin-top: 20px;
}

.homeCompanyAddressList li {
  display: inline-block;
  margin: 0 16px;
}

.homeCompanyAddressList li:before {
  margin-right: -5px;
  vertical-align: -5px;
  font-size: 21px;
  color: #e43636;
}

.homeCompanyAddressBtn {
  margin-top: 30px;
}

@media screen and (max-width: 516px) {
  .mapWide {
    width: 90%;
    height: 300px;
    margin: 0 auto;
  }
  .homeCompanyAddressList li {
    margin: 0.2em 0;
    font-size: 14px;
  }
  .homeCompanyAddressList li:before {
    font-size: 18px;
    vertical-align: -2px;
  }
}

/* footer other */
.globalFooterOther {
  padding: 100px 0 65px;
  background: #fff;
  text-align: center;
  font-size: 0;
}

.globalFooterOther li {
  display: inline-block;
  width: 174px;
  padding: 0 10px 10px;
  vertical-align: top;
  line-height: 1.4;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.globalFooterOther img {
  display: block;
  margin: 0 auto 25px;
}

@media screen and (max-width: 720px) {
  .globalFooterOther li {
    font-size: 10px;
  }
  .globalFooterOther img {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 516px) {
  .globalFooterOther {
    padding: 50px 0 50px;
  }
  .globalFooterOther li {
    display: inline-block;
    width: 150px;
    padding: 0 10px 10px;
  }
}

/* SERVICE
---------------------------------------------------------- */
.commonSection.serviceMovieSection01 {
  min-height: 781px;
  background: url(/assets/img/service/movie_img02.jpg) no-repeat center top;
  background-size: cover;
}

.memorialMagazineSection {
  padding-bottom: 565px;
  background: url(/assets/img/service/memorial-magazine_bg.jpg) center bottom;
  background-size: cover;
}

.memorialMagazineSection .listCheck.style02 li {
  border-color: #9fc659;
}

.commonSection.musicboxSection01 {
  background: url(/assets/img/service/musicbox_bg01.jpg) no-repeat center top;
  background-size: cover;
}

.paintingReproductionSection01 {
  background: url(/assets/img/service/painting-reproduction_bg01.jpg) no-repeat center top;
  background-size: cover;
}

.commonSection.droneSection01 {
  background: url(/assets/img/service/drone_bg01.jpg) no-repeat center top;
  background-size: cover;
}

.commonSection.droneSection02 {
  background: url(/assets/img/service/drone_bg02.jpg) no-repeat center top;
}

.paintingReproductionSection01 .definitionListCheck dt {
  float: left;
  clear: left;
  margin-top: 45px;
  padding-top: 0;
  border: none;
  background: #fff;
}

.paintingReproductionSection01 .definitionListCheck dt:before {
  margin-top: -10px;
}

.paintingReproductionSection01 .definitionListCheck dd {
  clear: left;
  padding-left: 0;
  padding-bottom: 0;
}

.paintingReproductionSection01 .definitionListCheck dd span {
  display: inline-block;
  background: #fff;
}

.commonSection.servicePhotoSection01 {
  min-height: 1187px;
  background: url(/assets/img/service/photo_bg01.jpg) no-repeat center top;
  background-size: cover;
}

.commonSection.serviceExhibitionSection01 {
  min-height: 1005px;
  background: #02021d url(/assets/img/service/exhibition_bg01.jpg) no-repeat center bottom;
  background-size: cover;
}

.serviceBoothSection {
  margin-top: 40px;
}

.serviceBoothSection .icon-check:before {
  margin-right: 10px;
  vertical-align: -2px;
  font-size: 24px;
  color: #e43636;
}

.serviceBoothSection .box {
  padding: 44px 55px;
  background: #fff;
  border: 2px solid #e43636;
}

.commonSection.serviceEditingSection {
  background: url(/assets/img/service/editing_bg01.jpg) no-repeat center bottom;
  background-size: cover;
}

@media screen and (max-width: 1920px) {
  .commonSection.musicboxSection01 {
    background-size: auto;
  }
  .commonSection.servicePhotoSection01 {
    background-size: auto;
  }
  .commonSection.serviceEditingSection {
    background-size: auto;
  }
}

@media screen and (max-width: 800px) {
  .memorialMagazineSection {
    padding-bottom: 300px;
  }
  .commonSection.servicePhotoSection01 {
    min-height: 800px;
  }
  .commonSection.serviceExhibitionSection01 {
    min-height: 800px;
    background-size: 960px auto;
  }
}

@media screen and (max-width: 375px) {
  .commonSection.serviceExhibitionSection01 {
    background-size: 600px auto;
  }
}

.service-note {
  max-width: 426px;
  padding: 25px 35px;
  background: #e43636;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .service-note {
    max-width: none;
  }
}

.memo-book-text {
  margin-right: 1em;
}

.fine-art {
  overflow: hidden;
  position: relative;
  background: #fff;
}

.fine-art-section {
  position: relative;
}

.fine-art-section__body {
  position: relative;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.fine-art-section__body:after {
  content: '';
  display: block;
  clear: both;
}

.fine-art-section__body--large {
  width: 1024px;
}

@media screen and (max-width: 1100px) {
  .fine-art-section__body--large {
    width: 960px;
  }
}

@media screen and (max-width: 1000px) {
  .fine-art-section__body {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.fine-art-text {
  line-height: 1.75;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 2s transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 2s transform cubic-bezier(0.19, 1, 0.22, 1), 2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
}

.fine-art-text--half {
  width: 50%;
}

.fine-art-text--narrow {
  padding-left: 80px;
}

.fine-art-text--left {
  float: left;
}

.fine-art-text--right {
  float: right;
}

@media screen and (max-width: 900px) {
  .fine-art-text--half {
    width: auto;
    float: none;
  }
  .fine-art-text--narrow {
    padding-left: 0;
  }
}

.fine-art-text > p:not(:first-child) {
  margin-top: 1.75em;
}

.fine-art-text__headline01 {
  margin-bottom: 1.5em;
  line-height: 1.5;
}

.fine-art-text__headline02 {
  margin-bottom: 1em;
  line-height: 1.75;
}

.fine-art-text__headline03 {
  margin-top: 1.8em;
  margin-bottom: 1.8em;
  line-height: 1.75;
}

.fine-art-text__fontS {
  display: block;
  margin-bottom: -5px;
}

.fine-art-logo__image {
  margin-right: 12px;
  vertical-align: -3px;
}

.gallery-fine-art {
  position: relative;
  -webkit-transition: 2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 2s transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 2s transform cubic-bezier(0.19, 1, 0.22, 1), 2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}

.gallery-fine-art .fontXXXL {
  margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
  .gallery-fine-art .fontXXXL {
    margin-bottom: 10px;
    font-size: 20px;
  }
}

.fine-art-ilford {
  margin-bottom: 84px;
}

.fine-art-ilford__logo {
  margin-top: 57px;
  margin-bottom: 15px;
}

.fine-art-ilford__text01,
.fine-art-ilford__text02 {
  display: block;
}

.fine-art-ilford-button {
  padding-top: 64px;
}

@media screen and (max-width: 900px) {
  .fine-art-ilford__text02 {
    display: inline;
  }
}

@media screen and (max-width: 640px) {
  .fine-art-ilford {
    margin-bottom: 0;
  }
  .fine-art-ilford__logo {
    margin-top: 20px;
    width: 90px;
    height: auto;
  }
}

.fine-art-section01 {
  padding-top: 420px;
  padding-bottom: 420px;
}

.fine-art-section02 {
  padding-top: 395px;
  padding-bottom: 470px;
}

.fine-art-section03 {
  padding-top: 460px;
  padding-bottom: 270px;
}

.fine-art-section04 {
  padding-top: 270px;
  padding-bottom: 340px;
}

.fine-art-section05 {
  padding-top: 360px;
  padding-bottom: 330px;
}

.fine-art-section06 {
  padding-top: 305px;
  padding-bottom: 215px;
}

.fine-art-bg {
  display: block;
  position: absolute;
  -webkit-transition: 3s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 3s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 3s transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 3s transform cubic-bezier(0.19, 1, 0.22, 1), 3s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
}

.fine-art-bg__image {
  max-width: 100%;
  height: auto;
}

.fine-art-bg--01 {
  right: 0;
  top: -50px;
}

.fine-art-bg--02 {
  left: 50%;
  top: 350px;
  margin-left: -710px;
}

.fine-art-bg--03 {
  left: 50%;
  bottom: 15px;
  margin-left: 14px;
}

.fine-art-bg--04 {
  right: 0;
  top: 92px;
}

.fine-art-bg--05 {
  left: 50%;
  top: 92px;
  margin-left: 4px;
}

.fine-art-bg--06 {
  left: 50%;
  top: 419px;
  margin-left: 425px;
}

.fine-art-bg--07 {
  left: 50%;
  bottom: 0;
  margin-left: 89px;
  margin-bottom: 9px;
}

.fine-art-bg--08 {
  left: 50%;
  top: 206px;
  margin-left: -690px;
}

.fine-art-bg--09 {
  left: 50%;
  top: 67px;
  margin-left: 329px;
}

.fine-art-bg--10 {
  left: 0;
  bottom: -50px;
}

@media screen and (max-width: 1920px) {
  .fine-art-bg--01 {
    width: 64.5%;
  }
  .fine-art-bg--02 {
    width: 40%;
    margin-left: -45%;
  }
  .fine-art-bg--04 {
    width: 33%;
  }
}

@media screen and (max-width: 900px) {
  .fine-art-section06 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .fine-art-bg--02,
  .fine-art-bg--08 {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .fine-art-logo__image {
    width: 39px;
    height: auto;
  }
  .fine-art-section01 {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .fine-art-section01 .fontXXXL {
    font-size: 26px;
  }
  .fine-art-section02 {
    padding-top: 100px;
    padding-bottom: 0;
  }
  .fine-art-section02 .fontXXXL-2 {
    font-size: 26px;
  }
  .fine-art-section03 {
    padding-top: 100px;
    padding-bottom: 0;
  }
  .fine-art-section03 .fontXXXL-2 {
    font-size: 26px;
  }
  .fine-art-section04 {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .fine-art-section04 .fontXXXL-1 {
    font-size: 26px;
  }
  .fine-art-section05 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .fine-art-section06 {
    padding-top: 0;
  }
  .fine-art-bg--03,
  .fine-art-bg--04 {
    opacity: 0.25;
  }
  .fine-art-bg--05 {
    opacity: 0.25;
    margin-left: -20%;
  }
  .fine-art-bg--07 {
    left: 0;
    bottom: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 250px;
    opacity: 0.25;
  }
  .fine-art-bg--10 {
    opacity: 0.5;
  }
  .fine-art-letter {
    display: none;
  }
}

.fine-art-letter {
  position: absolute;
  -webkit-transition: 3s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 3s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 3s transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: 3s transform cubic-bezier(0.19, 1, 0.22, 1), 3s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
}

.fine-art-letter--f {
  top: 69px;
  left: 50%;
  margin-left: -767px;
}

.fine-art-letter--i {
  bottom: -116px;
  left: 50%;
  margin-left: -418px;
}

.fine-art-letter--n {
  left: 50%;
  top: 80px;
  margin-left: 424px;
}

.fine-art-letter--e {
  left: 50%;
  top: 70px;
  margin-left: -678px;
}

.fine-art-letter--a {
  left: 50%;
  top: 224px;
  margin-left: 195px;
}

.fine-art-letter--r {
  left: 50%;
  top: 55px;
  margin-left: -265px;
}

.fine-art-letter--t {
  left: 50%;
  top: -23px;
  margin-left: 245px;
}

.interview-block__title {
  margin-top: 60px;
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.3;
}

.interview-block__title:nth-of-type(1) {
  margin-top: 40px;
}

.interview-block__text {
  font-size: 18px;
}

@media screen and (max-width: 716px) {
  .interview-block__title {
    margin-top: 40px;
    font-size: 16px;
  }
  .interview-block__text {
    font-size: 14px;
  }
}

.data-block {
  padding: 40px 50px;
  background: #fafafa;
  border: 1px solid #ccc;
  font-size: 18px;
}

.data-block--small {
  font-size: 16px;
}

@media screen and (max-width: 716px) {
  .data-block {
    padding: 15px 10px;
    font-size: 14px;
  }
}

.data-table {
  table-layout: fixed;
}
.data-table.-w100 {
  width: 100%;
}

.data-table__header,
.data-table__data {
  padding: 10px 16px;
  border: 1px solid #ccc;
  font-size: 18px;
}

.data-table__header {
  width: 27.5%;
  background: #f5f5f5;
  font-weight: bold;
  text-align: left;
}

.data-table__text {
  background: #fff;
}

.data-table__note {
  font-size: 14px;
}

@media screen and (max-width: 716px) {
  .data-table,
  .data-table tbody,
  .data-table tr,
  .data-table th,
  .data-table td {
    display: block;
    width: auto;
  }
  .data-table__header {
    font-size: 16px;
  }
  .data-table__row:not(:first-child) {
    margin-top: 10px;
  }
  .data-table__data {
    border-top: none;
    font-size: 14px;
  }
}

.pageTitleDrone {
  position: absolute;
  top: 0;
  width: 100%;
}

.pageTitleDrone__button {
  position: absolute;
  top: 440px;
  width: 100%;
  text-align: center;
}

.pageTitleDrone__button .btnRed {
  width: 250px;
  margin: 0 auto;
  padding: 17px 0;
}

.pageTitleDrone__image {
  padding-top: 174px;
  text-align: center;
}

.pageTitleDrone__image img {
  position: static;
  max-width: 839px;
  height: auto;
  margin: 0;
}

@media screen and (max-width: 1000px) {
  .pageTitleDrone__image {
    padding-top: 100px;
  }
  .pageTitleDrone__image img {
    width: 600px;
  }
  .pageTitleDrone__button {
    top: 280px;
  }
}

@media screen and (max-width: 600px) {
  .pageTitleDrone__image {
    padding-top: 80px;
  }
  .pageTitleDrone__image img {
    width: 320px;
  }
  .pageTitleDrone__button {
    top: 173px;
    font-size: 10px;
  }
  .pageTitleDrone__button .btnRed {
    width: 180px;
    padding: 6px 0;
    font-size: 10px;
  }
}

.drone-2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}

.drone-2col__col {
  width: 50%;
}

.drone-2col__col02 {
  padding-left: 34px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.drone-2col__title {
  font-size: 24px;
  font-weight: bold;
}

.drone-2col__subtitle {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 716px) {
  .drone-2col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    font-size: 14px;
  }
  .drone-2col__col {
    width: auto;
  }
  .drone-2col__col01 {
    margin-top: 30px;
    text-align: center;
  }
  .drone-2col__col02 {
    padding-left: 0;
  }
  .drone-2col__subtitle {
    font-size: 14px;
  }
  .drone-2col__title {
    font-size: 16px;
  }
}

.drone-sub-title {
  font-size: 20px;
  font-weight: bold;
}

.drone-main-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (max-width: 716px) {
  .drone-sub-title {
    font-size: 14px;
  }
  .drone-main-title {
    font-size: 16px;
  }
}

.droneConversion__title {
  font-size: 24px;
  font-weight: bold;
}

.droneConversion__text01,
.droneConversion__text02 {
  font-size: 18px;
  font-weight: normal;
}

.droneConversion__text01 {
  margin-top: 3px;
}

.droneConversion__text02 span {
  font-size: 24px;
  font-weight: bold;
}

.droneConversion__button {
  margin-top: 18px;
  margin-bottom: 22px;
}

@media screen and (max-width: 716px) {
  .droneConversion__title {
    font-size: 16px;
  }
  .droneConversion__text01,
  .droneConversion__text02 {
    font-size: 14px;
  }
  .droneConversion__text02 span {
    font-size: 16px;
  }
}

/* ADVANTAGE
---------------------------------------------------------- */
.creativeDesignSection01 {
  padding: 250px 0 245px;
  background: url(/assets/img/advantage/creative-design_img02.jpg) no-repeat center center;
}

.creativeDesignSection01Body {
  width: 960px;
  margin: 0 auto;
  padding: 65px 0 100px;
  background: rgba(255, 255, 255, 0.85);
}

.creativeDesignSection01Body .commonSectionBody {
  font-size: 20px;
}

.commonSection.creativeDesignSection02 {
  min-height: 2009px;
  background: url(/assets/img/advantage/creative-design_img04.jpg) no-repeat center top;
}

@media screen and (max-width: 976px) {
  .creativeDesignSection01 {
    padding: 100px 0;
    background-size: cover;
  }
  .creativeDesignSection01Body {
    width: auto;
    margin: 0 10px;
    padding: 30px 0;
  }
}

@media screen and (max-width: 800px) {
  .commonSection.creativeDesignSection02 {
    min-height: 1400px;
    background-size: cover;
  }
  .creativeDesignSection01Body .commonSectionBody {
    font-size: 16px;
  }
}

@media screen and (max-width: 520px) {
  .commonSection.creativeDesignSection02 {
    min-height: 0;
    background-size: 1920px 2009px;
  }
}

/* COMPANY
---------------------------------------------------------- */
.pageTitlePhilosophy {
  position: absolute;
  top: 0;
  width: 100%;
}

.pageTitlePhilosophy .pageTitle,
.pageTitlePhilosophy .pageSubTitle {
  color: #fff;
}

.pageTitlePhilosophy .pageTitle {
  padding-top: 128px;
}

.pageTitlePhilosophy .pageTitle:before {
  display: none;
}

.philosophyImg {
  margin-top: 35px;
  text-align: center;
}

.philosophyImg img {
  position: static;
  max-width: 840px;
  height: auto;
  margin: 0;
}

@media screen and (max-width: 1216px) {
  .visual .philosophyImg img {
    width: 700px;
    height: auto;
  }
}

@media screen and (max-width: 1066px) {
  .visual .philosophyImg img {
    width: 500px;
  }
}

@media screen and (max-width: 600px) {
  .visual .philosophyImg img {
    width: 250px;
    max-width: none;
  }
  .pageTitlePhilosophy .pageTitle {
    padding-top: 80px;
  }
}

/* CONTACT
---------------------------------------------------------- */
.contactSection {
  width: 700px;
  margin: 0 auto;
}

.contactHeader {
  text-align: center;
  color: #474134;
}

.contactHeader .text01 {
  font-weight: bold;
  font-size: 20px;
}

.contactHeader .text02 {
  margin-top: 1em;
  font-size: 18px;
}

.contactHeader .text03 {
  margin-top: 1em;
}

.contactHeader .text04 {
  margin-top: 1em;
  font-size: 14px;
}

.contactHeader .tel {
  margin-top: 0.51em;
  font-size: 36px;
}

.contactHeader .tel:before {
  margin-right: 10px;
}

.contactHeader.error {
  color: #e83416;
}

.contactHeader + form {
  margin-top: 55px;
}

.formItem + .formItem {
  margin-top: 35px;
}

.formItemTitle {
  font-weight: bold;
  font-size: 16px;
}

.form-item-title-sub {
  display: inline-block;
  margin: 5px 0;
}

.formItemBody {
  margin-top: 5px;
}

.formItemBody.white {
  padding: 25px;
  background: #fff;
}

.formNeed {
  display: inline-block;
  padding: 3px 5px 2px;
  background: #a39e90;
  line-height: 1;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}

.itt,
.textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  width: 100%;
  padding: 12px 20px;
  border: 1px solid #fff;
  background: #fff;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.itt.error,
.textarea.error,
.selectbox.error {
  border-color: #ff8a76;
  background: #ffedea;
}

.itt:focus,
.textarea:focus {
  background: #fff5d6;
  border-color: #ffbf00;
}

.selectbox {
  padding: 12px 20px;
  border: 1px solid #ddd;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
}

.textarea {
  height: 250px;
}

.textarea-small {
  height: 150px;
}

.form-item-guide {
  font-size: 14px;
  line-height: 1.5;
}

.formAgree {
  position: relative;
  margin: -25px -25px 15px;
  padding: 17px;
  border-bottom: 1px solid #eae3ce;
}

.formAgree.error {
  border: 1px solid #ff8a76;
  background: #ffedea;
}

.contact-privacy {
  height: 100px;
  overflow-y: scroll;
}

.contact-privacy p {
  margin: 1em 0;
  line-height: 1.7;
  font-size: 14px;
}

.contactFooter {
  margin-top: 60px;
}

.contactFooter:after {
  content: '';
  display: block;
  clear: both;
}

.formBtn {
  display: inline-block;
  padding: 18px 0;
  text-align: center;
  line-height: 1;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s;
  transition: .3s;
}

.formBtn.wide {
  width: 100%;
}

.formBtn.middle {
  float: right;
  width: 70.8%;
}

.formBtn.short {
  float: left;
  width: 27.7%;
}

.formBtn.normal {
  background: #e43636;
  border: 1px solid #e43636;
}

.formBtn.normal:hover {
  text-decoration: none;
  background: #fff;
  color: #e43636;
}

.formBtn.back {
  background: #808080;
  border: 1px solid #808080;
}

.formBtn.back:hover {
  text-decoration: none;
  background: #fff;
  color: #808080;
}

.errorText {
  margin-left: 10px;
  font-weight: bold;
  font-size: 16px;
  color: #e83416;
}

.errorInput {
  border: 1px solid #ff8a76;
  background: #ffedea;
}

.contactConfirm {
  margin-top: 30px;
  padding: 40px 50px;
  background: #fff;
}

.contactConfirm table {
  width: 100%;
}

.contactConfirm .col01 {
  width: 31.6%;
}

.contactConfirm tr {
  border-top: 1px solid #eadcc1;
}

.contactConfirm tr:first-child {
  border: none;
}

.contactConfirm th {
  text-align: left;
  padding: 15px 40px 15px 0;
  line-height: 1.4;
}

.contactConfirm td {
  padding: 15px 40px 15px 0;
  vertical-align: middle;
  line-height: 1.4;
}

.contactComplete {
  margin-top: 30px;
  padding: 60px 20px;
  background: #fff;
}

.contactComplete .text01 {
  line-height: 1.8;
}

.contactComplete .text04 {
  line-height: 1.2;
}

.contactComplete .text05 {
  margin-top: 1em;
  font-size: 14px;
  line-height: 1.4;
}

@media screen and (max-width: 716px) {
  .contactSection {
    width: auto;
    padding: 0 10px;
  }
}

@media screen and (max-width: 520px) {
  .errorText:before {
    display: block;
    height: 3px;
    content: '';
  }
  .contactConfirm th {
    display: block;
    padding-bottom: 5px;
  }
  .contactConfirm td {
    display: block;
    padding-top: 5px;
  }
  .selectbox {
    width: 75%;
    margin: 3px 0;
    font-size: 18px;
  }
  .itt.tel {
    width: 70%;
  }
}

/* UNIVERSAL CLASS
---------------------------------------------------------- */
/* margin */
.margin0,
.commonSectionBody > p.margin0,
.img2Col .text p.margin0 {
  margin-top: 0 !important;
}

.margin50per,
.commonSectionBody > p.margin50per,
.img2Col .text p.margin50per {
  margin-top: 0.85em;
}

.margin100per {
  margin-top: 1.7em;
}

.margin150per,
.commonSectionBody > p.margin150per,
.img2Col .text p.margin150per {
  margin-top: 2.55em;
}

.margin200per,
.commonSectionBody > p.margin200per,
.img2Col .text p.margin200per {
  margin-top: 3.4em;
}

.margin250per,
.commonSectionBody > p.margin250per,
.img2Col .text p.margin250per {
  margin-top: 4.25em;
}

.margin300per,
.commonSectionBody > p.margin300per,
.img2Col .text p.margin300per {
  margin-top: 5.1em;
}

.margin400per,
.commonSectionBody > p.margin400per,
.img2Col .text p.margin400per {
  margin-top: 6.8em;
}

.margin500per,
.commonSectionBody > p.margin500per,
.img2Col .text p.margin500per {
  margin-top: 8.5em;
}

.margin600per,
.commonSectionBody > p.margin600per,
.img2Col .text p.margin600per {
  margin-top: 10.2em;
}

.margin700per,
.commonSectionBody > p.margin700per,
.img2Col .text p.margin700per {
  margin-top: 11.9em;
}

.margin800per,
.commonSectionBody > p.margin800per,
.img2Col .text p.margin800per {
  margin-top: 13.6em;
}

.margin-50per,
.commonSectionBody > p.margin-50per,
.img2Col .text p.margin-50per {
  margin-top: -0.85em;
}

/* padding */
.paddingB0 {
  padding-bottom: 0;
}

.paddingT05 {
  padding-top: 5px;
}

/* text-align */
.textAC {
  text-align: center;
}

.textAL {
  text-align: left;
}

.textAR {
  text-align: right;
}

/* font-size */
.fontXS {
  font-size: 10px;
}

.fontS {
  font-size: 12px;
}

.fontM {
  font-size: 14px;
}

.fontL {
  font-size: 16px;
}

.fontLL {
  font-size: 18px;
}

.fontXL {
  font-size: 20px;
}

.fontXXL {
  font-size: 24px;
}

.fontXXXL {
  font-size: 30px;
}

.fontXXXL-1 {
  font-size: 34px;
}

.fontXXXL-2 {
  font-size: 36px;
}

.fontXXXXL {
  font-size: 48px;
}

.fontEXL {
  font-size: 72px;
  line-height: 1;
}

/* font-weight */
.strong {
  font-weight: bold;
}

.strong2 {
  font-weight: 500;
}

/* color */
.red {
  color: #e43636;
}

/* OTHER
---------------------------------------------------------- */
.youtubeEmbed {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtubeEmbed iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#lineup-font-size-sampler {
  bottom: 0;
}

.styleNote {
  position: absolute;
  right: 0;
  display: block;
  padding: 5px;
  font-size: 12px;
  background: #036;
  color: #fff;
  font-weight: normal;
  font-style: normal;
}

.gm-style-iw + div {
  display: none;
}

.text-marking {
  position: relative;
  display: inline;
  z-index: 1;
  background-image: linear-gradient(90deg, #ff0, #ff0);
  background-size: 100% 20%;
  background-position: left bottom;
  background-repeat: no-repeat;
}

/* .text-marking {
  position: relative;
  display: inline-block;
  z-index: 1;
} */

/* .text-marking:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background: #ff0;
  z-index: -1;
} */

/* royalslider
---------------------------------------------------------- */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr;
}

.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}

img.rsImg {
  max-width: none;
}

.grab-cursor {
  cursor: url(/assets/img/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
  cursor: url(/assets/img/royalslider/grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(/assets/img/royalslider/blank.gif);
}

.visibleNearby {
  width: 100%;
}

.visibleNearby .rsGCaption {
  font-size: 16px;
  line-height: 18px;
  padding: 12px 0 16px;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
}

.visibleNearby .rsGCaption span {
  display: block;
  clear: both;
  color: #bbb;
  font-size: 14px;
  line-height: 22px;
}

.visibleNearby .rsGCaption span.rsCaption__note {
  display: block;
  clear: both;
  margin-top: 0.7em;
  font-size: 14px;
  line-height: 22px;
  color: #333;
}

.visibleNearby .rsGCaption span.rsCaption__note2 {
  display: block;
  clear: both;
  font-size: 14px;
  color: #999;
}

.visibleNearby .rsGCaption span.rsCaption__large {
  display: block;
  clear: both;
  line-height: 1.77777;
  font-size: 18px;
  color: #333;
}

@media screen and (max-width: 640px) {
  .visibleNearby .rsGCaption span.rsCaption__large {
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1.5;
    font-size: 14px;
  }
  .visibleNearby .rsGCaption span.rsCaption__note2 {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
  }
}

/* Scaling transforms */
.visibleNearby .rsSlide img {
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.gallery-fine-art .rsSlide img {
  opacity: 1;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.visibleNearby .rsActiveSlide img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.rsBullets {
  position: relative;
  z-index: 35;
  padding-top: 30px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  line-height: 10px;
  overflow: hidden;
}

#gallery-3 .rsBullets {
  padding-top: 30px;
  padding-bottom: 20px;
}

.rsBullet {
  display: inline-block;
  margin: 0 10px;
}

#gallery-1 .rsNavItem span,
#gallery-2 .rsNavItem span,
#gallery-4 .rsNavItem span,
#gallery-5 .rsNavItem span,
#gallery-6 .rsNavItem span,
#gallery-7 .rsNavItem span,
#gallery-fine-art .rsNavItem span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/assets/img/service/slider_bullets_bg.png) no-repeat;
  background-size: 10px auto;
}

#gallery-3 .rsNavItem span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/assets/img/service/web_slider_bullets_bg.png) no-repeat;
  background-size: 10px auto;
}

#gallery-1 .rsNavSelected span,
#gallery-2 .rsNavSelected span,
#gallery-3 .rsNavSelected span,
#gallery-4 .rsNavSelected span,
#gallery-5 .rsNavSelected span,
#gallery-6 .rsNavSelected span,
#gallery-7 .rsNavSelected span,
#gallery-fine-art .rsNavSelected span {
  background-position: 0 -10px;
}

#gallery-3 .rsOverflow,
.royalSlider#gallery-3 {
  height: 466px !important;
}

#gallery-3 .rsGCaption,
#gallery-3 .rsGCaption a {
  color: #808080;
}

#gallery-4 .rsGCaption,
#gallery-5 .rsGCaption,
#gallery-6 .rsGCaption,
#gallery-7 .rsGCaption {
  padding: 17px 0 16px;
}

#gallery-3 .rsGCaption span {
  font-size: 10px;
  color: #808080;
}

#gallery-5 .rsCaption__note span {
  font-size: 10px;
  color: #808080;
}

#gallery-1 .rsOverflow,
.royalSlider#gallery-1,
#gallery-2 .rsOverflow,
.royalSlider#gallery-2,
#gallery-4 .rsOverflow,
.royalSlider#gallery-4,
#gallery-6 .rsOverflow,
.royalSlider#gallery-6,
#gallery-7 .rsOverflow,
.royalSlider#gallery-7 {
  height: 760px !important;
}

#gallery-5 .rsOverflow,
.royalSlider#gallery-5 {
  height: 685px !important;
}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 1200px) {
  #gallery-3 .rsOverflow,
  .royalSlider#gallery-3 {
    height: 370px !important;
  }
  #gallery-5 .rsOverflow,
  .royalSlider#gallery-5 {
    height: 400px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 900px) {
  #gallery-1 .rsOverflow,
  .royalSlider#gallery-1,
  #gallery-2 .rsOverflow,
  .royalSlider#gallery-2,
  #gallery-4 .rsOverflow,
  .royalSlider#gallery-4,
  #gallery-6 .rsOverflow,
  .royalSlider#gallery-6,
  #gallery-7 .rsOverflow,
  .royalSlider#gallery-7 {
    height: 400px !important;
  }
  #gallery-3 .rsOverflow,
  .royalSlider#gallery-3 {
    height: 300px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
  #gallery-1 .rsOverflow,
  .royalSlider#gallery-1,
  #gallery-2 .rsOverflow,
  .royalSlider#gallery-2,
  #gallery-4 .rsOverflow,
  .royalSlider#gallery-4,
  #gallery-6 .rsOverflow,
  .royalSlider#gallery-6,
  #gallery-7 .rsOverflow,
  .royalSlider#gallery-7 {
    height: 300px !important;
  }
  #gallery-3 .rsOverflow,
  .royalSlider#gallery-3 {
    height: 160px !important;
  }
  #gallery-5 .rsOverflow,
  .royalSlider#gallery-5 {
    height: 250px !important;
  }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

.pc-only-bullet {
  display: block;
  width: 4em;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 520px) {
  .sp-hide {
    display: none;
  }
  .pc-only-bullet {
    display: inline;
  }
}

/* memorial-magazine_201905
---------------------------------------------------------- */
.memorial_back {
  background-color: #e8d4d8;
  padding: 50px 0;
  margin-top: 50px;
  margin-bottom: 60px;
}

.memorial_back2 {
  background-color: #000;
  padding: 50px 0;
  margin: 30px 0 50px;
  color: #fff;
}

.memorial_main {
  position: relative;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  line-height: 24.5px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.memorial_main__title01 {
  font-size: 15px;
}

.memorial_main__title01-text {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 12px;
  font-weight: bold;
}

.memorial_main__title02 {
  font-size: 16px;
  font-weight: bold;
}

.memorial_mainbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.memorial_box {
  width: 30%;
  margin: 30px 0;
  text-align: left;
}

.memorial_box p {
  background-color: #c30d23;
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 10px;
}

.memorial_box span {
  text-align: left;
  margin-top: 15px;
  display: block;
}

.memorial_textcen {
  text-align: center;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

.memorial_line {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 5px 0;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.memorial_during {
  font-size: 24px;
  margin-top: 0 !important;
  font-weight: bold;
  line-height: calc(40 / 24);
}

.memorial_minred {
  color: #c30d23;
  font-size: 12px;
  font-weight: bold;
  margin: 0 !important;
}

.memorial_imgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.memorial_imgbox p {
  width: calc(395 / 800 * 100%);
}

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

.memorial_box3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 5px;
  height: 70px;
}

.memorial_aftbef {
  font-size: 15px;
  font-weight: bold;
  position: relative;
  width: 30%;
  padding-right: 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.memorial_aftbef span {
  font-size: 12px;
}

.memorial_aftbef:before {
  display: block;
  position: absolute;
  content: '';
  height: 45px;
  width: 5px;
  margin-left: -15px;
  background: #ea4950;
}

.memorial_aftbef:after {
  content: '\f0da';
  color: #c30d23;
  font-family: 'Font Awesome 5 Free';
  font-size: 24px;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  top: 5px;
  right: 3%;
}

.memorial_aftbef_r {
  width: 68%;
  line-height: 20px;
}

.memorial_white {
  color: #fff;
}

.memorial_arrow:after {
  content: '\f0d7';
  color: #e8d4d8;
  font-family: 'Font Awesome 5 Free';
  font-size: 100px;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -69px;
}

.memorial_arrow2:after {
  content: '\f0d7';
  color: #e8d4d8;
  font-family: 'Font Awesome 5 Free';
  font-size: 100px;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  right: 0;
  left: 0;
}

.memorial_red {
  color: #c30d23;
}

.memorial_mabo20 {
  margin-bottom: 20px !important;
  display: block;
}

@media screen and (max-width: 520px) {
  .memorial_main, .memorial_box, .memorial_imgbox {
    width: auto;
  }
  .memorial_main {
    padding: 0 10px;
  }
  .memorial_imgbox {
    padding: 0 10px;
  }
  .memorial_imgbox img {
    width: 100%;
  }
  .memorial_during br {
    display: none;
  }
  .memorial_box3 {
    /*
		height: 140px;
		margin-bottom: 30px;
        */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin-bottom: 30px;
  }
  .memorial_aftbef {
    /*
		width: 25%;
		margin-left: 10px;
        */
    width: calc(100% - 15px);
    margin-left: 15px;
  }
  .memorial_aftbef:before {
    height: 100%;
  }
  .memorial_aftbef:after {
    right: -12%;
    display: none;
  }
  .memorial_aftbef_r {
    width: 65%;
    width: 100%;
  }
  .memorial_box {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
  }
  .memorial_textcen {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.anniversary-section01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.anniversary-section01__text01 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}

.anniversary-section01__quote {
  position: relative;
  margin-top: 1em;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #c30d23;
}

.anniversary-section01__quote::before, .anniversary-section01__quote::after {
  position: absolute;
  display: block;
  width: 60px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

.anniversary-section01__quote::before {
  left: -80px;
  top: -10px;
  background-image: url(/assets/img/service/anniversary_icon_quote01.svg);
}

.anniversary-section01__quote::after {
  right: -70px;
  bottom: 0px;
  background-image: url(/assets/img/service/anniversary_icon_quote02.svg);
}

.anniversary-section01__text02 {
  position: relative;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #c30d23;
}

.anniversary-section01__text02::before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  margin: 30px auto 20px;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  border-color: #c30d23 transparent transparent transparent;
}

.anniversary-section01__text03 {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 650px) {
  .anniversary-section01__text01 {
    font-size: 20px;
  }
  .anniversary-section01__quote {
    font-size: 16px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .anniversary-section01__quote::before, .anniversary-section01__quote::after {
    content: none;
  }
  .anniversary-section01__text02 {
    font-size: 20px;
  }
  .anniversary-section01__text03 {
    font-size: 16px;
  }
}

.anniversary-section02 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.anniversary-section02__text01 {
  padding-top: 2px;
  padding-bottom: 2px;
  background: #c30d23;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.anniversary-section02__text01::before {
  display: inline-block;
  content: '';
  width: 55px;
  height: 57px;
  margin-top: -20px;
  margin-bottom: -18px;
  margin-right: 10px;
  background: url(/assets/img/service/anniversary_icon_q.svg) no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.anniversary-section02__text02 {
  margin-top: 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.anniversary-section02__text03 {
  margin-bottom: 20px;
  text-align: center;
}

.anniversary-section02__text04 {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #c30d23;
}

.anniversary-section03__text01 {
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  color: #c30d23;
}

.anniversary-section03__text02 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

.anniversary-section03__text03 {
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  color: #c30d23;
}

.anniversary-section03__text03::before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  margin: 40px auto 20px;
  border-style: solid;
  border-width: 30px 25px 0 25px;
  border-color: #c30d23 transparent transparent transparent;
}

.anniversary-section03__text04 {
  margin-top: 10px;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 650px) {
  .anniversary-section03__text01, .anniversary-section03__text03 {
    font-size: 20px;
  }
  .anniversary-section03__text04 {
    font-size: 15px;
  }
}

.anniversary-section03-2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

.anniversary-section03-2col__image {
  width: calc(380 / 800 * 100%);
}

.anniversary-section03-2col__body {
  width: calc(380 / 800 * 100%);
}

@media screen and (max-width: 816px) {
  .anniversary-section03-2col__body br {
    display: none;
  }
}

.anniversary-section03-2col__text01 {
  font-size: 20px;
  font-weight: bold;
}

.anniversary-section03-2col__text02 {
  margin-top: 20px;
  font-size: 12px;
}

@media screen and (max-width: 650px) {
  .anniversary-section03-2col {
    display: block;
  }
  .anniversary-section03-2col__image, .anniversary-section03-2col__body {
    width: 100%;
  }
  .anniversary-section03-2col__image {
    text-align: center;
  }
  .anniversary-section03-2col__body {
    margin-top: 20px;
  }
  .anniversary-section03-2col__text01 {
    font-size: 18px;
  }
  .anniversary-section03-2col__text02 {
    margin-top: 10px;
  }
}

.anniversary-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

.anniversary-list__item {
  width: calc(260 / 800 * 100%);
}

.anniversary-list__item:nth-of-type(n + 4) {
  margin-top: 30px;
}

.anniversary-list__link {
  color: #333;
  text-decoration:none !important;
}

.anniversary-list__link:hover .anniversary-list__image img {
  transform: scale(1.04);
}

.anniversary-list__title {
  padding-top: 3px;
  padding-bottom: 3px;
  background: #c30d23;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

.anniversary-list__image {
  margin-top: 5px;
}

.anniversary-list__link > .anniversary-list__image {
  overflow: hidden;
}

.anniversary-list__link > .anniversary-list__image img {
  transition: transform 0.5s;
}

.anniversary-list__text {
  margin-top: 5px;
  font-size: 13px;
}

.anniversary-list__link-icon {
  margin-top: 8px;
  position: relative;
  padding: 0 24px 0 8px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.2s ease-out;
  border: 1px solid #ccc;
}
.anniversary-list__link-icon::before {
  content: "";
  background-color: #c30d23;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 6px;
  right: 4px;
  width: 16px;
  height: 16px;
}

.anniversary-list__link-icon::after {
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
}

.anniversary-list__link:hover > .anniversary-list__link-icon {
  color: #c30d23;;
}

.anniversary-video {
  /* position: relative;
  width: 100%; */
  /* position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow: hidden; */
  max-width: 640px;
  margin: 24px auto 0px auto;
}

.anniversary-video iframe {
  /* position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; */
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}



@media screen and (max-width: 650px) {
  .anniversary-list__item {
    width: 49%;
  }
  .anniversary-list__item:nth-of-type(n + 3) {
    margin-top: 20px;
  }
  .anniversary-list__title {
    font-size: 14px;
  }
  .anniversary-list__text {
    margin-top: 5px;
    font-size: 12px;
  }
  .anniversary-list__image {
    text-align: center;
  }
}

/**************movie2*******************/
/* メインイメージ */
.movie2_visual {
  position: relative;
  min-height: 719px;
  overflow: hidden;
  padding-left: 50px;
  padding-right: 50px;
}

.movie2_visual video {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

@media all and (min-width: 1920px) {
  .movie2_visual video {
    width: 100%;
    height: auto;
  }
}

.pageTitleMovie2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.pageTitleMovie2_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 719px;
}

.pageTitleMovie2_left,
.pageTitleMovie2_right {
  width: 50%;
}

.pageTitleMovie2_img_box01 {
  max-width: 659px;
}

.pageTitleMovie2_img_box01 img {
  width: 100%;
}

.pageTitleMovie2_img_box02 p {
  max-width: 150px;
  padding: 30px 20px;
}

.pageTitleMovie2_img_box02 img {
  width: 100%;
}

.pageTitleMovie2_img_box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.movie2_visual_btn a {
  color: #fff;
  background-color: #E43636;
  border: 1px solid #e43636;
  width: 250px;
  display: block;
  text-align: center;
  padding: 17px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.movie2_visual_btn a:hover {
  background: #fff;
  color: #e43636;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

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

.pageTitleMovie2_left,
.pageTitleMovie2_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1200px) {
  .pageTitleMovie2_img_box02 p {
    padding-left: 0;
  }
}

@media screen and (max-width: 1000px) {
  .movie2_visual {
    min-height: 500px;
  }
  .pageTitleMovie2_wrap {
    min-height: 500px;
    margin-top: 50px;
    margin-bottom: -50px;
  }
}

@media screen and (max-width: 716px) {
  .pageTitleMovie2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pageTitleMovie2_img_box02 p {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .pageTitleMovie2_wrap {
    min-height: 500px;
    margin-top: 20px;
    margin-bottom: -20px;
  }
  .pageTitleMovie2_left,
  .pageTitleMovie2_right {
    width: 80%;
  }
  .pageTitleMovie2_wrap .movie2_visual_btn a {
    width: 100%;
  }
  .pageTitleMovie2_wrap .movie2_visual_btn {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .movie2_visual {
    min-height: 300px;
  }
  .pageTitleMovie2_wrap {
    min-height: 300px;
  }
  .pageTitleMovie2_wrap .movie2_visual_btn a {
    display: block;
    font-size: 10px;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pageTitleMovie2_img_box02 p {
    padding-top: 0px;
    padding-bottom: 7px;
  }
}

/* section01 */
.text_type0709 p {
  text-align: left !important;
}

.marker0709 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff66));
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

.marker0709_02 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(60%, #ffff66));
  background: linear-gradient(transparent 70%, #ffff66 60%);
}

.movie2_section01 {
  background: url(/assets/img/service/movie2_content01_bg.jpg) no-repeat center top;
  background-size: cover;
}

.movie2_Itemwide {
  margin-left: -100px;
  margin-right: -100px;
  margin-top: 40px;
  border-radius: 10px;
  padding-left: 120px;
  padding-right: 120px;
}

@media screen and (max-width: 1050px) {
  .movie2_Itemwide {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 716px) {
  .movie2_Itemwide {
    padding: 20px 15px;
  }
}

/* section02 */
.movie2_productionresults {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 100px;
}

.movie2_section02 {
  max-width: 1200px;
  margin: auto;
}

.movie2_productionresults .movie_imgbox {
  width: calc(50% - 40px);
  margin: 10px 20px;
}

.movie2_section02 img {
  width: 100%;
}

.movie_img {
  position: relative;
  background: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.movie_img:hover {
  opacity: 0.6;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #000;
}

.movie_img a:hover .play_btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.movie_img .play_btn {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.movie2_section02 .movie_img .play_btn {
  width: 60px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.8;
  -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.movie2_productionresults .movie2_productionresults_cat p {
  display: inline-block;
  background-color: #F1F1F1;
  font-size: 15px;
  padding: 5px 7px;
  margin-top: 7px;
  margin-right: 7px;
}

.movie2_productionresults_text {
  margin-top: 18px;
  margin-bottom: 38px;
  margin-left: 25px;
}

.movie2_productionresults_text p {
  font-size: 18px;
}

.movie2_productionresults_text h3 {
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .movie2_productionresults .movie_imgbox {
    width: calc(100% - 40px);
    margin: 10px 20px;
  }
}

@media screen and (max-width: 716px) {
  .movie2_productionresults_text h3 {
    font-size: 18px;
  }
  .movie2_productionresults_text p {
    font-size: 14px;
  }
  .movie2_productionresults_cat p {
    font-size: 12px;
    margin-right: 5px;
  }
}

/* section03 */
.movie2_section03 {
  max-width: 995px;
  margin: auto;
}

.movie2_section03 h3,
.movie2_section03 h4 {
  text-align: center;
  font-size: 24px;
}

.movie2_section03 h3 {
  position: relative;
}

.movie2_section03 h3:before {
  content: "";
  width: calc(50% - 3.5em);
  height: 1px;
  display: block;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.movie2_section03 h3:after {
  content: "";
  width: calc(50% - 3.5em);
  height: 1px;
  display: block;
  background-color: #000;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.movie2_section03_box01,
.movie2_section03_box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.movie2_section03_box01_inner div {
  max-width: 200px;
  margin: auto;
}

.movie2_section03_box01_inner {
  width: calc(33.33333333333% - 56px);
  margin-right: 84px;
  margin-top: 75px;
  margin-bottom: 115px;
}

.movie2_section03_box01_inner:last-child {
  margin-right: 0;
}

.movie2_section03 h4 {
  padding-top: 40px;
  padding-bottom: 23px;
}

.movie2_section03_box01_inner p,
.movie2_section03_box01_inner li {
  font-size: 18px;
  line-height: 1.6;
}

.movie2_texttype01 {
  background-color: #fff;
  border: 1px solid #000;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.movie2_texttype02 {
  min-height: 112px;
}

.commonSection .movie2_m {
  margin-top: 28px;
}

@media screen and (max-width: 1200px) {
  .movie2_section03 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1000px) {
  .movie2_section03_box01_inner {
    width: calc(33.33333333333% - 20px);
    margin-right: 60px;
  }
}

@media screen and (max-width: 768px) {
  .movie2_section03_box01,
  .movie2_section03_box02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
  }
  .movie2_section03_box01_inner {
    width: 100%;
    margin-right: 0px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .movie2_section03 h3,
  .movie2_section03 h4 {
    font-size: 18px;
  }
  .movie2_section03_box01_inner p,
  .movie2_section03_box01_inner li {
    font-size: 14px;
  }
  .movie2_texttype02 {
    min-height: 50px;
  }
}

/* section04 */
.movie2_section04 {
  max-width: 800px;
  margin: auto;
}

.movie2_section04 h3 {
  font-size: 24px;
  line-height: 1.6;
}

.movie2_section04 p {
  font-size: 18px;
  margin-top: 15px;
  line-height: 1.6;
}

.movie2_section04_inner {
  margin-bottom: 60px;
}

.movie2_section04_02_imgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}

.movie2_section04 img {
  width: 100%;
}

.movie2_section04_02_imgbox div {
  width: calc(50% - 16px);
  margin-right: 32px;
}

.movie2_section04_02_imgbox div:last-child {
  margin-right: 0;
}

.movie2_texttype03 {
  margin-top: 20px;
}

.movie2_section04_inner h4 {
  font-size: 18px;
  margin-bottom: 25px;
  position: relative;
}

.movie2_section04_inner h4:after {
  content: "";
  width: calc(100% - 11em);
  height: 1px;
  display: block;
  background-color: #333;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.movie2_section04_04_box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.movie2_section04_04_box01 a {
  width: calc(50% - 16px);
  margin-right: 32px;
  margin-bottom: 20px;
}

.movie2_section04_04_box01 a:hover {
  color: #333;
}

.movie2_section04_04_box01 a:nth-child(even) {
  margin-right: 0;
}

.movie2_section04_04 {
  margin-top: 33px;
}

.movie2_section04 .movie2_section04_04_box01 a p {
  font-size: 15px;
  color: #333;
  margin-top: 7px;
}

.movie2_section04 .movie2_section04_04_box01 a .movie2_texttype04,
.movie2_section04 .movie2_section04_04_box02 .movie2_texttype04 {
  font-size: 11px;
  margin-top: 0;
}

.movie2_section04_04_box02_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.movie2_section04_04_box02_inner_pic01 {
  max-width: 251px;
  margin-right: 46px;
}

.movie2_section04_04_box02_inner_pic02 {
  max-width: 502px;
}

.movie2_section04 .movie2_section04_04_box02 p {
  font-size: 15px;
  margin-top: 7px;
}

.movie2_section04_04_box02_box {
  margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
  .movie2_section04 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .movie2_section04 h3 {
    font-size: 16px;
  }
  .movie2_section04 p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 1.6;
  }
  .movie2_section04 {
    margin-bottom: -50px;
  }
}

/* section05 */
.movie2_section05 {
  max-width: 800px;
  margin: auto;
}

.movie2_section05_img {
  margin: 70px 0 75px;
}

.movie2_section05 h3 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 50px;
}

.movie02_section05_box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.movie02_section05_inner p {
  font-size: 18px;
  line-height: 1.6;
}

.movie02_section05_box01 .movie2_visual_btn a {
  margin-left: 40px;
}

.movie02_section05_inner_img {
  margin-top: 160px;
  margin-bottom: -120px;
}

.movie02_section05_inner_img img {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .movie2_section05 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .movie2_section05 h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 40px;
  }
  .movie02_section05_inner p {
    font-size: 14px;
  }
  .movie02_section05_inner_img {
    margin-top: 90px;
    margin-bottom: -120px;
  }
  .movie2_section05_img {
    margin-top: 20px;
  }
}

@media screen and (max-width: 680px) {
  .movie02_section05_box01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .movie2_section05 .movie2_visual_btn a {
    margin-left: 0;
    margin-top: 10px;
  }
  .movie2_section05 .movie2_visual_btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* section06 */
.movie2_section06 {
  max-width: 800px;
  margin: auto;
}

.movie2_section06 h3 {
  font-size: 24px;
  line-height: 1.6;
  margin-bottom: 20px;
  margin-top: 50px;
}

.movie2_section06 p {
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 1200px) {
  .movie2_section06 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .movie2_section06 h3 {
    font-size: 18px;
  }
  .movie2_section06 p {
    font-size: 14px;
  }
}

/* section07 */
.movie2_section07 {
  text-align: center;
  padding-top: 7px;
  margin-bottom: -52px;
}

.movie2_section07 .movie2_visual_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 27px;
  margin-bottom: 27px;
}

.movie2_section07 h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

.movie2_section07 p {
  font-size: 18px;
  line-height: 1.6;
}

.movie2_texttype05 {
  font-size: 24px;
  font-weight: 800;
  padding: 0 7px;
  color: #333 !important;
}

@media screen and (max-width: 1200px) {
  .movie2_section07 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .movie2_section07 h2 {
    font-size: 16px;
  }
  .movie2_section07 p {
    font-size: 14px;
  }
  .movie2_texttype05 {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .movie2_section07 .movie2_visual_btn a {
    width: 100%;
  }
}

/*  */
.commonSectionBody video {
  max-width: 100%;
  height: auto;
}

/* theta_201907
---------------------------------------------------------- */
.sector-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: auto;
  max-width: 485px;
  list-style: none;
}

.sector-list li {
  width: 115px;
  height: 70px;
  margin-bottom: 20px;
  padding-top: 10px;
  text-align: center;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.sector-list li small {
  display: block;
  font-size: 12px;
  margin-top: 5px;
}

.sector-list-min {
  font-size: 12px;
  color: #333333;
  margin-top: 10px;
  display: block;
}

.img2Col.positionMiddle .sector-list-text {
  vertical-align: top;
}

.theta_btn-box {
  margin-top: 50px;
  line-height: 1.75;
}

.theta_btn {
  margin-left: 90px;
}

.interface-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  padding: 50px 0 0;
  list-style: none;
}

.interface-list li {
  width: 30%;
  text-align: center;
}

.interface-list li h4 {
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 20px;
}

.interface-list li p {
  text-align: left;
}

.cases-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  text-align: left;
}

.cases-list li {
  position: relative;
  overflow: hidden;
  width: 31.5%;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.cases-list li a {
  display: block;
  text-decoration: none;
}

.cases-list li a .thumb {
  overflow: hidden;
  line-height: 0;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#50c5f2), to(#029fdc));
  background-image: linear-gradient(to right bottom, #50c5f2 0%, #029fdc 100%);
}

.cases-list li a .thumb img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cases-list li a .thumb_text {
  position: relative;
  padding: 20px 30px 50px;
}

.cases-list li a .thumb_text h4 {
  padding-bottom: 5px;
  font-size: 17px;
  font-weight: 300;
  color: #000;
}

.cases-list li a .thumb_text small {
  font-size: 12px;
  font-weight: 400;
}

.cases-list li a::after {
  position: absolute;
  bottom: 30px;
  right: 50px;
  content: "";
  display: inline-block;
  width: 60px;
  height: 6px;
  border-right: 1px solid #029fdc;
  border-bottom: 1px solid #029fdc;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.theta_box_back {
  position: relative;
  margin-bottom: 160px;
}

.theta_box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  max-width: 605px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  padding: 0 10px 60px;
  line-height: 1.75;
}

.theta_movie {
  display: block;
}

.theta_box-border {
  margin-top: 17px;
  padding-top: 20px;
}

.theta_box_title {
  line-height: 1.2;
  padding-top: 40px;
}

.theta_title_h1 {
  line-height: 1.75;
}

@media screen and (max-width: 1000px) {
  .sector-list::after {
    content: "";
    display: block;
    width: 115px;
  }
  .theta_title {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 760px) {
  .theta_title br {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .interface-list, .cases-list {
    display: block;
  }
  .interface-list li, .cases-list li {
    width: 100%;
    margin-bottom: 40px;
  }
  .theta_btn {
    margin-left: 5px;
    margin-top: 30px;
  }
  .theta_box {
    max-width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
  .sector-list {
    margin: 0 auto;
  }
  .theta_btn-box {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.modaal-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper [tabindex="0"] {
  outline: 0 !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.modaal-close:focus, .modaal-close:hover {
  outline: 0;
  background: #fff;
}

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #b93d0c;
}

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-close:after, .modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0;
}

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item img {
  display: block;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: 0;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: 0;
  background: #fff;
}

.modaal-gallery-control:focus:after, .modaal-gallery-control:focus:before, .modaal-gallery-control:hover:after, .modaal-gallery-control:hover:before {
  background: #afb7bc;
}

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-gallery-control:after, .modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:after, .modaal-gallery-prev:before {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container embed, .modaal-video-container iframe, .modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
}

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}

@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:after, .modaal-gallery-control:before {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}

@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}

@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}

@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}

@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}

@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}

@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.last-year {
  line-height: 1.4;
  margin-bottom: 15px;
}

.job-questionnaire {
  font-size: 14px;
  font-weight: normal;
}

.questionnaire-title {
  font-size: 20px;
  font-weight: bold;
}

.questionnaire-img {
  margin: 15px 0 60px;
}

.questionnaire-list li {
  position: relative;
  padding-left: 20px;
  margin-top: 15px;
}

.questionnaire-list li span {
  padding-left: 15px;
}

.questionnaire-list li::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #333;
  top: 5px;
  left: 0;
  border-radius: 50%;
}

.globalContents article .visual video {
  position: absolute;
  left: 50%;
  width: 100%;
  height: auto;
}

.globalContents article .visual .visual_image {
    display: none;
}

@media screen and (max-width: 860px) {
    .globalContents article .visual .visual_video {
        display: none;
    }

    .globalContents article .visual .visual_image {
        display: inline-block;
    }
}

/* 20210826 DOWNLOADページ追加
---------------------------------------------------------- */
.dl{
  border: 1px solid #e43636;
}
.dl-catalog-list__wrap{
  max-width: 736px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 30px;
}
.dl-catalog-list{
  width: calc((100% - ((55 / 796) *100%)) / 2);
  margin-right: calc((55 / 796) *100%);
}
.dl-catalog-list img{
  width: 100%;
  margin-bottom: 15px;
}
.dl-catalog-list:nth-child(2n){
  margin-right: 0;
}
.dl-catalog-list:nth-child(-n+2){
  margin-bottom: calc((50 / 796) *100%);
}
.dl-catalog-list .btnRed{
  width: 100%;
}
.dl-catalog-list .btnUniversal01{
  margin: 0;
}
@media screen and (max-width: 480px) {
  .dl-catalog-list__wrap {
      display: block;
  }
  .dl-catalog-list{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
  .dl-catalog-list:nth-child(2n){
    margin: 0 auto;
  }
  .dl-catalog-list{
    margin-bottom: 30px;
  }
  .dl-catalog-list:nth-child(-n+2){
    margin-bottom: 30px;
  }
  .dl-catalog-list:last-child{
    margin-bottom: 0;
  }
}
/*
@media screen and (max-height: 900px) {
    .globalContents article .visual video {
      position: absolute;
      left: 50%;
      width: auto;
      height: 100%;
      transform: translate(-25%,0);
    }
}
*/
/* 20210830 インターネット広告ページ修正
---------------------------------------------------------- */
.textAC--flex .yahoo-logo{
  max-width: 150px;
  width: 100%;
}

.textAC--flex span{
  width: 100%;
  max-width: 165px;
  padding: 64px 13px;
  background: #ffffff;
  border: 2px solid #afb2b4;
  border-radius: 5px;
}

.textAC--flex{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 800px;
  width: 100%;
}

.textAC--flex img{
  max-width: 197px;
  width: 100%;
}

.textAC--flex a{
  max-width: 197px;
  width: 100%;
}

.textAC--flex a:nth-child(1){
  margin-right: 11.875%;
}

@media screen and (max-width: 480px) {
  .textAC--flex{
    flex-direction: column;
  }

  .textAC--flex a:nth-child(1){
    margin-bottom: 20.65217391304348%;
    margin-right: 0px;
  }

}

/* 20210903 SDGs詳細ページ
---------------------------------------------------------- */
.sdgs-detail__flex__wrap{
  display: flex;
  margin-top: 1.7em;
}
.sdgs-detail__flex__wrap p:nth-child(1){
  margin-right: 5px;
}

@media screen and (max-width: 480px) {
  .sdgs-detail__flex__wrap p:nth-child(1){
    margin-right: 0;
  }
  .sdgs-detail__flex__wrap p:nth-child(1){
    margin-bottom: 10px;
  }

  .sdgs-detail__flex__wrap{
    display: block;
  }

}


/* 20220822 サービス内共通CTAパーツ
---------------------------------------------------------- */
.commonCTA__title {
  font-size: 24px;
  font-weight: bold;
}

.commonCTA__text01,
.commonCTA__text02 {
  font-size: 18px;
  font-weight: normal;
}

.commonCTA__text01 {
  margin-top: 3px;
}

.commonCTA__text02 span {
  font-size: 24px;
  font-weight: bold;
}

.commonCTA__button {
  margin-top: 18px;
  margin-bottom: 22px;
}

@media screen and (max-width: 716px) {
  .commonCTA__title {
    font-size: 16px;
  }
  .commonCTA__text01,
  .commonCTA__text02 {
    font-size: 14px;
  }
  .commonCTA__text02 span {
    font-size: 16px;
  }
}

/* 20231121 インターネット広告追加
/* section03 */
.internetad2_section03 {
  max-width: 960px;
}

.internetad2_section03 h4 {
  font-weight: 700;
  font-size: 16px;
  padding-top: 30px;
  padding-bottom: 16px;
}

.internetad2_section03_box01,
.internetad2_section03_box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.internetad2_section03_box01_inner div {
  width: 100%;
  margin: auto;
}

.internetad2_section03_box01_inner {
  width: calc(33.33333333333% - 45px);
  margin-right: 67px;
  margin-top: 0px;
  margin-bottom: 100px;
}

.internetad2_section03_box01_inner:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .internetad2_section03 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1000px) {
  .internetad2_section03_box01_inner {
    width: calc(33.33333333333% - 20px);
    margin-right: 60px;
  }
}

@media screen and (max-width: 768px) {
  .internetad2_section03_box01,
  .internetad2_section03_box02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
  }
  .internetad2_section03_box01_inner {
    width: 100%;
    margin-right: 0px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

}