@charset "UTF-8";
/*
Theme Name:アクロス株式会社
Description:
Theme URI: 
Author: HIRAKU WADA (mallet DESIGN)
Author URI: https://mallet-design.com
Version: 
License: 
License URI: 
*/
/* 1.0 Document Setup
--------------------------------------------------------------*/
/*===================================================
     0.CSS Reset / YUI 3.5.0 - reset.css
===================================================*/
/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
@import url(https://fonts.googleapis.com/css?family=Vollkorn|Roboto);
html {
  color: #000;
  background: #FFF;
}

/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

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

fieldset,
img {
  border: 0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none;
}

.clearfix {
  width: 100%;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*===================================================
     Font
===================================================*/
/*===================================================
     Color
===================================================*/
/* -----------------------------------------------------------------
    media query
----------------------------------------------------------------- */
/*===================================================
    1.	Document Setup
===================================================*/
body {
  font-size: 15px !important;
  color: #333 !important;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif !important;
  font-weight: 200;
  letter-spacing: 1.5px;
  line-height: 2 !important;
  background: #fff !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  position: relative;
}

html, body {
  height: 100%;
}

.t8px {
  font-size: 0.8em;
}

.t9px {
  font-size: 0.9em;
}

.t11px {
  font-size: 1.1em;
}

.t12px {
  font-size: 1.2em;
}

.t13px {
  font-size: 1.3em;
}

.t14px {
  font-size: 1.4em;
}

.t15px {
  font-size: 1.5em;
}

.t16px {
  font-size: 1.6em;
}

.t17px {
  font-size: 1.7em;
}

.t18px {
  font-size: 1.8em;
}

.t19px {
  font-size: 1.9em;
}

.t20px {
  font-size: 2em;
}

.ta_left {
  text-align: left !important;
}

.ta_right {
  text-align: right;
}

.wrapper {
  width: 100%;
}

input {
  cursor: pointer;
}

/*for Webkit*/
input::-webkit-input-placeholder {
  color: #000;
}

/*for Firefox*/
input:-moz-placeholder {
  color: #000;
}

a {
  text-decoration: none;
  color: #000 !important;
  cursor: pointer;
}

a:hover {
  /*filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;*/
  border: none !important;
  text-decoration: none !important;
}

input:focus {
  outline: none;
}

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

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

.object-fit-img {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: top;";
}

.fade_off {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}

.fade_on {
  opacity: 1;
}

/*===================================================
     Padding
===================================================*/
/* padding-top
-------------------------------------------------- */
.pt0 {
  padding-top: 0px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

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

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

/* padding-Left
-------------------------------------------------- */
.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60px {
  padding-left: 60px !important;
}

/* padding-Right
-------------------------------------------------- */
.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr50 {
  padding-right: 50px !important;
}

/*===================================================
     Margin
===================================================*/
/* margin-top
-------------------------------------------------- */
.mt0 {
  margin-top: 0px !important;
}

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

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

/* pc   --------------------------------*/
@media screen and (min-width: 813px) {
  .sp {
    display: none !important;
  }
}
/* sp   --------------------------------*/
@media screen and (max-width: 812px) {
  body {
    font-size: 12px;
  }

  .pc {
    display: none !important;
  }
}
/* edge   --------------------------------*/
@supports (-ms-ime-align: auto) {
  /* Edge のみ適用される */
  body {
    -webkit-font-feature-settings: "pkna";
            font-feature-settings: "pkna";
  }
}
/*  -------------------------------------
	タブ実装
  -------------------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    -webkit-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tab_box .btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
@media only screen and (max-width:768px) {
  .tab_box .btn_area {
    width: 100%;
  }
}

.tab_box .tab_btn {
  max-width: 24%;
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  padding: 8px 0;
  color: #333;
  background: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .tab_box .tab_btn {
    font-size: 12px;
  }
}

.tab_box .tab_btn + .tab_btn {
  margin-left: 8px;
}

.tab_box .tab_btn:hover {
  background-color: #e60012;
  color: #fff;
}

.tab_box .tab_btn.active {
  background: #e60012;
  color: #fff;
  position: relative;
  -webkit-animation: fadeIn 0.8s ease-in-out;
          animation: fadeIn 0.8s ease-in-out;
}
.tab_box .tab_btn.active:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #e60012 transparent transparent transparent;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -9px;
}

.tab_box .panel_area {
  /* border: solid 1px #e3ebf3;
   padding: 20px;*/
}

.tab_box .tab_panel {
  display: none;
}

.tab_box .tab_panel.active {
  display: block;
  -webkit-animation: fadeIn 0.8s ease-in-out;
          animation: fadeIn 0.8s ease-in-out;
}
.tab_box .tab_panel.active .linkBtnL {
  background: transparent;
}

/*  -------------------------------------
	BlockRevealers
  -------------------------------------*/
.content__image {
  width: 100%;
  display: block;
}

.content__image-wrap--half {
  width: 50vw;
}

.block-revealer__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
  opacity: 0;
  z-index: 5;
}

.content__title__inner, .block-revealer__content {
  opacity: 0;
}

.block-revealer {
  opacity: 1;
}

/* 2.0 structure
--------------------------------------------------------------*/
/*  -------------------------------------
	Font 
  -------------------------------------*/
/*  -------------------------------------
	Wrapper 
  -------------------------------------*/
.wrapper {
  position: relative;
}

/* sp   --------------------------------*/
/*  -------------------------------------
	Header 
  -------------------------------------*/
header {
  position: fixed;
  /*固定する*/
  /*position: -webkit-sticky;/*Safari用ベンダープレフィックス*/
  width: 100%;
  height: 90px;
  padding: 15px 30px;
  z-index: 10;
  top: 0;
}
@media only screen and (max-width:991px) {
  header {
    height: 70px;
  }
}
@media only screen and (max-width:812px) {
  header {
    height: 60px;
  }
}
@media only screen and (max-width:768px) {
  header {
    height: 50px;
    padding: 8px 30px;
  }
}
@media only screen and (max-width:480px) {
  header {
    height: 45px;
    padding: 8px 0;
  }
}
header .header-inner {
  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;
}
@media only screen and (max-width:812px) {
  header .header-inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
header .header-inner #logo {
  width: 170px;
  display: inline-block;
  z-index: 9;
  -webkit-transition: all 500ms 0s ease-in;
  transition: all 500ms 0s ease-in;
}
@media only screen and (max-width:768px) {
  header .header-inner #logo {
    width: 100px;
  }
}
header .header-inner #logo a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
}
header .header-inner #logo img {
  width: 100%;
}
header .header-inner .menu-wrap .sub-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
}
header .header-inner .menu-wrap .sub-menu ul li {
  font-size: 13px;
  margin: 0 1.5em;
}
header .header-inner .menu-wrap .sub-menu ul li:last-child {
  margin-right: 0;
}
header .header-inner .menu-wrap .g-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  max-width: 1200px;
  text-align: center;
}
header .header-inner .menu-wrap .g-menu ul li {
  font-size: 15px;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  margin: 0 1.5em;
  position: relative;
  cursor: pointer;
  display: block;
  min-width: 100px;
}
@media only screen and (max-width:991px) {
  header .header-inner .menu-wrap .g-menu ul li {
    font-size: 14px;
  }
}
header .header-inner .menu-wrap .g-menu ul li:last-child {
  margin-right: 0;
}
header .header-inner .menu-wrap .g-menu ul li ul.dropdwn_menu {
  width: 100%;
  position: absolute;
  background: #fff;
  display: none;
  z-index: 10;
  text-align: center;
  left: 0;
}
header .header-inner .menu-wrap .g-menu ul li ul.dropdwn_menu li {
  width: 100%;
  display: block;
  margin: 0 auto;
}
header .header-inner .menu-wrap .g-menu ul li ul.dropdwn_menu li a {
  width: 100%;
  display: block;
  padding: 5px 0;
}

.home.sticky header {
  background: rgba(255, 255, 255, 0.95);
  height: 0;
  -webkit-animation: top-sticky 0.6s ease-in-out forwards 0s;
          animation: top-sticky 0.6s ease-in-out forwards 0s;
}
@media only screen and (max-width:768px) {
  .home.sticky header {
    -webkit-animation: top-sticky-tb 0.6s ease-in-out forwards 0s;
            animation: top-sticky-tb 0.6s ease-in-out forwards 0s;
  }
}
@media only screen and (max-width:480px) {
  .home.sticky header {
    -webkit-animation: top-sticky-sp 0.6s ease-in-out forwards 0s;
            animation: top-sticky-sp 0.6s ease-in-out forwards 0s;
  }
}

@-webkit-keyframes top-sticky {
  0% {
    height: 0;
  }
  100% {
    height: 90px;
  }
}

@keyframes top-sticky {
  0% {
    height: 0;
  }
  100% {
    height: 90px;
  }
}
@-webkit-keyframes top-sticky-tb {
  0% {
    height: 0;
  }
  100% {
    height: 60px;
  }
}
@keyframes top-sticky-tb {
  0% {
    height: 0;
  }
  100% {
    height: 60px;
  }
}
@-webkit-keyframes top-sticky-sp {
  0% {
    height: 0;
  }
  100% {
    height: 45px;
  }
}
@keyframes top-sticky-sp {
  0% {
    height: 0;
  }
  100% {
    height: 45px;
  }
}
.page header, .page .sticky header,
.archive header, .archive .sticky header,
.single header, .single .sticky header {
  background: #fff;
  -webkit-animation: inherit;
          animation: inherit;
  height: 90px;
}
@media only screen and (max-width:768px) {
  .page header, .page .sticky header,
.archive header, .archive .sticky header,
.single header, .single .sticky header {
    height: 60px;
  }
}
@media only screen and (max-width:480px) {
  .page header, .page .sticky header,
.archive header, .archive .sticky header,
.single header, .single .sticky header {
    height: 50px;
    padding: 5px;
  }
}

/*  -------------------------------------
	breadcrumbs
  -------------------------------------*/
@media only screen and (max-width:480px) {
  #breadcrumbs-wrap {
    padding: 30px 0;
  }
}
@media only screen and (max-width:480px) {
  #breadcrumbs-wrap .breadcrumbs {
    font-size: 12px;
  }
}

/*  -------------------------------------
	acrosweb login
  -------------------------------------*/
.acrosweb-login {
  position: fixed;
  right: 0;
  top: 50%;
  background: #e60012;
  text-align: center;
  color: #fff !important;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  padding: 10px 5px;
  z-index: 10;
}
.acrosweb-login:hover {
  background: #ff7c7c;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
}
.acrosweb-login img {
  width: 30px;
  display: block;
  margin: 0 auto 10px;
}
.acrosweb-login p {
  font-size: 12px;
  line-height: 1.4em;
}
.acrosweb-login p span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 130%;
  display: block;
  margin-bottom: 5px;
}
@media only screen and (max-width:969px) {
  .acrosweb-login p {
    font-size: 11px;
  }
}
@media only screen and (max-width:812px) {
  .acrosweb-login {
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    width: 90px;
    height: 60px;
  }
  .acrosweb-login img {
    width: 20px;
    display: block;
    margin: 0 auto 3px;
  }
  .acrosweb-login p {
    font-size: 10px;
    margin: 0;
    line-height: 1em;
  }
  .acrosweb-login p span {
    display: none;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb-login {
    width: 70px;
    height: 50px;
  }
}

/*  -------------------------------------
	Footer
  -------------------------------------*/
footer {
  background: #fff;
  padding: 60px 0 0;
  padding-bottom: 0 !important;
}
@media only screen and (max-width:991px) {
  footer {
    padding: 45px 0 0;
  }
}
@media only screen and (max-width:768px) {
  footer {
    padding: 30px 0 0;
  }
}
footer .footer-logo img {
  width: 80%;
}
@media only screen and (max-width:768px) {
  footer .footer-logo img {
    width: 120px;
    margin: 0 0 30px;
  }
}
footer .footer-nav ul.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: bold;
  margin: 0 0 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width:768px) {
  footer .footer-nav ul.main-menu {
    display: block;
    margin: 0 0 15px;
  }
}
footer .footer-nav ul.main-menu li {
  font-size: 15px;
  letter-spacing: 0.15em;
  line-height: 1.8em;
  margin-right: 3em;
}
@media only screen and (max-width:1200px) {
  footer .footer-nav ul.main-menu li {
    font-size: 14px;
  }
}
@media only screen and (max-width:991px) {
  footer .footer-nav ul.main-menu li {
    -ms-flex-preferred-size: 31.3%;
        flex-basis: 31.3%;
    margin-bottom: 1em;
  }
}
@media only screen and (max-width:768px) {
  footer .footer-nav ul.main-menu li {
    font-size: 12px;
    margin-bottom: 1em;
  }
}
footer .footer-nav ul.main-menu li a {
  color: #333 !important;
  font-weight: bold;
  position: relative;
  padding-bottom: 5px;
}
@media only screen and (max-width:768px) {
  footer .footer-nav ul.main-menu li a {
    padding-bottom: 0;
  }
}
footer .footer-nav ul.main-menu li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  background: #e60012;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}
footer .footer-nav ul.main-menu li a:hover:after {
  width: 100%;
}
@media only screen and (max-width:480px) {
  footer .footer-nav ul.main-menu li a:hover:after {
    width: 0;
  }
}
@media only screen and (max-width:768px) {
  footer .footer-nav ul.main-menu li ul {
    margin-top: 1em;
  }
}
footer .footer-nav ul.main-menu li ul li {
  margin-right: 0;
}
footer .footer-nav ul.sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 45px;
}
@media only screen and (max-width:768px) {
  footer .footer-nav ul.sub-menu {
    display: block;
    margin: 0 0 30px;
  }
}
footer .footer-nav ul.sub-menu li {
  font-size: 14px;
  font-weight: normal;
}
@media only screen and (max-width:1200px) {
  footer .footer-nav ul.sub-menu li {
    font-size: 13px;
  }
}
@media only screen and (max-width:768px) {
  footer .footer-nav ul.sub-menu li {
    font-size: 12px;
  }
}
footer .footer-nav ul.sub-menu li a {
  position: relative;
}
footer .footer-nav ul.sub-menu li a:after {
  content: "｜";
  padding: 0 1em;
}
@media only screen and (max-width:768px) {
  footer .footer-nav ul.sub-menu li a:after {
    display: none;
  }
}
footer .footer-nav a.footer-logo {
  display: block;
  text-align: center;
  margin-bottom: 60px;
}
footer .footer-nav a.footer-logo img {
  width: 300px;
}
@media only screen and (max-width:768px) {
  footer .footer-nav a.footer-logo {
    margin-bottom: 30px;
  }
  footer .footer-nav a.footer-logo img {
    width: 200px;
  }
}
footer #copyright {
  margin: 0;
  padding: 40px 0;
  background: #202124;
}
footer #copyright p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  margin: 0;
}
@media only screen and (max-width:768px) {
  footer #copyright p {
    font-size: 10px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}

/*  -------------------------------------
	Firefox hack
  -------------------------------------*/
@-moz-document url-prefix() {
  #price .case .case_inner {
    height: 230px;
    display: block;
  }
}
/*  -------------------------------------
	IE11 hack
  -------------------------------------*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .service-list .col-sm-6 .s-desc {
    width: 380px;
    left: 50%;
    margin-left: -190px;
  }

  *::-ms-backdrop, #other .other_box .box_inner .other_title {
    width: 250px;
    left: 50%;
    margin-left: -125px;
  }

  *::-ms-backdrop, #access ul {
    margin-top: 65px;
  }

  *::-ms-backdrop, #price .case .case_inner {
    height: 210px;
    top: 50%;
    margin-top: -105px;
  }

  *::-ms-backdrop, #other1 .other_title h3:before,
*::-ms-backdrop, #other2 .other_title h3:before,
*::-ms-backdrop, #other3 .other_title h3:before {
    background-size: contain;
  }
}
/*  -------------------------------------
	Page
  -------------------------------------*/
.page header, .archive header, .single header {
  border-top: 5px solid #e60012;
}

/* 3.0 section
--------------------------------------------------------------*/
/* 4.0 contents
--------------------------------------------------------------*/
/*  -------------------------------------
	Content
  -------------------------------------*/
.content {
  padding: 90px 0;
}
@media only screen and (max-width:768px) {
  .content {
    padding: 60px 0;
  }
}
@media only screen and (max-width:480px) {
  .content {
    padding: 45px 0;
  }
}
.content h2 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 0 auto 45px;
}
@media only screen and (max-width:768px) {
  .content h2 {
    font-size: 24px;
    margin: 0 auto 30px;
  }
}
@media only screen and (max-width:480px) {
  .content h2 {
    font-size: 18px;
    margin: 0 auto 20px;
  }
}
.content h2 span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #e60012;
  margin: 0 0 10px;
  display: inline-block;
}
@media only screen and (max-width:768px) {
  .content h2 span {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .content h2 span {
    font-size: 12px;
  }
}

/*  -------------------------------------
	Linkbtn
  -------------------------------------*/
.linkBtn {
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  background: #e60012;
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  height: 60px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.08em;
  font-weight: bold;
  margin: 60px auto 0;
}
.linkBtn:hover {
  opacity: 0.6;
  color: #fff !important;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
}
@media only screen and (max-width:768px) {
  .linkBtn {
    width: 50%;
    height: 45px;
    font-size: 15px;
  }
}
@media only screen and (max-width:480px) {
  .linkBtn {
    width: 100%;
    height: 40px;
    font-size: 14px;
  }
}

/*  -------------------------------------
	Top
  -------------------------------------*/
#top {
  padding: 0;
}
#top .full {
  overflow: hidden;
  position: relative;
}
#top .full div.img01 {
  background-image: url(assets/img/slide01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: 100vh;
  margin: 0;
}
#top .full .slogan {
  position: absolute;
  top: 50%;
  width: 1170px;
  left: 50%;
  margin-left: -585px;
  margin-top: -90px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width:1200px) {
  #top .full .slogan {
    width: 100%;
    margin-left: 0;
    left: 1em;
  }
}
@media only screen and (max-width:768px) {
  #top .full .slogan {
    width: 100%;
    margin-left: 0;
    left: 1em;
  }
}
#top .full .slogan h2 {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 1em;
  color: #000;
  font-style: italic;
  display: inline-block;
}
#top .full .slogan h2 span {
  color: #e60012;
  font-size: 80px;
}
@media only screen and (max-width:1200px) {
  #top .full .slogan h2 {
    font-size: 48px;
  }
  #top .full .slogan h2 span {
    font-size: 48px;
  }
}
@media only screen and (max-width:768px) {
  #top .full .slogan h2 {
    font-size: 36px;
  }
  #top .full .slogan h2 span {
    font-size: 36px;
  }
}
@media only screen and (max-width:480px) {
  #top .full .slogan h2 {
    font-size: 20px;
  }
  #top .full .slogan h2 span {
    font-size: 20px;
    letter-spacing: 0.001em;
  }
}
#top .full .news-topics {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 126, 90, 0.88);
}
@media only screen and (max-width:768px) {
  #top .full .news-topics {
    height: 45px;
  }
}
#top .full .news-topics .topics-ttl {
  color: #fff;
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
}
@media only screen and (max-width:1200px) {
  #top .full .news-topics .topics-ttl {
    max-width: 12%;
    -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
  }
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-ttl {
    font-size: 12px;
    max-width: 10%;
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
}
#top .full .news-topics .topics-ttl p {
  margin: 0;
}
#top .full .news-topics .topics-txt {
  color: #fff;
  max-width: 85%;
  -ms-flex-preferred-size: 85%;
      flex-basis: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (max-width:1200px) {
  #top .full .news-topics .topics-txt {
    max-width: 88%;
    -ms-flex-preferred-size: 88%;
        flex-basis: 88%;
  }
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-txt {
    max-width: 90%;
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
}
#top .full .news-topics .topics-txt dl {
  padding-left: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-txt dl {
    display: block;
  }
}
#top .full .news-topics .topics-txt dl dt {
  padding-right: 1em;
  -ms-flex-preferred-size: 12%;
      flex-basis: 12%;
  max-width: 12%;
}
@media only screen and (max-width:1200px) {
  #top .full .news-topics .topics-txt dl dt {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-txt dl dt {
    max-width: 100%;
    width: 100%;
  }
}
#top .full .news-topics .topics-txt dl dd {
  -ms-flex-preferred-size: 88%;
      flex-basis: 88%;
  max-width: 88%;
}
@media only screen and (max-width:1200px) {
  #top .full .news-topics .topics-txt dl dd {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    max-width: 80%;
  }
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-txt dl dd {
    max-width: 100%;
    width: 100%;
    font-size: 12px;
  }
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-txt .ticker {
    padding: 0;
  }
}
#top .full .news-topics .topics-txt .ticker ul li {
  height: 60px;
  position: relative;
}
#top .full .news-topics .topics-txt .ticker ul li a {
  color: #fff !important;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 100%;
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-txt .ticker ul li a {
    margin-top: -13px;
  }
}
#top .full .news-topics .topics-txt .ticker ul li a dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-txt .ticker ul li a dl {
    display: block;
  }
}
#top .full .news-topics .topics-txt .ticker ul li a dl dt {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
@media only screen and (max-width:768px) {
  #top .full .news-topics .topics-txt .ticker ul li a dl dt {
    font-size: 11px;
  }
}

.slide-animation {
  -webkit-animation: fadezoom 50s 0s forwards;
          animation: fadezoom 50s 0s forwards;
}

@-webkit-keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}

@keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}
.ticker_wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(208, 64, 51, 0.85);
  height: 80px;
}

.ticker {
  margin: 0 auto;
  padding: 0 1em;
  width: 100%;
  text-align: left;
  overflow: hidden;
}

.ticker ul {
  width: 100%;
  position: relative;
  margin: 0;
}

.ticker ul li {
  width: 100%;
  display: none;
}
.ticker ul li a {
  color: #fff !important;
}

/*  -------------------------------------
	About
  -------------------------------------*/
#about {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #f3f5f6), to(#f3f5f6));
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #f3f5f6 50%, #f3f5f6 100%);
  position: relative;
}
@media only screen and (max-width:480px) {
  #about {
    padding-bottom: 0;
  }
}
#about .container-fluid .col-sm-12 {
  position: relative;
}
#about .container-fluid .col-sm-12:before {
  content: "";
  background: url(assets/img/about-img.jpg) no-repeat;
  background-size: cover;
  width: 50%;
  height: 550px;
  position: absolute;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width:768px) {
  #about .container-fluid .col-sm-12:before {
    height: 300px;
  }
}
@media only screen and (max-width:480px) {
  #about .container-fluid .col-sm-12:before {
    height: 200px;
  }
}
#about .container-fluid .col-sm-12 .content-txt {
  color: #e60012;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  position: relative;
  width: 1170px;
  margin: 0 auto;
  height: 550px;
}
@media only screen and (max-width:768px) {
  #about .container-fluid .col-sm-12 .content-txt {
    width: 60%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 60px;
    height: 300px;
  }
}
@media only screen and (max-width:480px) {
  #about .container-fluid .col-sm-12 .content-txt {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 60px;
    height: 200px;
  }
}
#about .container-fluid .col-sm-12 .content-txt h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin: 0px;
  text-align: left;
}
#about .container-fluid .col-sm-12 .content-txt h2 span {
  font-size: 27px;
}
@media only screen and (max-width:768px) {
  #about .container-fluid .col-sm-12 .content-txt h2 span {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  #about .container-fluid .col-sm-12 .content-txt h2 span {
    font-size: 14px;
    margin: 0;
  }
}
@media only screen and (max-width:768px) {
  #about .container-fluid .col-sm-12 .content-txt p {
    margin: 0;
  }
}
#about .container-fluid .col-sm-12 .content-txt #rev-3 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
  line-height: 1.8em;
}
@media only screen and (max-width:768px) {
  #about .container-fluid .col-sm-12 .content-txt #rev-3 {
    font-size: 21px;
  }
}
@media only screen and (max-width:480px) {
  #about .container-fluid .col-sm-12 .content-txt #rev-3 {
    font-size: 14px;
  }
}
#about .container-fluid .col-sm-12 .content-txt #rev-4 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #000;
}
@media only screen and (max-width:768px) {
  #about .container-fluid .col-sm-12 .content-txt #rev-4 {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  #about .container-fluid .col-sm-12 .content-txt #rev-4 {
    font-size: 12px;
    line-height: 1.6em;
    margin-top: 0.4em;
  }
  #about .container-fluid .col-sm-12 .content-txt #rev-4 br {
    display: none;
  }
}

/*  -------------------------------------
	service
  -------------------------------------*/
@media only screen and (max-width:480px) {
  #service {
    padding-top: 0;
  }
}

#service, #casestudy, #estate {
  background: #f3f5f6;
}
@media only screen and (max-width:768px) {
  #service .service-content, #casestudy .service-content, #estate .service-content {
    margin-bottom: 45px;
  }
}
#service .service-content .service-img, #casestudy .service-content .service-img, #estate .service-content .service-img {
  position: relative;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
#service .service-content .service-img:before, #casestudy .service-content .service-img:before, #estate .service-content .service-img:before {
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 1;
}
#service .service-content .service-img h3, #casestudy .service-content .service-img h3, #estate .service-content .service-img h3 {
  color: #fff;
  z-index: 2;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
@media only screen and (max-width:1200px) {
  #service .service-content .service-img h3, #casestudy .service-content .service-img h3, #estate .service-content .service-img h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width:969px) {
  #service .service-content .service-img h3, #casestudy .service-content .service-img h3, #estate .service-content .service-img h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:768px) {
  #service .service-content .service-img h3, #casestudy .service-content .service-img h3, #estate .service-content .service-img h3 {
    font-size: 16px;
  }
}
#service .service-content .service-txt, #casestudy .service-content .service-txt, #estate .service-content .service-txt {
  background: #fff;
  padding: 15px;
}
@media only screen and (max-width:1200px) {
  #service .service-content .service-txt, #casestudy .service-content .service-txt, #estate .service-content .service-txt {
    font-size: 14px;
  }
}
@media only screen and (max-width:969px) {
  #service .service-content .service-txt, #casestudy .service-content .service-txt, #estate .service-content .service-txt {
    font-size: 12px;
  }
}
#service .service-content .service-txt p, #casestudy .service-content .service-txt p, #estate .service-content .service-txt p {
  letter-spacing: 0.03em;
  line-height: 1.6em;
}
#service .service-content .service-txt ul li, #casestudy .service-content .service-txt ul li, #estate .service-content .service-txt ul li {
  line-height: 1.6em;
}
#service .service-content .service-txt ul li:before, #casestudy .service-content .service-txt ul li:before, #estate .service-content .service-txt ul li:before {
  content: "・";
}
#service #service1 .service-img:after, #casestudy #service1 .service-img:after, #estate #service1 .service-img:after {
  background: url(assets/img/top-service1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#service #service1 .service-img:hover:after, #casestudy #service1 .service-img:hover:after, #estate #service1 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#service #service2 .service-img:after, #casestudy #service2 .service-img:after, #estate #service2 .service-img:after {
  background: url(assets/img/top-service2.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#service #service2 .service-img:hover:after, #casestudy #service2 .service-img:hover:after, #estate #service2 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#service #service3 .service-img:after, #casestudy #service3 .service-img:after, #estate #service3 .service-img:after {
  background: url(assets/img/top-service3.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#service #service3 .service-img:hover:after, #casestudy #service3 .service-img:hover:after, #estate #service3 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#service #service3 .service-txt ul, #casestudy #service3 .service-txt ul, #estate #service3 .service-txt ul {
  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;
}
@media only screen and (max-width:1200px) {
  #service #service3 .service-txt ul, #casestudy #service3 .service-txt ul, #estate #service3 .service-txt ul {
    display: block;
  }
}
#service #service3 .service-txt ul li, #casestudy #service3 .service-txt ul li, #estate #service3 .service-txt ul li {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
@media only screen and (max-width:1200px) {
  #service #service3 .service-txt ul li, #casestudy #service3 .service-txt ul li, #estate #service3 .service-txt ul li {
    max-width: 100%;
  }
}
#service .bnrWrap, #casestudy .bnrWrap, #estate .bnrWrap {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (max-width:768px) {
  #service .bnrWrap, #casestudy .bnrWrap, #estate .bnrWrap {
    display: block;
  }
}
#service .bnrWrap .top-bnr, #casestudy .bnrWrap .top-bnr, #estate .bnrWrap .top-bnr {
  -ms-flex-preferred-size: calc((100% - 90px)/3);
      flex-basis: calc((100% - 90px)/3);
  max-width: calc((100% - 90px)/3);
}
@media only screen and (max-width:768px) {
  #service .bnrWrap .top-bnr, #casestudy .bnrWrap .top-bnr, #estate .bnrWrap .top-bnr {
    max-width: 100%;
    padding: 0 15px;
  }
}

/*  -------------------------------------
	casestudy
  -------------------------------------*/
#casestudy {
  background: #fff;
}
#casestudy .lead {
  text-align: center;
}
#casestudy .lead p {
  font-size: 18px;
}
@media only screen and (max-width:768px) {
  #casestudy .lead p {
    font-size: 14px;
  }
}
#casestudy .lead h3 {
  font-size: 27px;
  font-weight: bold;
  margin: 60px 0 30px;
}
@media only screen and (max-width:768px) {
  #casestudy .lead h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  #casestudy .lead h3 {
    font-size: 16px;
    margin: 30px 0 15px;
  }
}
#casestudy .service-content .service-img:before {
  display: none;
}
#casestudy .service-content .service-txt {
  background: #f3f5f6;
}
#casestudy .service-content .service-txt h4 {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  #casestudy .service-content .service-txt h4 {
    font-size: 14px;
  }
}
@media only screen and (max-width:768px) {
  #casestudy .service-content .service-txt p {
    font-size: 13px;
  }
}
#casestudy #service1 .service-img:after {
  background: url(assets/img/case1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#casestudy #service1 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#casestudy #service2 .service-img:after {
  background: url(assets/img/case2.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#casestudy #service2 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#casestudy #service3 .service-img:after {
  background: url(assets/img/case3.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#casestudy #service3 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#casestudy #service3 .service-txt ul {
  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;
}
#casestudy #service3 .service-txt ul li {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
#casestudy #trading-company {
  margin: 90px 0 0;
}
#casestudy #trading-company h3 {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 45px;
}
@media only screen and (max-width:768px) {
  #casestudy #trading-company h3 {
    font-size: 18px;
    margin: 0 0 30px;
  }
}
#casestudy #trading-company .company-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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#casestudy #trading-company .company-list li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  margin-bottom: 45px;
}
@media only screen and (max-width:768px) {
  #casestudy #trading-company .company-list li {
    margin-bottom: 22px;
  }
}
#casestudy #trading-company .company-list li img {
  max-width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 74px;
}
@media only screen and (max-width:768px) {
  #casestudy #trading-company .company-list li img {
    max-height: 50px;
    margin: 0 auto;
  }
}
#casestudy #trading-company .text-list {
  background: #f3f5f6;
  padding: 30px;
}
@media only screen and (max-width:768px) {
  #casestudy #trading-company .text-list {
    padding: 15px;
  }
}
#casestudy #trading-company .text-list ul {
  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;
}
#casestudy #trading-company .text-list ul li {
  font-size: 14px;
  font-weight: bold;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2.5em;
}
@media only screen and (max-width:768px) {
  #casestudy #trading-company .text-list ul li {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
    font-size: 13px;
  }
}
@media only screen and (max-width:480px) {
  #casestudy #trading-company .text-list ul li {
    font-size: 12px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}

/*  -------------------------------------
	estate
  -------------------------------------*/
#estate .service-content .service-img:before {
  display: none;
}
#estate .service-content .service-txt h4 {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  #estate .service-content .service-txt h4 {
    font-size: 14px;
  }
}
#estate #service1 .service-img:after {
  background: url(assets/img/estate1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#estate #service1 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#estate #service2 .service-img:after {
  background: url(assets/img/estate2.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#estate #service2 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#estate #service3 .service-img:after {
  background: url(assets/img/estate3.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#estate #service3 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*  -------------------------------------
	guidance
  -------------------------------------*/
#guidance .col-sm-8.is-active a {
  display: block;
  position: relative;
}
#guidance .col-sm-8.is-active a:before {
  content: "";
  left: 50%;
  top: -10px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  border-top: solid 1px #e60012;
  border-bottom: solid 1px #e60012;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: border_anim 0.4s linear forwards 0.5s;
          animation: border_anim 0.4s linear forwards 0.5s;
}
#guidance .col-sm-8.is-active a:after {
  content: "";
  left: 50%;
  top: 0;
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 0;
  border-top: solid 1px #e60012;
  border-bottom: solid 1px #e60012;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: border_anim 0.4s linear forwards 0.5s;
          animation: border_anim 0.4s linear forwards 0.5s;
}
#guidance .col-sm-8.is-active a .inner {
  position: relative;
}
#guidance .col-sm-8.is-active a .inner:before {
  content: "";
  top: 50%;
  position: absolute;
  left: -10px;
  bottom: 0;
  height: 0;
  border-right: solid 1px #e60012;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: border_animY 0.4s linear forwards 0.5s;
          animation: border_animY 0.4s linear forwards 0.5s;
}
#guidance .col-sm-8.is-active a .inner:after {
  content: "";
  top: 50%;
  position: absolute;
  right: -10px;
  bottom: 0;
  height: 0;
  border-right: solid 1px #e60012;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: border_animY 0.4s linear forwards 0.5s;
          animation: border_animY 0.4s linear forwards 0.5s;
}
#guidance #guidance-img {
  position: relative;
  height: 180px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  margin: 0 auto;
}
#guidance #guidance-img:before {
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 9;
}
#guidance #guidance-img:after {
  background: url(assets/img/bigbnr.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#guidance #guidance-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#guidance #guidance-img h2 {
  color: #fff;
  z-index: 99;
  position: relative;
  font-size: 30px;
  font-weight: bold;
  margin: 0;
}
@media only screen and (max-width:768px) {
  #guidance #guidance-img h2 {
    font-size: 20px;
  }
}

@-webkit-keyframes border_anim {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes border_anim {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes border_anim2 {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes border_anim2 {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes border_animY {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes border_animY {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
/*  -------------------------------------
	news
  -------------------------------------*/
#news {
  background: #f3f5f6;
  padding: 120px 0;
}
@media only screen and (max-width:768px) {
  #news {
    padding: 60px 0;
  }
}
#news .col-sm-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width:768px) {
  #news .col-sm-4 {
    display: block;
  }
}
#news .col-sm-4 h2.ttl {
  margin: 0 0 30px;
}
#news .col-sm-4 a.linkBtn {
  color: #e60012 !important;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  border: 3px solid #e60012;
  margin: 30px auto;
}
@media only screen and (max-width:991px) {
  #news .col-sm-4 a.linkBtn {
    font-size: 14px;
  }
}
@media only screen and (max-width:768px) {
  #news .col-sm-4 a.linkBtn {
    width: 245px;
    font-size: 14px;
  }
}
#news .col-sm-4 a.linkBtn:hover {
  background: #202124;
  color: #fff !important;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
}
#news .col-sm-8 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(253, 76, 71, 0.25);
  padding: 15px 0;
  margin: 0;
}
@media only screen and (max-width:768px) {
  #news .col-sm-8 dl {
    display: block;
  }
}
#news .col-sm-8 dl dt {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
  font-weight: normal;
  color: #666;
  font-family: "Roboto", sans-serif;
}
@media only screen and (max-width:991px) {
  #news .col-sm-8 dl dt {
    font-size: 12px;
  }
}
@media only screen and (max-width:768px) {
  #news .col-sm-8 dl dt {
    max-width: 100%;
    font-size: 11px;
  }
}
#news .col-sm-8 dl dd.cat {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  max-width: 15%;
}
@media only screen and (max-width:768px) {
  #news .col-sm-8 dl dd.cat {
    max-width: 100%;
  }
}
#news .col-sm-8 dl dd.cat a {
  background: #fff;
  color: #e60012 !important;
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
}
@media only screen and (max-width:991px) {
  #news .col-sm-8 dl dd.cat a {
    font-size: 12px;
  }
}
#news .col-sm-8 dl dd.cat a:hover {
  opacity: 0.6;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
}
@media only screen and (max-width:768px) {
  #news .col-sm-8 dl dd.cat a {
    display: inline-block;
    text-align: center;
    height: auto;
    width: auto;
    padding: 3px;
    font-size: 11px;
    margin-top: 3px;
  }
}
#news .col-sm-8 dl dd.news-ttl {
  -ms-flex-preferred-size: 62%;
      flex-basis: 62%;
  max-width: 62%;
  padding-left: 2em;
}
@media only screen and (max-width:991px) {
  #news .col-sm-8 dl dd.news-ttl {
    font-size: 13px;
  }
}
@media only screen and (max-width:768px) {
  #news .col-sm-8 dl dd.news-ttl {
    max-width: 100%;
    padding-left: 0;
    margin-top: 3px;
    font-size: 12px;
  }
}

/*  -------------------------------------
	Contact
  -------------------------------------*/
#contact {
  background: linear-gradient(-45deg, #e60012 0%, #e60012 50%, #fd4b46 50%, #fd4b46 100%);
  padding: 60px 0;
}
@media only screen and (max-width:768px) {
  #contact {
    padding: 30px 0;
  }
}
#contact h2.ttl {
  color: #fff;
  margin-bottom: 45px;
}
#contact h2.ttl span {
  color: #fff;
}
@media only screen and (max-width:768px) {
  #contact h2.ttl {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
#contact .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width:768px) {
  #contact .info {
    display: block;
  }
}
#contact .info .tel, #contact .info .mail {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
@media only screen and (max-width:768px) {
  #contact .info .tel, #contact .info .mail {
    max-width: 100%;
  }
}
#contact .info .tel a, #contact .info .mail a {
  color: #e60012 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  width: 100%;
  position: relative;
  background: #fff;
}
@media only screen and (max-width:768px) {
  #contact .info .tel a, #contact .info .mail a {
    height: 45px;
  }
}
#contact .info .tel a:hover, #contact .info .mail a:hover {
  background: #202124;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  color: #fff !important;
}
@media only screen and (max-width:768px) {
  #contact .info .tel {
    margin-bottom: 15px;
  }
}
#contact .info .tel a {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width:1200px) {
  #contact .info .tel a {
    font-size: 24px;
  }
}
@media only screen and (max-width:991px) {
  #contact .info .tel a {
    font-size: 18px;
  }
}
@media only screen and (max-width:768px) {
  #contact .info .tel a {
    font-size: 21px;
  }
}
#contact .info .mail a {
  font-size: 19px;
  font-weight: bold;
}
@media only screen and (max-width:1200px) {
  #contact .info .mail a {
    font-size: 18px;
  }
}
@media only screen and (max-width:991px) {
  #contact .info .mail a {
    font-size: 15px;
  }
}
@media only screen and (max-width:768px) {
  #contact .info .mail a {
    font-size: 17px;
  }
}

/* tb   --------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contact #contact .col-sm-10 .content-txt dl {
    margin: 0 0 45px;
  }
  .contact #contact .col-sm-10 .content-txt dl dt {
    font-size: 13px;
  }
  .contact #contact .col-sm-10 .content-txt dl dd {
    font-size: 13px;
  }
  .contact #contact .col-sm-10 .content-txt ul li input {
    font-size: 13px;
  }
}
/* sp   --------------------------------*/
@media screen and (max-width: 667px) {
  .contact #contact .col-sm-10 .content-txt dl {
    display: block;
    margin: 0 0 30px;
  }
  .contact #contact .col-sm-10 .content-txt dl dt {
    font-size: 12px;
    max-width: 100%;
    margin-bottom: 1.5em;
  }
  .contact #contact .col-sm-10 .content-txt dl dd {
    font-size: 12px;
    max-width: 100%;
    padding-bottom: 1em;
  }
  .contact #contact .col-sm-10 .content-txt ul {
    margin: 0 0 30px;
  }
  .contact #contact .col-sm-10 .content-txt ul li input {
    font-size: 12px;
  }
}
/*  -------------------------------------
	navigation
  -------------------------------------*/
.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 60px 0 0;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.navigation .alignleft i {
  padding-right: 1em;
}
.navigation .alignright i {
  padding-left: 1em;
}

/* sp   --------------------------------*/
@media screen and (max-width: 667px) {
  .navigation {
    margin: 30px 0 0;
  }
}
/*  -------------------------------------
	Page
  -------------------------------------*/
.page .main-img,
.archive .main-img,
.single .main-img {
  width: 100%;
  height: 410px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (max-width:768px) {
  .page .main-img,
.archive .main-img,
.single .main-img {
    height: 300px;
  }
}
@media only screen and (max-width:480px) {
  .page .main-img,
.archive .main-img,
.single .main-img {
    height: 200px;
  }
}
.page .main-img:after,
.archive .main-img:after,
.single .main-img:after {
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 2;
}
.page .main-img h1,
.archive .main-img h1,
.single .main-img h1 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  z-index: 3;
}
.page .main-img h1 span,
.archive .main-img h1 span,
.single .main-img h1 span {
  display: block;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin: 0 0 10px;
}
@media only screen and (max-width:768px) {
  .page .main-img h1,
.archive .main-img h1,
.single .main-img h1 {
    font-size: 24px;
  }
  .page .main-img h1 span,
.archive .main-img h1 span,
.single .main-img h1 span {
    font-size: 14px;
    margin: 0 0 10px;
  }
}
@media only screen and (max-width:480px) {
  .page .main-img h1,
.archive .main-img h1,
.single .main-img h1 {
    font-size: 18px;
  }
  .page .main-img h1 span,
.archive .main-img h1 span,
.single .main-img h1 span {
    font-size: 12px;
    margin: 0 0 5px;
  }
}
.page .breadcrumb-wrap,
.archive .breadcrumb-wrap,
.single .breadcrumb-wrap {
  padding: 10px 0;
}
@media only screen and (max-width:768px) {
  .page .breadcrumb-wrap,
.archive .breadcrumb-wrap,
.single .breadcrumb-wrap {
    font-size: 12px;
  }
}

/*  -------------------------------------
	Company
  -------------------------------------*/
.company .main-img:after {
  display: none;
}
.company .main-img .company-slide-wrap {
  width: 100%;
  height: 410px;
  width: 100%;
}
@media only screen and (max-width:768px) {
  .company .main-img .company-slide-wrap {
    height: 300px;
  }
}
@media only screen and (max-width:480px) {
  .company .main-img .company-slide-wrap {
    height: 200px;
  }
}
.company .main-img .company-slide-wrap .company-slide {
  background-size: contain;
  background-position: center center;
  height: 410px;
  width: 100%;
  margin: 0 0.15em;
  position: relative;
}
@media only screen and (max-width:480px) {
  .company .main-img .company-slide-wrap .company-slide {
    margin: 0;
  }
}
.company .main-img .company-slide-wrap .company-slide:after {
  background: rgba(33, 33, 33, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 2;
}
@media only screen and (max-width:768px) {
  .company .main-img .company-slide-wrap .company-slide:after {
    height: 300px;
  }
}
@media only screen and (max-width:480px) {
  .company .main-img .company-slide-wrap .company-slide:after {
    height: 200px;
  }
}
.company .main-img .company-slide-wrap .company-slide img {
  width: 100%;
  height: 410px;
}
@media only screen and (max-width:768px) {
  .company .main-img .company-slide-wrap .company-slide img {
    height: 300px;
  }
}
@media only screen and (max-width:480px) {
  .company .main-img .company-slide-wrap .company-slide img {
    height: 200px;
  }
}
.company .main-img h1 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.company .main-img .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.company .main-img .slick-dots {
  bottom: -30px;
}
@media only screen and (max-width:480px) {
  .company .main-img .slick-dots li {
    width: 10px;
  }
}
.company #message {
  text-align: center;
}
.company #message h2 {
  color: #fd4b46;
  font-size: 30px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .company #message h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width:480px) {
  .company #message h2 {
    font-size: 18px;
  }
}
.company #message p {
  font-size: 18px;
}
@media only screen and (max-width:768px) {
  .company #message p {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .company #message p {
    font-size: 13px;
  }
}
.company #company-profile {
  padding-top: 0;
}
.company #company-profile dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 29px 0;
  margin: 0;
  font-size: 15px;
}
@media only screen and (max-width:768px) {
  .company #company-profile dl {
    display: block;
    font-size: 12px;
    padding: 10px 0;
  }
}
.company #company-profile dl:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px #e60012;
  bottom: -1px;
  width: 28%;
}
@media only screen and (max-width:768px) {
  .company #company-profile dl:after {
    display: none;
  }
}
.company #company-profile dl dt {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 30%;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .company #company-profile dl dt {
    max-width: 100%;
    margin-bottom: 3px;
  }
}
.company #company-profile dl dd {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  max-width: 70%;
}
@media only screen and (max-width:768px) {
  .company #company-profile dl dd {
    max-width: 100%;
  }
}
.company #company-profile dl dd iframe {
  margin-bottom: 5px;
}
@media only screen and (max-width:768px) {
  .company #company-profile dl dd iframe {
    height: 180px;
  }
}
.company #company-profile dl dd span {
  text-indent: 1em;
  display: block;
}
.company #company-profile dl dd a.gmap {
  text-align: right;
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}
@media only screen and (max-width:768px) {
  .company #company-profile dl dd a.gmap {
    font-size: 11px;
  }
}
.company #company-profile .company-link {
  background: #f7f7f7;
  margin-top: 90px;
}
@media only screen and (max-width:768px) {
  .company #company-profile .company-link {
    margin-top: 45px;
  }
}
.company #company-profile .company-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
  height: 90px;
}
.company #company-profile .company-link ul li {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .company #company-profile .company-link ul li {
    font-size: 14px;
  }
}
.company #company-profile .company-link ul li a {
  display: block;
}

/*  -------------------------------------
	Service
  -------------------------------------*/
.service .main-img {
  z-index: 3;
}
.service .lead p {
  font-size: 18px;
  margin: 0 0 45px;
  line-height: 2em;
}
@media only screen and (max-width:768px) {
  .service .lead p {
    font-size: 13px;
    text-align: left;
    margin: 0 0 30px;
  }
  .service .lead p br {
    display: none;
  }
}
.service #message {
  position: relative;
  margin-top: -90px;
  height: 780px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width:768px) {
  .service #message {
    margin-top: 0;
    height: auto;
    padding: 45px 0 30px;
  }
}
.service #message:after {
  content: "";
  width: 50%;
  background: url(assets/img/service-honeycomb.svg) no-repeat;
  background-size: contain;
  background-position: right center;
  height: 780px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width:768px) {
  .service #message:after {
    display: none;
  }
}
.service #message .col-sm-12 {
  z-index: 2;
}
@media only screen and (max-width:768px) {
  .service #message .col-sm-12 .inner {
    width: 80%;
    margin: 0 auto;
  }
}
.service #message .col-sm-12 h2 {
  font-size: 30px;
  margin: 0 0 45px;
}
@media only screen and (max-width:768px) {
  .service #message .col-sm-12 h2 {
    font-size: 24px;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width:480px) {
  .service #message .col-sm-12 h2 {
    font-size: 15px;
    margin: 0 0 20px;
  }
}
.service #message .col-sm-12 p {
  font-size: 16px;
  position: relative;
}
@media only screen and (max-width:768px) {
  .service #message .col-sm-12 p {
    font-size: 14px;
  }
  .service #message .col-sm-12 p:after {
    content: "";
    width: 100%;
    background: url(assets/img/service-honeycomb-s.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
    height: 350px;
    margin: 30px 0 60px;
  }
}
@media only screen and (max-width:480px) {
  .service #message .col-sm-12 p {
    font-size: 12px;
  }
  .service #message .col-sm-12 p br {
    display: none;
  }
  .service #message .col-sm-12 p:after {
    content: "";
    width: 100%;
    background: url(assets/img/service-honeycomb-s.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
    height: 300px;
    margin: 30px 0 60px;
  }
}
.service #message .col-sm-12 p span.red {
  color: #e60012;
  font-weight: bold;
}
.service #mediation {
  text-align: center;
  background: #f7f7f7;
  margin-top: -30px;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width:768px) {
  .service #mediation {
    margin-top: 0;
  }
}
.service #mediation p {
  font-size: 18px;
  margin: 0 0 45px;
}
@media only screen and (max-width:768px) {
  .service #mediation p {
    font-size: 14px;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width:480px) {
  .service #mediation p {
    font-size: 13px;
    margin: 0 0 20px;
  }
  .service #mediation p br {
    display: none;
  }
}
.service #company-housing {
  text-align: center;
}
.service #company-housing .lead {
  margin-bottom: 60px;
}
@media only screen and (max-width:768px) {
  .service #company-housing .lead {
    margin-bottom: 30px;
  }
}
.service #company-housing .lead p {
  font-size: 18px;
}
@media only screen and (max-width:768px) {
  .service #company-housing .lead p {
    font-size: 13px;
    text-align: left;
    margin: 0 0 30px;
  }
  .service #company-housing .lead p br {
    display: none;
  }
}
@media only screen and (max-width:768px) {
  .service #company-housing .service-content {
    margin-bottom: 45px;
  }
}
.service #company-housing .service-content .service-img {
  position: relative;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.service #company-housing .service-content .service-img:before {
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 1;
}
.service #company-housing .service-content .service-img h3 {
  color: #fff;
  z-index: 2;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
@media only screen and (max-width:1200px) {
  .service #company-housing .service-content .service-img h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width:969px) {
  .service #company-housing .service-content .service-img h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:768px) {
  .service #company-housing .service-content .service-img h3 {
    font-size: 16px;
  }
}
.service #company-housing .service-content .service-txt {
  background: #fff;
  padding: 15px;
  color: #fff;
  text-align: left;
}
.service #company-housing .service-content .service-txt h4 {
  font-weight: bold;
  font-size: 18px;
}
@media only screen and (max-width:768px) {
  .service #company-housing .service-content .service-txt h4 {
    font-size: 14px;
    margin: 0 0 5px;
  }
}
.service #company-housing .service-content .service-txt p {
  font-size: 16px;
}
@media only screen and (max-width:768px) {
  .service #company-housing .service-content .service-txt p {
    font-size: 12px;
  }
}
@media only screen and (max-width:1200px) {
  .service #company-housing .service-content .service-txt {
    font-size: 14px;
  }
}
@media only screen and (max-width:969px) {
  .service #company-housing .service-content .service-txt {
    font-size: 12px;
  }
}
.service #company-housing .service-content .service-txt p {
  letter-spacing: 0.03em;
  line-height: 1.6em;
}
@media only screen and (max-width:768px) {
  .service #company-housing .service-content .service-txt p {
    margin: 0;
  }
}
.service #company-housing .service-content .service-txt ul li {
  line-height: 1.6em;
}
.service #company-housing .service-content .service-txt ul li:before {
  content: "・";
}
.service #company-housing #service1 .service-img:after {
  background: url(assets/img/company-housing1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.service #company-housing #service1 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.service #company-housing #service1 .service-txt {
  background: #169f5b;
}
.service #company-housing #service2 .service-img:after {
  background: url(assets/img/company-housing2.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.service #company-housing #service2 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.service #company-housing #service2 .service-txt {
  background: #2071c0;
  color: #fff;
}
.service #company-housing #service3 .service-img:after {
  background: url(assets/img/company-housing3.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.service #company-housing #service3 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.service #company-housing #service3 .service-txt {
  background: #5157b7;
  color: #fff;
}

#real-estate {
  background: #F4F2F1;
}
#real-estate .col-sm-12 {
  text-align: center;
}
#real-estate .col-sm-12 h2 {
  font-size: 27px;
}
@media only screen and (max-width:480px) {
  #real-estate .col-sm-12 h2 {
    font-size: 18px;
  }
}
#real-estate .service-content {
  margin-bottom: 30px;
}
@media only screen and (max-width:768px) {
  #real-estate .service-content {
    margin-bottom: 45px;
  }
}
#real-estate .service-content .service-img {
  position: relative;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
#real-estate .service-content .service-img:before {
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 1;
}
#real-estate .service-content .service-img h3 {
  color: #fff;
  z-index: 2;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
@media only screen and (max-width:1200px) {
  #real-estate .service-content .service-img h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width:969px) {
  #real-estate .service-content .service-img h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:768px) {
  #real-estate .service-content .service-img h3 {
    font-size: 16px;
  }
}
#real-estate .service-content .service-txt {
  background: #fff;
  padding: 30px;
  color: #fff;
  text-align: left;
}
#real-estate .service-content .service-txt p {
  font-size: 16px;
  margin: 0;
}
@media only screen and (max-width:1200px) {
  #real-estate .service-content .service-txt p {
    font-size: 14px;
  }
}
@media only screen and (max-width:969px) {
  #real-estate .service-content .service-txt p {
    font-size: 12px;
  }
}
#real-estate .service-content .service-txt p {
  letter-spacing: 0.03em;
  line-height: 1.6em;
}
#real-estate .service-content .service-txt ul li {
  line-height: 1.6em;
}
#real-estate .service-content .service-txt ul li:before {
  content: "・";
}
#real-estate #service1 .service-img:after {
  background: url(assets/img/real-estate1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#real-estate #service1 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#real-estate #service1 .service-txt {
  background: #fff;
  color: #333;
  border-top: 10px solid #fd4b46;
}
#real-estate #service2 .service-img:after {
  background: url(assets/img/real-estate2.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#real-estate #service2 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#real-estate #service2 .service-txt {
  background: #fff;
  color: #333;
  border-top: 10px solid #66bb6a;
}
#real-estate #service3 .service-img:after {
  background: url(assets/img/real-estate3.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#real-estate #service3 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#real-estate #service3 .service-txt {
  background: #fff;
  color: #333;
  border-top: 10px solid #ffb300;
}
#real-estate #service4 .service-img:after {
  background: url(assets/img/real-estate4.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#real-estate #service4 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#real-estate #service4 .service-txt {
  background: #fff;
  color: #333;
  border-top: 10px solid #1565c0;
}

/*  -------------------------------------
	Owner
  -------------------------------------*/
.owner #message.owner-message h2 {
  color: #fd4b46;
}
.owner #message.owner-message p {
  font-size: 18px;
  line-height: 2em;
}
@media only screen and (max-width:480px) {
  .owner #message.owner-message p {
    font-size: 14px;
  }
}

/*  -------------------------------------
	Mansion
  -------------------------------------*/
.kanri-content .kanri-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 400px;
  height: 120px;
  text-align: center;
  margin: 0 auto 50px;
}
@media only screen and (max-width:768px) {
  .kanri-content .kanri-ttl {
    width: 80%;
    height: 90px;
    margin: 0 auto 25px;
  }
}
.kanri-content .kanri-ttl p {
  font-size: 30px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .kanri-content .kanri-ttl p {
    font-size: 18px;
  }
}
.kanri-content .kanri-ttl p span {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 50%;
}
.kanri-content h2 {
  font-size: 27px;
  line-height: 1.8em;
}
@media only screen and (max-width:768px) {
  .kanri-content h2 {
    font-size: 16px;
  }
}
.kanri-content p {
  font-size: 18px;
}
@media only screen and (max-width:768px) {
  .kanri-content p {
    font-size: 12px;
  }
}

.mansion .kanri-content .kanri-ttl {
  color: #fd4b46;
  border: 3px solid #fd4b46;
}
.mansion #ordermade {
  background: #F4F2F1;
}
.mansion #ordermade .col-sm-8 {
  text-align: center;
  margin-bottom: 90px;
}
@media only screen and (max-width:768px) {
  .mansion #ordermade .col-sm-8 {
    margin-bottom: 45px;
  }
}
.mansion #ordermade .col-sm-8 h2 {
  font-size: 30px;
}
@media only screen and (max-width:768px) {
  .mansion #ordermade .col-sm-8 h2 {
    font-size: 18px;
  }
}
.mansion #ordermade .col-sm-8 p {
  font-size: 18px;
}
@media only screen and (max-width:768px) {
  .mansion #ordermade .col-sm-8 p {
    font-size: 12px;
  }
}
.mansion #ordermade .col-sm-10 {
  text-align: center;
}
.mansion #ordermade .col-sm-10 h3 {
  font-size: 30px;
  margin: 0 0 30px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .mansion #ordermade .col-sm-10 h3 {
    font-size: 18px;
  }
}
.mansion #ordermade .management-content {
  text-align: center;
  margin-top: 90px;
}
@media only screen and (max-width:768px) {
  .mansion #ordermade .management-content {
    margin-top: 45px;
  }
}
.mansion #ordermade .management-content:first-of-type {
  margin-top: 60px;
}
@media only screen and (max-width:768px) {
  .mansion #ordermade .management-content:first-of-type {
    margin-top: 30px;
  }
}
.mansion #ordermade .management-content img {
  max-height: 45px;
}
@media only screen and (max-width:768px) {
  .mansion #ordermade .management-content img {
    max-height: 30px;
  }
}
.mansion #ordermade .management-content h4 {
  font-size: 24px;
  font-weight: bold;
  margin: 15px 0 30px;
}
@media only screen and (max-width:768px) {
  .mansion #ordermade .management-content h4 {
    font-size: 18px;
    margin: 10px 0 20px;
  }
}
.mansion #ordermade .management-content h4 span {
  display: block;
  font-size: 75%;
  margin-top: 15px;
}
.mansion #ordermade .management-content table {
  width: 100%;
  border: 1px solid #000;
  background: #fff;
}
@media only screen and (max-width:480px) {
  .mansion #ordermade .management-content table {
    font-size: 10px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
.mansion #ordermade .management-content table tr th, .mansion #ordermade .management-content table tr td {
  border: 1px solid #a0a0a0;
  text-align: center;
  padding: 1em 0;
  line-height: 1.4em;
  font-weight: bold;
}
.mansion #management-case .col-sm-8 {
  text-align: center;
}
.mansion #management-case .col-sm-8 h2 {
  font-size: 30px;
}
@media only screen and (max-width:768px) {
  .mansion #management-case .col-sm-8 h2 {
    font-size: 18px;
  }
}
.mansion #management-case .col-sm-8 h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0;
}
@media only screen and (max-width:768px) {
  .mansion #management-case .col-sm-8 h3 {
    font-size: 14px;
    margin: 15px 0;
  }
}
.mansion #management-case .case-wrap:first-of-type {
  margin-bottom: 90px;
}
@media only screen and (max-width:768px) {
  .mansion #management-case .case-wrap:first-of-type {
    margin-bottom: 45px;
  }
}
.mansion #management-case .case-wrap img {
  width: 100%;
}
.mansion #management-case .case-wrap .case-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mansion #management-case .case-wrap .case-box .case-content {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
  background: #F4F2F1;
  padding: 30px;
}
@media only screen and (max-width:768px) {
  .mansion #management-case .case-wrap .case-box .case-content {
    padding: 15px;
  }
}
.mansion #management-case .case-wrap .case-box .case-content h4 {
  font-weight: bold;
  font-size: 18px;
  margin: 15px 0;
}
@media only screen and (max-width:768px) {
  .mansion #management-case .case-wrap .case-box .case-content h4 {
    font-size: 13px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
.mansion #management-case .case-wrap .case-box .case-content img {
  max-height: 45px;
}
@media only screen and (max-width:768px) {
  .mansion #management-case .case-wrap .case-box .case-content img {
    max-height: 30px;
  }
}
.mansion #management-case .case-wrap .case-box .case-content ul {
  text-align: left;
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width:768px) {
  .mansion #management-case .case-wrap .case-box .case-content ul {
    width: 100%;
    font-size: 11px;
  }
}
.mansion #management-case .case-wrap .case-box .case-content ul li:before {
  content: "・";
  display: inline-block;
}

.kanri-link, .shataku-link {
  background: #fff1f0;
  padding: 45px;
  margin-top: 90px;
}
@media only screen and (max-width:768px) {
  .kanri-link, .shataku-link {
    margin-top: 45px;
    padding: 30px;
  }
}
.kanri-link ul, .shataku-link ul {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kanri-link ul li, .shataku-link ul li {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
  text-align: center;
}
@media only screen and (max-width:768px) {
  .kanri-link ul li, .shataku-link ul li {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
    margin-bottom: 1em;
  }
  .kanri-link ul li:nth-of-type(3), .kanri-link ul li:nth-of-type(4), .shataku-link ul li:nth-of-type(3), .shataku-link ul li:nth-of-type(4) {
    margin-bottom: 0;
  }
}
.kanri-link ul li a, .shataku-link ul li a {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: bold;
  height: 120px;
  border-radius: 15px;
}
.kanri-link ul li a.current, .shataku-link ul li a.current {
  border: 2px solid #fd4b46;
}
.kanri-link ul li a:hover, .shataku-link ul li a:hover {
  border: 2px solid #fd4b46 !important;
}
@media only screen and (max-width:768px) {
  .kanri-link ul li a, .shataku-link ul li a {
    font-size: 12px;
    height: 60px;
  }
}

.shataku-link {
  background: #e4ecf3;
  margin-top: 0;
}
.shataku-link ul li {
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
  max-width: 31%;
}
@media only screen and (max-width:768px) {
  .shataku-link ul li {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
    margin-bottom: 1em;
  }
  .shataku-link ul li:nth-of-type(3) {
    margin-bottom: 0;
  }
}
.shataku-link ul li a.current {
  border: 2px solid #096bc2;
}
.shataku-link ul li a:hover {
  border: 2px solid #096bc2 !important;
}

/*  -------------------------------------
	Sublease
  -------------------------------------*/
.sublease .kanri-content .kanri-ttl {
  color: #66bb6a;
  border: 3px solid #66bb6a;
}
.sublease #sublease-plan {
  background: #F4F2F1;
  text-align: center;
}
.sublease #sublease-plan .plan-box-wrap {
  margin: 0 0 90px;
  /* .plan-box */
}
.sublease #sublease-plan .plan-box-wrap:last-child {
  margin-bottom: 0;
}
.sublease #sublease-plan .plan-box-wrap h3 {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin: 0 0 60px;
}
@media only screen and (max-width:480px) {
  .sublease #sublease-plan .plan-box-wrap h3 {
    font-size: 18px;
    margin: 0 0 30px;
  }
}
.sublease #sublease-plan .plan-box-wrap .plan-box {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
@media only screen and (max-width:480px) {
  .sublease #sublease-plan .plan-box-wrap .plan-box {
    display: block;
  }
}
.sublease #sublease-plan .plan-box-wrap .plan-box .plan-txt {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  text-align: center;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width:480px) {
  .sublease #sublease-plan .plan-box-wrap .plan-box .plan-txt {
    max-width: 100%;
    padding: 15px;
    height: 120px;
  }
}
.sublease #sublease-plan .plan-box-wrap .plan-box .plan-txt p {
  margin-bottom: 0;
  font-size: 18px;
}
@media only screen and (max-width:991px) {
  .sublease #sublease-plan .plan-box-wrap .plan-box .plan-txt p {
    font-size: 14px;
  }
}
@media only screen and (max-width:768px) {
  .sublease #sublease-plan .plan-box-wrap .plan-box .plan-txt p {
    font-size: 14px;
  }
}
.sublease #sublease-plan .plan-box-wrap .plan-box .plan-txt p span {
  font-weight: bold;
  position: relative;
  display: inline-block;
  z-index: 2;
}
.sublease #sublease-plan .plan-box-wrap .plan-box .plan-txt p span:before {
  content: "";
  background: #ffff00;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: -1;
}
.sublease #sublease-plan .plan-box-wrap .plan-box .plan-img {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
@media only screen and (max-width:480px) {
  .sublease #sublease-plan .plan-box-wrap .plan-box .plan-img {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.sublease #sublease-plan .plan-box-wrap .plan-box .plan-img img {
  width: 80%;
  margin: 0 auto;
  display: block;
}
.sublease .kanri-link {
  margin-top: 0;
}

/*  -------------------------------------
	Reform
  -------------------------------------*/
.reform #message {
  text-align: center;
}
.reform .kanri-content .kanri-ttl {
  color: #1565c0;
  border: 3px solid #1565c0;
}
@media only screen and (max-width:991px) {
  .reform .kanri-content h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width:768px) {
  .reform .kanri-content h2 {
    font-size: 16px;
  }
}
@media only screen and (max-width:480px) {
  .reform .kanri-content h2 {
    text-align: left;
  }
  .reform .kanri-content h2 br {
    display: none;
  }
}
.reform #reform-plan {
  background: #F4F2F1;
}
@media only screen and (max-width:480px) {
  .reform .reform-plan-content {
    margin: 0 0 45px;
  }
}
.reform .reform-plan-content .reform-plan-img {
  position: relative;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.reform .reform-plan-content .reform-plan-img h3 {
  color: #fff;
  z-index: 2;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
@media only screen and (max-width:768px) {
  .reform .reform-plan-content .reform-plan-img h3 {
    font-size: 18px;
  }
}
.reform .reform-plan-content .reform-plan-img:before {
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 1;
}
.reform .reform-plan-content .reform-plan-txt {
  padding: 30px 15px;
  background: #fff;
}
.reform .reform-plan-content .reform-plan-txt p {
  font-size: 16px;
  line-height: 1.6em;
  margin: 0;
}
@media only screen and (max-width:768px) {
  .reform .reform-plan-content .reform-plan-txt p {
    font-size: 13px;
  }
}
@media only screen and (max-width:480px) {
  .reform .reform-plan-content .reform-plan-txt p {
    font-size: 12px;
  }
}
.reform #reform-plan1 .reform-plan-img:after {
  background: url(assets/img/reform-plan1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.reform #reform-plan2 .reform-plan-img:after {
  background: url(assets/img/reform-plan2.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.reform #reform-plan3 .reform-plan-img:after {
  background: url(assets/img/reform-plan3.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.reform .col-sm-12 {
  text-align: center;
}
.reform .col-sm-12 h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8em;
  margin: 45px 0 0;
}
@media only screen and (max-width:480px) {
  .reform .col-sm-12 h4 {
    font-size: 16px;
  }
  .reform .col-sm-12 h4 br {
    display: none;
  }
}
.reform .kanri-link {
  margin-top: 0;
}

/*  -------------------------------------
	Rusutaku
  -------------------------------------*/
.rusutaku .kanri-content .kanri-ttl {
  color: #ffb300;
  border: 3px solid #ffb300;
}
.rusutaku #rusutaku-plan {
  background: #F4F2F1;
  text-align: center;
}
.rusutaku #rusutaku-plan h2 {
  font-size: 30px;
  position: relative;
  padding: 60px 0 0;
  margin: 0 0 45px;
}
@media only screen and (max-width:768px) {
  .rusutaku #rusutaku-plan h2 {
    font-size: 24px;
    padding: 45px 0 0;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width:480px) {
  .rusutaku #rusutaku-plan h2 {
    font-size: 16px;
    padding: 30px 0 0;
    margin: 0 0 20px;
  }
}
.rusutaku #rusutaku-plan h2:before {
  content: "";
  width: 1px;
  height: 45px;
  background: #000;
  position: absolute;
  left: 50%;
  top: 0;
}
@media only screen and (max-width:768px) {
  .rusutaku #rusutaku-plan h2:before {
    height: 30px;
  }
}
@media only screen and (max-width:480px) {
  .rusutaku #rusutaku-plan h2:before {
    height: 20px;
  }
}
.rusutaku #rusutaku-plan #rusutaku-plan1 {
  margin: 0 0 90px;
}
@media only screen and (max-width:768px) {
  .rusutaku #rusutaku-plan #rusutaku-plan1 {
    margin: 0 0 60px;
  }
}
@media only screen and (max-width:480px) {
  .rusutaku #rusutaku-plan #rusutaku-plan1 {
    margin: 0 0 45px;
  }
}
.rusutaku #rusutaku-plan #rusutaku-plan1 .rusutaku-plan-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width:480px) {
  .rusutaku #rusutaku-plan #rusutaku-plan1 .rusutaku-plan-wrap {
    display: block;
  }
}
.rusutaku #rusutaku-plan #rusutaku-plan1 .rusutaku-plan-wrap .rusutaku-plan-content {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
@media only screen and (max-width:480px) {
  .rusutaku #rusutaku-plan #rusutaku-plan1 .rusutaku-plan-wrap .rusutaku-plan-content {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.rusutaku #rusutaku-plan #rusutaku-plan2 {
  margin-bottom: 90px;
}
@media only screen and (max-width:768px) {
  .rusutaku #rusutaku-plan #rusutaku-plan2 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width:480px) {
  .rusutaku #rusutaku-plan #rusutaku-plan2 {
    margin-bottom: 45px;
  }
}
.rusutaku #rusutaku-plan .rusutaku-plan-content {
  background: #fff;
  border-radius: 20px;
  padding: 45px;
}
@media only screen and (max-width:768px) {
  .rusutaku #rusutaku-plan .rusutaku-plan-content {
    padding: 30px;
  }
}
.rusutaku #rusutaku-plan .rusutaku-plan-content h3 {
  font-weight: bold;
  font-size: 24px;
  position: relative;
  display: inline-block;
  padding: 0 45px;
  margin: 0 0 20px;
}
@media only screen and (max-width:768px) {
  .rusutaku #rusutaku-plan .rusutaku-plan-content h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .rusutaku #rusutaku-plan .rusutaku-plan-content h3 {
    font-size: 16px;
    margin: 0 0 10px;
  }
}
.rusutaku #rusutaku-plan .rusutaku-plan-content h3:before {
  content: "";
  height: 1px;
  width: 30px;
  background: #000;
  position: absolute;
  left: 0;
  top: 50%;
}
.rusutaku #rusutaku-plan .rusutaku-plan-content h3:after {
  content: "";
  height: 1px;
  width: 30px;
  background: #000;
  position: absolute;
  right: 0;
  top: 50%;
}
.rusutaku #rusutaku-plan .rusutaku-plan-content p {
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}
@media only screen and (max-width:768px) {
  .rusutaku #rusutaku-plan .rusutaku-plan-content p {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .rusutaku #rusutaku-plan .rusutaku-plan-content p {
    font-size: 12px;
    text-align: left;
  }
  .rusutaku #rusutaku-plan .rusutaku-plan-content p br {
    display: none;
  }
}
.rusutaku .kanri-link {
  margin-top: 0;
}

/*  -------------------------------------
	Post-type-archive-property
  -------------------------------------*/
.post-type-archive-property #message {
  text-align: center;
}
.post-type-archive-property #message h2 {
  color: #e60012;
  font-size: 27px;
}
@media only screen and (max-width:768px) {
  .post-type-archive-property #message h2 {
    font-size: 18px;
  }
}
.post-type-archive-property #property-list {
  padding-bottom: 45px;
}
.post-type-archive-property #property-list .col-sm-4 {
  margin: 0 0 45px;
}
.post-type-archive-property #property-list .property-img {
  height: auto;
  padding-top: 66.6%;
}
.post-type-archive-property #property-list .property-txt {
  background: #F4F2F1;
  padding: 20px;
}
.post-type-archive-property #property-list .property-txt h3 {
  margin: 0 0 15px;
  font-weight: bold;
  font-size: 18px;
}
@media only screen and (max-width:768px) {
  .post-type-archive-property #property-list .property-txt h3 {
    font-size: 14px;
  }
}
.post-type-archive-property #property-list .property-txt dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  font-weight: bold;
}
.post-type-archive-property #property-list .property-txt dl dt {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
  font-size: 13px;
}
@media only screen and (max-width:768px) {
  .post-type-archive-property #property-list .property-txt dl dt {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    max-width: 30%;
    font-size: 12px;
  }
}
.post-type-archive-property #property-list .property-txt dl dd {
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  max-width: 80%;
  font-size: 14px;
}
.post-type-archive-property #property-list .property-txt dl dd a {
  display: block;
}
@media only screen and (max-width:768px) {
  .post-type-archive-property #property-list .property-txt dl dd {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    max-width: 70%;
    font-size: 13px;
  }
}
.post-type-archive-property #property-list .property-txt a.linkBtn {
  width: 200px;
  height: 40px;
  font-size: 14px;
  margin-top: 30px;
}

#search-wrap {
  background: #F4F2F1;
  padding: 40px 0;
}
#search-wrap .search-box .search-content .search-ttl {
  font-size: 21px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 12px;
}
@media only screen and (max-width:768px) {
  #search-wrap .search-box .search-content .search-ttl {
    font-size: 14px;
  }
}
#search-wrap .search-box .search-content .search-ttl img {
  height: 25px;
  padding-right: 0.5em;
}
@media only screen and (max-width:768px) {
  #search-wrap .search-box .search-content .search-ttl img {
    height: 18px;
  }
}
#search-wrap .search-box .search-content select {
  background: #fff;
  width: 100%;
  height: 50px;
  padding: 15px;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  line-height: 1em;
}
@media only screen and (max-width:768px) {
  #search-wrap .search-box .search-content select {
    height: 30px;
    padding: 10px;
  }
}
#search-wrap .search-box .search-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#search-wrap .search-box .search-content ul li {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
#search-wrap .search-box .search-content ul li h4 {
  font-size: 21px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 12px;
  position: relative;
}
@media only screen and (max-width:480px) {
  #search-wrap .search-box .search-content ul li h4 {
    font-size: 16px;
  }
}
#search-wrap .search-box .search-content ul li:first-child h4:before {
  content: "";
  background: url(assets/img/iconMap.svg) no-repeat;
  background-size: contain;
  height: 25px;
  width: 25px;
  margin-right: 0.5em;
}
@media only screen and (max-width:480px) {
  #search-wrap .search-box .search-content ul li:first-child h4:before {
    height: 20px;
    width: 20px;
  }
}
#search-wrap .search-box .search-content ul li:nth-child(2) h4:before {
  content: "";
  background: url(assets/img/iconTrain.svg) no-repeat;
  background-size: contain;
  height: 25px;
  width: 25px;
  margin-right: 0.5em;
}
@media only screen and (max-width:480px) {
  #search-wrap .search-box .search-content ul li:nth-child(2) h4:before {
    height: 20px;
    width: 20px;
  }
}
#search-wrap .search-box .search-content ul li:last-child {
  text-align: center;
}
#search-wrap .search-box .search-content ul li:last-child input[type=submit] {
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  background: #e60012;
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  height: 60px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.08em;
  font-weight: bold;
  margin: 60px auto 0;
  border: none;
}
@media only screen and (max-width:768px) {
  #search-wrap .search-box .search-content ul li:last-child input[type=submit] {
    width: 100%;
    height: 30px;
    font-size: 16px;
    margin: 30px auto 0;
  }
}
#search-wrap button.linkBtn {
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-top: 40px;
}
@media only screen and (max-width:768px) {
  #search-wrap button.linkBtn {
    margin-top: 20px;
  }
}

/*  -------------------------------------
	single-property
  -------------------------------------*/
.single-property .slider.slider-for {
  margin-bottom: 15px;
}
@media only screen and (max-width:768px) {
  .single-property .slider.slider-for {
    margin-bottom: 10px;
  }
}
.single-property .slider.slider-nav {
  margin-bottom: 45px;
}
@media only screen and (max-width:768px) {
  .single-property .slider.slider-nav {
    margin-bottom: 20px;
  }
}
.single-property .slider.slider-nav img {
  padding: 0 0.5em;
}
@media only screen and (max-width:768px) {
  .single-property .slider.slider-nav img {
    padding: 0 0.25em;
  }
}
.single-property .property-desc dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  border-bottom: 1px solid #000;
  padding: 18px 0;
  margin: 0;
}
@media only screen and (max-width:768px) {
  .single-property .property-desc dl {
    font-size: 13px;
  }
}
.single-property .property-desc dl dt {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  max-width: 15%;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .single-property .property-desc dl dt {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
}
.single-property .property-desc dl dd {
  -ms-flex-preferred-size: 85%;
      flex-basis: 85%;
  max-width: 85%;
}
@media only screen and (max-width:768px) {
  .single-property .property-desc dl dd {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    max-width: 80%;
  }
}
.single-property .property-more {
  background: #F4F2F1;
  padding: 60px;
  margin: 60px 0;
  text-align: center;
}
@media only screen and (max-width:768px) {
  .single-property .property-more {
    margin: 30px 0;
    padding: 30px;
  }
}
.single-property .property-more h3 {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  padding: 45px 0 0;
  margin: 0 0 30px;
}
@media only screen and (max-width:768px) {
  .single-property .property-more h3 {
    font-size: 18px;
    padding: 30px 0 0;
    margin: 0 0 15px;
  }
}
.single-property .property-more h3:before {
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 50%;
  background: #000;
}
@media only screen and (max-width:768px) {
  .single-property .property-more h3:before {
    height: 20px;
  }
}
.single-property .property-more p {
  font-size: 18px;
  margin: 0;
}
@media only screen and (max-width:768px) {
  .single-property .property-more p {
    font-size: 12px;
  }
}
.single-property .property-more a {
  background: #fff;
  width: 280px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fd4b46 !important;
  margin: 30px auto 60px;
  font-weight: bold;
  font-size: 18px;
  position: relative;
}
@media only screen and (max-width:768px) {
  .single-property .property-more a {
    font-size: 14px;
    width: 240px;
    height: 40px;
    margin: 15px auto 30px;
  }
}
.single-property .property-more a.af {
  margin-bottom: 0;
}
.single-property .property-more a.af:before {
  background: url(assets/img/iconAf.svg) no-repeat;
  background-size: contain;
  width: 16px;
  height: 23px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
}
@media only screen and (max-width:768px) {
  .single-property .property-more a.af:before {
    width: 14px;
    height: 20px;
  }
}
.single-property .property-more a.pdf:before {
  background: url(assets/img/iconPdf.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 26px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
}
@media only screen and (max-width:768px) {
  .single-property .property-more a.pdf:before {
    width: 16px;
    height: 22px;
  }
}

/*  -------------------------------------
	Greeting
  -------------------------------------*/
.greeting #message {
  padding-bottom: 0;
}
.greeting #message p {
  text-align: left;
  font-size: 16px;
  margin: 0;
}
@media only screen and (max-width:768px) {
  .greeting #message p {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .greeting #message p {
    font-size: 12px;
  }
}
.greeting #message p.ceo {
  margin-top: 1em;
  font-weight: bold;
  font-size: 120%;
  font-family: "游明朝", YuMincho, serif;
}
@media only screen and (max-width:767px) {
  .greeting #message .ceo-img {
    margin-bottom: 30px;
  }
}
.greeting .company-link {
  background: #f7f7f7;
  margin-top: 0px;
  width: 100%;
}
.greeting .company-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
  height: 90px;
}
.greeting .company-link ul li {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .greeting .company-link ul li {
    font-size: 14px;
  }
}
.greeting .company-link ul li a {
  display: block;
  position: relative;
}
.greeting .company-link ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  background: #e60012;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}
.greeting .company-link ul li a:hover:after {
  width: 100%;
}

/*  -------------------------------------
	Philosphy
  -------------------------------------*/
.philosphy #message {
  text-align: center;
  padding-bottom: 0;
}
.philosphy #message h2 {
  font-size: 27px;
  line-height: 2em;
  color: #fd4b46;
  margin: 0 0 30px;
}
@media only screen and (max-width:768px) {
  .philosphy #message h2 {
    font-size: 24px;
    margin: 0 0 25px;
  }
}
@media only screen and (max-width:480px) {
  .philosphy #message h2 {
    font-size: 18px;
  }
}
.philosphy #message P#en {
  font-size: 20px;
  color: #fd4b46;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin: 0 0 40px;
}
@media only screen and (max-width:768px) {
  .philosphy #message P#en {
    font-size: 16px;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width:480px) {
  .philosphy #message P#en {
    font-size: 14px;
  }
}
.philosphy #message p#jp {
  font-size: 16px;
}
@media only screen and (max-width:768px) {
  .philosphy #message p#jp {
    font-size: 14px;
  }
  .philosphy #message p#jp br {
    display: none;
  }
}
@media only screen and (max-width:480px) {
  .philosphy #message p#jp {
    font-size: 13px;
    text-align: left;
  }
  .philosphy #message p#jp br {
    display: none;
  }
}
.philosphy .company-link {
  background: #f7f7f7;
  margin-top: 0px;
  width: 100%;
}
.philosphy .company-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
  height: 90px;
}
.philosphy .company-link ul li {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .philosphy .company-link ul li {
    font-size: 14px;
  }
}
.philosphy .company-link ul li a {
  display: block;
}

/*  -------------------------------------
	Selection
  -------------------------------------*/
.selection .main-img h1, .fullout .main-img h1, .acrosweb .main-img h1, .shataku .main-img h1, .mediation .main-img h1, .recruit .main-img h1, .sitepolicy .main-img h1 {
  line-height: 1em;
}
.selection .main-img h1 span, .fullout .main-img h1 span, .acrosweb .main-img h1 span, .shataku .main-img h1 span, .mediation .main-img h1 span, .recruit .main-img h1 span, .sitepolicy .main-img h1 span {
  font-size: 16px;
  line-height: 1em;
  border-bottom: 2px solid #fff;
  margin: 0;
  display: inline-block;
  padding-bottom: 5px;
}
.selection .main-img h1 span.big, .fullout .main-img h1 span.big, .acrosweb .main-img h1 span.big, .shataku .main-img h1 span.big, .mediation .main-img h1 span.big, .recruit .main-img h1 span.big, .sitepolicy .main-img h1 span.big {
  font-size: 36px;
  font-weight: 700;
  border: none;
  line-height: 0.1em;
}
@media only screen and (max-width:480px) {
  .selection .main-img h1 span.big, .fullout .main-img h1 span.big, .acrosweb .main-img h1 span.big, .shataku .main-img h1 span.big, .mediation .main-img h1 span.big, .recruit .main-img h1 span.big, .sitepolicy .main-img h1 span.big {
    font-size: 24px;
  }
}
.selection .main-img h1 span.plan, .fullout .main-img h1 span.plan, .acrosweb .main-img h1 span.plan, .shataku .main-img h1 span.plan, .mediation .main-img h1 span.plan, .recruit .main-img h1 span.plan, .sitepolicy .main-img h1 span.plan {
  margin-bottom: 1em;
}
@media only screen and (max-width:768px) {
  .selection .main-img h1 span.plan, .fullout .main-img h1 span.plan, .acrosweb .main-img h1 span.plan, .shataku .main-img h1 span.plan, .mediation .main-img h1 span.plan, .recruit .main-img h1 span.plan, .sitepolicy .main-img h1 span.plan {
    font-size: 14px;
  }
}
.selection .main-img h1 br, .fullout .main-img h1 br, .acrosweb .main-img h1 br, .shataku .main-img h1 br, .mediation .main-img h1 br, .recruit .main-img h1 br, .sitepolicy .main-img h1 br {
  line-height: 0;
}
.selection #message, .fullout #message, .acrosweb #message, .shataku #message, .mediation #message, .recruit #message, .sitepolicy #message {
  text-align: center;
}
.selection #message h2, .fullout #message h2, .acrosweb #message h2, .shataku #message h2, .mediation #message h2, .recruit #message h2, .sitepolicy #message h2 {
  font-size: 26px;
  line-height: 2em;
  color: #fd4b46;
  margin: 0 0 30px;
  line-height: 2em;
}
@media only screen and (max-width:768px) {
  .selection #message h2, .fullout #message h2, .acrosweb #message h2, .shataku #message h2, .mediation #message h2, .recruit #message h2, .sitepolicy #message h2 {
    font-size: 24px;
    margin: 0 0 25px;
  }
}
@media only screen and (max-width:480px) {
  .selection #message h2, .fullout #message h2, .acrosweb #message h2, .shataku #message h2, .mediation #message h2, .recruit #message h2, .sitepolicy #message h2 {
    font-size: 16px;
    text-align: left;
  }
}
.selection #message p, .fullout #message p, .acrosweb #message p, .shataku #message p, .mediation #message p, .recruit #message p, .sitepolicy #message p {
  font-size: 18px;
}
@media only screen and (max-width:480px) {
  .selection #message p, .fullout #message p, .acrosweb #message p, .shataku #message p, .mediation #message p, .recruit #message p, .sitepolicy #message p {
    font-size: 13px;
    text-align: left;
  }
}
.selection #selection-content, .fullout #selection-content, .acrosweb #selection-content, .shataku #selection-content, .mediation #selection-content, .recruit #selection-content, .sitepolicy #selection-content {
  background: #f7f7f7;
}
.selection #selection-content .service-content, .fullout #selection-content .service-content, .acrosweb #selection-content .service-content, .shataku #selection-content .service-content, .mediation #selection-content .service-content, .recruit #selection-content .service-content, .sitepolicy #selection-content .service-content {
  margin-bottom: 30px;
}
@media only screen and (max-width:768px) {
  .selection #selection-content .service-content, .fullout #selection-content .service-content, .acrosweb #selection-content .service-content, .shataku #selection-content .service-content, .mediation #selection-content .service-content, .recruit #selection-content .service-content, .sitepolicy #selection-content .service-content {
    margin-bottom: 45px;
  }
}
.selection #selection-content .service-content .service-img, .fullout #selection-content .service-content .service-img, .acrosweb #selection-content .service-content .service-img, .shataku #selection-content .service-content .service-img, .mediation #selection-content .service-content .service-img, .recruit #selection-content .service-content .service-img, .sitepolicy #selection-content .service-content .service-img {
  position: relative;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.selection #selection-content .service-content .service-img:before, .fullout #selection-content .service-content .service-img:before, .acrosweb #selection-content .service-content .service-img:before, .shataku #selection-content .service-content .service-img:before, .mediation #selection-content .service-content .service-img:before, .recruit #selection-content .service-content .service-img:before, .sitepolicy #selection-content .service-content .service-img:before {
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 1;
}
@media only screen and (max-width:768px) {
  .selection #selection-content .service-content .service-img, .fullout #selection-content .service-content .service-img, .acrosweb #selection-content .service-content .service-img, .shataku #selection-content .service-content .service-img, .mediation #selection-content .service-content .service-img, .recruit #selection-content .service-content .service-img, .sitepolicy #selection-content .service-content .service-img {
    height: 120px;
  }
}
.selection #selection-content .service-content .service-img h3, .fullout #selection-content .service-content .service-img h3, .acrosweb #selection-content .service-content .service-img h3, .shataku #selection-content .service-content .service-img h3, .mediation #selection-content .service-content .service-img h3, .recruit #selection-content .service-content .service-img h3, .sitepolicy #selection-content .service-content .service-img h3 {
  color: #fff;
  z-index: 2;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
@media only screen and (max-width:1200px) {
  .selection #selection-content .service-content .service-img h3, .fullout #selection-content .service-content .service-img h3, .acrosweb #selection-content .service-content .service-img h3, .shataku #selection-content .service-content .service-img h3, .mediation #selection-content .service-content .service-img h3, .recruit #selection-content .service-content .service-img h3, .sitepolicy #selection-content .service-content .service-img h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width:969px) {
  .selection #selection-content .service-content .service-img h3, .fullout #selection-content .service-content .service-img h3, .acrosweb #selection-content .service-content .service-img h3, .shataku #selection-content .service-content .service-img h3, .mediation #selection-content .service-content .service-img h3, .recruit #selection-content .service-content .service-img h3, .sitepolicy #selection-content .service-content .service-img h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:768px) {
  .selection #selection-content .service-content .service-img h3, .fullout #selection-content .service-content .service-img h3, .acrosweb #selection-content .service-content .service-img h3, .shataku #selection-content .service-content .service-img h3, .mediation #selection-content .service-content .service-img h3, .recruit #selection-content .service-content .service-img h3, .sitepolicy #selection-content .service-content .service-img h3 {
    font-size: 16px;
  }
}
.selection #selection-content .service-content .service-txt, .fullout #selection-content .service-content .service-txt, .acrosweb #selection-content .service-content .service-txt, .shataku #selection-content .service-content .service-txt, .mediation #selection-content .service-content .service-txt, .recruit #selection-content .service-content .service-txt, .sitepolicy #selection-content .service-content .service-txt {
  background: #fff;
  padding: 15px;
  color: #fff;
  text-align: left;
}
.selection #selection-content .service-content .service-txt h4, .fullout #selection-content .service-content .service-txt h4, .acrosweb #selection-content .service-content .service-txt h4, .shataku #selection-content .service-content .service-txt h4, .mediation #selection-content .service-content .service-txt h4, .recruit #selection-content .service-content .service-txt h4, .sitepolicy #selection-content .service-content .service-txt h4 {
  color: #fd4b46;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 0 0 0.5em;
}
@media only screen and (max-width:768px) {
  .selection #selection-content .service-content .service-txt h4, .fullout #selection-content .service-content .service-txt h4, .acrosweb #selection-content .service-content .service-txt h4, .shataku #selection-content .service-content .service-txt h4, .mediation #selection-content .service-content .service-txt h4, .recruit #selection-content .service-content .service-txt h4, .sitepolicy #selection-content .service-content .service-txt h4 {
    font-size: 14px;
  }
}
.selection #selection-content .service-content .service-txt p, .selection #selection-content .service-content .service-txt ul, .fullout #selection-content .service-content .service-txt p, .fullout #selection-content .service-content .service-txt ul, .acrosweb #selection-content .service-content .service-txt p, .acrosweb #selection-content .service-content .service-txt ul, .shataku #selection-content .service-content .service-txt p, .shataku #selection-content .service-content .service-txt ul, .mediation #selection-content .service-content .service-txt p, .mediation #selection-content .service-content .service-txt ul, .recruit #selection-content .service-content .service-txt p, .recruit #selection-content .service-content .service-txt ul, .sitepolicy #selection-content .service-content .service-txt p, .sitepolicy #selection-content .service-content .service-txt ul {
  font-size: 16px;
}
@media only screen and (max-width:1200px) {
  .selection #selection-content .service-content .service-txt p, .selection #selection-content .service-content .service-txt ul, .fullout #selection-content .service-content .service-txt p, .fullout #selection-content .service-content .service-txt ul, .acrosweb #selection-content .service-content .service-txt p, .acrosweb #selection-content .service-content .service-txt ul, .shataku #selection-content .service-content .service-txt p, .shataku #selection-content .service-content .service-txt ul, .mediation #selection-content .service-content .service-txt p, .mediation #selection-content .service-content .service-txt ul, .recruit #selection-content .service-content .service-txt p, .recruit #selection-content .service-content .service-txt ul, .sitepolicy #selection-content .service-content .service-txt p, .sitepolicy #selection-content .service-content .service-txt ul {
    font-size: 14px;
  }
}
@media only screen and (max-width:969px) {
  .selection #selection-content .service-content .service-txt p, .selection #selection-content .service-content .service-txt ul, .fullout #selection-content .service-content .service-txt p, .fullout #selection-content .service-content .service-txt ul, .acrosweb #selection-content .service-content .service-txt p, .acrosweb #selection-content .service-content .service-txt ul, .shataku #selection-content .service-content .service-txt p, .shataku #selection-content .service-content .service-txt ul, .mediation #selection-content .service-content .service-txt p, .mediation #selection-content .service-content .service-txt ul, .recruit #selection-content .service-content .service-txt p, .recruit #selection-content .service-content .service-txt ul, .sitepolicy #selection-content .service-content .service-txt p, .sitepolicy #selection-content .service-content .service-txt ul {
    font-size: 12px;
  }
}
.selection #selection-content .service-content .service-txt p, .fullout #selection-content .service-content .service-txt p, .acrosweb #selection-content .service-content .service-txt p, .shataku #selection-content .service-content .service-txt p, .mediation #selection-content .service-content .service-txt p, .recruit #selection-content .service-content .service-txt p, .sitepolicy #selection-content .service-content .service-txt p {
  letter-spacing: 0.03em;
  line-height: 1.6em;
}
.selection #selection-content .service-content .service-txt ul, .fullout #selection-content .service-content .service-txt ul, .acrosweb #selection-content .service-content .service-txt ul, .shataku #selection-content .service-content .service-txt ul, .mediation #selection-content .service-content .service-txt ul, .recruit #selection-content .service-content .service-txt ul, .sitepolicy #selection-content .service-content .service-txt ul {
  position: relative;
  padding-left: 1em;
}
.selection #selection-content .service-content .service-txt ul li, .fullout #selection-content .service-content .service-txt ul li, .acrosweb #selection-content .service-content .service-txt ul li, .shataku #selection-content .service-content .service-txt ul li, .mediation #selection-content .service-content .service-txt ul li, .recruit #selection-content .service-content .service-txt ul li, .sitepolicy #selection-content .service-content .service-txt ul li {
  line-height: 1.6em;
}
.selection #selection-content .service-content .service-txt ul li:before, .fullout #selection-content .service-content .service-txt ul li:before, .acrosweb #selection-content .service-content .service-txt ul li:before, .shataku #selection-content .service-content .service-txt ul li:before, .mediation #selection-content .service-content .service-txt ul li:before, .recruit #selection-content .service-content .service-txt ul li:before, .sitepolicy #selection-content .service-content .service-txt ul li:before {
  content: "・";
  position: absolute;
  left: 0;
}
.selection #selection-content #service1 .service-img:after, .fullout #selection-content #service1 .service-img:after, .acrosweb #selection-content #service1 .service-img:after, .shataku #selection-content #service1 .service-img:after, .mediation #selection-content #service1 .service-img:after, .recruit #selection-content #service1 .service-img:after, .sitepolicy #selection-content #service1 .service-img:after {
  background: url(assets/img/selection-content1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.selection #selection-content #service1 .service-img:hover:after, .fullout #selection-content #service1 .service-img:hover:after, .acrosweb #selection-content #service1 .service-img:hover:after, .shataku #selection-content #service1 .service-img:hover:after, .mediation #selection-content #service1 .service-img:hover:after, .recruit #selection-content #service1 .service-img:hover:after, .sitepolicy #selection-content #service1 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.selection #selection-content #service1 .service-txt, .fullout #selection-content #service1 .service-txt, .acrosweb #selection-content #service1 .service-txt, .shataku #selection-content #service1 .service-txt, .mediation #selection-content #service1 .service-txt, .recruit #selection-content #service1 .service-txt, .sitepolicy #selection-content #service1 .service-txt {
  background: #fff;
  color: #333;
}
.selection #selection-content #service2 .service-img:after, .fullout #selection-content #service2 .service-img:after, .acrosweb #selection-content #service2 .service-img:after, .shataku #selection-content #service2 .service-img:after, .mediation #selection-content #service2 .service-img:after, .recruit #selection-content #service2 .service-img:after, .sitepolicy #selection-content #service2 .service-img:after {
  background: url(assets/img/shataku-merit4.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.selection #selection-content #service2 .service-img:hover:after, .fullout #selection-content #service2 .service-img:hover:after, .acrosweb #selection-content #service2 .service-img:hover:after, .shataku #selection-content #service2 .service-img:hover:after, .mediation #selection-content #service2 .service-img:hover:after, .recruit #selection-content #service2 .service-img:hover:after, .sitepolicy #selection-content #service2 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.selection #selection-content #service2 .service-txt, .fullout #selection-content #service2 .service-txt, .acrosweb #selection-content #service2 .service-txt, .shataku #selection-content #service2 .service-txt, .mediation #selection-content #service2 .service-txt, .recruit #selection-content #service2 .service-txt, .sitepolicy #selection-content #service2 .service-txt {
  background: #fff;
  color: #333;
}
.selection #selection-content #service3 .service-img:after, .fullout #selection-content #service3 .service-img:after, .acrosweb #selection-content #service3 .service-img:after, .shataku #selection-content #service3 .service-img:after, .mediation #selection-content #service3 .service-img:after, .recruit #selection-content #service3 .service-img:after, .sitepolicy #selection-content #service3 .service-img:after {
  background: url(assets/img/selection-content3.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.selection #selection-content #service3 .service-img:hover:after, .fullout #selection-content #service3 .service-img:hover:after, .acrosweb #selection-content #service3 .service-img:hover:after, .shataku #selection-content #service3 .service-img:hover:after, .mediation #selection-content #service3 .service-img:hover:after, .recruit #selection-content #service3 .service-img:hover:after, .sitepolicy #selection-content #service3 .service-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.selection #selection-content #service3 .service-txt, .fullout #selection-content #service3 .service-txt, .acrosweb #selection-content #service3 .service-txt, .shataku #selection-content #service3 .service-txt, .mediation #selection-content #service3 .service-txt, .recruit #selection-content #service3 .service-txt, .sitepolicy #selection-content #service3 .service-txt {
  background: #fff;
  color: #333;
}
.selection #selection-content #Illustration, .fullout #selection-content #Illustration, .acrosweb #selection-content #Illustration, .shataku #selection-content #Illustration, .mediation #selection-content #Illustration, .recruit #selection-content #Illustration, .sitepolicy #selection-content #Illustration {
  margin-top: 30px;
  text-align: center;
}
.selection #selection-content #Illustration h3, .fullout #selection-content #Illustration h3, .acrosweb #selection-content #Illustration h3, .shataku #selection-content #Illustration h3, .mediation #selection-content #Illustration h3, .recruit #selection-content #Illustration h3, .sitepolicy #selection-content #Illustration h3 {
  font-weight: bold;
  font-size: 21px;
  line-height: 1.4em;
}
@media only screen and (max-width:480px) {
  .selection #selection-content #Illustration h3, .fullout #selection-content #Illustration h3, .acrosweb #selection-content #Illustration h3, .shataku #selection-content #Illustration h3, .mediation #selection-content #Illustration h3, .recruit #selection-content #Illustration h3, .sitepolicy #selection-content #Illustration h3 {
    font-size: 16px;
  }
}
.selection #selection-content #Illustration h3 span, .fullout #selection-content #Illustration h3 span, .acrosweb #selection-content #Illustration h3 span, .shataku #selection-content #Illustration h3 span, .mediation #selection-content #Illustration h3 span, .recruit #selection-content #Illustration h3 span, .sitepolicy #selection-content #Illustration h3 span {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.selection #selection-content #Illustration h3 span:after, .fullout #selection-content #Illustration h3 span:after, .acrosweb #selection-content #Illustration h3 span:after, .shataku #selection-content #Illustration h3 span:after, .mediation #selection-content #Illustration h3 span:after, .recruit #selection-content #Illustration h3 span:after, .sitepolicy #selection-content #Illustration h3 span:after {
  content: "";
  background: #ffff00;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: -1;
}

/*  -------------------------------------
	Fullout
  -------------------------------------*/
.fullout #workflow-before {
  position: relative;
}
.fullout #workflow-before:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90px 50vw 0 50vw;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before:after {
    border-width: 45px 50vw 0 50vw;
  }
}
.fullout #workflow-before h2 {
  color: #096bc2;
}
.fullout #workflow-before h2 span {
  font-size: 24px;
  color: #096bc2;
  display: inline-block;
  position: relative;
  padding: 0 45px;
  margin-top: 20px;
}
@media only screen and (max-width:768px) {
  .fullout #workflow-before h2 span {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before h2 span {
    font-size: 14px;
    padding: 0 30px;
  }
}
.fullout #workflow-before h2 span:before {
  content: "";
  height: 1px;
  width: 30px;
  background: #096bc2;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before h2 span:before {
    width: 15px;
  }
}
.fullout #workflow-before h2 span:after {
  content: "";
  height: 1px;
  width: 30px;
  background: #096bc2;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before h2 span:after {
    width: 15px;
  }
}
.fullout #workflow-before #workflow1 {
  margin: 0 0 90px;
  text-align: center;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before #workflow1 {
    margin: 0 0 45px;
  }
}
.fullout #workflow-before .col-sm-6 {
  text-align: center;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-6 {
    margin-bottom: 45px;
  }
}
.fullout #workflow-before .col-sm-6 img {
  width: 72px;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-6 img {
    width: 36px;
  }
}
.fullout #workflow-before .col-sm-6 h4 {
  color: #096bc2;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-6 h4 {
    margin: 10px 0;
    font-size: 14px;
  }
}
.fullout #workflow-before .col-sm-6 ul {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  border: 1px solid #096bc2;
  padding: 30px;
  border-radius: 10px;
  color: #096bc2;
}
@media only screen and (max-width:768px) {
  .fullout #workflow-before .col-sm-6 ul {
    font-size: 13px;
  }
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-6 ul {
    font-size: 12px;
  }
}
.fullout #workflow-before .col-sm-6 ul li {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
  position: relative;
}
.fullout #workflow-before .col-sm-6 ul li:before {
  content: "・";
  padding-right: 0.5em;
}
.fullout #workflow-before #workflow2 {
  margin: 90px 0;
  text-align: center;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before #workflow2 {
    margin: 45px 0;
  }
}
.fullout #workflow-before .col-sm-10 {
  text-align: center;
}
.fullout #workflow-before .col-sm-10 img {
  width: 72px;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-10 img {
    width: 36px;
  }
}
.fullout #workflow-before .col-sm-10 h4 {
  color: #096bc2;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-10 h4 {
    font-size: 14px;
    margin: 10px 0;
  }
}
.fullout #workflow-before .col-sm-10 ul {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  border: 1px solid #096bc2;
  padding: 30px;
  border-radius: 10px;
  color: #096bc2;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-10 ul {
    padding: 15px;
  }
}
.fullout #workflow-before .col-sm-10 ul li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  position: relative;
}
@media only screen and (max-width:768px) {
  .fullout #workflow-before .col-sm-10 ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-10 ul li {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
    font-size: 12px;
  }
}
.fullout #workflow-before .col-sm-10 ul li:before {
  content: "・";
  padding-right: 0.5em;
}
.fullout #workflow-before .col-sm-10 h3 {
  font-size: 24px;
  font-weight: bold;
  color: #096bc2;
  letter-spacing: 0.15em;
  line-height: 1.4em;
  margin: 60px 0 0;
}
@media only screen and (max-width:768px) {
  .fullout #workflow-before .col-sm-10 h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .fullout #workflow-before .col-sm-10 h3 {
    font-size: 16px;
  }
}
.fullout #workflow-after {
  background: #f7f7f7;
  padding-top: 180px;
  text-align: center;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after {
    padding-top: 90px;
  }
}
.fullout #workflow-after h2 {
  color: #fd4b46;
}
.fullout #workflow-after #beforeafter {
  background: -webkit-gradient(linear, left top, right top, from(#e4ecf3), color-stop(50%, #e4ecf3), color-stop(50%, #f7eae9), to(#f7eae9));
  background: linear-gradient(90deg, #e4ecf3 0%, #e4ecf3 50%, #f7eae9 50%, #f7eae9 100%);
  padding: 60px 0;
  margin-top: 90px;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after #beforeafter {
    background: transparent;
    margin-top: 45px;
    padding: 30px 0;
  }
}
.fullout #workflow-after #beforeafter h3 {
  font-weight: bold;
  font-size: 36px;
  margin: 0 0 60px;
}
@media only screen and (max-width:768px) {
  .fullout #workflow-after #beforeafter h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after #beforeafter h3 {
    font-size: 18px;
    margin: 0 0 30px;
  }
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap {
    display: block;
  }
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  padding: 0 45px;
  text-align: left;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content {
    padding: 30px;
    max-width: 100%;
  }
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content h4 {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 36px;
  margin: 0 0 45px;
}
@media only screen and (max-width:768px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content h4 {
    font-size: 30px;
  }
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content h4 {
    font-size: 18px;
    margin: 0 0 30px;
  }
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content dl {
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content dl {
    margin: 0 0 30px;
  }
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content dl dt {
  font-size: 21px;
  margin: 0 0 20px;
}
@media only screen and (max-width:768px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content dl dt {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content dl dt {
    font-size: 16px;
    margin: 0 0 10px;
  }
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content dl dd {
  font-size: 16px;
}
@media only screen and (max-width:768px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content dl dd {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .fullout #workflow-after #beforeafter #beforeafter-content-wrap .beforeafter-content dl dd {
    font-size: 12px;
  }
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap #befor-content {
  background: #e4ecf3;
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap #befor-content h4, .fullout #workflow-after #beforeafter #beforeafter-content-wrap #befor-content dt {
  color: #096bc2;
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap #after-content {
  background: #f7eae9;
}
.fullout #workflow-after #beforeafter #beforeafter-content-wrap #after-content h4, .fullout #workflow-after #beforeafter #beforeafter-content-wrap #after-content dt {
  color: #fd4b46;
}

/*  -------------------------------------
	Acrosweb
  -------------------------------------*/
.acrosweb #features {
  background: #f7f7f7;
}
.acrosweb #features h3 {
  text-align: center;
  font-size: 27px;
  font-weight: bold;
  margin: 0 0 45px;
}
@media only screen and (max-width:768px) {
  .acrosweb #features h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #features h3 {
    font-size: 18px;
    margin: 0 0 30px;
  }
}
.acrosweb #features ul {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.acrosweb #features ul li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  font-size: 20px;
  position: relative;
  padding-left: 2em;
  margin: 0 0 30px;
  line-height: 1.4em;
}
@media only screen and (max-width:768px) {
  .acrosweb #features ul li {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #features ul li {
    font-size: 12px;
    line-height: 1.2em;
  }
}
.acrosweb #features ul li:before {
  content: "";
  background: url(assets/img/iconCheck.svg) no-repeat;
  background-size: contain;
  width: 33px;
  height: 33px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width:768px) {
  .acrosweb #features ul li:before {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #features ul li:before {
    width: 18px;
    height: 18px;
  }
}
.acrosweb #acrosweb-before {
  position: relative;
}
.acrosweb #acrosweb-before:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90px 50vw 0 50vw;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-before:after {
    border-width: 45px 50vw 0 50vw;
  }
}
.acrosweb #acrosweb-before h3 {
  color: #096bc2;
  font-size: 36px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-align: center;
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-before h3 {
    font-size: 18px;
    margin: 0 0 20px;
  }
}
.acrosweb #acrosweb-before .col-sm-12 {
  margin: 0 0 90px;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-before .col-sm-12 {
    margin: 0 0 45px;
  }
}
.acrosweb #acrosweb-before .col-sm-6 {
  text-align: center;
}
.acrosweb #acrosweb-before .col-sm-6:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-before .col-sm-6 {
    margin-bottom: 45px;
  }
}
.acrosweb #acrosweb-before .col-sm-6 img {
  width: 72px;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-before .col-sm-6 img {
    width: 36px;
  }
}
.acrosweb #acrosweb-before .col-sm-6 h4 {
  color: #096bc2;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-before .col-sm-6 h4 {
    margin: 10px 0;
    font-size: 14px;
  }
}
.acrosweb #acrosweb-before .col-sm-6 ul {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  border: 1px solid #096bc2;
  padding: 30px;
  border-radius: 10px;
  color: #096bc2;
}
@media only screen and (max-width:768px) {
  .acrosweb #acrosweb-before .col-sm-6 ul {
    font-size: 13px;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-before .col-sm-6 ul {
    font-size: 12px;
  }
}
.acrosweb #acrosweb-before .col-sm-6 ul li {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
  position: relative;
}
.acrosweb #acrosweb-before .col-sm-6 ul li:before {
  content: "・";
  padding-right: 0.5em;
}
.acrosweb #acrosweb-after {
  background: #f7f7f7;
  padding-top: 180px;
  text-align: center;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after {
    padding-top: 90px;
  }
}
.acrosweb #acrosweb-after h3 {
  text-align: center;
  color: #fd4b46;
  font-size: 36px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after h3 {
    font-size: 18px;
  }
}
.acrosweb #acrosweb-after p {
  font-size: 30px;
  color: #fd4b46;
  font-weight: bold;
  border-bottom: 2px solid #fd4b46;
  display: inline-block;
  margin-top: 45px;
}
@media only screen and (max-width:768px) {
  .acrosweb #acrosweb-after p {
    font-size: 24px;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after p {
    font-size: 18px;
    margin-top: 20px;
  }
}
.acrosweb #acrosweb-after .merit {
  margin-top: 90px;
  background: #fff;
  padding: 60px;
}
@media only screen and (max-width:768px) {
  .acrosweb #acrosweb-after .merit {
    margin-top: 60px;
    padding: 45px;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after .merit {
    margin-top: 45px;
    padding: 30px 15px;
  }
}
.acrosweb #acrosweb-after .merit h4 {
  font-size: 27px;
  font-weight: bold;
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after .merit h4 {
    font-size: 18px;
    margin: 0 0 20px;
  }
}
.acrosweb #acrosweb-after .merit ul {
  font-size: 20px;
  text-align: left;
  width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width:768px) {
  .acrosweb #acrosweb-after .merit ul {
    font-size: 16px;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after .merit ul {
    font-size: 12px;
    width: 100%;
  }
}
.acrosweb #acrosweb-after .merit ul li {
  position: relative;
  padding-left: 2em;
  margin: 0 0 30px;
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after .merit ul li {
    margin: 0 0 15px;
  }
}
.acrosweb #acrosweb-after .merit ul li:Last-child {
  line-height: 1.4em;
  margin: 0;
}
.acrosweb #acrosweb-after .merit ul li:before {
  content: "";
  background: url(assets/img/iconCheck.svg) no-repeat;
  background-size: contain;
  width: 33px;
  height: 33px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width:768px) {
  .acrosweb #acrosweb-after .merit ul li:before {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after .merit ul li:before {
    width: 18px;
    height: 18px;
  }
}
.acrosweb #acrosweb-after .bnr {
  width: 50%;
  margin: 90px auto 0;
}
@media only screen and (max-width:768px) {
  .acrosweb #acrosweb-after .bnr {
    margin-top: 60px;
    width: 80%;
  }
}
@media only screen and (max-width:480px) {
  .acrosweb #acrosweb-after .bnr {
    margin-top: 45px;
    width: 100%;
  }
}

/*  -------------------------------------
	Shataku
  -------------------------------------*/
.shataku #message {
  padding-bottom: 0;
}
@media only screen and (max-width:480px) {
  .shataku #message {
    padding-bottom: 45px;
  }
}
@media only screen and (max-width:991px) {
  .shataku #message h2 {
    font-size: 19px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #message h2 {
    text-align: left;
    font-size: 16px;
  }
  .shataku #message h2 br {
    display: none;
  }
}
@media only screen and (max-width:991px) {
  .shataku #message p {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #message p {
    text-align: left;
  }
}
.shataku #overview {
  text-align: center;
}
@media only screen and (max-width:991px) {
  .shataku #overview {
    padding: 60px 0;
  }
}
@media only screen and (max-width:480px) {
  .shataku #overview {
    padding: 0;
  }
}
.shataku #overview .overview-content {
  background: #F4F2F1;
  padding: 60px;
  border-radius: 20px;
}
@media only screen and (max-width:991px) {
  .shataku #overview .overview-content {
    padding: 30px;
  }
  .shataku #overview .overview-content h2 {
    font-size: 24px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #overview .overview-content h2 {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #overview .overview-content {
    padding: 30px;
  }
}
.shataku #overview .overview-content ul {
  text-align: left;
  font-size: 17px;
  margin: 0;
}
@media only screen and (max-width:991px) {
  .shataku #overview .overview-content ul {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #overview .overview-content ul {
    font-size: 12px;
  }
}
.shataku #overview .overview-content ul li {
  position: relative;
  padding-left: 2.5em;
  margin: 0 0 30px;
  line-height: 1.4em;
}
@media only screen and (max-width:991px) {
  .shataku #overview .overview-content ul li {
    margin: 0 0 15px;
  }
}
.shataku #overview .overview-content ul li:before {
  content: "";
  background: url(assets/img/iconCheck.svg) no-repeat;
  background-size: contain;
  width: 33px;
  height: 33px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width:991px) {
  .shataku #overview .overview-content ul li:before {
    width: 20px;
    height: 20px;
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.shataku #overview .overview-content ul li:last-child {
  margin-bottom: 0;
}
.shataku #overview p {
  font-size: 22px;
  font-weight: bold;
  margin: 30px 0 0;
}
@media only screen and (max-width:991px) {
  .shataku #overview p {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #overview p {
    font-size: 14px;
    margin: 15px 0 0;
  }
}
.shataku #shataku-plan .container-fluid {
  padding: 0;
  overflow: hidden;
  text-align: center;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.shataku #shataku-plan .container-fluid .col-sm-12 {
  padding: 0;
  overflow: hidden;
}
@media only screen and (max-width:991px) {
  .shataku #shataku-plan .container-fluid .lead h2 {
    font-size: 27px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .lead h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.shataku #shataku-plan .container-fluid .lead h2 span {
  display: block;
}
.shataku #shataku-plan .container-fluid .lead h2 span.big {
  font-size: 36px;
  font-family: "Roboto", sans-serif;
  margin: 0;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .lead h2 span.big {
    font-size: 21px;
  }
}
.shataku #shataku-plan .container-fluid .lead h2 span.plan {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #000;
  margin: 0 0 20px;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .lead h2 span.plan {
    margin: 0 0 10px;
  }
}
.shataku #shataku-plan .container-fluid .lead p {
  font-size: 21px;
}
@media only screen and (max-width:991px) {
  .shataku #shataku-plan .container-fluid .lead p {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .lead p {
    font-size: 13px;
  }
}
.shataku #shataku-plan .container-fluid .plan-content {
  position: relative;
  margin-top: 90px;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .plan-content {
    margin-top: 45px;
  }
}
.shataku #shataku-plan .container-fluid .plan-content .plan-content-img {
  width: 50%;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-img {
    width: 100%;
    margin-bottom: 15px;
  }
}
.shataku #shataku-plan .container-fluid .plan-content .plan-content-txt {
  padding: 45px 30px;
  max-width: 40%;
}
@media only screen and (max-width:1200px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt {
    max-width: 50%;
  }
}
@media only screen and (max-width:991px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt {
    padding: 30px 20px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt {
    max-width: 100%;
    padding: 30px 15px;
  }
}
.shataku #shataku-plan .container-fluid .plan-content .plan-content-txt h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 30px;
}
@media only screen and (max-width:991px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt h3 {
    font-size: 18px;
  }
}
.shataku #shataku-plan .container-fluid .plan-content .plan-content-txt ul {
  font-size: 18px;
  text-align: left;
}
@media only screen and (max-width:1200px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt ul {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt ul {
    font-size: 12px;
  }
}
.shataku #shataku-plan .container-fluid .plan-content .plan-content-txt ul li {
  position: relative;
  padding-left: 2.5em;
  margin: 0 0 30px;
  line-height: 1.4em;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt ul li {
    margin: 0 0 15px;
  }
}
.shataku #shataku-plan .container-fluid .plan-content .plan-content-txt ul li:before {
  content: "";
  background: url(assets/img/iconCheck.svg) no-repeat;
  background-size: contain;
  width: 33px;
  height: 33px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width:1200px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt ul li:before {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt ul li:before {
    width: 20px;
    height: 20px;
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.shataku #shataku-plan .container-fluid .plan-content .plan-content-txt .linkBtn {
  margin-top: 0;
}
@media only screen and (max-width:991px) {
  .shataku #shataku-plan .container-fluid .plan-content .plan-content-txt .linkBtn {
    font-size: 16px;
    width: 240px;
    height: 50px;
  }
}
.shataku #shataku-plan .container-fluid #plan-content1 {
  margin: 0 0 90px;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid #plan-content1 {
    margin: 0 0 45px;
  }
}
.shataku #shataku-plan .container-fluid #plan-content1 .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid #plan-content1 .plan-content {
    display: block;
  }
}
.shataku #shataku-plan .container-fluid #plan-content1 .plan-content .plan-content-img {
  z-index: 1;
}
.shataku #shataku-plan .container-fluid #plan-content1 .plan-content-txt {
  background: #edeef8;
  border-radius: 20px;
  margin-right: -60px;
  z-index: 3;
}
@media only screen and (max-width:1200px) {
  .shataku #shataku-plan .container-fluid #plan-content1 .plan-content-txt {
    margin-right: -30px;
  }
}
.shataku #shataku-plan .container-fluid #plan-content2 {
  margin: 0 0 90px;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid #plan-content2 {
    margin: 0 0 45px;
  }
}
.shataku #shataku-plan .container-fluid #plan-content2 .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid #plan-content2 .plan-content {
    display: block;
  }
}
.shataku #shataku-plan .container-fluid #plan-content2 .plan-content .plan-content-img {
  z-index: 1;
}
.shataku #shataku-plan .container-fluid #plan-content2 .plan-content-txt {
  background: #e8f1f9;
  border-radius: 20px;
  margin-left: -60px;
  z-index: 3;
}
@media only screen and (max-width:1200px) {
  .shataku #shataku-plan .container-fluid #plan-content2 .plan-content-txt {
    margin-left: -30px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid #plan-content2 .plan-content-txt {
    margin-left: 0px;
  }
}
.shataku #shataku-plan .container-fluid #plan-content3 {
  margin: 0;
}
.shataku #shataku-plan .container-fluid #plan-content3 .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid #plan-content3 .plan-content {
    display: block;
  }
}
.shataku #shataku-plan .container-fluid #plan-content3 .plan-content .plan-content-img {
  z-index: 1;
}
.shataku #shataku-plan .container-fluid #plan-content3 .plan-content-txt {
  background: #e7f5ee;
  border-radius: 20px;
  margin-right: -60px;
  z-index: 3;
}
@media only screen and (max-width:1200px) {
  .shataku #shataku-plan .container-fluid #plan-content3 .plan-content-txt {
    margin-right: -30px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #shataku-plan .container-fluid #plan-content3 .plan-content-txt {
    margin-right: 0;
  }
}
.shataku #merit {
  background: #F4F2F1;
  text-align: center;
}
@media only screen and (max-width:991px) {
  .shataku #merit .lead h2 {
    font-size: 27px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .lead h2 {
    font-size: 18px;
  }
}
@media only screen and (max-width:1200px) {
  .shataku #merit .lead p {
    font-size: 18px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .lead p {
    font-size: 13px;
  }
}
.shataku #merit .merit-content {
  margin: 0 0 60px;
}
.shataku #merit .merit-content .merit-img {
  position: relative;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.shataku #merit .merit-content .merit-img:hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.shataku #merit .merit-content .merit-img:before {
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 1;
}
.shataku #merit .merit-content .merit-img h3 {
  z-index: 3;
  font-size: 24px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
@media only screen and (max-width:991px) {
  .shataku #merit .merit-content .merit-img h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-content .merit-img h3 {
    font-size: 18px;
  }
}
.shataku #merit .merit-content .merit-txt {
  background: #fff;
  text-align: left;
  padding: 15px;
}
.shataku #merit .merit-content .merit-txt p {
  line-height: 1.4em;
}
@media only screen and (max-width:1200px) {
  .shataku #merit .merit-content .merit-txt p {
    font-size: 13px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-content .merit-txt p {
    font-size: 12px;
  }
}
.shataku #merit .merit-content .merit-txt ul {
  color: #fd4b46;
  margin: 15px auto 0;
  text-align: center;
}
.shataku #merit .merit-content .merit-txt ul li {
  border: 1px solid #fd4b46;
  border-radius: 20px;
  display: inline-block;
  padding: 2px 20px;
}
@media only screen and (max-width:1200px) {
  .shataku #merit .merit-content .merit-txt ul li {
    font-size: 13px;
    padding: 1px 10px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-content .merit-txt ul li {
    font-size: 12px;
  }
}
.shataku #merit #merit1 .merit-img:after {
  background: url(assets/img/shataku-merit1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.shataku #merit #merit2 .merit-img:after {
  background: url(assets/img/shataku-merit2.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.shataku #merit #merit3 .merit-img:after {
  background: url(assets/img/shataku-merit3.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.shataku #merit #merit4 {
  margin-bottom: 0;
}
.shataku #merit #merit4 .merit-img:after {
  background: url(assets/img/shataku-merit4.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.shataku #merit #merit5 {
  margin-bottom: 0;
}
.shataku #merit #merit5 .merit-img:after {
  background: url(assets/img/shataku-merit5.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.shataku #merit .merit-desc {
  background: #fff;
  padding: 60px 45px;
  margin: 90px 0;
  position: relative;
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc {
    margin: 45px 0;
    padding: 30px 15px;
  }
}
.shataku #merit .merit-desc:before {
  font-family: "Roboto", sans-serif;
  font-size: 90px;
  font-weight: 500;
  position: absolute;
  left: 30px;
  top: 0px;
  color: #b5b5b5;
}
@media only screen and (max-width:1200px) {
  .shataku #merit .merit-desc:before {
    font-size: 70px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc:before {
    font-size: 45px;
    line-height: 1em;
    top: 15px;
    left: 15px;
  }
}
.shataku #merit .merit-desc h3 {
  font-weight: bold;
  font-size: 30px;
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc h3 {
    font-size: 18px;
    margin: 0 0 20px;
  }
}
.shataku #merit .merit-desc .merit-desc-content {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc .merit-desc-content {
    display: block;
    margin: 0 0 20px;
  }
}
.shataku #merit .merit-desc .merit-desc-content .merit-desc-content-txt {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
  text-align: left;
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc .merit-desc-content .merit-desc-content-txt {
    max-width: 100%;
  }
}
.shataku #merit .merit-desc .merit-desc-content .merit-desc-content-txt p {
  font-size: 18px;
  line-height: 2em;
  margin: 0;
}
@media only screen and (max-width:1200px) {
  .shataku #merit .merit-desc .merit-desc-content .merit-desc-content-txt p {
    font-size: 15px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc .merit-desc-content .merit-desc-content-txt p {
    font-size: 12px;
  }
}
.shataku #merit .merit-desc .merit-desc-content .merit-desc-content-img {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc .merit-desc-content .merit-desc-content-img {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.shataku #merit .merit-desc .client-merit {
  background: #F4F2F1;
  padding: 30px;
  width: 90%;
  margin: 0 auto;
  border-radius: 10px;
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc .client-merit {
    width: 100%;
    padding: 15px;
  }
}
.shataku #merit .merit-desc .client-merit h4 {
  color: #fd4b46;
  font-size: 24px;
  margin: 0 0 15px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width:1200px) {
  .shataku #merit .merit-desc .client-merit h4 {
    font-size: 21px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc .client-merit h4 {
    font-size: 18px;
  }
}
.shataku #merit .merit-desc .client-merit h4:before {
  content: "";
  background: url(assets/img/iconThumds.svg) no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  position: absolute;
  left: -40px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc .client-merit h4:before {
    width: 20px;
    height: 20px;
    left: -30px;
  }
}
.shataku #merit .merit-desc .client-merit p {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}
@media only screen and (max-width:991px) {
  .shataku #merit .merit-desc .client-merit p {
    font-size: 14px;
    text-align: left;
  }
  .shataku #merit .merit-desc .client-merit p br {
    display: none;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .merit-desc .client-merit p {
    font-size: 12px;
    line-height: 1.6em;
  }
}
.shataku #merit #merit-desc1:before {
  content: "1";
}
.shataku #merit #merit-desc2:before {
  content: "2";
}
.shataku #merit #merit-desc3:before {
  content: "3";
}
.shataku #merit #merit-desc4:before {
  content: "4,5";
}
.shataku #merit .plan-chart table {
  width: 100%;
}
.shataku #merit .plan-chart table thead {
  background: #e5e5e5;
}
.shataku #merit .plan-chart table tbody {
  background: #fff;
}
.shataku #merit .plan-chart table tr th, .shataku #merit .plan-chart table tr td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  color: #444;
}
@media only screen and (max-width:1200px) {
  .shataku #merit .plan-chart table tr th, .shataku #merit .plan-chart table tr td {
    font-size: 12px;
  }
}
@media only screen and (max-width:480px) {
  .shataku #merit .plan-chart table tr th, .shataku #merit .plan-chart table tr td {
    font-size: 10px;
    line-height: 1.4em;
  }
}

/*  -------------------------------------
	Mediation
  -------------------------------------*/
.mediation #business-content {
  background: #F4F2F1;
  text-align: center;
}
.mediation #business-content .business-content-box {
  margin-bottom: 30px;
}
.mediation #business-content .business-content-box .inner {
  background: #fff;
  padding: 30px 20px;
  border-radius: 15px;
  min-height: 200px;
}
@media only screen and (max-width:480px) {
  .mediation #business-content .business-content-box .inner {
    min-height: auto;
  }
}
.mediation #business-content .business-content-box .inner h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 15px;
}
@media only screen and (max-width:991px) {
  .mediation #business-content .business-content-box .inner h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width:480px) {
  .mediation #business-content .business-content-box .inner h3 {
    font-size: 18px;
  }
}
.mediation #business-content .business-content-box .inner p {
  text-align: left;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}
@media only screen and (max-width:480px) {
  .mediation #business-content .business-content-box .inner p {
    font-size: 12px;
  }
}
.mediation #mediation-desc {
  text-align: center;
}
.mediation #mediation-desc h2 {
  margin: 0 0 60px;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc h2 {
    margin: 0 0 30px;
  }
}
.mediation #mediation-desc .mediation-desc-content {
  border-bottom: 1px solid #ccc;
  margin: 0 0 90px;
  padding-bottom: 90px;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc .mediation-desc-content {
    margin: 0 0 45px;
    padding-bottom: 45px;
  }
}
.mediation #mediation-desc .mediation-desc-content:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.mediation #mediation-desc h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc h3 {
    font-size: 16px;
    margin: 0 0 20px;
  }
}
.mediation #mediation-desc img {
  width: 100%;
  margin-bottom: 45px;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc img {
    margin-bottom: 20px;
  }
}
.mediation #mediation-desc p {
  font-size: 16px;
  text-align: left;
  margin: 0;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc p {
    font-size: 12px;
  }
}
.mediation #mediation-desc .phase {
  margin: 0 0 90px;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc .phase {
    margin: 0 0 45px;
  }
}
.mediation #mediation-desc .phase:last-child {
  margin: 0;
}
.mediation #mediation-desc .phase h4 {
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc .phase h4 {
    font-size: 16px;
    margin: 0 0 30px;
  }
}
.mediation #mediation-desc .phase h4 span {
  color: #fd4b46;
  font-family: "Roboto", sans-serif;
  display: block;
  margin-bottom: 15px;
}
.mediation #mediation-desc .option {
  margin: 0 0 60px;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc .option {
    margin: 0 0 45px;
  }
}
.mediation #mediation-desc .option:last-child {
  margin: 0;
}
.mediation #mediation-desc .option h4 {
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc .option h4 {
    font-size: 18px;
    margin: 0 0 20px;
  }
}
.mediation #mediation-desc .option .inner {
  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;
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc .option .inner {
    display: block;
  }
}
.mediation #mediation-desc .option .inner .option-img {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 30%;
}
@media only screen and (max-width:768px) {
  .mediation #mediation-desc .option .inner .option-img {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc .option .inner .option-img {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.mediation #mediation-desc .option .inner .option-img img {
  margin: 0;
}
.mediation #mediation-desc .option .inner .option-txt {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  max-width: 70%;
  padding-left: 25px;
}
@media only screen and (max-width:768px) {
  .mediation #mediation-desc .option .inner .option-txt {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .mediation #mediation-desc .option .inner .option-txt p {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .mediation #mediation-desc .option .inner .option-txt {
    max-width: 100%;
    padding-left: 0;
  }
}

/*  -------------------------------------
	Recruit
  -------------------------------------*/
@media only screen and (max-width:991px) {
  .recruit #message p {
    font-size: 16px;
  }
}
@media only screen and (max-width:768px) {
  .recruit #message p {
    font-size: 14px;
  }
}
.recruit #recruit-desc {
  background: #F4F2F1;
}
.recruit #recruit-desc h3 {
  display: inline-block;
  margin: 0 0 30px;
  font-weight: bold;
  position: relative;
  padding-left: 30px;
}
@media only screen and (max-width:768px) {
  .recruit #recruit-desc h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width:480px) {
  .recruit #recruit-desc h3 {
    font-size: 18px;
    padding-left: 20px;
    margin: 0 0 15px;
  }
}
.recruit #recruit-desc h3:before {
  content: "";
  height: 2px;
  width: 20px;
  background: #000;
  position: absolute;
  left: 0;
  top: 50%;
}
@media only screen and (max-width:480px) {
  .recruit #recruit-desc h3:before {
    width: 10px;
  }
}
.recruit #recruit-desc table {
  width: 100%;
  margin: 0 0 90px;
}
@media only screen and (max-width:480px) {
  .recruit #recruit-desc table {
    margin: 0 0 45px;
  }
}
.recruit #recruit-desc table:last-child {
  margin: 0;
}
.recruit #recruit-desc table tr th, .recruit #recruit-desc table tr td {
  border: 1px solid #ccc;
  text-align: left;
  padding: 10px;
  font-weight: bold;
  color: #444;
}
@media only screen and (max-width:768px) {
  .recruit #recruit-desc table tr th, .recruit #recruit-desc table tr td {
    font-size: 12px;
  }
}
@media only screen and (max-width:480px) {
  .recruit #recruit-desc table tr th, .recruit #recruit-desc table tr td {
    font-size: 10px;
  }
}
.recruit #recruit-desc table tr th {
  background: #e5e5e5;
  width: 20%;
}
.recruit #recruit-desc table tr td {
  background: #fff;
  width: 80%;
}

/*  -------------------------------------
	Sitepolicy,Privacy
  -------------------------------------*/
.sitepolicy #sitepolicy-content h3, .privacy #sitepolicy-content h3, .sitemap #sitepolicy-content h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 30px 0 20px;
}
@media only screen and (max-width:991px) {
  .sitepolicy #sitepolicy-content h3, .privacy #sitepolicy-content h3, .sitemap #sitepolicy-content h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width:480px) {
  .sitepolicy #sitepolicy-content h3, .privacy #sitepolicy-content h3, .sitemap #sitepolicy-content h3 {
    font-size: 18px;
    margin: 30px 0 10px;
  }
}
.sitepolicy #sitepolicy-content h3:first-child, .privacy #sitepolicy-content h3:first-child, .sitemap #sitepolicy-content h3:first-child {
  margin-top: 0;
}
.sitepolicy #sitepolicy-content p, .privacy #sitepolicy-content p, .sitemap #sitepolicy-content p {
  font-size: 16px;
  margin: 0;
}
@media only screen and (max-width:991px) {
  .sitepolicy #sitepolicy-content p, .privacy #sitepolicy-content p, .sitemap #sitepolicy-content p {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .sitepolicy #sitepolicy-content p, .privacy #sitepolicy-content p, .sitemap #sitepolicy-content p {
    font-size: 12px;
  }
}
.sitepolicy #sitepolicy-content ul, .privacy #sitepolicy-content ul, .sitemap #sitepolicy-content ul {
  margin: 1em 0;
  font-size: 16px;
}
@media only screen and (max-width:991px) {
  .sitepolicy #sitepolicy-content ul, .privacy #sitepolicy-content ul, .sitemap #sitepolicy-content ul {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .sitepolicy #sitepolicy-content ul, .privacy #sitepolicy-content ul, .sitemap #sitepolicy-content ul {
    font-size: 12px;
  }
}

.privacy .lead {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 2em 0;
  margin-bottom: 90px;
}
@media only screen and (max-width:991px) {
  .privacy .lead {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width:480px) {
  .privacy .lead {
    margin-bottom: 45px;
  }
}
.privacy .lead p {
  line-height: 2em;
}
.privacy .privacy-content {
  padding: 30px 0;
  margin: 0 0 30px;
}
@media only screen and (max-width:991px) {
  .privacy .privacy-content {
    padding: 20px 0;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width:480px) {
  .privacy .privacy-content {
    padding: 15px 0;
    margin: 0 0 15px;
  }
}
.privacy .privacy-content:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.privacy .privacy-content h4 {
  font-weight: bold;
  margin: 0 0 15px;
  border-bottom: 1px solid #000;
  padding: 0 0 15px;
}
.privacy .privacy-content ol {
  list-style: decimal;
  list-style-position: inside;
  margin: 1em 0;
  font-size: 16px;
}
@media only screen and (max-width:991px) {
  .privacy .privacy-content ol {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .privacy .privacy-content ol {
    font-size: 12px;
  }
}

.sitemap #sitepolicy-content ul {
  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;
}
@media only screen and (max-width:768px) {
  .sitemap #sitepolicy-content ul {
    display: block;
  }
}
.sitemap #sitepolicy-content ul li {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
  line-height: 2.4em;
}
@media only screen and (max-width:768px) {
  .sitemap #sitepolicy-content ul li {
    max-width: 100%;
  }
}
.sitemap #sitepolicy-content ul li a {
  display: block;
}

.application #sitepolicy-content .lead {
  font-size: 18px;
  text-align: center;
  margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
  .application #sitepolicy-content .lead {
    font-size: 14px;
    text-align: left;
  }
}
.application #sitepolicy-content .application-content {
  margin: 0 0 90px;
}
.application #sitepolicy-content .application-content:last-child {
  margin: 0;
}
@media only screen and (max-width:480px) {
  .application #sitepolicy-content .application-content {
    margin: 0 0 45px;
  }
}
.application #sitepolicy-content .application-content h2 {
  font-size: 24px;
  margin: 0 0 30px;
}
@media only screen and (max-width:480px) {
  .application #sitepolicy-content .application-content h2 {
    font-size: 18px;
    margin: 0 0 20px;
  }
}
.application #sitepolicy-content .application-content dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
.application #sitepolicy-content .application-content dl dt img {
  height: 30px;
}
@media only screen and (max-width:480px) {
  .application #sitepolicy-content .application-content dl dt img {
    height: 20px;
  }
}
.application #sitepolicy-content .application-content dl dd {
  font-size: 16px;
  padding-left: 1em;
}
@media only screen and (max-width:480px) {
  .application #sitepolicy-content .application-content dl dd {
    font-size: 12px;
  }
}

/*  -------------------------------------
	Single,Archive
  -------------------------------------*/
.single #single-content .post-head, .archive #single-content .post-head, .search #single-content .post-head, .all-news #single-content .post-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single #single-content .post-head .post-date, .archive #single-content .post-head .post-date, .search #single-content .post-head .post-date, .all-news #single-content .post-head .post-date {
  font-size: 13px;
  color: #999;
}
@media only screen and (max-width:480px) {
  .single #single-content .post-head .post-date, .archive #single-content .post-head .post-date, .search #single-content .post-head .post-date, .all-news #single-content .post-head .post-date {
    font-size: 11px;
  }
}
.single #single-content .post-head .post-cat, .archive #single-content .post-head .post-cat, .search #single-content .post-head .post-cat, .all-news #single-content .post-head .post-cat {
  margin-left: 1em;
}
.single #single-content .post-head .post-cat a, .archive #single-content .post-head .post-cat a, .search #single-content .post-head .post-cat a, .all-news #single-content .post-head .post-cat a {
  color: #fff !important;
  background: #fd4b46;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 700;
}
@media only screen and (max-width:480px) {
  .single #single-content .post-head .post-cat a, .archive #single-content .post-head .post-cat a, .search #single-content .post-head .post-cat a, .all-news #single-content .post-head .post-cat a {
    font-size: 10px;
    padding: 3px 5px;
  }
}
.single #single-content h2, .archive #single-content h2, .search #single-content h2, .all-news #single-content h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0 30px;
}
@media only screen and (max-width:768px) {
  .single #single-content h2, .archive #single-content h2, .search #single-content h2, .all-news #single-content h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width:480px) {
  .single #single-content h2, .archive #single-content h2, .search #single-content h2, .all-news #single-content h2 {
    font-size: 18px;
    margin: 10px 0 15px;
  }
}
@media only screen and (max-width:768px) {
  .single #single-content .entry-content p, .archive #single-content .entry-content p, .search #single-content .entry-content p, .all-news #single-content .entry-content p {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .single #single-content .entry-content p, .archive #single-content .entry-content p, .search #single-content .entry-content p, .all-news #single-content .entry-content p {
    font-size: 12px;
  }
}
.single #single-content .entry-content img, .archive #single-content .entry-content img, .search #single-content .entry-content img, .all-news #single-content .entry-content img {
  width: 100%;
  margin: 1em 0;
}

.archive .news-ttl, .all-news .news-ttl {
  margin-bottom: 45px;
  border-bottom: 1px solid #000;
}
.archive .news-ttl dl dd, .all-news .news-ttl dl dd {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}
@media only screen and (max-width:768px) {
  .archive .news-ttl dl dd, .all-news .news-ttl dl dd {
    font-size: 16px;
  }
}
@media only screen and (max-width:480px) {
  .archive .news-ttl dl dd, .all-news .news-ttl dl dd {
    font-size: 14px;
  }
}

.tax-railroad #single-content .post-head .post-cat, .tax-area #single-content .post-head .post-cat {
  margin-left: 0;
}
.tax-railroad #single-content .post-head .post-cat a, .tax-area #single-content .post-head .post-cat a {
  margin-right: 0.5em;
}

/*  -------------------------------------
	Sidebar
  -------------------------------------*/
#sidebar h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fd4b46;
}
@media only screen and (max-width:480px) {
  #sidebar h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width:768px) {
  #sidebar ul {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  #sidebar ul {
    font-size: 12px;
  }
}

/*  -------------------------------------
	Contact
  -------------------------------------*/
.contact #contact-content dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 3em;
}
@media only screen and (max-width:768px) {
  .contact #contact-content dl {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .contact #contact-content dl {
    display: block;
    font-size: 12px;
  }
}
.contact #contact-content dl dt {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
  margin: 0;
}
@media only screen and (max-width:768px) {
  .contact #contact-content dl dt {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    max-width: 30%;
  }
}
@media only screen and (max-width:480px) {
  .contact #contact-content dl dt {
    max-width: 100%;
    margin: 0 0 5px;
  }
}
.contact #contact-content dl dd {
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  max-width: 80%;
  margin: 0;
  font-weight: normal;
}
@media only screen and (max-width:768px) {
  .contact #contact-content dl dd {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    max-width: 70%;
  }
}
@media only screen and (max-width:480px) {
  .contact #contact-content dl dd {
    max-width: 100%;
  }
}
.contact #contact-content dl dd input {
  padding: 10px;
  width: 100%;
}
.contact #contact-content dl dd input[type=radio] {
  padding: 0;
  width: auto;
  margin: 0 5px 0 0;
}
.contact #contact-content dl dd span {
  display: block;
}
.contact #contact-content dl dd span label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  font-weight: normal;
}
.contact #contact-content dl dd textarea {
  width: 100%;
  height: 300px;
  padding: 10px;
}
@media only screen and (max-width:480px) {
  .contact #contact-content dl dd textarea {
    height: 200px;
  }
}
.contact #contact-content #submit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact #contact-content #submit-wrap input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  background: #e60012;
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  height: 60px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.08em;
  font-weight: bold;
  margin: 60px 10px 0;
}
@media only screen and (max-width:991px) {
  .contact #contact-content #submit-wrap input[type=submit] {
    font-size: 16px;
    width: 240px;
    height: 50px;
  }
}
@media only screen and (max-width:480px) {
  .contact #contact-content #submit-wrap input[type=submit] {
    margin: 30px auto 0;
  }
}
.contact #contact-content #submit-wrap input[type=submit]:hover {
  opacity: 0.6;
  color: #fff !important;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}

/*  -------------------------------------
	post-type-archive-case
  -------------------------------------*/
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study {
    padding-top: 0;
  }
}
.post-type-archive-case #case-study #case-content-wrap .case-content {
  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: 0 0 90px;
}
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study #case-content-wrap .case-content {
    display: block;
    margin: 0 0 60px;
  }
}
.post-type-archive-case #case-study #case-content-wrap .case-content:last-child {
  margin-bottom: 0;
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-img, .post-type-archive-case #case-study #case-content-wrap .case-content .case-txt {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study #case-content-wrap .case-content .case-img, .post-type-archive-case #case-study #case-content-wrap .case-content .case-txt {
    max-width: 100%;
  }
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-img img {
  width: 100%;
  margin-bottom: 20px;
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof {
  background: #F4F2F1;
  padding: 20px;
}
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof {
    margin: 0 0 30px;
  }
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof h3 {
    font-size: 18px;
    margin: 0 0 5px;
  }
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof p {
  font-size: 18px;
  margin: 0 0 10px;
  line-height: 1em;
}
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof p {
    font-size: 14px;
    margin: 0 0 5px;
  }
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof dl {
    font-size: 14px;
  }
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-img .prof dl dt {
  margin-right: 1em;
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-txt dl {
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-txt dl:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.post-type-archive-case #case-study #case-content-wrap .case-content .case-txt dl dt {
  font-size: 18px;
  margin-bottom: 10px;
}
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study #case-content-wrap .case-content .case-txt dl dt {
    font-size: 14px;
  }
}
@media only screen and (max-width:480px) {
  .post-type-archive-case #case-study #case-content-wrap .case-content .case-txt dl dd {
    font-size: 12px;
  }
}

/*  -------------------------------------
	partner
  -------------------------------------*/
.partner #message {
  text-align: center;
  font-size: 24px;
}
.partner #message h2 {
  line-height: 1.4em;
}
@media only screen and (max-width:480px) {
  .partner #message h2 br {
    display: none;
  }
}
.partner #message svg a {
  display: block !important;
}
.partner #partner-content {
  background: #F4F2F1;
}
.partner #partner-content .partner-content-box {
  margin: 90px 0;
  background: #fff;
  border-radius: 20px;
  padding: 90px 60px;
}
@media only screen and (max-width:768px) {
  .partner #partner-content .partner-content-box {
    padding: 70px 45px;
  }
}
@media only screen and (max-width:480px) {
  .partner #partner-content .partner-content-box {
    padding: 60px 30px;
    margin: 45px 0;
  }
}
.partner #partner-content .partner-content-box:first-child {
  margin-top: 0;
}
.partner #partner-content .partner-content-box:last-child {
  margin-bottom: 0;
}
.partner #partner-content .partner-content-box h3 {
  text-align: center;
  font-weight: bold;
  margin: 0 0 45px;
}
@media only screen and (max-width:768px) {
  .partner #partner-content .partner-content-box h3 {
    font-size: 21px;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width:480px) {
  .partner #partner-content .partner-content-box h3 {
    font-size: 18px;
    margin: 0 0 20px;
  }
}
.partner #partner-content .partner-content-box ul {
  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: 0;
}
@media only screen and (max-width:480px) {
  .partner #partner-content .partner-content-box ul {
    display: block;
  }
}
.partner #partner-content .partner-content-box ul li {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
  line-height: 1.4em;
  margin-bottom: 1em;
}
@media only screen and (max-width:768px) {
  .partner #partner-content .partner-content-box ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width:480px) {
  .partner #partner-content .partner-content-box ul li {
    max-width: 100%;
    font-size: 12px;
  }
}
.partner #partner-content .partner-content-box ul li:nth-last-child(2) {
  margin-bottom: 0;
}
@media only screen and (max-width:480px) {
  .partner #partner-content .partner-content-box ul li:nth-last-child(2) {
    margin-bottom: 1em;
  }
}
.partner #partner-content .partner-content-box ul li:last-child {
  margin-bottom: 0;
}
.partner #partner-content #hokkaido-partner h3 {
  color: #01b4ed;
}
.partner #partner-content #hokuriku-partner h3 {
  color: #b18247;
}
.partner #partner-content #koshinetsu-partner h3 {
  color: #e4007f;
}
.partner #partner-content #kanto-partner h3 {
  color: #f7b249;
}
.partner #partner-content #tokai-partner h3 {
  color: #dadf00;
}
.partner #partner-content #kinki-partner h3 {
  color: #b9a695;
}
.partner #partner-content #chugoku-partner h3 {
  color: #84519d;
}
.partner #partner-content #shikoku-partner h3 {
  color: #14ae67;
}
.partner #partner-content #kyushu-partner h3 {
  color: #ea609e;
}

#totop {
  position: fixed;
  bottom: 15px;
  right: 15px;
}

#totop a {
  display: block;
  width: 60px;
  height: 60px;
  background: url(assets/img/totop.svg) no-repeat left top;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width:480px) {
  #totop a {
    width: 30px;
    height: 30px;
  }
}

/* 5.0 drawer
--------------------------------------------------------------*/
h1 {
  position: relative;
  text-align: center;
  font-family: "Vollkorn", serif;
}

.button_container {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 26px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.button_container:hover {
  opacity: 0.7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #000;
}
.button_container.active .middle {
  opacity: 0;
  background: #000;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #000;
}
.button_container span {
  background: #000;
  border: none;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: #f3f5f6;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
  z-index: 10;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
  text-align: left;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.overlay.open li:nth-of-type(8) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.overlay.open li:nth-of-type(9) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.overlay.open li:nth-of-type(10) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.overlay.open li:nth-of-type(11) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
.overlay.open li:nth-of-type(12) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.overlay.open li:nth-of-type(13) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
.overlay.open li:nth-of-type(14) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.overlay nav {
  position: relative;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 18px;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 300;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  position: relative;
  opacity: 0;
  padding: 1.5% 0;
  font-weight: bold;
  line-height: 2em;
}
.overlay ul li ul {
  display: block;
  margin-top: 0.25em;
  margin-bottom: 1em;
}
.overlay ul li ul li {
  line-height: 1em;
  position: relative;
  margin-bottom: 5px;
  padding-left: 1em;
  padding-bottom: 0;
}
.overlay ul li ul li:before {
  content: "-";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.overlay ul li a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  color: #000 !important;
  font-size: 14px;
  letter-spacing: 0.15em;
}
.overlay ul li a span {
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  width: 110px;
  display: inline-block;
  font-size: 18px;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/* sp   --------------------------------*/
@media screen and (max-width: 667px) {
  .overlay ul {
    font-size: 14px;
  }

  .button_container {
    width: 24px;
    right: 1em;
  }

  .button_container.active .top {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
            transform: translateY(8px) translateX(0) rotate(45deg);
  }

  .button_container.active .bottom {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
            transform: translateY(-8px) translateX(0) rotate(-45deg);
  }

  .button_container span:nth-of-type(2) {
    top: 8px;
  }

  .button_container span:nth-of-type(3) {
    top: 16px;
  }
}