@charset "utf-8";

/*
/////sscss/////
Smart Style Complex Original Stylesheet Template.
URL:http://ss-complex.com/
Author:Seiji Okabe
*/

/*-----clearfix-----*/
.cf:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
.cf {min-height: 1px;}
* html .cf {height: 1px;}

/*-----cleartext-----*/
.clearText {text-indent:100%;white-space:nowrap;overflow:hidden;}

/*-----hover-----*/
/*a:hover {opacity: 0.7 !important;}*/

/*-----common-----*/
/*all device*/
.wrapper { width: 100%; background: #f7f7f7; position: relative; display: none;}
.taRBlk {text-align: right;display: block;}
.noLine {text-decoration: none;}
.bold {font-weight: bold;}
.bgFit {background-repeat: no-repeat;background-position: center;background-size: cover;}
.bgFit.ctn {background-size: contain;}
.kome {margin-left: 1.2em;}
.kome li {position: relative;list-style-type: none !important;}
.kome li:before {position: absolute;content: '※';left: -1.2em;top: 0;}
.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}
.fL {float: left;}
.fR {float: right;}
.fBox {margin-left: -4%}
.f1of2 {float: left;width: 46%;margin-left: 4%;}
.f1of3 {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3 {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4 {float: left;width: 21%;margin-left: 4%;}
.f3of4 {float: left;width: 71%;margin-left: 4%;}
.f1of5 {float: left;width: 16%;margin-left: 4%;}
.f2of5 {float: left;width: 36%;margin-left: 4%;}
.f3of5 {float: left;width: 56%;margin-left: 4%;}
.f4of5 {float: left;width: 76%;margin-left: 4%;}
.f1of6 {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6 {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7 {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7 {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7 {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7 {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7 {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7 {float: left;width: 81.7142%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.full {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lg {width: 80%;margin: 0 auto;display: block;}
.autoImg.md {width: 50%;margin: 0 auto;display: block;}
.autoImg.sm {width: 30%;margin: 0 auto;display: block;}
.bgFit {
    background-repeat: no-repeat;
    background-position: center;
}
.bgWhite3 {
    background: #fff;
    padding: 80px 0 85px;
}
.bgWhite4 {
    background: #fff;
    padding: 80px 0 15px;
}
.bgPale {
    background: #fbfbfb;
    border-top: 1px solid #e6e6e6;
    padding:88px 0 72px;
}
.bgPale2 {
    background: #fbfbfb;
    border-top: 1px solid #e6e6e6;
    padding: 40px 0 65px;
}
.bgGray {background: #dedede;}
.bgBlack {
    background: #000;
}
.SackersGothicStd-Medium {
    font-family: SackersGothicStd-Medium;
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, address {
	font-family: SackersGothicStd-Medium;
	font-weight: normal;
	font-style: normal;
}
a {
	color: #2b2b2b;
}
.indenttop {
    padding-left:1em;
    text-indent:-1em;
}

/*sp*/
@media only screen and (max-width: 639px){
.hideSp {display: none !important;}
.taLSp {text-align: left;}
.taCSp {text-align: center;}
.taRSp {text-align: right;}
.fLSp {float: left;}
.fRSp {float: right;}
.fBoxSp {margin-left: -3%}
.f1of2Sp {float: left;width: 47%;margin-left: 3%;}
.f1of3Sp {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3Sp {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Sp {float: left;width: 21%;margin-left: 4%;}
.f3of4Sp {float: left;width: 71%;margin-left: 4%;}
.f1of5Sp {float: left;width: 16%;margin-left: 4%;}
.f2of5Sp {float: left;width: 36%;margin-left: 4%;}
.f3of5Sp {float: left;width: 56%;margin-left: 4%;}
.f4of5Sp {float: left;width: 76%;margin-left: 4%;}
.f1of6Sp {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Sp {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Sp {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Sp {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Sp {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Sp {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Sp {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Sp {float: left;width: 81.7142%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullSp {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgSp {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdSp {width: 50%;margin: 0 auto;display: block;}
.autoImg.smSp {width: 30%;margin: 0 auto;display: block;}
.Hiragino{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.bgWhite {
    background: #fff;
}
.bgWhite2 {
    background: #fff;
    padding: 80px 0 85px;
}
}

/*pc*/
@media only screen and (min-width: 640px) {
.hidePc {display: none !important;}
.taLPc {text-align: left;}
.taCPc {text-align: center;}
.taRPc {text-align: right;}
.fLPc {float: left; width: 50%}
.fRPc {float: right; width: 50%}
.fBoxPc {margin-left: -1%}
.f1of2Pc {float: left;width: 49%%;margin-left: 1%;}
.f1of3Pc {float: left;width: 32.3333%;margin-left: 1%;}
.f2of3Pc {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Pc {float: left;width: 24%;margin-left: 1%;}
.f3of4Pc {float: left;width: 71%;margin-left: 4%;}
.f1of5Pc {float: left;width: 16%;margin-left: 4%;}
.f2of5Pc {float: left;width: 36%;margin-left: 4%;}
.f3of5Pc {float: left;width: 56%;margin-left: 4%;}
.f4of5Pc {float: left;width: 76%;margin-left: 4%;}
.f1of6Pc {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Pc {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Pc {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Pc {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Pc {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Pc {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Pc {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Pc {float: left;width: 81.7142%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullPc {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgPc {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdPc {width: 50%;margin: 0 auto;display: block;}
.autoImg.smPc {width: 30%;margin: 0 auto;display: block;}
.Hiragino{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    letter-spacing: 0.07em;
}
.bgWhite {
    background: #fff;
    padding: 146px 0 161px;
}
.bgWhite2 {
    background: #fff;
    padding: 80px 0 85px;
}
}

/*-----customize-----*/

/*-----content-size-----*/
/*sp*/
@media only screen and (max-width: 639px){
.heightLine {
	height:auto !important;
}
.appear {
    transform-origin:center top;
    animation:show 1s both;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
}
.d1 {
    animation-delay:1s;
}
@keyframes show {
    0% {
        transform:translate(0,2em);
        opacity:0;
        text-shadow:0 0 0 #0f0;
    }
    50% {
        text-shadow:0 0 0.5em #0f0;
    }
    100% {
        transform:translate(0,0);
        opacity:1;
        text-shadow:none;
    }
}

#top-head,.inner {
    width: 100%;
    padding: 0;
    z-index: 999;
}
#top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
}
/* Fixed reset */
#top-head.fixed {
    padding-top: 0;
    background: transparent;
}
#top-head .mobile-head {
    width: 100%;
    height: 60px;
    z-index: 999;
    opacity: 1;
    position: relative;
}
#top-head.fixed .logo {
    position: absolute;
    left: 20px;
    top: 23px;
    width: 153px;
    height: 12px;
    background-image: url(../image/logo.svg);
    background-repeat: no-repeat;
}
#top-head .logo {
    position: absolute;
    left: 20px;
    top: 23px;
    width: 153px;
    height: 12px;
    background-image: url(../image/logo2.svg);
    background-repeat: no-repeat;
}
#top-head.fixed .mobile-head {
    background: #fff;
    width: 100%;
    height: 60px;
    z-index: 999;
    opacity: 1;
    position: relative;
}
#top-head img {
    width: 85%;
    filter: invert();
}
#global-nav {
    background: #a3a3a3;
    padding: 160px 0px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mainNav li {
    list-style-type: none;
}
.navItem {
    display: block;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    text-decoration: none;
    font-size: 22px;
}
.hide {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.animation {
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
          transition-duration: .3s;
    -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
.no-scroll {
    overflow: hidden;
}
#top-head2,.inner {
    width: 100%;
    padding: 0;
    z-index: 999;
}
#top-head2 {
    top: 0;
    position: fixed;
    margin-top: 0;
}
/* Fixed reset */
#top-head2.open .mobile-head {
    background: rgba(163,163,163,0.0);
}

#top-head2 .mobile-head {
    width: 100%;
    height: 56px;
    z-index: 999;
    position: relative;
    background: #fff;
}
#top-head2.open .logo a {
    position: absolute;
    left: 20px;
    top: 23px;
    width: 153px;
    height: 12px;
    background-image: url(../image/logo2.svg);
    background-repeat: no-repeat;
}
#top-head2 .logo a {
    position: absolute;
    left: 20px;
    top: 23px;
    width: 153px;
    height: 12px;
    background-image: url(../image/logo.svg);
    background-repeat: no-repeat;
}

/*#top-head2 img {
    width: 85%;
}*/
/* Toggle Button */
#nav-toggle {
    display: block;
    position: absolute;
    right: 5px;
    top: 15px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 999;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 60%;
    background: #ccc;
    left: 0;
}
#nav-toggle span:nth-child(1) {
    top: 2px;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 20px;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}
.open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
.menuAd {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    padding: 30px 0 52px;
    text-align: center;
}

/*----slider STR-----*/
.slider {
    position: relative;
    width:100%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slider .slider1 {
    background-image: url(../image/top_img_sp1.png);
    background-size: cover;
}
.slider .slider2 {
    background-image: url(../image/top_img_sp2.png);
    background-size: cover;
}
.slider .slider3 {
    background-image: url(../image/top_img_sp3.png);
    background-size: cover;
}
.slider .slider4 {
    background-image: url(../image/top_img_sp4.png);
    background-size: cover;
}
.slider .slider5 {
    background-image: url(../image/business_img_sp1.png);
    background-size: cover;
}
.slider .slider6 {
    background-image: url(../image/business_img_sp2.png);
    background-size: cover;
}
.slider .slider7 {
    background-image: url(../image/business_img_sp3.png);
    background-size: cover;
}
.slider .slider8 {
    background-image: url(../image/business_img_sp4.png);
    background-size: cover;
}
.slider .slider9 {
    background-image: url(../image/contact_img_sp1.png);
    background-size: cover;
}
.slider .slider10 {
    background-image: url(../image/contact_img_sp2.png);
    background-size: cover;
}
.slider .slider11 {
    background-image: url(../image/contact_img_sp4.png);
    background-size: cover;
}
.slider .slider12 {
    background-image: url(../image/contact_img_sp3.png);
    background-size: cover;
}
.slider .sliderBox {
    height: 100vh;
    width: 100%;
    position: relative;
}
.slider .sliderBoxBusiness {
    height: 300px;
    width: 100%;
    position: relative;
}
.slider .sliderBoxContact {
    height: 300px;
    width: 100%;
    position: relative;
}
.slick-initialized .slick-slide {
    display: block;
}
/*----slider END-----*/
.section {
    width: 100%;
    overflow: hidden;
}
.capabilities,.capabilities2 {
    padding: 10px 0 0;
}
.businessTxt {
    letter-spacing: 0.23em;
    font-size: 3.8vw;
    margin-top: 5%;
    line-height: 1.8em;
}
.staff,.staff2 {
    padding: 0 13px 0;
}
}

/*pc*/
@media only screen and (min-width: 640px) {

.appear {
    transform-origin:center top;
    animation:show 1s both;
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.d1 {
    animation-delay:1s;
}
@keyframes show {
    0% {
        transform:translate(0,2em);
        opacity:0;
        text-shadow:0 0 0 #0f0;
    }
    50% {
        text-shadow:0 0 0.5em #0f0;
    }
    100% {
        transform:translate(0,0);
        opacity:1;
        text-shadow:none;
    }
}

.inner {

}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 25px 0 25px;
    border-bottom: 1px solid #e8e7e7;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
    margin: 4px;
}
#top-head .logo {
    margin-left: 30px;
    background-image: url(../image/logo2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 170px;
    height: 15px;
    position: absolute;
}
#top-head .logo img {
    float: left;
    margin-left: 15px;
    width: 12%;
    filter: invert();
}
#global-nav ul {
    list-style: none;
    font-size: 11px;
    text-align: center;
    width: 520px;
    margin: 0 auto;
}
#global-nav ul li {
    float: left;
    width: 130px;
}


/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    height: 20px;
    background: #fff;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    margin-left: 30px;
    background-image: url(../image/logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 170px;
    height: 15px;
    position: absolute;
}
#top-head.fixed .logo img {
    float: left;
    margin-left: 15px;
    width: 12%;
    filter: invert(50%);
}
#top-head.fixed .logo a {
    font-size: 13px;
    color: #929292;
    letter-spacing: 0.01em;
}
#top-head.fixed #global-nav ul li a {
    color: #797777;
}
#top-head.fixed .mark {
    border-bottom: 5px solid #e8e7e7;
    padding: 0 0 25px;
    margin: auto;
    width: 80px;
}

/* header2 */
#top-head2 {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 25px 0 25px;
    border-bottom: 1px solid #e8e7e7;
    line-height: 1;
    z-index: 999;
}
#top-head2 a,
#top-head2 {
    color: #fff;
    text-decoration: none;
}
#top-head2 .inner {
    position: relative;
    margin: 4px;
}

/* Fixed */
#top-head2.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    height: 18px;
    background: #fff;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head2.fixed .logo img {
    float: left;
    margin-left: 15px;
    width: 12%;
    filter: invert(50%);
}
#top-head2.fixed .logo a {
    margin-left: 30px;
    background-image: url(../image/logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 170px;
    height: 15px;
    position: absolute;
}
#top-head2.fixed #global-nav ul li a {
    color: #797777;
}
#top-head2.fixed .mark {
    border-bottom: 5px solid #e8e7e7;
    padding: 0 0 23px;
    margin: auto;
    width: 80px;
}

/* :::::: slide ::::::*/
#sl {
    overflow: hidden;
    position: relative;
}
.arrowP {
    position: absolute;
    top: 150px;
    height: 50px;
    width: 10px;
    left: 25px;
    z-index: 111;
    opacity: 0.3;
}
.arrowN {
    position: absolute;
    top: 150px;
    height: 50px;
    width: 10px;
    right: 25px;
    z-index: 111;
    opacity: 0.3;
}
.tabContents {
    width: 500%;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
}
.tabContents section {
    float: left;
    width: 20%;
    opacity: 0.1;
    transition: opacity 0.3s;
    position: relative;
}

/* :::::: mechanism :::::: */
#tab-1:checked ~ .tabBtn li [for="tab-1"],
#tab-2:checked ~ .tabBtn li [for="tab-2"],
#tab-3:checked ~ .tabBtn li [for="tab-3"],
#tab-4:checked ~ .tabBtn li [for="tab-4"]{
    text-decoration:none;
    border-bottom:1px solid #dedede;
    padding-bottom:2px;
}
#tab-1:checked ~ .tabContents section:nth-child(1),
#tab-2:checked ~ .tabContents section:nth-child(2),
#tab-3:checked ~ .tabContents section:nth-child(3),
#tab-4:checked ~ .tabContents section:nth-child(4){
    opacity: 1;
}
#tab-1:checked ~ .tabContents {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#tab-2:checked ~ .tabContents {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
}
#tab-3:checked ~ .tabContents {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
}
#tab-4:checked ~ .tabContents {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
}
.tabs {
    display: none;
}
.tabMarks {
    width: 24%;
    display: inline-block;
    border-left: 1px solid #ddd;
    padding-left: 1%;
    box-sizing: border-box;
}
.tabMarks2 {
    width: 24%;
    display: inline-block;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding-left: 1%;
    box-sizing: border-box;
}
.textArea {
    padding: 0 50px;
}
.arrow label {
pointer-events: auto;
}
#tab-1:checked ~ #sl .prev label[for="tab-4"],
#tab-2:checked ~ #sl .prev label[for="tab-1"],
#tab-3:checked ~ #sl .prev label[for="tab-2"],
#tab-4:checked ~ #sl .prev label[for="tab-3"],
#tab-1:checked ~ #sl .next label[for="tab-2"],
#tab-2:checked ~ #sl .next label[for="tab-3"],
#tab-3:checked ~ #sl .next label[for="tab-4"],
#tab-4:checked ~ #sl .next label[for="tab-1"] {
pointer-events: auto;
}
/*----slider STR-----*/
.slider {
    position: relative;
    width:100%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slider .slider1 {
    background-image: url(../image/top_img_pc1.png);
    background-size: cover;
}
.slider .slider2 {
    background-image: url(../image/top_img_pc2.png);
    background-size: cover;
}
.slider .slider3 {
    background-image: url(../image/top_img_pc3.png);
    background-size: cover;
}
.slider .slider4 {
    background-image: url(../image/top_img_pc4.png);
    background-size: cover;
}
.slider .slider5 {
    background-image: url(../image/business_img_pc1.png);
    background-size: cover;
}
.slider .slider6 {
    background-image: url(../image/business_img_pc2.png);
    background-size: cover;
}
.slider .slider7 {
    background-image: url(../image/business_img_pc3.png);
    background-size: cover;
}
.slider .slider8 {
    background-image: url(../image/business_img_pc4.png);
    background-size: cover;
}
.slider .slider9 {
    background-image: url(../image/contact_img_pc1.png);
    background-size: cover;
}
.slider .slider10 {
    background-image: url(../image/contact_img_pc2.png);
    background-size: cover;
}
.slider .slider11 {
    background-image: url(../image/contact_img_pc4.png);
    background-size: cover;
}
.slider .slider12 {
    background-image: url(../image/contact_img_pc3.png);
    background-size: cover;
}
.slider .sliderBox {
    height: 573px;
    width: 100%;
    position: center;
}
.slider .sliderBoxBusiness {
    height: 573px;
    width: 100%;
    position: relative;
}
.slider .sliderBoxContact {
    height: 573px;
    width: 100%;
    position: relative;
}
.slick-initialized .slick-slide {
    display: block;
}
/*----slider END-----*/

.section {
	width: 100%;
	overflow: hidden;
}
.staff {
    border-left: 1px solid #ddd;
    width: 33%;
    float: left;
}
.staff2 {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 33%;
    float: left;
}
.intro {
    padding: 0 49px;
}
.capabilities {
    border-left: 1px solid #ddd;
    width: 25%;
    float: left;
    padding: 15px 0;
    box-sizing: border-box;
}
.capabilities2 {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 25%;
    float: left;
    padding: 15px 0;
    box-sizing: border-box;
}
.businessTxt {
    padding: 60px 0 10px;
    width: 750px;
    letter-spacing: 0.14em;
}
}
/*sp*/
@media only screen and (max-width: 639px){
.contentBox,.contentBoxSp {margin-left: 5% !important;margin-right: 5% !important;}
.contentBox2 {margin-left: 5% !important;margin-right: 5% !important;}
}
/*pc*/
@media only screen and (min-width: 640px){
.contentBox,.contentBoxPc {width: 1080px;margin-left: auto;margin-right: auto;}
.contentBox2,.contentBox2Pc {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0 38px;
}
.contentBox ul{
	display: inline-block;
}
}
/*-----font-color-----*/
body {color: #797777; font-feature-settings: "palt"; letter-spacing: 0.1em; line-height: 1.9em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.white {color: #fff;}
.black {color: #2b2b2b;}
.red {color: #d32f2f;}
.gray {color: #afafaf;}
a:hover {text-decoration:none;}

/*-----background-color-----*/
body {background-color: #fafafa;}

/*-----font-family-----*/
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
}
html{font-family:Noto Sans Japanese, YuGothic, '游ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ming {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, html { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;} /* IE11 */
*::-ms-backdrop, .ming { font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif !important;} /* IE11 */
}

/*-----font-size-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 639px) {
.textXXL,.textXXLSp {font-size: 9vw;}
.textXL,.textXLSp {font-size: 8vw;}
.textL,.textLSp {font-size: 6.3vw;}
.textML,.textMLSp {font-size: 6.5vw;}
.textM,.textMSp {font-size: 5.4vw;}
.textMS,.textMSSp {font-size: 4.8vw;}
.textS,.textSSp {font-size: 4.0vw;line-height: 1.7em;}
.textSS,.textSSSp {font-size: 4.0vw;}
.textXS,.textXSSp {font-size: 3.8vw;}
.textXSS,.textXSSSp {font-size: 3.5vw;}
.textXXS,.textXXSSp {font-size: 3.2vw;}
.titleTop{font-size: 5.2vw;margin-top: 75px;}
h3 {font-size: 4.4vw; letter-spacing: 0.03em;}
}
/*pc*/
@media only screen and (min-width: 640px) {
.textXXL,.textXXLPc {font-size: 40px;}
.textXL,.textXLPc {font-size: 32px;}
.textL,.textLPc {font-size: 24px;}
.textM,.textMPc {font-size: 20px;}
.textS,.textSPc {font-size: 14px;}
.textXS,.textXSPc {font-size: 14px;}
.titleTop{font-size: 19px;margin-top: 0px;}
.pc-only{
    display: block;
}
.sp-only{
    display: none;
}
h3 {font-size: 16px; letter-spacing: 0.03em;}
}
/*-----font-weight-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 639px) {
.fw100,.fw100Sp {font-weight: 100;}
.fw200,.fw200Sp {font-weight: 200;}
.sp-only{
    display: block;
}
.pc-only{
    display: none;
}
}
/*pc*/
@media only screen and (min-width: 640px) {
.fw100,.fw100Pc {font-weight: 100;}
.fw200,.fw200Pc {font-weight: 200;}
}
/*-----margin-top-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 639px) {
.mtS,.mtSSp {margin-top: 10px !important;}
.mtM,.mtMSp {margin-top: 15px !important;}
.mtMM,.mtMMSp {margin-top: 25px !important;}
.mtL,.mtLSp {margin-top: 30px !important;}
.mtLL,.mtLLSp {margin-top: 40px !important;}
.mtXLL,.mtXLLSp {margin-top: 50px !important;}
}
/*pc*/
@media only screen and (min-width: 640px) {
.mtS,.mtSPc {margin-top: 13px !important;}
.mtM,.mtMPc {margin-top: 20px !important;}
.mtL,.mtLPc {margin-top: 32px !important;}
.mtLL,.mtLLPc {margin-top: 50px !important;}
.mtXL,.mtXLPc {margin-top: 70px !important;}
}
/*-----padding-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 639px) {
.pdt20,.pdt20Sp {padding-top: 20px !important;}
.pdt30,.pdt30Sp {padding-top: 30px !important;}
.pdt40,.pdt40Sp {padding-top: 40px !important;}
.pdt50,.pdt50Sp {padding-top: 50px !important;}
.pdt56,.pdt56Sp {padding-top: 56px !important;}
.pdt60,.pdt60Sp {padding-top: 60px !important;}
.pdt70,.pdt70Sp {padding-top: 70px !important;}
.pdt80,.pdt80Sp {padding-top: 80px !important;}
.pdt90,.pdt90Sp {padding-top: 90px !important;}
.pdt110,.pdt110Sp {padding-top: 110px !important;}
.pd10,.pd10Sp {padding-bottom: 10px !important;}
.pd20,.pd20Sp {padding-bottom: 20px !important;}
.pd30,.pd30Sp {padding-bottom: 30px !important;}
.pd40,.pd40Sp {padding-bottom: 40px !important;}
.pd50,.pd50Sp {padding-bottom: 50px !important;}
.pd60,.pd60Sp {padding-bottom: 60px !important;}
.pd70,.pd70Sp {padding-bottom: 70px !important;}
.pd80,.pd80Sp {padding-bottom: 80px !important;}
.pd90,.pd90Sp {padding-bottom: 90px !important;}
}
/*pc*/
@media only screen and (min-width: 640px) {
.pd10,.pd10Pc {padding: 10px !important;}
.pd20,.pd20Pc {padding: 20px !important;}
.pd40,.pd40Pc {padding: 40px !important;}
}
/*-----footer-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 639px) {
.footer {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #eeeeee;
    font-size: 3.5vw;
    letter-spacing: 0.05em;
    line-height: 0.4em;
    padding-left: 5%;
    padding-right: 5%;
}
address {
    font-style:normal;
    margin-top: 10px;
}
.footLogo {
    width: 50%;
}
}
/*pc*/
@media only screen and (min-width: 640px) {
.footer {
    padding: 0px 0px 70px;
    width: 100%;
    overflow: hidden;
    background: #dedede;
}
address {
    margin-top: 10px;
    letter-spacing: -0.01em;
}
.footLogo {
    width: 15%;
}
}
/*-----layout-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 639px) {
.anc {
    position: relative;
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}
.narrowSp {
    line-height: 1.4em;
}
.narrow {
    line-height: 1.7em;
}
.narrowStaff {
    line-height: 1.8em;
}
.narrowStaff2 {
    line-height: 2.1em;
}
.narrowBiz {
    padding: 0 10px;
}
#ez-map{min-height:150px;min-width:150px;height: 300px;width: 100%;}
.tightLetter {
    letter-spacing: 0.01em;
}
.wideLetter {
    letter-spacing: 0.2em;
}
}

/*pc*/
@media only screen and (min-width: 640px) {
.narrow {
    line-height: 1.6em;
}
.narrowStaff {
    line-height: 1.9em;
}

#ez-map{min-height:150px;min-width:150px;height: 400px;width: 100%;}
}

/*-----btn-----*/
/*all device*/
.frameWhite {
	border: 1px solid #dcdcdc;
}
.frameBlack {
	border: 1px solid #8a8a8a;
}
/*sp*/
@media only screen and (max-width: 639px) {
.btnWhite {
}
.btnWhite a {
    display: inline-block;
    padding: 10px 30px;
    background: #fff;
    border: 1px solid #797777;
    color: #797777;
    text-align: center;
    text-decoration: none;
    transition: .4s;
    font-size: 14px;
    font-family: SackersGothicStd-Medium;
    letter-spacing: 0.02em;
}
.btnWhite a:hover {
    position: relative;
    padding: 14px 55px;
    background: #484848;
    color: #fff;
}
.btnBlack {
}
.btnBlack a {
    display: inline-block;
    padding: 10px 30px;
    background: #000;
    border: 1px solid #8a8a8a;
    color: #8a8a8a;
    text-align: center;
    text-decoration: none;
    transition: .4s;
    font-size: 14px;
    font-family: SackersGothicStd-Medium;
    letter-spacing: 0.02em;
}
.btnBlack a:hover {
    position: relative;
    padding: 14px 75px;
    background: #fff;
    color: #111;
}
}

/*pc*/
@media only screen and (min-width: 640px) {
.btnWhite {
}
.btnWhite a {
    display: inline-block;
    padding: 6px 20px;
    background: #fff;
    border: 1px solid #797777;
    color: #797777;
    text-align: center;
    text-decoration: none;
    transition: .4s;
    font-size: 10px;
    font-family: SackersGothicStd-Medium;
    letter-spacing: 0.03em;
}
.btnWhite a:hover {
    position: relative;
    padding: 6px 55px;
    background: #484848;
    color: #fff;
}
.btnBlack {
    margin-top: 50px;
}
.btnBlack a {
    display: inline-block;
    padding: 6px 40px;
    background: #000;
    border: 1px solid #484848;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: .4s;
    font-size: 10px;
    font-family: SackersGothicStd-Medium;
    letter-spacing: 0.03em;
}
.btnBlack a:hover {
    position: relative;
    padding: 6px 75px;
    background: #fff;
    color: #111;
}



}


.slider-top{
    position: relative;
    display: block;
}

.slider-top .slick-next{
    width: 19px;
    height: 28px;
    right: 65px;
    bottom: 50%;
    margin-bottom: -30px;
}

.slider-top .slick-prev{
    width: 19px;
    height: 28px;
    left: 65px;
    bottom: 50%;
    margin-bottom: -30px;
}

.slider-top__item {
    /* width: 540px; */
}

.slider-top__item img{
    margin: auto;
}

.company1 ul {
    overflow: hidden;
}

.company1 ul:nth-child(1) {
    margin-bottom: 20px;
}


/*--------------------------------project-------------------------------------*/
.contentpro{
    width: 945px;
    margin: auto;
}

.wrap-project{
    min-width: 1200px;
}

.project1{

}



.title-project{
    font-size: 24px;
    margin-bottom: 56px;
    margin-left: 15px;
    color: #333;
}

.c-navproject{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin-bottom: 56px;
}

.c-navproject.border{
    border-top: 1px solid #ccc;
}


.c-navproject3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-navproject3 li{
     width: 450px;
    height: 250px;
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-navproject3 li.list01{
    height: 125px;
    margin-bottom: 90px;
}

.c-navproject3 li.list02{
    height: 140px;
    margin-bottom: 85px;
}
.c-navproject3 li.list03{
    height: 180px;
    margin-bottom: 30px;
}

.c-navproject3 li a{
     margin: auto;
    display: block;
}

.c-navproject3 li a:first-child{
     margin-bottom: 0;
}

.c-navproject3 li a img{
     margin: auto;

}

.c-navproject li{
    width: 450px;
    height: 332px;
    border-top: 1px solid #ccc;
}

.c-navproject li a{
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.c-navproject li a img{
    max-width: 100%;
}



.flame{
    display: flex;
    border-top: 1px solid #ccc;
    align-items: center;
    padding-top: 53px;
    padding-bottom: 43px;
}

.flame1{
    align-items: flex-start;
}

.flame1 .flame__img{
    margin-top: 96px;
}
.flame:last-child{
    border-bottom: 1px solid #ccc;
}
.flame__img{
    width: 50%;
    text-align: center;}
.flame__content{ width: 50%; }

.c-imgtext{
    display: flex;
     align-items: center;
     margin-bottom: 13px;
}

.c-imgtext:last-child{
    margin-bottom: 0px;
}
.c-imgtext__img{
    flex: 0 0 131px;
    height: 134px;
    background-color: #fafafa;
}
.c-imgtext__img a{
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.c-imgtext__text{
    padding-left: 17px;
    color: #000;
}
.newslist{
		margin-top: 46px;
		margin-bottom: 46px;
}
.news{
	border-bottom: 1px solid #ccc;
	padding-top: 24px;
	padding-bottom: 24px;
	font-size: 16px;
	text-align: left;
	padding-left: 24px;
	padding-right: 24px;
}
.news:first-child{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 24px;
	padding-bottom: 24px;
	font-size: 16px;
	text-align: left;
}
.news-date{
	font-family: SackersGothicStd-Medium;
	font-size: 14px;
}
.news-title{
	font-size: 16px;
	line-height: 1.9em;
}
/*--.news-title::after {
	content: url("/common/image/icon_pdf.svg") ;
	display: inline-block;
  width: 10px;
  height: 12px;
	margin-left: 4px;
}--*/



.company-name{
    font-size: 15px;
    line-height: 27px;
}
.company-date{
    font-size: 12px;
    line-height: 1;
    margin-top: 18px;
    font-family: SackersGothicStd-Medium;
}

.company-link{
    font-size: 11px;
    font-family: SackersGothicStd-Medium;
}

.project3{
    padding-top: 60px;
}

@media only screen and (max-width: 639px) {
/* .bgWhite4 {

    padding: 80px 0 95px;
} */

.wrap-project{
    width: 100%;
    min-width: 320px;
}

.slider-top .slick-next{
    width: 13px;
    height: 24px;
    right: 5%;
    margin-bottom: -20px;
}

.slider-top .slick-prev{
    width: 13px;
    height: 24px;
    left: 5%;
   margin-bottom: -20px;
}

.slider-top__item img{
    width: 70%;
    height: auto;
}

.company1 ul {
    overflow: unset;
}

.company1 ul:nth-child(1) {
    margin-bottom: 0px;
}

.contentpro{
    width: 100%;
}

.project{
    padding: 64px 25px;
}

.title-project{
    font-size: 5.2vw;
   margin-bottom: 15px;

}

.title-project03{
    font-size: 5.2vw;
   margin-bottom: 15px;

}

.c-navproject{
    flex-direction: column;
    margin-bottom: 0px;
}

.c-navproject3{
    flex-direction: column;
}

.c-navproject li{
    width: 100%;
    height: 267px;

}

.c-navproject3 li{
    width: 100%;
    height: 267px;

}


.c-navproject3 li a img{
   max-width: 100%;
}


.c-navproject li a img{
   max-width: 100%;
}

.flame{
    flex-direction: column;
    padding-top: 0px;
}

.flame__img{
   width: 100%;
    height: 260px;
    display: inline-flex;
    justify-content: center;
    align-items: center;

}

.flame__img img{
    max-width: 100%;
}
.flame__content{
    width: 100%;
}

.c-imgtext__img{
    flex: 0 0 31.7vw;
    height: 31.7vw;
    padding: 0 10px;
}

.c-imgtext__img a img{
    max-width:100%;
    height: auto;
}

.c-imgtext__img a{
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.c-imgtext__text{
    width: 70%;
}

.company-name{
    font-size: 3.6vw;
    line-height: 2.6em;
}

.company-date{
    font-size: 2.8vw;

}

.company-link{
    font-size: 2.8vw;
}

.project3{
    padding-top: 83px;
}

.project2{
    padding-top: 94px;
}


.flame1 .flame__img{
    margin-top: 0;
}

}