@charset "UTF-8";

/* Magnific Popup CSS */
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;filter: alpha(opacity=80); }.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden; }.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle; }.mfp-align-top .mfp-container:before {display: none; }.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045; }.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {width: 100%;cursor: auto; }.mfp-ajax-cur {cursor: progress; }.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out; }.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in; }.mfp-auto-cursor .mfp-content {cursor: auto; }.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none; }.mfp-loading.mfp-figure {display: none; }.mfp-hide {display: none !important; }.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044; }.mfp-preloader a {color: #CCC; }.mfp-preloader a:hover {color: #FFF; }.mfp-s-ready .mfp-preloader {display: none; }.mfp-s-error .mfp-content {display: none; }button.mfp-close,button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;-webkit-box-shadow: none;box-shadow: none; }button::-moz-focus-inner {padding: 0;border: 0; }.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;filter: alpha(opacity=65);padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace; }.mfp-close:hover,.mfp-close:focus {opacity: 1;filter: alpha(opacity=100); }.mfp-close:active {top: 1px; }.mfp-close-btn-in .mfp-close {color: #333; }.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%; }.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap; }.mfp-arrow {position: absolute;opacity: 0.65;filter: alpha(opacity=65);margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent; }.mfp-arrow:active {margin-top: -54px; }.mfp-arrow:hover,.mfp-arrow:focus {opacity: 1;filter: alpha(opacity=100); }.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent; }.mfp-arrow:after,.mfp-arrow .mfp-a {border-top-width: 13px;border-bottom-width: 13px;top: 8px; }.mfp-arrow:before,.mfp-arrow .mfp-b {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7; }.mfp-arrow-left {left: 0; }.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {border-right: 17px solid #FFF;margin-left: 31px; }.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {margin-left: 25px;border-right: 27px solid #3F3F3F; }.mfp-arrow-right {right: 0; }.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {border-left: 17px solid #FFF;margin-left: 39px; }.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {border-left: 27px solid #3F3F3F; }.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px; }.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px; }.mfp-iframe-holder .mfp-close {top: -40px; }.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%; }.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000; }/* Main image in popup */img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto; }/* The shadow behind the image */.mfp-figure {line-height: 0; }.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444; }.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px; }.mfp-figure figure {margin: 0; }.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto; }.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px; }.mfp-image-holder .mfp-content {max-width: 100%; }.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; }@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {/*** Remove all paddings around the image on small screen*/.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0; }.mfp-img-mobile img.mfp-img {padding: 0; }.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0; }.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px; }.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; }.mfp-img-mobile .mfp-counter {right: 5px;top: 3px; }.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0; } }@media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75); }.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0; }.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%; }.mfp-container {padding-left: 6px;padding-right: 6px; } }.mfp-ie7 .mfp-img {padding: 0; }.mfp-ie7 .mfp-bottom-bar {width: 600px;left: 50%;margin-left: -300px;margin-top: 5px;padding-bottom: 5px; }.mfp-ie7 .mfp-container {padding: 0; }.mfp-ie7 .mfp-content {padding-top: 44px; }.mfp-ie7 .mfp-close {top: 0;right: 0;padding-top: 0; }

* {
  font-family:  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Hiragino Sans", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 14px;
  color: #4C4C4C;
  line-height: 2;
}
input {
display: none;
}
.mada {
  display: inline-block !important;
  pointer-events: none !important;
  color: #808080;
}
.cp_fullscreenmenu .menu ul li a.mada {
  color: #808080;
}
ul.list li a.mada {
    color: #bbbbbb;
}
.text-gray {
    color: #4C4C4C !important;
}
table, tbody {
    display: block;
    width: 100%;
    margin: 0;
}
.hiragino {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
}
.yugothic {
    font-family: "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana !important;
}
.fa {
    font-family: "FontAwesome" !important;
}
section > .container, section > .container-fluid {
    padding-top: 90px;
    padding-bottom: 90px;
}
.btn-default.btn-theme-colored {
    color: #C5062C;
    font-weight: 500;
    background-color: #fff;
    border: 2px solid #C5062C;
    margin-top: 15px;
    letter-spacing: 0.15em;
}
.bg-theme-colored {
    background-color: #C5062C !important;
}
.icon-box .icon.icon-border-effect::after {
    -webkit-box-shadow: #C5062C;
    -moz-box-shadow: #C5062C;
    box-shadow: 0 0 0 3px #C5062C;
}
.btn-default.btn-theme-colored:hover,
.btn-default.btn-theme-colored:active,
.btn-default.btn-theme-colored:focus {
    background-color: #C5062C;
    border-color: #C5062C;
    color: #fff;
}
.line-top-right:after {
    background: #fff !important;
}
section#home h1 {
    position: absolute;
    z-index: -1;
    display: block;
    text-align: center;
    width: 100%;
    top: 50vh;
    margin: 0;
}
.ancer {
  position: absolute;
  margin-top: -80px;
  padding-top: 80px;
  width: 100%;
}
/*menu*/
.header:after {
    background: #fff;
    box-shadow: 0px 1px 5px #ccc;
    position: fixed;
    content: "";
    width: 100%;
    height: 80px;
    z-index: -1;
    opacity: 0;
}
.header.scroll {
    background: #fff;
    box-shadow: 0px 1px 5px #ccc;
    position: fixed;
    content: "";
    width: 100%;
    height: 80px;
    z-index: 2;
    opacity: 1;
    transition: .3s;
}
.cp_fullscreenmenu .menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(to top, rgba(197, 6, 44, .8) 0%, rgba(197, 6, 44, .8) 100%);
  background-color: rgba(39, 39, 39, 0.9);
  background-image: none;
}
.header {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
div#sns {
    margin-left: auto;
}
.cp_fullscreenmenu {
    margin-left: auto;
}
.cp_fullscreenmenu .menu label {
position: absolute;
top: 23px;
right: 44px;
width: 30px;
height: 30px;
cursor: pointer;
background-size: 100%;
}
.cp_fullscreenmenu .menu .menucont {
    position: relative;
    top: 50%;
    margin-top: 0;
    padding-bottom: 0;
    text-align: center;
    transform: translateY(-45%);
}
.cp_fullscreenmenu .menu ul {
margin: 0 auto;
padding: 0;
list-style: none;
}
.cp_fullscreenmenu .menu ul li,
.cp_fullscreenmenu .menu ul li a {
transition: all 0.3s ease;
text-align: center;
}
.cp_fullscreenmenu .menu ul li a {
    display: inline-block;
    padding: 15px 0 5px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.15em;
}
.cp_fullscreenmenu .menu ul li a:hover {
  color: #fff;
  position: relative;
}
.cp_fullscreenmenu .menu ul li a:after {
    content: "";
    width: 0%;
    transition: 0.5s;
}
.cp_fullscreenmenu .menu ul li a:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    display: block;
    bottom: 0;
    left: 0;
    background: #fff;
}

/*開閉の動作*/
.cp_fullscreenmenu .menuEffects {
visibility: hidden;
transition: opacity 0.5s, visibility 0.5s;
opacity: 0;
}
.cp_fullscreenmenu .menuEffects ul {
transition: all 0.5s;
transform: translateY(0%);
}
.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects {
visibility: visible;
transition: 0.3s;
opacity: 1;
}
.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects ul {
opacity: 1;
}
.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open {
background-color: transparent;
}
.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:before {
position: absolute;
z-index: 1;
top: 0;
right: 0;
content: '';
transform: rotate(45deg);
background-color: #ffffff;
}
.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:after {
position: relative;
z-index: 1;
top: 0;
right: 0;
content: '';
transform: rotate(-45deg);
background-color: #ffffff;
}
.cp_fullscreenmenu #menuToggle:not(:checked) ~ .menuEffects ul {
transform: translateY(-30%);
}
/*ハンバーガー*/
.cp_fullscreenmenu .hamburger,
div#sns,
div#logo {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    width: 90px;
    height: 80px;
    padding: 30px;
    cursor: pointer;
    margin-bottom: 0;
}
div#sns a,
 div#logo a {
    display: block;
}
div#sns img,
 div#logo img {
    display: block;
    width: 100%;
}
div#sns {
    padding: 25px 0 25px 60px;
}
div#logo {
    width: 220px;
    padding: 25px 30px;
}
.cp_fullscreenmenu .open,
.cp_fullscreenmenu .open:before,
.cp_fullscreenmenu .open:after {
    position: relative;
    display: block;
    width: 30px;
    height: 2px;
    background-color: #C5062C;
    transition: all 0.3s ease;
}
.cp_fullscreenmenu .open {
top: 8px;
cursor: pointer;
}
.cp_fullscreenmenu .open:before {
top: -9px;
content: '';
transform: rotate(0deg);
}
.cp_fullscreenmenu .open:after {
top: 8px;
content: '';
}


/* TOP */
span.asuta {
    color: #c50e2c;
    margin-right: 3px;
}
section#home {
    min-height: 900px;
    background-repeat: no-repeat;
}
.top00_bg {
    background: url(../img/bg_mesh.png),url(../img/wind_01.jpg),url(../img/wind_02.jpg);
    background-position: center,bottom 40% left 0,top 35% right 0;
    background-repeat: repeat,no-repeat,no-repeat;
    background-size: 100%,51%,25%;
}
.top03.skill {
    background: url(../img/subtitle_service-skill.png),url(../img/bg_mesh.png),url(../img/wind_03_1.jpg),url(../img/wind_03.jpg);
    background-position: left 90px top 95px,center,top 10% right 0,bottom 0 left 0;
    background-repeat: no-repeat,repeat,no-repeat,no-repeat;
    background-size: 15px,100%,30%,25%;
}
.top05.company {
    background: url(../img/subtitle_company.png),url(../img/bg_mesh.png),url(../img/wind_05.jpg),url(../img/wind_06.jpg);
    background-position: left 90px top 95px,center,top 0 right 0,bottom 0 left 0;
    background-repeat: no-repeat,repeat,no-repeat,no-repeat;
    background-size: 15px,100%,25%,25%;
}
.top00.top01.news {
    background: url(../img/subtitle_news.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 90px top 90px;
}
.top01.about {
    background: url(../img/subtitle_about-us.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 90px top 5px;
}
.top04 {
    background-image: url(../img/subtitle_recruit.png),url(../img/para_recruit.jpg) !important;
    background-repeat: no-repeat,repeat;
    background-size: 15px, cover;
    background-attachment: scroll,fixed;
    background-position: left 90px top 90px,center !important;
}
.top01.about .container {
    padding-top: 0;
}
.top01.about img.sp {
  display: none;
}
.top00.news .col-md-3,
.top00.news .col-md-9 {
    display: flex;
    justify-content: center;
    border: 2px solid #C5062C;
    height: 200px;
}
.top00.news .col-md-9 {
    display: block;
    padding: 15px 25px;
    overflow-y: scroll;
    background: #fff;
}
.top00.news .col-md-3 {
    background: #C5062C;
    align-items: center;
}
.top00.news .sec-title h2 span {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.top00.news .sec-title h2 span::after {
    content: none;
}
.sec-title h2 {
    margin: 0;
}
.sec-title h2 img {
    height: 34px;
}
.sec-title h2 span:after {
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    width: 50px;
    background: #B2C7CF;
    bottom: -15px;
}
.sec-title h2 span {
    color: #303030;
    display: block;
    font-size: 18px;
    margin-top: 10px;
    position: relative;
    margin-bottom: 30px;
    font-weight: bold;
    letter-spacing: 0.15em;
}

.top00.news tbody tr {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1.5px solid #e1e1e1;
    margin-bottom: 10px;
}
.top00.news tbody tr td {
    color: #C5062C;
    font-weight: bold;
}
.top00.news tbody tr td.date {
    width: 120px;
}
.top00.news tbody tr td.text {
    width: calc(100% - 120px);
    font-size: 13px;
    line-height: 1.8;
    color: #4C4C4C !important;
    font-weight: 500;
}
.top00.news tbody tr td.text span.title {
    color: #C5062C;
    font-weight: bold;
    display: block;
    font-family: "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
}
.top02 .col-xs-12 {
    position: absolute;
    right: 0;
    bottom: 0;
}
.top02 .funfact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.top02 .line-top-right:after {
    right: 5px;
}
.top02 .funfact-icon {
    padding: 25px 15px 0;
    width: 75px;
    margin: 0;
}

.top02 .funfact .animate-number {
    text-align: right;
    font-weight: 200 !important;
}
.top02 p.text_ab {
    text-align: right;
    color: #fff;
    margin-right: 15px;
    font-weight: 500;
}
.top02 h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.15em;
}
.top03 h5.icon-box-title {
    margin-bottom: 10px !important;
    font-size: 15px;
}
.top03 .letter-space-2 {
  font-family: Arial, "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
.top03 p.text-gray {
    font-size: 13px;
    line-height: 1.8;
}
.top03 .progressbar-container {
    margin-top: 40px;
}
.top03 span.percent {
    color: #fff;
}
.top03 .icon-box img {
    width: 30px;
}
.top03 .icon-box .icon.icon-sm {
    line-height: 50px;
}
.top03 .progress-item:last-child h5 {
    margin-bottom: 0;
}
.top04 .sec-title h2,
.top04 .sec-title h2 span {
    text-align: center;
    color: #fff !important;
}
.top04 .sec-title h2 span:after {
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
}
.top04 h5 {
    text-align: center;
    line-height: 2;
    letter-spacing: 2px;
}
.top04 .btn-default.btn-theme-colored {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
}
.top04 .btn-default.btn-theme-colored:hover,
.top04 .btn-default.btn-theme-colored:active,
.top04 .btn-default.btn-theme-colored:focus {
    background-color: #C5062C;
    border-color: #C5062C;
    color: #fff;
}
.top05.company p {
    letter-spacing: 1px;
}
.top05 .textarea {
    padding: 40px 40px 15px;
    background: #F6F6F6;
    position: relative;
}
.top05 .textarea .absolute {
    position: absolute;
    top: -15px;
    background: #C5062C;
    color: #fff;
    left: 0;
    padding: 5px 15px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 0.15em;
}
.top05 .textarea .absolute img {
    height: 12px;
    margin-top: -2px;
    margin-right: 10px;
}
.top05.company p .fa {
    position: absolute;
    left: 20px;
    margin-top: 6px;
}
.fa-map-marker:before,
.fa-phone:before {
    font-size: 18px;
}
.footer-bottom p {
    text-align: center !important;
}
.footer .flexbox {
    display: flex;
    justify-content: space-around;
}
.footer p,
.footer a {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
}
.footer .container a {
    font-family: "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana !important;
    font-size: 12px;
}
.footer .flexbox ul {
    width: 25%;
    margin: 0;
}
.footer ul.list li::before {
    color: #fff;
}
.footer ul.list.angle-double-right li:before {
    content: "\f105";
}
.footer .widget-title span {
    color: #fff;
    margin-top: 10px;
    display: block;
    font-weight: bold;
}
.footer .line-bottom::after {
  background: #fff;
}
.footer-bottom {
    background: #1A1A1A;
}
.footer .line-bottom img {
    height: 20px;
}
.footer .f_logo img {
    max-width: 200px;
}
.footer .line-bottom {
    margin-top: 45px;
}
footer#footer {
    background-image: url(../img/para_footer.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.footer .container a:hover {
    color: #fff;
    opacity: 0.7;
}

/* company */
.kasou div#logo img.img_b,
.kasou div#sns img.img_b,
div#logo img.img_w,
div#sns img.img_w {
    display: none;
}
.kasou div#logo img.img_w,
.kasou div#sns img.img_w {
    display: block;
}
.header.kasou .cp_fullscreenmenu .open,
.header.kasou .cp_fullscreenmenu .open:before,
.header.kasou .cp_fullscreenmenu .open:after {
    background-color: #fff;
}
section#kasou_h {
    min-height: 300px;
    background-position: center bottom 350px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
section#kasou_h.company_h {
    background-image: url(../img/company_para.jpg);
}
section#kasou_h .sec-title h2 span:after {
  content: none;
}
section#kasou_h .sec-title h2 span {
    margin-bottom: 0;
    color: #fff;
    text-align: center;
}
section#kasou_h .sec-title h2 {
    text-align: center;
}
section#kasou_h .container {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 130px;
}
br.pc_none {
  display: none;
}
.company04 .sec-title h2,
.company00 .sec-title h2,
.company04 .sec-title h2 span,
.company00 .sec-title h2 span,
.company00 .text_logo p,
.company00 .img_logo {
    text-align: center;
}
.company04 .sec-title h2 span:after,
.company00 .sec-title h2 span:after {
  left: 50% ;
  transform: translateX(-50%);
}
.company00 .text_logo {
    margin-top: 30px;
}
.company00 .img_logo img {
    max-width: 300px;
}
.company00 .text_logo p {
    margin-bottom: 0;
    letter-spacing: 0.15em;
    line-height: 2.4;
}
.img_logo.sain {
    margin-top: 30px;
}
.img_logo.sain img {
    max-width: 260px;
}
.company_bg {
    background: url(../img/bg_mesh.png),url(../img/wind_08.jpg),url(../img/wind_07.jpg),url(../img/wind_03_1.jpg);
    background-position: center,top 23% left 0,bottom 3% left 0,top 35% right 0;
    background-repeat: repeat,no-repeat,no-repeat,no-repeat;
    background-size: 100%,33%,25%,25%;
}
.company01 {
    background: url(../img/subtitle_philosophy.png),url(../img/bg_mesh.png),url(../img/wind_05.jpg);
    background-position: left 90px top 95px,center,top 10% right 0;
    background-repeat: no-repeat,repeat,no-repeat;
    background-size: 15px,100%,30%;
}
.company02 {
    background: url(../img/subtitle_message.png),url(../img/bg_mesh.png),url(../img/wind_06.jpg);
    background-position: left 90px top 95px,center,bottom 10% left 0;
    background-repeat: no-repeat,repeat,no-repeat;
    background-size: 15px,100%,30%;
}
.company03.top04 {
    background-image: url(../img/subtitle_csr.png),url(../img/csr_para.jpg) !important;
    background-repeat: no-repeat,repeat;
    background-size: 15px, cover;
    background-attachment: scroll,fixed;
    background-position: left 90px top 50%,center !important;
}
.company04 {
    background-image: url(../img/subtitle_company-profile.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-attachment: scroll;
    background-position: left 90px top 95px;
}
.company05.top01.about {
    background: url(../img/subtitle_head-office.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 90px top 5px;
}
.company06.top01.about {
    background: url(../img/subtitle_sales-office.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 90px top 5px;
}
.company04 tbody tr {
    display: flex;
    border-bottom: 1.5px solid #e1e1e1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-right: 55px;
    padding-left: 55px;
}
.company04 td.title {
    color: #303030;
    font-weight: 600;
    font-family: "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana !important;
    width: 30%;
    min-width: 200px;
    padding-right: 15px;
    letter-spacing: 0.15em;
    text-align: left;
}
.company04 td.text {
    width: 70%;
}
.company04 tbody tr.border_none {
    border-bottom: none;
    padding-bottom: 0;
}
.company04 tbody tr.vertical_c {
    align-items: center;
}
.company04 td.title, td.text.hiragino {
    display: block;
}
.company06 p, .company05 p {
    letter-spacing: 0.1em;
    position: relative;
    padding-left: 20px;
}
.company06 p:nth-child(3),
.company05 p:nth-child(3) {
    padding-left: 0;
}
.company06 p .fa, .company05 p .fa {
    position: absolute;
    left: 0;
    top: 5px;
}
.company05 .fadeInLeft {
    padding-left: 40px;
}
.company06 .fadeInLeft {
    padding-right: 40px;
}

/* contact */
section#kasou_h.contact_h {
    background-image: url(../img/contact_para.jpg);
}
.top01.contact00 {
    background: url(../img/subtitle_contact.png),url(../img/bg_mesh.png),url(../img/wind_05.jpg),url(../img/wind_06.jpg);
    background-position: left 90px top 95px,center,top 0 right 0,bottom 0 left 0;
    background-repeat: no-repeat,repeat,no-repeat,no-repeat;
    background-size: 15px,100%,25%,25%;
}
.contact00 .col-md-5 p {
    margin-right: 45px;
    font-size: 14px;
}
form#validate dl dt label,
a#submit_1,
a#submit_2,
div#btn_block label,
.contact00.confirm00 dt label {
    letter-spacing: 0.15em;
    font-family: "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana !important;
    font-weight: 600;
    color: #4C4C4C;
}
div#btn_block label span {
    letter-spacing: 0.15em;
    margin-left: 10px;
}
.aka {
  color: #C5062C;
}
a#submit_2,
.aka2 {
  color: #f00;
}
form#validate dd input,
form#validate textarea,
form#validate dd.select {
    height: 35px;
    width: 100%;
    font-size: 14px;
    border: 2px solid #dddcdd;
    background: #Fff;
    border-radius: 0 !important;
    color: #4C4C4C;
    padding: 8px 12px 6px;
    min-width: 200px;
    box-shadow: none;
    -webkit-appearance: none;
}

form#validate dd.select {
    width: 40%;
    margin-left: 0;
    position: relative;
    padding: 0;
    min-width: 250px;
    z-index: 0;
    background: transparent;
}
div#btn_block {
    text-align: center;
}
div#btn_block input[type="submit"] {
    width: 200px;
    margin: 20px auto 0 70px;
    display: block;
}
form#validate select {
width: 100%;
cursor: pointer;
text-overflow: ellipsis;
outline: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
height: 33px;
padding-left: 15px;
}
form#validate .select::after {
    content: '\025bc';
    border: 0px;
    position: absolute;
    top: 8px;
    right: 10px;
    margin-top: 0;
    font-size: 12px;
    z-index: -1;
}

form#validate select::-ms-expand {
display: none;
}
form#validate textarea {
    padding: 10px 15px;
    font-size: 14px;
    color: #4C4C4C;
    letter-spacing: 1px;
    line-height: 1.6;
    resize: both;
    min-height: 100px;
    width: 100%;
}
textarea::-webkit-input-placeholder {
    color: #4C4C4C;
    line-height: 32px;
}
form#validate dd input::-webkit-input-placeholder {
    color: #4C4C4C;
}
div#btn_block input[type="submit"]:hover {
    transition: .3s;
}
form#validate dl {
    display: flex;
    flex-wrap: wrap;
}
form#validate dl dt {
    display: inline-block;
    width: 170px;
}
form#validate dl dd {
    width: calc(100% - 300px)
}
form#validate dl dd.text_dd {
    width: calc(100% - 170px)
}
form#validate dl,
form#validate dd {
    margin-bottom: 0;
}
div#btn_block input {
    display: inline-block;
}
form hr {
    border-top: 2px solid #B2C7CF;
}
div#btn_block label {
    margin-bottom: 0;
    margin-left: 10px;
}

/* confirm */
.confirm00.contact00 span.yugothic {
    text-align: center;
}
.confirm00.contact00 .sec-title h2 span:after {
    left: 50%;
    transform: translateX(-50%);
}
.contact00.confirm00 dt label {
  margin: 0;
}
.contact00.confirm00 div#btn_block input {
    display: inline-block;
    margin-top: 20px;
    width: 250px;
    margin-left: 10px;
    margin-right: 10px;
}
.contact00.confirm00 div#btn_block input#button {
    border: 2px solid #cccccc;
    color: #afafaf;
}
.contact00.confirm00 div#btn_block input#button:hover {
    color: #fff;
    background-color: #cccccc;
}
.contact00.confirm00 dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}
.contact00.confirm00 dt, .contact00.confirm00 dd {
    width: 40%;
    margin: 10px 0 0;
}
.contact00.confirm00 dt {
    padding-left: 200px;
}

/* privacypolicy */

section#kasou_h.pp_h {
    background-image: url(../img/privacy-policy_para.jpg);
    background-position: center bottom 300px;
}
.company_bg.pp .company04 {
    background-image: url(../img/subtitle_privacy-policy.png);
}
.pp h4 {
    color: #c20e2d;
    letter-spacing: 0.15em;
    font-size: 18px;
    margin-top: 0;
}
.pp p,
.pp span {
    font-size: 14px;
    line-height: 2.4;
    letter-spacing: 0.1em;
}
.pp .right p:first-child {
    margin-top: 15px;
}
.pp .right p:nth-child(2) {
    margin-bottom: 20px;
}
.pp .right p {
    margin-bottom: 0;
}
.pp .right {
    width: 280px;
    margin-left: auto;
}
.pp .right p span:first-child {
    display: inline-block;
    width: 115px;
}
.pp .right p:last-child span {
    display: block !important;
    margin-left: auto;
    width: 165px !important;
}
.pp_01, .pp_02, .pp_03 {
    margin-top: 30px;
}
.pp .pl10 {
    padding-left: 15px;
}
.pp_01 p {
    margin-bottom: 0;
}
.pp_02 span {
    display: block;
    padding-left: 45px;
}
.pp_02 span a {
    color: #4c4c4c;
    pointer-events: none;
}
.pp_02 p {
    margin-bottom: 30px;
}
.block_767,
.block_500 {
  display: none;
}
.company_bg.pp {
    background: url(../img/bg_mesh.png),url(../img/wind_08.jpg),url(../img/wind_03.jpg),url(../img/wind_03_1.jpg);
    background-position: center,top 23% left 0,bottom 0 left 0,top 35% right 0;
    background-repeat: repeat,no-repeat,no-repeat,no-repeat;
    background-size: 100%,33%,25%,25%;
}




/* consent form */

section#kasou_h.pp_h {
    background-image: url(../img/privacy-policy_para.jpg);
    background-position: center bottom 300px;
}
.company_bg.pp .consent-form04 {
    background-image: url(../img/subtitle_consent-form.png);
}
.pp h4 {
    color: #c20e2d;
    letter-spacing: 0.15em;
    font-size: 18px;
    margin-top: 0;
}
.pp p,
.pp span {
    font-size: 14px;
    line-height: 2.4;
    letter-spacing: 0.1em;
}
.pp .right p:first-child {
    margin-top: 15px;
}
.pp .right p:nth-child(2) {
    margin-bottom: 20px;
}
.pp .right p {
    margin-bottom: 0;
}
.pp .right {
    width: 280px;
    margin-left: auto;
}
.pp .right p span:first-child {
    display: inline-block;
    width: 115px;
}
.pp .right p:last-child span {
    display: block !important;
    margin-left: auto;
    width: 165px !important;
}
.pp_01, .pp_02, .pp_03 {
    margin-top: 30px;
}
.pp .pl10 {
    padding-left: 15px;
}
.pp_01 p {
    margin-bottom: 0;
}
.pp_02 span {
    display: block;
    padding-left: 45px;
}
.pp_02 span a {
    color: #4c4c4c;
    pointer-events: none;
}
.pp_02 p {
    margin-bottom: 30px;
}
.block_767,
.block_500 {
  display: none;
}
.company_bg.pp {
    background: url(../img/bg_mesh.png),url(../img/wind_08.jpg),url(../img/wind_03.jpg),url(../img/wind_03_1.jpg);
    background-position: center,top 23% left 0,bottom 0 left 0,top 35% right 0;
    background-repeat: repeat,no-repeat,no-repeat,no-repeat;
    background-size: 100%,33%,25%,25%;
}







/* recruit */
section#kasou_h.recruit_h {
    background-image: url(../img/recruit_para.jpg);
    background-position: center bottom 100px;
}
.company04.recruit00 {
    background-image: url(../img/subtitle_about-recruit.png);
}
.company04.recruit01 {
    background-image: url(../img/subtitle_requirements.png);
}
.company04.recruit03 {
    background-image: url(../img/subtitle_photo-gallery.png);
}
.recruit .subtitle {
    margin-bottom: 40px;
}
.recruit00.company04 h4 {
    color: #c20e2d;
    margin-top: 20px;
}
.recruit .tab-group{
    display: flex;
    justify-content: center;
}
.recruit .tab {
    flex-grow: 1;
    padding: 3px 5px;
    list-style: none;
    text-align: center;
    cursor: pointer;
    border-radius: 25px;
    max-width: 130px;
}
.recruit .panel{
    display:none;
}
.recruit .tab.is-active{
    background:#c20e2d;
    color:#FFF;
    transition: all 0.2s ease-out;
}
.recruit .panel.is-show{
    display:block;
}
.rcruit_table {
    text-align: center;
}
.company04 .rcruit_table tbody tr:first-child {
    border-top: 1px solid #b2c8cf;
}
.company04 .rcruit_table tbody tr {
    padding: 11px 15px;
    border-bottom: 1px solid #b2c8cf;
    margin: 0;
    display: flex;
    align-items: flex-start;
}
.company04 .rcruit_table .panel-group {
    margin-top: 30px;
}
.company04 .rcruit_table tbody tr td:first-child {
    display: block;
    width: 200px;
    font-family: "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana !important;
    color: #303030;
    font-weight: bold;
    letter-spacing: 0.15em;
}
.company04 .rcruit_table tbody tr td:last-child {
    display: block;
    width: calc(100% - 200px);
}
.recruit02.parallax {
    height: 200px;
}
.recruit03 .gallery-isotope.grid-4 {
    margin: 0 7.5px;
}
.recruit03 .gallery-isotope.grid-4 .gallery-item {
    padding: 0 7.5px;
}
.recruit03 .gallery-isotope.grid-4 .gallery-item:nth-child(1) {
    padding-bottom: 15px;
}
.recruit03 .gallery-isotope.grid-4 .gallery-item a .overlay {
    position: absolute;
}
.recruit03 .gallery-isotope.grid-4 .gallery-item a:hover .overlay {
    background: #c20e2d;
    position: absolute;
    /* z-index: 1042; */
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .8;
    transition: .3s;
}
.recruit03 .gallery-isotope.grid-4 .gallery-item a {
    display: block;
    position: relative;
}
.recruit03 .gallery-isotope.grid-4 .gallery-item a .overlay:before {
  content: none;
}
.recruit03 .gallery-isotope.grid-4 .gallery-item a:hover .overlay:before {
    content: "\f03e";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46px;
    height: 46px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: #c80e2c;
}
.overlay p {
    display: none;
    margin: 0;
}
.recruit03 .gallery-isotope.grid-4 .gallery-item a:hover .overlay p {
    display: block;
    text-align: center;
    bottom: 10px;
    position: absolute;
    width: 100%;
    color: #fff;
}

@media all and (-ms-high-contrast: none){
  .recruit .tab-group li.tab {
      width: 100%;
  }
}

/* accses */
section#kasou_h.accses_h {
    background-image: url(../img/access_para.jpg);
    background-position: center bottom 430px;
}
.company04.accses00.accses01 {
    background-image: url(../img/subtitle_tokyo.png);
}
.company04.accses00.accses02 {
    background-image: url(../img/subtitle_okinawa.png);
}
.staff_slide img.img-circle {
    max-width: 100px;
}
.map00 {
  width: 100%;
  height: 300px;
  background: #ddd;
  margin: 0;
}
.gm-style-pbt {
    text-align: center;
}
.accses_bg01 {
    background: url(../img/bg_mesh.png),url(../img/wind_03.jpg),url(../img/wind_05.jpg);
    background-position: center,bottom left 0,top right;
    background-repeat: repeat,no-repeat,no-repeat;
    background-size: 100%,25%,25%;
}
.accses_bg02 {
    background: url(../img/bg_mesh.png),url(../img/wind_06.jpg);
    background-position: center,bottom 10% left 0;
    background-repeat: repeat,no-repeat;
    background-size: 100%,25%;
}
.accses00 .col-md-6 {
    width: 50%;
    float: left;
}
.accses00 .container:first-child .col-md-6:nth-child(even) {
    padding-left: 30px;
}
.accses00 .container:first-child .col-md-6:nth-child(odd) {
    padding-right: 30px;
}
.company04.accses00 h2,
.company04.accses00 h2 span {
    text-align: left;
}
.company04.accses00 .sec-title h2 span:after,
.company04.accses00 .sec-title h2 span:after {
    left: 0;
    transform: none;
}
.accses00.company04 .fadeInLeft p {
    position: relative;
    padding-left: 20px;
}
.accses00.company04 .fadeInLeft p .fa {
    color: #c20e2c;
    position: absolute;
    left: 0;
    top: 5px;
}
.accses00.company04 .container:first-child {
    border-bottom: 1px solid #4C4C4C;
    margin-bottom: 70px;
    padding-bottom: 60px;
}
.accses00.company04 .container.staff_slide {
    padding-top: 0;
}
.accses00.company04 .fadeInLeft p:last-child {
    margin-bottom: 0;
}
.accses00 .owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border: 2px solid #c20e2c;
}
.accses00 .owl-theme .owl-dots .owl-dot.active span {
    background: #c20e2c;
}
.accses00 h4.staff_text {
    margin: 0;
    font-weight: normal;
    letter-spacing: 0.15em;
    font-size: 14px;
    color: #4C4C4C;
    margin-bottom: 15px;
}
.accses00 .item .author {
    color: #4C4C4C;
    margin-top: 15px !important;
    padding: 0 !important;
}
.accses00 .col-md-6 .ac_sp {
  display: none;
}
.accses00 h4.staff_text.text_left {
  text-align: left;
}

/* entertaiment */
.entertaiment_bg01 {
    background: url(../img/bg_mesh.png),url(../img/wind_06.jpg),url(../img/wind_05.jpg);
    background-position: center,bottom 5% left 0,top right;
    background-repeat: repeat,no-repeat,no-repeat;
    background-size: 100%,25%,25%;
}
section#kasou_h.entertaiment_h {
    background-image: url(../img/entertainment_para_1.jpg);
}
.entertaiment04_bg:after {
    background: url(../img/wind_07.jpg),url(../img/wind_03_r.png);
    background-position: top 30% left 0,bottom right 0;
    background-repeat: no-repeat,no-repeat;
    background-size: 25%,25%;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.entertaiment_bg02 {
    background: url(../img/bg_mesh.png),url(../img/wind_03.jpg),url(../img/wind_03_1.jpg);
    background-position: center,bottom left,bottom 18% right;
    background-repeat: repeat,no-repeat,no-repeat;
    background-size: 100%,25%,25%;
}
.entertaiment04_bg .container {
    padding-top: 90px;
    padding-bottom: 90px;
}
.company04.accses00.accses02.entertaiment06 {
    background-image: url(../img/subtitle_event.png);
}
.company04.entertaiment05 {
    background-image: url(../img/subtitle_gallery.png);
    background-color: rgba(247, 247, 247, .5);
}
.company04.accses00.entertaiment04 {
    background-image: url(../img/subtitle_location.png);
}
.company04.accses00.accses01.entertaiment01 {
    background-image: url(../img/subtitle_ferrari.png);
}
.company04.accses00.accses01.entertaiment01.entertaiment04 {
    background-image: url(../img/subtitle_location.png);
}
.entertaiment02, .entertaiment03 {
    background-image: none !important;
}
.entertaiment01 .col-md-12 h2,
.entertaiment01 .col-md-12 span {
    text-align: center !important;
}
.entertaiment01 .col-md-12 span:after {
    content: none;
}
.entertaiment01.accses00.company04 .container:first-child,
.entertaiment06.accses00.company04 .container:first-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.entertaiment02 .container {
    padding-bottom: 0;
}
/* .entertaiment05 .container {
    padding: 0 !important;
} */
.accses01.entertaiment01 .owl-controls .owl-prev i,
.accses01.entertaiment01 .owl-controls .owl-next i {
    color: #fff;
}
.accses01.entertaiment01.entertaiment04 .owl-controls .owl-prev i,
.accses01.entertaiment01.entertaiment04 .owl-controls .owl-next i {
    color: #888;
}
.entertaiment01.accses00.company04 .fadeInLeft p,
.entertaiment01.accses00.company04 .ac_sp p,
.entertaiment06.accses00.company04 .fadeInLeft p,
.entertaiment06.accses00.company04 .ac_sp p {
    padding-left: 0;
}
.entertaiment01.accses00.company04 .fadeInLeft p.loca_p_01,
.entertaiment06.accses00.company04 .fadeInLeft p.loca_p_01 {
    color: #c20e2d;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.15em;
}
.entertaiment01.entertaiment04 .col-md-12 {
    text-align: center;
}
.entertaiment01 .owl-controls .owl-nav > div {
    background: #333;
    opacity: .8;
}
.entertaiment01 .col-md-12 .btn-default.btn-theme-colored {
    margin-top: 45px;
}
.entertaiment04 .owl-nav>div, .entertaiment06 .owl-nav>div {
    top: 30px;
    background: rgba(0, 0, 0, 0.1) !important;
}

.aka {
    color: #c20e2d !important;
}
.row.lineup {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}
.lineup .col-md-3 {
    width: 20%;
    padding: 10px 5px;
}
.lineup p {
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 0;
}
.lineup p.lineup_p_01 {
    margin-bottom: 5px;
    font-weight: bold;
}
.entertaiment01 .btn-default.btn-theme-colored {
    min-width: 240px;
    letter-spacing: 0.05em;
    padding: 10px 15px;
}
.entertaiment03 .col-md-3 h4 {
    margin: 0;
    padding: 6px 20px;
    position: absolute;
    background: #c20e2d;
    color: #fff;
    font-size: 14px;
    top: -40px;
    letter-spacing: 0.15em;
}
.entertaiment03 .sec-title h2 span {
    margin-bottom: 60px;
}
.entertaiment03 .col-md-3 p {
    margin: 25px 0 0;
}
.entertaiment04 .owl-carousel2,
.entertaiment06 .owl-carousel2 {
    margin-bottom: 15px;
}
.entertaiment04 .owl-nav>div,
.entertaiment06 .owl-nav>div {
    display: inline-block !important;
    position: relative !important;
    width: 40px;
    left: calc(50% - 52px);
    bottom: -15px !important;
    text-align: center;
    margin: 0 6px;
    padding: 2px 10px;
}
.pe-7s-angle-left:before {
    content: "\03c";
}
.pe-7s-angle-right:before {
    content: "\03e";
}
.owl-controls .owl-prev i,
.owl-controls .owl-next i {
    color: #888;
    font-size: 18px;
}
.entertaiment04 .owl-carousel2 h4,
.entertaiment06 .owl-carousel2 h4 {
    color: #c50e2c;
    margin: 10px 0;
    font-size: 15px;
    letter-spacing: 0.15em;
}
.rel.border {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px 15px;
}
.entertaiment05 .container .col-md-12 {
    text-align: center;
}
.entertaiment05 .container .col-md-12 a.btn {
    border-radius: 30px;
    margin-left: 10px;
    margin-right: 10px;
}
.entertaiment05 .portfolio-filter a.active,
.entertaiment05 .portfolio-filter a:hover {
    color: #fff;
    background-color: #c50e2c;
    border-radius: 20px;
    font-weight: 600;
}
.entertaiment05 .portfolio-filter a {
    font-weight: 600;
    transition: .3s;
    border-radius: 20px;
    font-size: 15px;
    padding: 6px 25px;
}
.entertaiment05 .container .col-md-12 a.btn {
    border-radius: 35px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1.6;
    display: inline-block;
    width: 180px;
    margin: 30px auto 0;
    letter-spacing: 0.04em;
}
.entertaiment05 .container .col-md-12.portfolio {
    padding-right: 23px;
    padding-left: 30px;
}
.portfolio-filter {
    margin-top: 20px;
}
.entertaiment05 .gallery-isotope .gallery-item:hover .overlay-shade {
    background: #c20e2d;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .8;
    transition: .3s;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.entertaiment05 .styled-icons.icon-dark a {
    background-color: #fff;
}
.entertaiment05 .fa {
    color: #c20e2d;
}

/* financial */
section#kasou_h.financial_h {
    background-image: url(../img/financial_para.jpg);
}
.financial_bg {
    background: url(../img/bg_mesh.png),url(../img/wind_06.jpg),url(../img/wind_03_r.png);
    background-position: center,top 45% left 0,bottom right 0;
    background-repeat: repeat,no-repeat,no-repeat;
    background-size: 100%,27%,25%;
}
.company04.accses00.accses02.financial01 {
    background-image: url(../img/subtitle_lifeline.png);
}
.financial01 .section-content .row {
    display: flex;
    align-items: center;
}
.financial01 .container:nth-child(2) .row {
    margin-right: -30px;
    margin-left: -30px;
    display: flex;
}
.financial01 .row .col-md-4 {
    padding: 0 30px;
    text-align: center;
    position: relative;
    min-height: 320px;
    width: calc(100% / 3);
}
.financial01 .row .col-md-4:nth-child(2) {
    border-right: 1px solid #7597a9;
    border-left: 1px solid #7597a9;
}
.financial01 .row .col-md-4 .rel {
    text-align: center;
    position: relative;
}
.financial01 span.nomber {
    font-family: 'Ropa Sans', sans-serif !important;
    position: absolute;
    font-size: 46px;
    color: #c80e2c;
    font-weight: bold;
    line-height: 1;
    left: 0;
}
.financial01 p.loca_p_01 {
    text-align: center;
    margin: 20px 0 15px;
    line-height: 1;
    letter-spacing: 0.15em;
}
.financial01 .btn-default.btn-theme-colored {
    min-width: 140px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* service */
section#kasou_h.service_h {
    background-image: url(../img/servislist_para_1.jpg);
}
.service_bg01 {
    background: url(../img/bg_mesh.png),url(../img/wind_08.jpg),url(../img/wind_05.jpg);
    background-position: center,bottom 20% left 0,top right;
    background-repeat: repeat,no-repeat,no-repeat;
    background-size: 100%,33%,25%;
}
.service_bg02 {
    background: url(../img/bg_mesh.png),url(../img/wind_02.jpg),url(../img/wind_03_1.jpg),url(../img/wind_06.jpg);
    background-position: center,top 2% right, top 45% right,bottom 5% left;
    background-repeat: repeat,no-repeat,no-repeat,no-repeat;
    background-size: 100%,23%,25%,27%;
}
.service .aka {
  font-weight: bold;
}
.service .aka, .subtitle.aka {
    font-weight: 600;
    font-size: 15.5px !important;
    letter-spacing: 0.15em;
}
.service00 p.subtitle.text-center.aka {
    font-weight: bold;
    margin-bottom: 30px;
    letter-spacing: 0.2em
}
.service00.recruit00.company04 .col-md-4 .rel {
    text-align: center;
    background: #f7f7f7;
    padding: 35px 25px 30px;
}
.service00.recruit00.company04 h4 {
    background: #c20e2d;
    color: #fff;
    margin: 0;
    display: inline-block;
    padding: 10px 95px 10px 15px;
    line-height: 1;
    position: absolute;
    top: -20px;
    left: 0;
    letter-spacing: 0.2em;
    font-size: 15.5px;
}
.service01 .row {
    display: flex;
}
.service01 .col-md-3 {
    width: 20%;
    text-align: center;
}
.service01 .col-md-3 img {
    width: 150px;
}
.service04 .row,
.service05 .row {
    display: flex;
}
.service03 .row {
    display: flex;
}
.service03 .row .col-md-4:nth-child(1) {
    margin-top: 2.5%;
}
.service03 .row .col-md-4:nth-child(2) {
    padding-right: 0;
}
.service03 .row .col-md-4:nth-child(3) {
    background: #f7f7f7;
    padding: 30px;
}
.service03 .row .col-md-4:nth-child(3) p.aka {
    margin-top: 15%;
}
.service03 .row .col-md-4,
.service04 .row .col-md-4,
.service05 .row .col-md-4 {
    width: calc(100% / 3);
}
.service04 .row .col-md-4:last-child,
.service05 .row .col-md-4:first-child {
    margin-top: 9%;
}
.service.top05 .textarea {
    padding: 0;
    background: transparent;
}
.service.top05.company p {
    letter-spacing: 1px;
    margin: 0;
}
.service.service04 .textarea p.aka,
.service.service05 .textarea p.aka {
    margin: 12px 0 6px;
    font-size: 16px;
    letter-spacing: 0.15em;
}
.service.service04.top05 .textarea,
.service.service05.top05 .textarea {
    padding: 0 20px;
}
.company04.recruit00.service00 {
    background-image: url(../img/subtitle_our-service.png);
}
.company04.service03 {
    background-image: url(../img/subtitle_financial.png);
}
.company04.service04 {
    background-image: url(../img/subtitle_entertaiment.png);
    background-color: rgba(247, 247, 247, .5);
}
.company04.service05 {
    background-image: url(../img/subtitle_self-report.png);
}
.company04.service .sec-title h2,
.company04.service .sec-title h2 span {
    text-align: left;
}
.company04.service .sec-title h2 span:after {
    left: 25px;
}
.service04 .boxouter {
    background: #fff;
    height: 100%;
}
.service05 .boxouter {
    background: #f7f7f7;
    height: 100%;
}
.service.service04 .textarea p,
.service.service05 .textarea p {
    margin-bottom: 20px;
}
.service.service04 .textarea p.aka,
.service.service05 .textarea p.aka {
    margin-top: 15px;
    margin-bottom: 3px;
}
.service04 .row .col-md-4.none_1100 {
    margin-top: 10%;
}
.block_1100,
.block_991 {
    display: none;
}
.col-md-4.none_991 {
    margin-top: 11%;
}
.org_wid.title {
    max-width: none;
    width: auto;
}