@charset "UTF-8";
/*! Theme Name: LegalTech */
/*! Theme URI: http://legaltech.org/ */
/*! Author: LegalTech */
/*! Author URI: http://legaltech.org/ */
/*! Description: LegalTech */
/*! Version: 1.0 */

*,body,h1,h2,h3,h4,h5,h6,html,p{padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}
li{list-style:none}
a{text-decoration:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:focus{outline:0}
button,input,label,select,textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:0;background:0 0;border-radius:0;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#404040}
button:focus,input:focus,label:focus,select:focus,textarea:focus{outline:0}
button::-webkit-input-placeholder,input::-webkit-input-placeholder,label::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#d5d7da}
button:-ms-input-placeholder,input:-ms-input-placeholder,label:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#d5d7da}
button::-moz-placeholder,input::-moz-placeholder,label::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#d5d7da}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border-image-width:0}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f5f5f5 inset}
html{font-size:10px;scroll-behavior:smooth}
body{font-family:Ave,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;overflow-wrap:break-word;word-break:break-all;font-size:1rem;color:#404040}
::-moz-selection{background:#36c4cc;color:#fff}
::-ms-selection{background:#36c4cc;color:#fff}
::-o-selection{background:#36c4cc;color:#fff}
::selection{background:#36c4cc;color:#fff}
section{padding:120px 0 160px}
@media screen and (max-width:1100px){section{padding:100px 0 120px}}
@media screen and (max-width:630px){section{padding:60px 0 80px}}
@font-face{font-family:Ave;src:url(fonts/AvenirM.woff) format("woff");font-weight:300}
@font-face{font-family:Ave;src:url(fonts/AvenirB.woff) format("woff");font-weight:900}

/* Activity card */
.c-activityCard .imgCase{display:none;width:100%;max-height:340px;overflow:hidden}
.c-activityCard .img{display:block;width:100%}
.c-activityCard .headLabel{position:relative;padding-left:16px;font-size:2rem;color:rgba(255,255,255,.4)}
.c-activityCard .headLabel::before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:rgba(255,255,255,.4)}
.c-activityCard .headLabel::after{content:"";position:absolute;top:0;left:0;z-index:-1;width:4px;height:100%;background:rgba(255,255,255,.4)}
.c-activityCard .headLabel:hover{color:#fff}
.c-activityCard .headLabel:hover::after{width:100%}
.c-activityCard.js-active .imgCase{display:block}
.c-activityCard.js-active .headLabel{font-weight:700;color:#36c4cc}
.c-activityCard.js-active .bodyData{display:block}
.c-activityCard .bodyData{display:none;padding-top:32px;line-height:1.75;font-size:1.6rem;color:#fff}
@media screen and (max-width:1100px){
  .c-activityCard .headLabel{font-size:1.6rem}
  .c-activityCard .bodyData{line-height:1.75;font-size:1.6rem}
}

/* Button */
.c-btnDef{display:inline-block;padding:12px 24px;width:100%;border-radius:40px;background:#5658f9;text-align:center;font-size:1.4rem;color:#fff}
.c-btnDef .sup{font-size:1rem}
.c-btnDef.gray{background:#404040}
.c-btnDef.sizeFree{display:block;width:100%}
.c-btnDef.sizeSm{padding:12px 8px;width:125px;font-size:1.4rem}

/* Canvas field */
.c-canvasField{position:absolute;z-index:-1;width:100%;height:100%}

/* Hamburger */
.c-hamburgerMenu{display:none;position:absolute;top:50%;right:32px;z-index:100000;width:32px;height:32px;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.c-hamburgerMenu .bands{position:absolute;left:0;width:100%;height:2px;background:#fff}
.c-hamburgerMenu .bands:nth-child(1){top:10px}
.c-hamburgerMenu .bands:nth-child(2){bottom:10px}
.c-hamburgerMenu.js-active .bands:nth-child(1){top:15px;-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.c-hamburgerMenu.js-active .bands:nth-child(2){bottom:15px;-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media screen and (max-width:1100px){.c-hamburgerMenu{display:block}}
@media screen and (max-width:630px){.c-hamburgerMenu{display:block;right:20px}}

/* Headlines */
.c-headLine.columnHead{font-size:4.8rem}
.c-headLine.columnHead .sup{margin-top:16px;font-size:2.4rem}
.c-headLine.subHead{font-size:3.2rem}
.c-headLine.subHead .sup{margin-top:16px;font-size:2rem}
.c-headLine.articleSideHead{font-size:2.4rem;margin-bottom:12px}
.c-headLine.articleSideHead .sup{font-size:1.4rem;margin-top:12px}
.c-headLine.horHead{display:flex;align-items:flex-end}
.c-headLine.horHead .sup{margin-left:16px}
.c-headLine.primaryGray{color:#36c4cc}
.c-headLine.primaryGray .sup{color:#404040}
.c-headLine.primaryWhite{color:#36c4cc}
.c-headLine.primaryWhite .sup{color:#fff}
.c-headLine.whiteWhite{color:#fff}
.c-headLine.whiteWhite .sup{color:#fff}
@media screen and (max-width:1100px){
  .c-headLine.columnHead{font-size:3.2rem}
  .c-headLine.columnHead .sup{font-size:1.8rem}
  .c-headLine.subHead{font-size:2.4rem}
  .c-headLine.subHead .sup{font-size:1.6rem}
  .c-headLine.subHorHead{font-size:1.8rem}
  .c-headLine.subHorHead .sup{font-size:1.2rem}
}

/* Member image card (unused in commissioner, but keep) */
.c-memberImageCard{margin-bottom:32px}
.c-memberImageCard .img{margin-bottom:12px}
.c-memberImageCard .img img{display:block;width:100%}
.c-memberImageCard .title{color:#36c4cc;margin-bottom:8px;font-size:1.6rem;font-weight:700}
.c-memberImageCard .name{color:#404040;margin-bottom:8px;font-size:1.6rem}
.c-memberImageCard .company{font-size:1.4rem;color:#404040}

/* 共通の .c-imageCard の img – 元比率維持・全幅 */
.c-imageCard img{
  display:block;
  width:100%;
  height:auto;
}

/* Advisor images */
.advisorContent .advisorList{display:flex;justify-content:space-between}
.advisorContent .advisorList .advisorItem{flex-basis:49%}
.advisorContent .advisorList .advisorItem .c-imageCard .frame{height:auto}
.advisorContent .advisorList .advisorItem .c-imageCard .img{position:relative}
.advisorContent .advisorList .advisorItem .c-imageCard .imgSm{max-width:280px}

@media screen and (max-width:1100px){
  .p-commissionerColumn{padding-bottom:160px}
  .p-commissionerColumn .columnHead{margin-bottom:32px}
  .p-commissionerColumn .commissionerContent .memberList .memberItem{flex-basis:32%}
  .p-commissionerColumn .advisorContent .c-imageCard .frame{height:180px}
}
@media screen and (max-width:630px){
  .p-commissionerColumn{padding-bottom:160px}
  .p-commissionerColumn .commissionerContent .memberList .memberItem{flex-basis:47%}
  .p-commissionerColumn .commissionerContent .c-imageCard .title{font-size:1.4rem}
  .p-commissionerColumn .commissionerContent .c-imageCard .name{font-size:1.4rem}
  .p-commissionerColumn .advisorContent .c-imageCard .title{font-size:1.4rem}
  .p-commissionerColumn .advisorContent .c-imageCard .name{font-size:1.4rem}
}

/* News bar */
.c-newsBar{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:8px;background:rgba(255,255,255,.2);padding:20px 32px;color:#fff}
.c-newsBar .date{flex-shrink:0;margin-right:32px;font-size:1.2rem}
.c-newsBar .head{margin-right:32px;font-size:1.6rem}
.c-newsBar .link{flex-shrink:0;font-size:1.4rem}
@media screen and (max-width:630px){
  .c-newsBar{display:block;padding:12px}
  .c-newsBar .date{margin-bottom:8px}
  .c-newsBar .head{font-size:1.4rem}
  .c-newsBar .link{display:none}
}

/* Table */
.c-table{display:table;width:100%}
.c-table .tr{display:table-row}
.c-table .tr .th{display:table-cell;font-weight:700;padding:16px 0;min-width:120px;font-size:1.6rem;border-bottom:solid 1px #d5d7da;border-collapse:collapse}
.c-table .tr .td{padding:16px 0;padding-left:32px;display:table-cell;font-size:1.6rem;border-bottom:solid 1px #d5d7da}
.c-table .tr .td .link{color:#404040}
@media screen and (max-width:1100px){.c-table .tr .th{min-width:60px}}
@media screen and (max-width:1100px){.c-table .tr .th{min-width:50px}}

/* Terms */
.c-termsContent p{font-size:1.4rem;margin-bottom:8px;color:#444;text-indent:-1em;padding-left:1em}

/* About section */
.p-aboutUsColumn .firstCell{margin-bottom:240px}
.p-aboutUsColumn .firstCell .leftItem{order:1}
.p-aboutUsColumn .firstCell .leftItem .c-logo{display:block;width:80%;margin-left:auto}
.p-aboutUsColumn .firstCell .rightItem{order:0;margin-right:32px}
.p-aboutUsColumn .secondCell{margin-bottom:240px}
.p-aboutUsColumn .secondCell .leftItem{order:1}
.p-aboutUsColumn .secondCell .rightItem{order:0;margin-right:64px}
.p-aboutUsColumn .secondCell .rightItem .img{display:block;width:100%}
.p-aboutUsColumn .thirdCell{position:relative;margin-bottom:240px}
.p-aboutUsColumn .thirdCell .c-canvasField{top:-40%;left:-60%}
.p-aboutUsColumn .thirdCell .rightItem{margin-left:64px}
.p-aboutUsColumn .thirdCell .rightItem .img{display:block;margin:0 auto;width:100%}
.p-aboutUsColumn .fourthCell{position:relative}
.p-aboutUsColumn .fourthCell .c-canvasField{top:-50%;right:-60%}
.p-aboutUsColumn .fourthCell .leftItem{order:1}
.p-aboutUsColumn .fourthCell .rightItem{order:0;margin-right:64px}
.p-aboutUsColumn .fourthCell .rightItem .img{display:block;width:100%}
@media screen and (max-width:1100px){
  .p-aboutUsColumn .firstCell{flex-flow:column wrap;align-items:flex-end;margin-bottom:120px}
  .p-aboutUsColumn .firstCell .leftItem{margin-right:0;width:100%}
  .p-aboutUsColumn .firstCell .leftItem .c-logo{width:50%}
  .p-aboutUsColumn .firstCell .rightItem{margin-bottom:32px;margin-right:0}
  .p-aboutUsColumn .secondCell{display:block;margin-bottom:120px}
  .p-aboutUsColumn .secondCell .leftItem{margin-bottom:32px}
  .p-aboutUsColumn .secondCell .rightItem{margin-right:0}
  .p-aboutUsColumn .thirdCell{display:block;margin-bottom:120px}
  .p-aboutUsColumn .thirdCell .leftItem{margin-bottom:32px}
  .p-aboutUsColumn .thirdCell .rightItem{margin-left:0}
  .p-aboutUsColumn .fourthCell{display:block}
  .p-aboutUsColumn .fourthCell .leftItem{margin-bottom:32px}
  .p-aboutUsColumn .fourthCell .leftItem .img{display:block;width:100%}
  .p-aboutUsColumn .fourthCell .rightItem{margin-right:0}
}
@media screen and (max-width:630px){
  .p-aboutUsColumn .firstCell{display:block;margin-bottom:120px}
  .p-aboutUsColumn .firstCell .leftItem{margin-bottom:32px}
  .p-aboutUsColumn .firstCell .leftItem .c-logo{width:80%;margin:0 auto}
  .p-aboutUsColumn .secondCell{display:block;margin-bottom:120px}
  .p-aboutUsColumn .secondCell .leftItem{margin-bottom:32px}
  .p-aboutUsColumn .secondCell .rightItem{margin-right:0}
  .p-aboutUsColumn .thirdCell{display:block;margin-bottom:120px}
  .p-aboutUsColumn .thirdCell .leftItem{margin-bottom:32px}
  .p-aboutUsColumn .thirdCell .rightItem{margin-left:0}
  .p-aboutUsColumn .fourthCell{display:block}
  .p-aboutUsColumn .fourthCell .leftItem{margin-bottom:32px}
  .p-aboutUsColumn .fourthCell .leftItem .img{display:block;width:100%}
  .p-aboutUsColumn .fourthCell .rightItem{margin-right:0}
}

/* Activity column */
.p-activityCardList .cardItem{margin-bottom:32px}
.p-activityColumn{position:relative;min-height:1000px}
.p-activityColumn .c-canvasField{top:-10%;left:50%;height:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
.p-activityColumn .firstCell{align-items:flex-start;margin-bottom:40px}
.p-activityColumn .firstCell .leftItem{padding-right:64px}
.p-activityColumn .firstCell .leftItem .p-sentenceField{margin-bottom:32px}
.p-activityColumn .firstCell .rightItem{flex-shrink:0}
@media screen and (max-width:1100px){
  .p-activityColumn{padding-bottom:40px}
  .p-activityColumn .firstCell{display:block;margin-bottom:32px}
  .p-activityColumn .firstCell .leftItem{padding-right:0;margin-bottom:40px}
  .p-activityColumn .firstCell .rightItem{flex-shrink:0}
}

/* Article content */
.p-articleContent{padding:120px 0}
.p-articleContent .p-flexBox{flex-flow:row nowrap;align-items:normal;max-width:1200px;margin:0 auto}
.p-articleContent .inside{flex-grow:2;padding:0 32px;margin:0}
.p-articleContent .p-btnCase{margin:48px auto 0;max-width:1200px}
.p-articleContent .p-btnCase .c-btnDef{margin-right:32px}
.p-articleContent .p-btnCase .c-btnDef:last-child{margin-right:0}
.p-articleContent .p-btnCase .singleBtn{max-width:500px}
.p-articleContent .singleHeader{margin-bottom:64px}
.p-articleContent .singleHeader .date{display:block;margin-top:16px;font-size:1.2rem}
.p-articleContent .singleHeader .tagList{display:flex;flex-flow:row wrap;margin-top:32px}
.p-articleContent .singleHeader .tagList span{display:block;margin-right:16px;margin-bottom:16px;line-height:1}
.p-articleContent .singleHeader .tagList span:last-child{margin-right:0}
.p-articleContent .singleHeader .tagList span a{display:block;background:#f5f5f5;border-radius:50px;padding:8px 8px;line-height:1;font-size:1.2rem;color:#202020}
.p-articleContent .singleHeader .tagList span a:before{display:none}
.p-articleContent .sideArea{width:464px;flex-shrink:0}
.p-articleContent .sideArea .barItem{list-style-type:none}
.p-articleContent section{padding:0!important}
.p-articleContent ol li{list-style:decimal}
.p-articleContent ul li{list-style-type:circle}
.p-articleContent p{line-height:2.3;letter-spacing:.8px;font-size:1.6rem;margin-bottom:20px}
.p-articleContent img{display:block;width:100%;height:auto;max-width:700px}
.p-articleContent h2{margin-bottom:20px;margin-top:60px;line-height:2.3;border-bottom:solid 6px #404040;font-size:2.4rem}
.p-articleContent h3{margin:40px 0 20px;padding:16px;line-height:2.3;background:#f5f5f5;font-size:2.4rem}
.p-articleContent h4{background:#f5f5f5;font-size:1.6rem}
.p-articleContent dl{position:relative;border:solid 1px #d5d7da;padding:32px 32px 24px;margin:32px 0}
.p-articleContent dl dt{position:absolute;top:-12px;left:12px;padding:0 12px;font-size:1.3125rem;background:#fff}
.p-articleContent dl dt a{font-size:1.3125rem;background:#fff;color:#404040}
.p-articleContent dl dt a:before{display:none}
.p-articleContent dl dd{font-size:1.3125rem;line-height:2.3}
.p-articleContent strong{color:#36c4cc}

/* Bar list & bar */
.p-barList .barItem{margin-bottom:32px}
.c-bar{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px}
.c-bar:hover .head{color:#5658f9}
.c-bar:hover .link{color:#5658f9}
.c-bar:hover .link::before{width:100%}
.c-bar .date{flex-shrink:0;margin-right:24px;padding:8px 16px;border-radius:40px;background:#36c4cc;font-size:1.2rem;color:#fff}
.c-bar .head{margin-right:24px;font-size:1.6rem;color:#404040}
.c-bar .link{flex-shrink:0;position:relative;margin-left:auto;font-size:1.4rem;font-weight:700;color:#404040}
.c-bar .link::before{content:"";position:absolute;bottom:-3px;left:0;background:#5658f9;height:2px;width:0%;box-shadow:0 3px 6px rgba(86,88,249,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:630px){
  .c-bar{display:block;background:0 0;padding:0}
  .c-bar .date{display:inline-block;margin-bottom:8px}
  .c-bar .head{font-size:1.4rem}
  .c-bar .link{display:none}
}

/* Button case */
.p-btnCase{display:flex}
.p-btnCase .c-btnDef{margin-right:32px}
.p-btnCase .c-btnDef:last-child{margin-right:0}

/* Commissioner / member list */
.p-commissionerColumn{padding-bottom:160px}
.p-commissionerColumn .columnHead{margin-bottom:32px}
.p-commissionerColumn .commissionerContent{margin-bottom:64px}
.p-commissionerColumn .memberList{display:flex;flex-flow:row wrap;justify-content:space-between}
.p-commissionerColumn .memberList .memberItem{flex-basis:24%}
.p-commissionerColumn .advisorContent .advisorList{display:flex;justify-content:space-between}
.p-commissionerColumn .advisorContent .advisorList .advisorItem{flex-basis:49%}
.p-commissionerColumn .advisorContent .advisorList .advisorItem .c-imageCard .frame{height:auto}
.p-commissionerColumn .advisorContent .advisorList .advisorItem .c-imageCard .img{position:relative}

/* Commissioner(member) のサムネを 288x288 の正方形で表示（縦伸び防止） */
.p-commissionerColumn .commissionerContent .memberList .memberItem .c-imageCard > img{
  display: block;
  width: 100%;
  max-width: 288px;
  aspect-ratio: 1 / 1;
  height: auto !important;          /* どこかで height が当たっても潰す */
  object-fit: cover;                 /* 比率維持＋はみ出しはトリミング */
  object-position: center;
  margin: 0 auto 16px;               /* 中央寄せ＋下に余白 */
}

/* aspect-ratio 非対応ブラウザ向けの最低限フォールバック */
@supports not (aspect-ratio: 1 / 1){
  .p-commissionerColumn .commissionerContent .memberList .memberItem .c-imageCard > img{
    width: 288px;
    height: 288px !important;
  }
}


/* 共通のメンバーカード */
.c-imageCard{margin-bottom:32px}
.c-imageCard .frame{position:relative;width:100%;overflow:hidden;margin-bottom:16px}
.c-imageCard .img{display:block;width:100%;margin-bottom:12px}
.c-imageCard .title{margin-bottom:8px;font-size:1.6rem;font-weight:700;color:#36c4cc}
.c-imageCard .name{margin-bottom:8px;font-size:1.6rem;color:#fff}
.c-imageCard .company{font-size:1.4rem;color:#fff}
.c-imageCard .company .position{margin-left:8px;font-size:1.4rem;color:#fff}

@media screen and (max-width:1100px){
  .p-commissionerColumn{padding-bottom:160px}
  .p-commissionerColumn .columnHead{margin-bottom:32px}
  .p-commissionerColumn .commissionerContent .memberList .memberItem{flex-basis:32%}
  .p-commissionerColumn .advisorContent .c-imageCard .frame{height:180px}
}
@media screen and (max-width:630px){
  .p-commissionerColumn{padding-bottom:160px}
  .p-commissionerColumn .commissionerContent .memberList .memberItem{flex-basis:47%}
  .p-commissionerColumn .commissionerContent .c-imageCard .title{font-size:1.4rem}
  .p-commissionerColumn .commissionerContent .c-imageCard .name{font-size:1.4rem}
  .p-commissionerColumn .advisorContent .c-imageCard .title{font-size:1.4rem}
  .p-commissionerColumn .advisorContent .c-imageCard .name{font-size:1.4rem}
}

/* Company column */
.p-companyColumn{background:#fff;padding-left:32px;padding-right:32px}
.p-companyColumn .columnHead{margin-bottom:32px}
.p-companyColumn .companyCell .rightItem{margin-left:64px}
.p-companyColumn .companyCell .rightItem .img{display:block;width:100%}
@media screen and (max-width:630px){
  .p-companyColumn{padding-left:20px;padding-right:20px}
  .p-companyColumn .columnHead{margin-bottom:32px}
  .p-companyColumn .companyCell{display:block}
  .p-companyColumn .companyCell .leftItem{margin-bottom:32px}
  .p-companyColumn .companyCell .rightItem{margin-left:0}
}

/* Contact section */
.p-contactColumn .inside{padding:48px;border-radius:8px}
.p-contactColumn .firstCell{align-items:stretch}
.p-contactColumn .c-headLine{margin-bottom:32px}
.p-contactColumn .warningBoard{font-size:1.6rem;margin-right:64px}
.p-contactColumn .p-btnCase{margin:48px auto 0;max-width:1200px}
.p-contactColumn .sup{font-size:1.4rem}
.p-contactColumn .c-contactTopic .inside{padding:48px;border-radius:8px;background:#f5f5f5;box-shadow:0 3px 6px rgba(0,0,0,.1)}
.p-contactColumn .c-contactTopic .topicTitle{text-align:center;margin-bottom:24px;font-size:1.8rem}
.p-contactColumn .c-contactTopic .topicTxt{font-size:1.4rem;color:#404040;margin-bottom:12px;letter-spacing:.8px;line-height:1.75}
.p-contactColumn .c-contactTopic .topicTxt a{color:#5658f9}
@media screen and (max-width:630px){
  .p-contactColumn .inside{padding:20px;border-radius:0}
  .p-contactColumn .firstCell{display:block}
  .p-contactColumn .warningBoard{margin-right:0}
}

/* Contact form */
.p-contactForm{width:100%;margin:0 auto;padding:12px 0}
.p-contactForm .inside{max-width:600px;width:100%;margin:0 auto}
.p-contactForm .c-headLine{margin-bottom:32px}
.p-contactForm .screen-reader-response,.p-contactForm .wpcf7-response-output{margin-bottom:32px;font-size:1.6rem;color:#404040}
.p-contactForm .screen-reader-response ul,.p-contactForm .wpcf7-response-output ul{display:none;padding:16px 0}
.p-contactForm .screen-reader-response ul li,.p-contactForm .wpcf7-response-output ul li{padding:8px 16px;border-radius:4px;background:#d50001;font-size:1.4rem;color:#fff;margin-bottom:16px}
.p-contactForm .wpcf7-validation-errors{margin-top:32px;padding:8px 16px;border-radius:4px;background:#d50001;font-size:1.4rem;color:#fff}
.p-contactForm .wpcf7-mail-sent-ok{margin-top:32px;padding:8px 16px;border-radius:4px;background:#34a853;font-size:1.4rem;color:#fff}
.p-contactForm .format{position:relative;margin-bottom:12px}
.p-contactForm .format .c-label{margin-bottom:8px}
.p-contactForm .format .wpcf7-not-valid-tip{font-size:1.6rem;color:#d50001}
.p-contactForm .format .c-txtContent{font-size:1.4rem;color:#404040}
.submitForm{margin-top:12px}
.c-label{display:block;font-family:Avenir;font-size:1.6rem;color:#949494}
.c-input{position:relative;z-index:10;display:block;padding:12px 8px;width:100%;border:solid 2px #949494;font-family:Avenir;font-size:1.4rem;color:#404040;border-radius:4px}
.c-input:focus{border-color:#5658f9}
.c-select{position:relative;display:inline-block;margin-bottom:12px}
.c-select::before{content:"";position:absolute;top:55%;right:0;z-index:0;border-top:solid 6px #949494;border-right:solid 6px transparent;border-bottom:solid 6px transparent;border-left:solid 6px transparent;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.c-select .select{padding:10px 24px 10px 0!important;border-bottom:solid 2px #949494!important;font-size:1.4rem!important;color:#404040!important}
.c-textarea{width:100%;max-width:100%;min-width:100%;max-height:120px;min-height:120px;font-size:1.4rem;color:#404040;border:solid 2px #949494;padding:12px 8px}
.c-textarea:focus{border-color:#5658f9}
.c-checkBoxArea{display:none}
.c-checkBoxParts,.wpcf7-list-item-label{position:relative;padding-left:20px;margin-right:20px;font-size:1.6rem}
.c-checkBoxParts a,.wpcf7-list-item-label a{color:#36c4cc;margin-left:8px}
.c-checkBoxParts:before,.wpcf7-list-item-label:before{content:'';display:block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #999;border-radius:4px}
.c-checkBoxArea:checked+.c-checkBoxParts,.c-checkBoxArea:checked+.wpcf7-list-item-label{color:#36c4cc}
.c-checkBoxArea:checked+.c-checkBoxParts:after,.c-checkBoxArea:checked+.wpcf7-list-item-label:after{content:'';display:block;position:absolute;top:-5px;right:5px;left:5px;width:7px;height:14px;transform:rotate(40deg);border-bottom:3px solid #36c4cc;border-right:3px solid #36c4cc}
.c-checkAlert{color:#ff5050;font-size:1.4rem;padding-left:28px}
@media screen and (max-width:630px){
  .spFlex{padding:0}
  .p-contactForm{padding:32px 12px}
}

/* Layout flex */
.p-flexBox{display:flex;align-items:center}
.p-flexBox .flexItem{flex-basis:50%}

/* Header menu */
.p-headerMenuList{display:flex;align-items:center}
.p-headerMenuList .menuItem{position:relative;margin-right:16px;padding-bottom:4px;overflow:hidden}
.p-headerMenuList .menuItem:last-child{margin-right:0}
.p-headerMenuList .menuItem.joinItem{margin-right:0;margin-left:auto;border:solid 1px #000;padding:8px 16px;border-radius:8px;border-color:#fff}
.p-headerMenuList .menuItem.joinItem:hover{background:#5658f9}
.p-headerMenuList .menuItem.joinItem:hover .menuLink::before{width:0}
.p-headerMenuList .menuItem:hover .menuLink::before{width:100%}
.p-headerMenuList .menuItem:hover .menuLink .EN{visibility:hidden;opacity:0}
.p-headerMenuList .menuItem:hover .menuLink .JP{visibility:visible;opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.p-headerMenuList .menuItem .menuLink{display:block;position:relative;padding:0 24px;font-size:1.6rem;color:#fff}
.p-headerMenuList .menuItem .menuLink::before{content:"";position:absolute;bottom:-3px;left:0;background:#fff;height:2px;width:0%;box-shadow:0 3px 6px rgba(86,88,249,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.p-headerMenuList .menuItem .menuLink .EN{visibility:visible;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.p-headerMenuList .menuItem .menuLink .JP{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;visibility:hidden;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
@media screen and (max-width:1100px){
  .p-headerMenuList{display:block;position:fixed;top:0;left:0;z-index:10000;padding:0;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
  .p-headerMenuList.js-active{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .p-headerMenuList.js-active .menuItem{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
  .p-headerMenuList.js-active .menuItem:nth-child(1){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
  .p-headerMenuList.js-active .menuItem:nth-child(2){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
  .p-headerMenuList.js-active .menuItem:nth-child(3){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
  .p-headerMenuList.js-active .menuItem:nth-child(4){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
  .p-headerMenuList.js-active .menuItem:nth-child(5){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
  .p-headerMenuList.js-active .menuItem:nth-child(6){-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
  .p-headerMenuList.js-active .menuItem:nth-child(7){-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
  .p-headerMenuList .menuItem{position:relative;left:-100%;width:100%;height:calc(100% / 7);margin-right:0;background:#152733;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-ms-transition:all .4s ease-in;-o-transition:all .4s ease-in;transition:all .4s ease-in}
  .p-headerMenuList .menuItem:nth-child(1){background:#152733}
  .p-headerMenuList .menuItem:nth-child(2){background:#173642}
  .p-headerMenuList .menuItem:nth-child(3){background:#1b4651}
  .p-headerMenuList .menuItem:nth-child(4){background:#22656f}
  .p-headerMenuList .menuItem:nth-child(5){background:#25747e}
  .p-headerMenuList .menuItem:nth-child(6){background:#378792}
  .p-headerMenuList .menuItem:hover .menuLink .JP{-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
  .p-headerMenuList .menuItem .menuLink{position:absolute;top:50%;left:50%;padding:0;width:100%;text-align:center;font-size:1.6rem;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
  .p-headerMenuList .menuItem .menuLink::before{bottom:-32px}
  .p-headerMenuList .menuItem .menuLink .EN{position:absolute;top:50%;left:50%;padding:12% 0;width:100%;height:auto;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
  .p-headerMenuList .menuItem .menuLink .JP{top:50%;left:50%;padding:12% 0;width:100%;height:auto;text-align:center;visibility:hidden;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate3d(-50%,-100%,0);-moz-transform:translate3d(-50%,-100%,0);-ms-transform:translate3d(-50%,-100%,0);-o-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}
}

/* Hero */
.p-heroColumn{position:relative;height:100vh;background-image:linear-gradient(to right,#152733,#36c4cc);padding:0}
.p-heroColumn .inside{position:absolute;top:50%;left:50%;width:100%;max-width:1200px;margin:0 auto;padding:0 32px;-webkit-transform:translate3d(-50%,-

50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.p-heroColumn .logoCell{position:absolute;top:50%;left:32px;width:500px;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.p-heroColumn .logoCell .c-logo{width:100%;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none}
.p-heroColumn .joinBoxCell{position:absolute;top:50%;right:32px;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.p-heroColumn .joinBoxCell .head{max-width:424px;min-height:120px}
.p-heroColumn .joinBoxCell .c-btnDef{display:block;margin-top:16px;margin-left:auto;font-size:1.6rem;width:156px}
.p-heroColumn .joinBoxCell .js-typerHeroText{vertical-align:middle;font-size:4rem;color:#fff}
.p-heroColumn .joinBoxCell .ityped-cursor{display:inline-block;vertical-align:middle;margin-left:8px;font-size:0rem;width:5px;height:40px;background:#fff;opacity:1;-webkit-animation:blink .6s infinite;-moz-animation:blink .6s infinite;animation:blink .6s infinite;animation-direction:alternate}
@keyframes blink{100%{opacity:0}}
@-webkit-keyframes blink{100%{opacity:0}}
@-moz-keyframes blink{100%{opacity:0}}
@media screen and (max-width:1100px){
  .p-heroColumn .inside{top:60%}
  .p-heroColumn .logoCell{position:relative;top:0;left:0;width:80%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .p-heroColumn .logoCell .c-logo{width:100%}
  .p-heroColumn .joinBoxCell{position:relative;top:0;left:0;min-height:auto;margin-top:64px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .p-heroColumn .joinBoxCell .c-btnDef{margin-right:auto;margin-left:0}
}
@media screen and (max-width:630px){
  .p-heroColumn{overflow:hidden}
  .p-heroColumn .inside{padding:0 20px}
  .p-heroColumn .inside .logoCell{width:80%}
  .p-heroColumn .inside .joinBoxCell .head{min-height:69px}
  .p-heroColumn .inside .joinBoxCell .js-typerHeroText{font-size:2.4rem}
  .p-heroColumn .inside .joinBoxCell .ityped-cursor{height:24px}
}

/* Join company */
.p-joinCompanyColumn{position:relative;margin-bottom:160px;padding:80px 32px;margin:0 -32px;background:#fff;overflow:hidden}
.p-joinCompanyColumn::before{content:"";position:absolute;top:0;left:0;z-index:1;background:#152733;width:8%;height:100%}
.p-joinCompanyColumn .c-canvasField{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.p-joinCompanyColumn .rightItem{padding-left:80px}
.p-joinCompanyColumn .p-sentenceField{position:relative;z-index:1}
.p-joinCompanyColumn .p-sentenceField.headField .descriptionJP{color:#404040}
.p-joinCompanyColumn .p-sentenceField.headField .descriptionEN{color:#404040}
.p-joinCompanyColumn .companies .img{display:block;width:100%}
@media screen and (max-width:1600px){.p-joinCompanyColumn::before{width:80px}}
@media screen and (max-width:1600px){.p-joinCompanyColumn::before{width:0}}

/* Join us */
.p-joinUsColmun{padding:120px 32px;background:#152733}
.p-joinUsColmun .c-headLine{margin-bottom:32px}
.p-joinUsColmun .joinUsContent{display:flex;align-items:center}
.p-joinUsColmun .joinUsContent .contentLeft{flex-basis:50%;padding-right:32px}
.p-joinUsColmun .joinUsContent .contentRight{flex-basis:50%;padding-left:32px}
.p-joinUsColmun .joinUsContent .c-logo{display:block;width:80%}
.p-joinUsColmun .joinUsContent .p-btnCase{margin-top:32px}
.p-joinUsColmun .joinUsContent .c-btnDef{font-size:1.6rem}
.p-joinUsColmun .joinUsContent .body{margin-bottom:16px;font-size:1.6rem;color:#fff}
.p-joinUsColmun .joinUsContent .typer .js-typerBottomText{vertical-align:middle;font-size:3.2rem;color:#fff}
.p-joinUsColmun .joinUsContent .ityped-cursor{display:inline-block;vertical-align:middle;margin-left:8px;font-size:0rem;width:5px;height:40px;background:#404040;opacity:1;-webkit-animation:blink .6s infinite;-moz-animation:blink .6s infinite;animation:blink .6s infinite;animation-direction:alternate}
@keyframes blink{100%{opacity:0}}
@-webkit-keyframes blink{100%{opacity:0}}
@-moz-keyframes blink{100%{opacity:0}}
@media screen and (max-width:1100px){
  .p-joinUsColmun .joinUsContent{display:block}
  .p-joinUsColmun .joinUsContent .contentLeft{padding-right:0}
  .p-joinUsColmun .joinUsContent .contentRight{padding-left:0}
  .p-joinUsColmun .joinUsContent .c-logo{width:50%;margin:0 auto 32px}
}
@media screen and (max-width:630px){
  .p-joinUsColmun{padding:60px 20px}
  .p-joinUsColmun .joinUsContent .typer{min-height:0}
  .p-joinUsColmun .joinUsContent .typer .js-typerBottomText{font-size:2.4rem}
  .p-joinUsColmun .joinUsContent .body{display:none}
  .p-joinUsColmun .joinUsContent .ityped-cursor{height:24px}
  .p-joinUsColmun .joinUsContent .c-btnDef{font-size:1.4rem;padding:8px 16px}
}

/* News column */
.p-newsColumn{position:relative;z-index:10;background:#152733;padding:32px 32px;margin:0 -32px}
.p-newsColumn .c-headLine{margin-bottom:16px}
.p-newsColumn .newsSlider .swiper-wrapper{padding-bottom:12px!important}
.p-newsColumn .newsSlider .swiper-pagination{bottom:0!important}
.p-newsColumn .newsSlider .swiper-pagination-bullet{background:#f5f5f5}
.p-newsColumn .newsSlider .swiper-pagination-bullet-active{background:#36c4cc!important}

/* News & event */
.p-newsEventColumn{background:#fff;padding-left:32px;padding-right:32px}
.p-newsEventColumn .subHead{margin-bottom:32px}
.p-newsEventColumn .firstCell{align-items:stretch}
.p-newsEventColumn .firstCell .leftItem{padding-right:32px}
.p-newsEventColumn .firstCell .rightItem{padding-left:32px;overflow:hidden}
.p-newsEventColumn .building{position:relative;width:100%;min-height:252px;border-radius:16px;border:dashed 2px #404040;background:#fff;text-align:center}
.p-newsEventColumn .building .buildingText{position:absolute;top:50%;left:50%;font-size:2rem;color:#404040;-webkit-transform:translate3d(-59%,-50%,0);-moz-transform:translate3d(-59%,-50%,0);-ms-transform:translate3d(-59%,-50%,0);-o-transform:translate3d(-59%,-50%,0);transform:translate3d(-59%,-50%,0)}
@media screen and (max-width:1100px){
  .p-newsEventColumn .firstCell{display:block}
  .p-newsEventColumn .firstCell .leftItem{padding-right:0;margin-bottom:40px}
  .p-newsEventColumn .firstCell .leftItem .c-btnDef{display:block;padding:8px;margin-left:auto}
  .p-newsEventColumn .firstCell .rightItem{padding-left:0}
}
@media screen and (max-width:630px){
  .p-newsEventColumn{padding-left:20px;padding-right:20px}
  .p-newsEventColumn .building .buildingText{font-size:1.6rem}
}

/* Sentence fields */
.p-sentenceField{z-index:10}
.p-sentenceField.headField .c-headLine{margin-bottom:24px}
.p-sentenceField.headField .descriptionJP{margin-bottom:24px;font-size:1.6rem;line-height:1.75;color:#fff}
.p-sentenceField.headField .descriptionEN{letter-spacing:.1px;position:relative;padding-left:48px;font-size:1.6rem;line-height:1.75;color:#fff}
.p-sentenceField.headField .descriptionEN::before{content:"";position:absolute;top:14px;left:0;width:30px;height:1px;background:#7fe4ea}
.p-sentenceField.subField .c-headLine{position:relative;padding:0 0 24px;margin-bottom:40px}
.p-sentenceField.subField .c-headLine .sup{font-size:1.8rem}
.p-sentenceField.subField .c-headLine::before{content:"";position:absolute;bottom:0;left:0;width:56px;height:1px;background:#7fe4ea}
.p-sentenceField.subField .descriptionJP{margin-bottom:20px;font-size:1.6rem;line-height:1.75;color:#fff}
.p-sentenceField.subField .descriptionEN{letter-spacing:.1px;font-size:1.6rem;line-height:1.75;color:#fff}
@media screen and (max-width:1100px){
  .p-sentenceField.headField .c-headLine{margin-bottom:24px}
  .p-sentenceField.headField .descriptionJP{margin-bottom:16px}
  .p-sentenceField.subField .c-headLine{margin-bottom:24px}
}

/* Swiper base (from Swiper library) */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

/* Footer */
.l-footer{background:#404040}
.l-footer.pageFooter{backgrround:#152733}
.l-footer .inner{display:flex;align-items:cetner;justify-content:space-between;margin:0 auto;padding:80px 32px;max-width:1200px}
.l-footer .inner .logoCell{width:200px}
.l-footer .inner .logoCell .c-logo{display:block;width:100%}
.l-footer .inner .contactLink{display:block;font-size:1.4rem;color:#fff}
@media screen and (max-width:630px){
  .l-footer .inner{padding:80px 20px}
  .l-footer .inner .logoCell{width:110px}
}

/* Header */
.l-header{position:absolute;top:0;left:0;z-index:100;width:100%}
.l-header.pageHeader{background:#152733}
.l-header.pageHeader .inner{padding:20px 32px;display:flex}
.l-header.pageHeader .inner .logoCell{margin-right:10px}
.l-header.pageHeader .inner .logoCell .c-logo{display:block}
.l-header.pageHeader .inner .p-headerMenuList{flex-grow:1}
.l-header.pageHeader .inner .menuItem{margin-right:0}
.l-header.pageHeader .inner .menuItem .menuLink{font-size:1.4rem}
.l-header .inner{max-width:1200px;margin:0 auto;padding:48px 32px}
.l-header .inner .logoCell{width:150px}
.l-header .inner .logoCell .c-logo{display:none;width:100%}
.l-header .l-header{position:fixed}
.l-header .l-header.js-active{background:#152733}
.l-header .l-header .inner{position:relative;padding:20px 32px}
.l-header .l-header .inner .logoCell{display:inline-block}
.l-header .l-header .inner .logoCell .c-logo{display:block}
.l-header .l-header .inner{padding:20px 20px}
.l-header .l-header .inner .logoCell{width:110px}
.l-header .l-header.pageHeader{background:#152733}
.l-header .l-header.pageHeader .inner{padding:20px 20px}
.l-header .l-header.pageHeader .inner .logoCell .c-logo{display:block}

/* Layout wrapper */
.l-layout{padding:80px 0}
.l-layout .blockWrap{display:flex;align-items:flex-start;max-width:1200px;margin:0 auto}
.l-layout .singleBlock{max-width:1200px;margin:0 auto}
.l-layout .sideBlock{margin-right:32px;min-width:200px;box-shadow:0 3px 6px rgba(0,0,0,.1);background:#fff}
.l-layout .mainBlock{flex-grow:2;background:#fff}

/* Project show */
.l-projectShow{padding-top:80px}
.l-projectShow .c-headLine{max-width:600px;margin:0 auto;margin-bottom:48px}
.l-projectShow .p-projectDetail{margin:0 auto;padding:80px;max-width:600px;border-radius:12px;background:#404040;color:#fff}
.l-projectShow .p-projectDetail .leftCell{flex-basis:50%}
.l-projectShow .p-projectDetail .leftCell .c-projectAmount .amountHead{font-size:1.3125rem}
.l-projectShow .p-projectDetail .leftCell .c-projectAmount .amountData{font-size:2.8125rem}
.l-projectShow .p-projectDetail .leftCell .c-projectAmount .amountGauge{position:relative;width:100%;height:20px;margin:16px 0;border-radius:32px;background:#f5f5f5}
.l-projectShow .p-projectDetail .leftCell .c-projectAmount .amountGauge::before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;border-radius:32px 0 0 32px;background:#36c4cc}
.l-projectShow .p-projectDetail .leftCell .c-projectAmount .amountMark{text-align:right;font-size:1.3125rem}
.l-projectShow .p-projectDetail .leftCell .c-projectAmount .amountDescription{margin-top:32px}
.l-projectShow .p-projectDetail .rightCell{flex-basis:50%}
.l-projectShow .p-projectDetail .rightCell .c-projectSupport .supportData{display:flex;align-items:center;margin-bottom:16px}
.l-projectShow .p-projectDetail .rightCell .c-projectSupport .supportData .icon{margin-right:16px;width:40px;height:40px;border-radius:50%;background:#36c4cc}
.l-projectShow .p-projectDetail .rightCell .c-projectSupport .supportData .name{font-size:1.3125rem}
.l-projectShow .p-projectDetail .rightCell .c-projectSupport .supportData .data{margin-left:auto;font-size:2.125rem}
.l-projectShow .p-projectDetail .rightCell .c-projectSupport .c-btnDef{margin-top:32px;padding:24px;line-height:1.16667em;font-size:1.3125rem}

/* Sign flow */
.l-sign .c-logo{text-align:center;margin-bottom:32px}
.l-sign .signFlow{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:32px 0;max-width:600px}
.l-sign .flowChild{position:relative;padding:8px 16px;border-radius:8px;border:solid 1px #d5d7da;color:#d5d7da}
.l-sign .flowChild.now{border-color:#36c4cc;color:#36c4cc}
.l-sign .flowChild.done{border-color:#36c4cc;background:#36c4cc;color:#fff}
.l-sign .flowBorder{width:20%;height:2px;background:#d5d7da}
.l-sign .flowBorder.done{background:#36c4cc}

/* Article cards etc. – unchanged from original (already working fine) */
.article-card{background:rgba(0,0,0,.05);transition:.3s}
.article-card:hover{background:rgba(0,0,0,.08)}
.article-card__thumb{font-size:0;overflow:hidden;transition:.3s;position:relative}
.article-card__thumb::before{content:'';z-index:1;background:rgba(0,0,0,0);top:0;right:0;bottom:0;left:0;transition:.3s}
.article-card__thumb img{transition:.3s;object-fit:cover}
.article-card:hover .article-card__thumb img{transform:scale(1.2)}
.article-card:hover .article-card__thumb::before{position:absolute;background:rgba(0,0,0,.2)}
.article-card__desc{display:flex;flex-direction:column;justify-content:space-between}
.article-card__info{color:#36c4cc;display:flex;justify-content:space-between}
.article-card__pv img{margin-right:.5em}
.article-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.article-card--note,.article-card--post{border-radius:10px;overflow:hidden}
.article-card--note .article-card__thumb,.article-card--post .article-card__thumb{font-size:0}
.article-card--note .article-card__thumb img,.article-card--post .article-card__thumb img{height:250px;width:100%;object-fit:cover}
.article-card--note .article-card__desc,.article-card--post .article-card__desc{height:127px;padding:20px;position:relative;font-size:14px}
.article-card--note .article-card__title,.article-card--post .article-card__title{order:2;font-size:18px;line-height:1.6;color:#000;height:56px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.article-card--note .article-card__info,.article-card--post .article-card__info{order:1}
.article-card--note .article-card__pv img,.article-card--post .article-card__pv img{margin-right:.5em}
.article-card--note .article-card__cate,.article-card--post .article-card__cate{position:absolute;height:36px;top:-36px;left:0;padding:0 20px;background:#36c4cc;color:#fff;display:flex;align-items:center;line-height:1;z-index:2}
.article-card--post .article-card__cate{display:none}
.article-card--cate{display:flex}
@media screen and (max-width:750px){
  .article-card--cate{flex-direction:column;border-radius:10px;overflow:hidden}
}
.article-card--cate .article-card__thumb{flex:3}
.article-card--cate .article-card__thumb img{width:100%;height:200px;object-fit:cover}
.article-card--cate .article-card__desc{flex:7;justify-content:space-between;padding:16px}
.article-card--cate .article-card__title{font-size:20px;line-height:1.6;min-height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media screen and (max-width:750px){
  .article-card--cate .article-card__title{font-size:16px}
}
.article-card--cate .article-card__info{font-size:14px}
.article-card--cate .article-card__except{font-size:14px;height:63px;color:gray;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.article-card--cate-aside{display:flex}
.article-card--cate-aside .article-card__thumb{flex:3}
.article-card--cate-aside .article-card__thumb img{width:100%;height:100%;object-fit:cover}
.article-card--cate-aside .article-card__desc{flex:7;padding:10px;height:100px}
.article-card--cate-aside .article-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:16px}
.article-card--cate-aside .article-card__cate{display:none}
.article-card--cate-aside .article-card__info{font-size:12px}
.article-list__item a{color:inherit}
.article-list--note{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.article-list--note .article-list__item{flex-basis:30%;width:30%;min-width:250px;flex-grow:0;margin-bottom:40px}
@media screen and (max-width:1000px){
  .article-list--note .article-list__item{flex-basis:100%}
}
.article-list--post{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between}
.article-list--post .article-list__item{flex-basis:48%;flex-grow:0;margin-bottom:40px}
@media screen and (max-width:750px){
  .article-list--post .article-list__item{flex-basis:100%}
}
.article-list--post .article-list__item:nth-of-type(n+5){display:none}
.article-list--cate{margin-top:20px}
.article-list--cate .article-list__item{margin-bottom:40px}
.article-list--cate-aside{counter-reset:cate-aside}
.article-list--cate-aside .article-list__item{margin-bottom:36px;position:relative}
.article-list--cate-aside .article-list__item::before{counter-increment:cate-aside;content:counter(cate-aside);position:absolute;z-index:99;color:#fff;background:#36c4cc;font-size:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.article-list--cate-aside .article-list__item a{color:inherit}

/* Blog & post layout (unchanged) */
.blog-casette{padding:60px 0}
.blog-casette__head{padding:16px 0;display:flex;flex-direction:column;align-items:center}
.blog-casette__title{font-size:36px;color:#36c4cc;display:flex;align-items:center;text-align:center}
@media screen and (max-width:750px){
  .blog-casette__title{font-size:24px}
}
.blog-casette__title::after,.blog-casette__title::before{content:"";display:inline-block;width:4px;height:20px;margin:0 10px;background:currentColor;position:relative;transform:rotate(30deg)}
.blog-casette__sub-title{font-size:16px;line-height:1.4;padding-top:16px}
.blog-casette__aside-title{font-size:16px;padding:10px 0;margin-bottom:32px;border-bottom:2px solid #000;font-weight:700}
.blog-casette__button{max-width:500px;margin:28px auto 0;display:block;padding:10px;background:#202020;color:#fff;border-radius:10px;text-align:center;font-size:14px}
.blog-cate.blog{padding:0 22px;display:flex;justify-content:space-between}
@media screen and (max-width:1000px){
  .blog-cate.blog{justify-content:flex-start;flex-direction:column}
}
.blog-cate__main{flex:7}
.blog-cate__aside{padding-left:6%;flex:3}
@media screen and (max-width:1000px){
  .blog-cate__aside{padding-left:0}
}
.blog{padding:88px 48px}
@media screen and (max-width:630px){
  .blog{padding:20px}
}
.blog__title{font-size:48px;line-height:1.6;color:#36c4cc;display:flex;align-items:baseline;border:1px solid currentColor;border-width:0 0 2px 0}
.blog__sub-title{display:block;font-size:24px;color:#444;margin-left:12px}
.categories{display:flex;flex-wrap:wrap;font-size:16px;justify-content:center}
.categories__item{margin:10px;color:#fff}
.categories__link{padding:10px;background:#36c4cc;border-radius:10px;color:inherit;text-decoration:none;display:block}
.post{max-width:720px;padding:44px 20px;margin:0 auto}
.post__title{font-size:32px;line-height:1.6;margin-bottom:24px}
.post__date{font-size:16px;margin-bottom:12px}
.post__info{display:flex;font-size:14px;align-items:center;margin-bottom:20px}
.post__cate{height:24px;left:0;padding:0 40px;background:#36c4cc;color:#fff;display:inline-flex;align-items:center;line-height:1;margin-right:20px}
.post__pv{color:#36c4cc}
.post__pv img{height:16px;margin-right:.5em}
.post__tag-list{display:flex;flex-wrap:wrap;margin:-10px -10px 10px -10px}
.post__tag-item{font-size:14px;padding:4px 6px;background:#f5f5f5;margin:10px}
.post__tag-item::before{content:"# "}
.post__tag-item a{color:inherit}
.post__content-thumb{padding-bottom:20px;text-align:center}
.post__content{padding-top:20px;font-size:16px;line-height:1.6}
.post__content h1{font-size:28px;border-bottom:.2em double #36c4cc;margin-bottom:16px}
.post__content h2{font-size:24px;border-left:.4em solid #36c4cc;padding-left:.2em;margin-bottom:16px;background:rgba(54,196,204,.2)}
.post__content h3{font-size:18px;margin-bottom:16px;padding-left:.2em;border-bottom:2px solid #36c4cc;border-left:.4em solid #36c4cc}
.post__content h4{font-size:16px;border-left:.4em solid #36c4cc;padding-left:.2em;margin-bottom:16px}
.post__content h5,.post__content h6{margin-bottom:16px}
.post__content blockquote{background:#f5f5f5;padding:10px;margin-bottom:16px}
.post__content p{padding-bottom:20px}
.post__content ul{padding:10px 20px}
.post__content ul li{list-style:disc}
.post__content ol{padding:10px 20px}
.post__content ol li{list-style:decimal}
.post__content img{max-width:100%;height:auto}
.post__content table{margin-bottom:16px;border-collapse:collapse}
.post__content table td,.post__content table th{border-bottom:1px solid #000;padding:6px}
.post__content dl{margin-bottom:16px}
.post__content dl dt{font-weight:700}
.post__content dl dd,.post__content dl dt{margin-bottom:8px}
.post__button{margin-top:28px;display:block;padding:10px;background:#202020;color:#fff;border-radius:10px;text-align:center;font-size:14px}
.search{display:flex;justify-content:center}
.search__input{padding:8px;border:1px solid #36c4cc;margin-right:.5em;min-width:170px}
.search__button{background:#36c4cc;color:#fff;padding:8px}
.post-side{max-width:720px;padding:44px 20px;margin:0 auto}
.post-side__title{font-size:16px;padding:10px 0;margin-bottom:32px;border-bottom:2px solid #000;font-weight:700}

/* Pagination */
.wp-pagenavi{margin-top:20px;text-align:center}
.wp-pagenavi>*{display:inline-block;padding:16px;background:#d5d7da;color:#000;margin:10px;font-size:16px;border-radius:10px}
.wp-pagenavi .current{background:#36c4cc;color:#fff}
.wp-pagenavi .pages{display:none}
.wp-pagenavi .extend{background:0 0;color:#000}

/* Wrapper */
.inside{max-width:1200px;margin:0 auto}
.pageWrapper{min-width:320px;overflow:hidden}
.overGrid{position:relative;overflow:hidden;padding:0 32px}
.overGrid::before{content:"";position:absolute;top:0;left:0;z-index:-2;width:100%;height:100%;background:-webkit-linear-gradient(top,#36c4cc,#152733 60%);background:linear-gradient(to bottom,#36c4cc,#152733 60%)}
@media screen and (max-width:630px){.overGrid{padding:0 20px}}
.fixedGrid{padding:80px 0}

/* News index */
.p-newsIndex{padding:40px 0}
.p-newsIndex .inside{padding:0 32px}
.p-newsIndex .c-headLine{margin-bottom:32px}
.p-newsIndex .p-barList .barItem{border-bottom:solid 1px #d5d7da;padding-bottom:24px;margin-bottom:24px}
.p-newsIndex .c-bar{justify-content:flex-start}
.p-newsIndex .c-bar .link{margin-left:auto}

/* Popular Posts（newsの人気記事）の画像レイアウト調整 */
.post-side .article-list--post .wpp-list {
  width: 100%;
  margin: 0;
  padding: 0;
}
.post-side .article-list--post .wpp-list li {
  list-style: none;
  width: 100%;
  margin: 0 0 16px 0;
}
.post-side .article-list--post .wpp-list img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
