@charset "UTF-8";@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:local("Noto Sans CJK JP"),local("Noto Sans JP"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2") format("woff2"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff") format("woff"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf") format("opentype")}
@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:500;src:local("Noto Sans CJK JP"),local("Noto Sans JP"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2") format("woff2"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff") format("woff"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf") format("opentype")}
@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:700;src:local("Noto Sans CJK JP Bold"),local("Noto Sans JP"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2") format("woff2"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff") format("woff"),url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf") format("opentype")}
@font-face{font-family:icomoon;src:url("../fonts/icomoon.eot");src:url("../fonts/icomoon.eot#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf") format("truetype"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.svg#icomoon") format("svg");font-weight:400;font-style:normal}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;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}
.slick-list{position:relative;display:block;width:100%;height:100%;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-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)}
.slick-track{position:relative;top:0;left:0;width:100%;height:100%;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
#loading{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:10000;background:#fff}
body#top #loading{width:0}
body#top #loading .mask{width:0}
.mod-index-list ul{zoom:1}
.mod-index-list ul:after{content:'';display:block;clear:both;height:0}
.mod-index-list ul li{
	float:left;width:46%;margin-bottom:5rem;padding: 5px;
}
.mod-index-list ul li a{text-decoration:none;overflow:hidden;display:block}
.mod-index-list ul li a .item_img{display:block;overflow:hidden}
.mod-index-list ul li a .item_img img{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
html.noTouch .mod-index-list ul li a:hover .item_img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.mod-index-list ul li a .item_img img{width:100%;height:auto}
.mod-index-list ul li a dl{margin-top:2rem}
.mod-index-list ul li a dl dt{font-family: "Roboto", sans-serif;font-size:1rem}
.mod-index-list ul li a dl dd{font-size:1.8rem;font-weight:300}
@media only screen and (max-width:1160px){.mod-index-list{margin:0 -1.5rem}
.mod-index-list ul li{float:left;width:47.1%;margin-bottom:2rem}
.mod-index-list ul li a dl{padding:0rem;margin-top:1.2rem}
.mod-index-list ul li a dl dt{font-size:.6rem}
.mod-index-list ul li a dl dd{font-size:1.2rem}
}

.mod-index-interviewlist ul{zoom:1}
.mod-index-interviewlist ul:after{content:'';display:block;clear:both;height:0}
.mod-index-interviewlist ul li{
	float:left;width:46%;margin-bottom:5rem;padding: 20px;
}
.mod-index-interviewlist ul li a{text-decoration:none;overflow:hidden;display:block}
.mod-index-interviewlist ul li a .item_img{display:block;overflow:hidden}
.mod-index-interviewlist ul li a .item_img img{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
html.noTouch .mod-index-interviewlist ul li a:hover .item_img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.mod-index-interviewlist ul li a .item_img img{width:100%;height:auto}
.mod-index-interviewlist ul li a dl{margin-top:2rem}
.mod-index-interviewlist ul li a dl dt{font-family: "Roboto", sans-serif;font-size:1rem}
.mod-index-interviewlist ul li a dl dd{font-size:1.8rem;font-weight:300}
@media only screen and (max-width:1160px){.mod-index-interviewlist{margin:0 -1.5rem}
.mod-index-interviewlist ul li{float:left;width:90%;margin-bottom:2rem}
.mod-index-interviewlist ul li a dl{padding:0rem;margin-top:1.2rem}
.mod-index-interviewlist ul li a dl dt{font-size:1rem}
.mod-index-interviewlist ul li a dl dd{font-size:1.5rem}
}

.mod-news{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto}
@media only screen and (min-width:1500px){.mod-news{max-width:1200px}
}
.mod-news_en,.mod-news_lead{display:none}
.mod-news-tab{zoom:1;margin-bottom:6.2rem;padding:0 0 0 6rem;border-bottom:#e5e5e5 solid 1px}
.mod-news-tab:after{content:'';display:block;clear:both;height:0}
.mod-news-tab .tab_item{position:relative;float:left;width:50%;margin:0 0 -1px 3rem}
.mod-news-tab .tab_item:first-child{margin-left:-6rem}
.mod-news-tab .tab_item a{display:block;padding:2.7rem 0;border:#f7f7f7 solid 1px;border-bottom:#e5e5e5 solid 1px;background:#f7f7f7;color:#333;font-family: "Roboto", sans-serif;font-weight:300;font-size:1.6rem;line-height:1;text-align:center;text-decoration:none;position:relative;overflow:hidden}
.mod-news-tab .tab_item a span{position:relative;z-index:1}
.mod-news-tab .tab_item a:after{content:'';position:absolute;z-index:0;bottom:0;width:100%;left:0;top:0;height:100%;background-color:#edeeef;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.noTouch .mod-news-tab .tab_item a:hover:after{-moz-animation:hoverAfter .5s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:hoverAfter .5s cubic-bezier(.78,.07,0,1) normal;animation:hoverAfter .5s cubic-bezier(.78,.07,0,1) normal}
.mod-news-tab .tab_item-current a{border:#e5e5e5 solid 1px;border-bottom-color:#fff;background:0 0;background-color: #00cccc;color:#fff}
.mod-news-tab .tab_item-current a:after{display:none}
.mod-news-body .body_item{display:none}
.mod-news-body .body_item-current{display:block}
.mod-news-dropdown .label{display:none}
.mod-news-dropdown select{display:none}
.mod-news-archive{zoom:1;padding-bottom:5rem;border-bottom:#e5e5e5 solid 1px;margin-bottom:4rem}
.mod-news-archive:after{content:'';display:block;clear:both;height:0}
.mod-news-archive li{float:left}
.mod-news-archive li a{text-decoration:none;letter-spacing:.05em}
.noTouch .mod-news-archive li a:hover{color:#00cccc}
.mod-news-archive li+li{margin-left:4rem}
.mod-news-list{margin-bottom:7rem}
.mod-news-list .item{line-height:1.79}
.mod-news-list .item a{display:table;width:100%;padding:3.5rem 0 3.5rem;text-decoration:none}
.noTouch .mod-news-list .item a:hover .item_ttl{text-decoration:underline}
.mod-news-list .item_category,.mod-news-list .item_date,.mod-news-list .item_ttl{display:table-cell;vertical-align:top}
.mod-news-list .item_date{width:10.9rem}
.mod-news-list .item_category{width:11.5rem}
.mod-news-list .item_category .cate{box-sizing:border-box;display:inline-block;min-width:7.4rem;padding:.6rem .5rem;background:#f4f4f4;font-size:1.2rem;line-height:1;text-align:center;font-family: "Roboto", sans-serif;font-weight:300}
@media only screen and (max-width:1160px){.mod-news{margin-top:2.5rem;padding-right:0;padding-left:0}
.mod-news-tab{margin:0 -2rem;padding:0 2rem 0 4rem;border-bottom-color:#fff}
.mod-news-tab .tab_item{margin:0 0 0 1rem}
.mod-news-tab .tab_item:first-child{margin-left:-2rem}
.mod-news-tab .tab_item a{padding:2rem 0;border:none;background:#ededed;font-size:1.2rem}
.mod-news-tab .tab_item a:before{display:none}
.mod-news-tab .tab_item-current:before{display:none}
.mod-news-tab .tab_item-current a{background:#00cccc!important;color:#fff}
.mod-news-body{padding-top:0}
.mod-news-dropdown .label{display:block}
.mod-news-dropdown select{display:block}
.mod-news .form-select{margin-top:3.5rem;padding-bottom:3.5rem;display:block;position:relative;text-align:left;border-bottom:.1rem solid #e5e5e5;width:100%}
.mod-news .form-select:after,.mod-news .form-select:before{position:absolute;display:block;content:''}
.mod-news .form-select:before{top:2.4rem;right:2rem;box-sizing:border-box;width:.4rem;height:.4rem;border:.4rem solid transparent;border-top:.4rem solid #00cccc}
.mod-news .form-select select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1;display:block;width:100%;height:5rem;margin:0;padding:0 1.5rem;border:.1rem solid #e5e5e5;border-radius:0;background:0 0;cursor:pointer;outline:0;border-radius:0;background:0 0;font-family:YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:.05rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.mod-news .form-select select::-ms-expand{display:none}
.mod-news-archive{display:none}
.mod-news-list{margin:0 -2rem;padding:0 2rem;margin-bottom:0}
.mod-news-list .item{border-top:#d3d9dc solid 1px;font-size:1.2rem;line-height:1.67}
.mod-news-list .item:first-child{border-top:none}
.mod-news-list .item:nth-child(n+4){display:none}
.mod-news-list .item a{display:block;position:relative;width:auto;padding:2.5rem 0 2.5rem 0}
.notouch .mod-news-list .item a:hover .item_ttl{text-decoration:none}
.mod-news-list .item_category,.mod-news-list .item_date,.mod-news-list .item_ttl{vertical-align:top}
.mod-news-list .item_date{display:block;float:left;width:auto;padding-right:.7rem;color:rgba(26,26,26,.5);font-size:1.2rem;line-height:1.5}
.mod-news-list .item_category{display:block;width:auto;line-height:1.5}
.mod-news-list .item_category .cate{min-width:0;padding:.5rem .5rem .3rem;letter-spacing:.05em;background:#e5e5e5;font-size:.9rem;vertical-align:top}
.mod-news-list .item_ttl{clear:left;padding-top:5px}
.mod-news-list.allshow .item:nth-child(n+4){display:block}
}
.mod-on-your-side{padding-bottom:14rem;text-align:center;position:relative}
.mod-on-your-side .img{top:0;left:0;position:absolute!important;width:100%;height:61.8rem}
.mod-on-your-side .img span{display:block;width:100%;height:61.8rem;background:url("../imgs/about/img-on-your-side.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:top center}
.mod-on-your-side .ttl span{display:block;line-height:1}
.mod-on-your-side .ttl span.sub{font-family: "Roboto", sans-serif;font-weight:200;font-size:1.2rem;margin-bottom:3rem;letter-spacing:.12em;padding-top:55rem}
.mod-on-your-side .ttl span.main{font-family: "Roboto", sans-serif;font-weight:200;font-size:6rem;margin-bottom:3rem}
.mod-on-your-side .ttl span.jp{font-weight:700;font-size:2rem;margin-bottom:3rem;letter-spacing:.1em}
.mod-on-your-side .lead{margin-bottom:3rem}
@media only screen and (max-width:1160px){.mod-on-your-side{margin:0 -1.5rem;padding-bottom:6rem}
.mod-on-your-side .img{height:20rem;margin-bottom:6rem;position:static!important}
.mod-on-your-side .img span{height:20rem}
.mod-on-your-side .section-inner{padding:0 2rem}
.mod-on-your-side .ttl span.sub{font-size:1rem;margin-bottom:2rem;padding-top:0}
.mod-on-your-side .ttl span.main{font-size:3rem;margin-bottom:2.5rem}
.mod-on-your-side .ttl span.jp{font-size:1.2rem;margin-bottom:3rem}
.mod-on-your-side .lead{text-align:left;font-size:1.6rem;margin-bottom:3rem}
}
.mod-sub-nav{margin-bottom:6rem;}
.mod-sub-nav-title{display:none}
.mod-sub-nav .mod-sub-nav-inner{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto;zoom:1}
@media only screen and (min-width:1500px){.mod-sub-nav .mod-sub-nav-inner{max-width:1200px}
}
.mod-sub-nav .mod-sub-nav-inner:after{content:'';display:block;clear:both;height:0}
.worksnavilist{
	line-height:1;
display: none;}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc{line-height:1}


.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li{float:left;opacity:0;-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);-webkit-transform:translateX(-50px);transform:translateX(-50px);margin:0 0 0 2rem;position:relative}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li{float:left;opacity:0;-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);-webkit-transform:translateX(-50px);transform:translateX(-50px);margin:0 0 0 2rem;position:relative}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li:first-child{margin-left:0}
.worksnavilist li:first-child{margin-left:0}


.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:.2rem;background:#00cccc;opacity:0}
.worksnavilist li:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:.2rem;background:#00cccc;opacity:0}


.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a{display:block;position:relative;padding:2.2rem 0 2.2rem 0;text-decoration:none;-webkit-font-feature-settings:normal;font-feature-settings:normal}

.worksnavilist li .formSelect,.worksnavilist li a{display:block;position:relative;padding:2.2rem 0 2.2rem 0;text-decoration:none;-webkit-font-feature-settings:normal;font-feature-settings:normal}

	 .worksnavilist .li .a:hover {
    color: #0cc;
  }	
.worksnavilist li a{display:block;position:relative;padding:2.2rem 0 2.2rem 0;text-decoration:none;-webkit-font-feature-settings:normal;font-feature-settings:normal}



.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:before{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;background:#e2e2e6}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}
.worksnavilist li .formSelect:after,.worksnavilist li a:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}


.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:.2rem}


.worksnavilist li a{
	position: relative;
  display: inline-block;
  text-decoration: none;
  color:#111;}

.worksnavilist li a::after{
	position: absolute;
  bottom: -4px;/*テキストからの距離*/
  left: 0;
  content: '';
  width: 100%;/*hover時に表示*/
  height: 2px;/*下線の高さ*/
  background: #00cccc;/*下線の色*/
  transform: scale(0, 1);/*トランス前の下線*/
  transform-origin: left top;/*トランスフォーム開始位置*/
  transition: transform .3s;/*アニメーション速度*/
}
.worksnavilist li a:hover::after {
  transform: scale(1, 1);/*トランス後の下線*/
}



.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:.2rem}
.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:hover:after,.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:hover:before,.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:hover:after,.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:hover:before{left:0;width:100%}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.item-current a{font-weight:700;color:#00cccc}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.item-current:after{opacity:1}
body.term-brand .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-brand a,body.term-creative .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-creative a,body.term-strategy .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-strategy a{font-weight:700;color:#00cccc}
body.term-brand .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-brand:after,body.term-creative .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-creative:after,body.term-strategy .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-strategy:after{opacity:1}



.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:before{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;background:#e2e2e6}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-lispct li .formSelect:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:.2rem}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:.2rem}
.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:hover:after,.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:hover:before,.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:hover:after,.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:hover:before{left:0;width:100%}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li.item-current a{font-weight:700;color:#00cccc}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li.item-current:after{opacity:1}
body.term-brand .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li.term-brand a,body.term-creative .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li.term-creative a,body.term-strategy .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li.term-strategy a{font-weight:700;color:#00cccc}
body.term-brand .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li.term-brand:after,body.term-creative .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li.term-creative:after,body.term-strategy .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li.term-strategy:after{opacity:1}




@media only screen and (max-width:768px){.mod-sub-nav{top:6.5rem;position:absolute;z-index:5;margin-bottom:0;margin:0 -1.5rem;width:100%}
.mod-sub-nav.fixed{top:0;z-index:9;position:fixed}
.mod-sub-nav-title{display:block;line-height:3.2;height:3.5rem;padding:0 1.5rem 0;background:#f7f7f7;font-family:metropolis,sans-serif;font-weight:300;font-size:1.1rem;color:#262626;letter-spacing:.1em}
.mod-sub-nav-title span{display:inline-block;position:relative;padding-right:1.6rem}
.mod-sub-nav-title span:before{position:absolute;right:0;top:50%;margin-top:-.3rem;content:"";display:block;width:1rem;height:.6rem;background:url("../imgs/common/arw02-b_gray.svg");background-repeat:no-repeat;background-position:center center;background-size:cover}
.mod-sub-nav .mod-sub-nav-inner{display:none;background:#f7f7f7;padding:0 1.5rem;box-sizing:border-box}
.mod-sub-nav .mod-sub-nav-inner.item-on{display:block}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list{zoom:1;border-top:.1rem solid #e2e2e2;padding:1.5rem 0 2rem;box-sizing:border-box;display:block;float:none;line-height:1}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc{zoom:1;border-top:.1rem solid #e2e2e2;padding:1.5rem 0 2rem;box-sizing:border-box;display:block;float:none;line-height:1}
	
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc{display: none;}	
	
	
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list:after{content:'';display:block;clear:both;height:0}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li{display:block;width:50%;float:left;opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);display:block;vertical-align:inherit;text-align:left;margin:0}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li:after{display:none}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a{line-height:1;padding:1rem 0;color:#262626}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:before{display:none}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect .label,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a .label{background:0 0;font-size:1.2rem;padding:0}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect .label:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect .label:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a .label:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a .label:before{display:none}
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc:after{content:'';display:block;clear:both;height:0}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li{display:block;width:50%;float:left;opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);display:block;vertical-align:inherit;text-align:left;margin:0}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li:after{display:none}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a{line-height:1;padding:1rem 0;color:#262626}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a:before{display:none}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect .label,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a .label{background:0 0;font-size:1.2rem;padding:0}
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect .label:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li .formSelect .label:before,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a .label:after,.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-listpc li a .label:before{display:none}
}





.mod-colum2{position:relative;zoom:1}
.mod-colum2:after{content:'';display:block;clear:both;height:0}
.mod-colum2-main{width:82rem;float:left}
.mod-colum2-side{float:right;position:relative;width:31rem;top: 0;}
.mod-colum2-side #side{width:31rem}
.mod-colum2-side #side .item{padding-bottom:5rem;border-bottom:.1rem solid #e5e5e5}
.mod-colum2-side #side .item:first-child{border-top:.1rem solid #e5e5e5;padding-top:4rem}
.mod-colum2-side #side .item+.item{margin-top:5rem}
.mod-colum2-side .mod-ank-list ul li.item-current a,.noTouch .mod-colum2-side .mod-ank-list ul li:hover a{color:#333}
.mod-colum2-side .mod-ank-list ul li a{text-decoration:none;font-weight:700;color:#d8d8d8}
.mod-colum2-side .mod-ank-list ul li+li{margin-top:1rem}
@media only screen and (max-width:1160px){.mod-colum2-main{width:auto;float:none}
.mod-colum2-side{display:none}
}
.mod-ttl{border-top:.1rem solid #e5e5e5;padding-top:3rem;font-size:2.4rem;font-weight:400;line-height:1.8;letter-spacing:.2em;margin-bottom:2rem;position:relative}
.mod-ttl:before{content:'';position:absolute;top:-.1rem;left:0;width:21rem;height:.1rem;background:#000}
.mod-sttl{border-top:.1rem solid #e5e5e5;margin-top:8rem;margin-bottom:3rem;font-size:2rem;font-weight:700;line-height:1.7;letter-spacing:.05em;padding-top:3rem}
.mod-sttl+.mod-sttl,.mod-sttl:first-child,.mod-ttl+.mod-sttl{margin-top:0}
.mod-sttl:last-child{margin-bottom:0}
.mod-ssttl{margin-top:4rem;margin-bottom:1rem;font-size:1.6rem;font-weight:700;line-height:1.4;letter-spacing:.05em;padding-left:1.4rem;position:relative;color:#00cccc}
.mod-ssttl:before{content:'';position:absolute;top:0;left:0;width:.4rem;height:100%;background:#00cccc}
.mod-ssttl+.mod-ssttl,.mod-ssttl:first-child,.mod-sttl+.mod-ssttl{margin-top:0}
@media only screen and (max-width:1160px){.mod-ttl{padding-top:3rem;font-size:1.8rem;margin-bottom:3rem}
.mod-ttl:before{width:10.5rem}
.mod-sttl{margin-top:4rem;margin-bottom:2rem;font-size:2rem;letter-spacing:0;padding-top:2.5rem}
.mod-ssttl{margin-top:3rem;margin-bottom:1rem;font-size:1.6rem;padding-left:.8rem}
.mod-ssttl:before{width:.2rem}
}
#tinymce{margin:10px}
#tinymce a,.mod-post-content a{color:#333;display:inline-block}
.noTouch #tinymce a:hover,.noTouch .mod-post-content a:hover{color:#00cccc;text-decoration:none}
#tinymce a[href$='.pdf'],#tinymce a[target$='_blank'],.mod-post-content a[href$='.pdf'],.mod-post-content a[target$='_blank']{text-decoration:none;font-size:1.4rem;font-weight:700;padding-bottom:.4rem;padding-right:2rem;border-bottom:.2rem solid #00cccc;position:relative}
#tinymce a[href$='.pdf']:before,#tinymce a[target$='_blank']:before,.mod-post-content a[href$='.pdf']:before,.mod-post-content a[target$='_blank']:before{position:absolute;top:50%;margin-top:-.4rem;right:.3rem;font-size:.9rem;color:#00cccc;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e901'}
#tinymce a[href$='.pdf'],.mod-post-content a[href$='.pdf']{padding-right:3.8rem}
#tinymce a[href$='.pdf']:before,.mod-post-content a[href$='.pdf']:before{display:none}
#tinymce a[href$='.pdf']:after,.mod-post-content a[href$='.pdf']:after{content:'PDF';position:absolute;top:50%;margin-top:-.8rem;right:.4rem;font-size:1rem;line-height:1;color:#fff;padding:.2rem;background:#e20013}
#tinymce .arw-link,.mod-post-content .arw-link{position:relative;display:inline-block}
#tinymce .arw-link a,.mod-post-content .arw-link a{text-decoration:none;font-size:1.4rem;font-weight:700;padding-bottom:.4rem;padding-right:2.4rem;border-bottom:.2rem solid #00cccc}
#tinymce .arw-link a:after,#tinymce .arw-link a:before,.mod-post-content .arw-link a:after,.mod-post-content .arw-link a:before{display:none}
#tinymce .arw-link a .arw,.mod-post-content .arw-link a .arw{overflow:hidden;position:absolute;display:block;width:2rem;height:.6rem;top:50%;margin-top:-.35rem;right:0}
#tinymce .arw-link a .arw:after,.mod-post-content .arw-link a .arw:after{position:absolute;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:2rem;height:.6rem;background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch #tinymce .arw-link:hover .arw:after,.noTouch .mod-post-content .arw-link:hover .arw:after{-moz-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite}
#tinymce h4,.mod-post-content h4{border-top:.1rem solid #e5e5e5;padding-top:6rem;font-size:2.4rem;line-height:1.5;font-weight:700;margin-bottom:5rem;position:relative}
#tinymce h4:before,.mod-post-content h4:before{content:'';position:absolute;top:-.1rem;left:0;width:21rem;height:.1rem;background:#000}
#tinymce h5,.mod-post-content h5{border-top:.1rem solid #e5e5e5;margin-top:8rem;margin-bottom:3rem;font-size:2rem;font-weight:700;line-height:1.7;letter-spacing:.05em;padding-top:3rem}
#tinymce h5:first-child,.mod-post-content h5:first-child,h4+#tinymce h5,h4+.mod-post-content h5,h5+#tinymce h5,h5+.mod-post-content h5{margin-top:0}
#tinymce h5:last-child,.mod-post-content h5:last-child{margin-bottom:0}
#tinymce h6,.mod-post-content h6{margin-top:4rem;margin-bottom:1rem;font-size:1.6rem;font-weight:700;line-height:1.4;letter-spacing:.05em;padding-left:1.4rem;position:relative;color:#00cccc}
#tinymce h6:before,.mod-post-content h6:before{content:'';position:absolute;top:0;left:0;width:.4rem;height:100%;background:#00cccc}
#tinymce h6:first-child,.mod-post-content h6:first-child,h4+#tinymce h6,h4+.mod-post-content h6,h5+#tinymce h6,h5+.mod-post-content h6,h6+#tinymce h6,h6+.mod-post-content h6{margin-top:0}
#tinymce p,.mod-post-content p{line-height:2;letter-spacing:.05em;margin-bottom:1.5rem}
#tinymce p+h4,.mod-post-content p+h4{margin-top:8rem}
#tinymce p+h5,.mod-post-content p+h5{margin-top:6rem}
#tinymce p+h6,.mod-post-content p+h6{margin-top:4rem}
#tinymce p:first-child img,.mod-post-content p:first-child img{margin-top:0}
#tinymce ol,#tinymce ul,.mod-post-content ol,.mod-post-content ul{margin-bottom:1.5rem}
#tinymce li,.mod-post-content li{margin-bottom:.3rem}
#tinymce ul li,.mod-post-content ul li{list-style:disc inside}
#tinymce ol li,.mod-post-content ol li{list-style:decimal inside}
#tinymce strong,.mod-post-content strong{font-weight:700}
#tinymce em,.mod-post-content em{font-style:italic}
#tinymce blockquote,.mod-post-content blockquote{display:block;margin:1.5rem 0;padding:2rem;background:#ececec}
#tinymce blockquote p,.mod-post-content blockquote p{margin-bottom:0}
#tinymce blockquote strong,.mod-post-content blockquote strong{display:block;padding-bottom:.5rem}
#tinymce .aligncenter,.mod-post-content .aligncenter{display:block;margin-left:auto;margin-right:auto}
#tinymce .alignright,.mod-post-content .alignright{float:right;margin-left:1.5rem}
#tinymce .alignleft,.mod-post-content .alignleft{float:left;margin-right:1.5rem}
#tinymce img,.mod-post-content img{display:inline-block;margin-top:4rem}
#tinymce img.alignright,.mod-post-content img.alignright{display:inline-block;margin:0 0 1rem 1.5rem}
#tinymce img.alignleft,.mod-post-content img.alignleft{display:inline-block;margin:0 1.5rem 1rem 0}
#tinymce img.aligncenter,.mod-post-content img.aligncenter{margin:0 auto 1.5rem}
#tinymce img.size-full,.mod-post-content img.size-full{height:auto;max-width:100%}
#tinymce .wp-caption-text,.mod-post-content .wp-caption-text{font-size:1.2rem!important}
#tinymce .video,.mod-post-content .video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;height:auto;max-width:100%}
#tinymce .video iframe,.mod-post-content .video iframe{border:none;position:absolute;top:0;right:0;width:100%;height:100%}
@media only screen and (max-width:1160px){.mod-post-content{font-size:1.2rem}
.mod-post-content a{color:#00cccc;text-decoration:none;font-size:1.2rem}
.mod-post-content a[href$='.pdf'],.mod-post-content a[target$='_blank']{color:#333;font-weight:400;padding-bottom:.1rem;padding-right:2rem;border-bottom:.1rem solid #00cccc}
.mod-post-content a[href$='.pdf']:before,.mod-post-content a[target$='_blank']:before{margin-top:-.4rem;right:.3rem;font-size:.9rem}
.mod-post-content a[href$='.pdf']{padding-right:3.4rem}
.mod-post-content .arw-link a{font-weight:400;padding-bottom:.1rem;padding-right:2.4rem;border-bottom:.1rem solid #00cccc}
.mod-post-content h4{padding-top:3rem;font-size:2.4rem;margin-bottom:3rem}
.mod-post-content h4:before{width:10.5rem}
.mod-post-content h5{margin-top:4rem;margin-bottom:2rem;font-size:2rem;padding-top:2rem}
.mod-post-content h6{font-size:1.8rem}
.mod-post-content p{font-size:1.2rem;line-height:1.8;letter-spacing:0;margin-bottom:1.5rem}
.mod-post-content p+h4{margin-top:4rem}
.mod-post-content p+h5{margin-top:3rem}
.mod-post-content img{margin-top:2rem}
.mod-post-content .wp-caption-text{font-size:1rem}
}
.mod-works ul{zoom:1;margin-right:-3.33%;box-sizing:border-box}
.mod-works ul:after{content:'';display:block;clear:both;height:0}




.mod-works ul li{display:block;width:46%;float:left;margin-right:3.33%;margin-bottom:5rem}


.mod-works ul li a{display:block;text-decoration:none;position:relative;overflow:hidden}
.mod-works ul li a .item_img{display:block;overflow:hidden}
.mod-works ul li a .item_img img{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
html.noTouch .mod-works ul li a:hover .item_img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.mod-works ul li a .item_img{margin-bottom:2rem}
.mod-works ul li a .item_img img{width:100%;height:auto}
.mod-works ul li a .item_txt{padding-bottom:4rem}
.mod-works ul li a .category{margin-bottom:.8rem}
.mod-works ul li a .category span{padding:1px 20px 1px; font-weight:300;font-size:1.2rem;color:#00cccc;display:inline-block;border: solid 1px #00cccc; }
.mod-works ul li a .category span+span{margin-left:.5rem}
.mod-works ul li a .ttl{font-weight:200;font-size:1.5rem;font-family: "Roboto", sans-serif;line-height:1.23;letter-spacing: 3px;}
.noTouch .mod-works ul li a:hover .readMore p{opacity:1}
.noTouch .mod-works ul li a:hover .readMore .arw{opacity:1;-moz-transform:translateX(7rem);-ms-transform:translateX(7rem);-webkit-transform:translateX(7rem);transform:translateX(7rem)}
.mod-works-list ul{zoom:1}
.mod-works-list ul:after{content:'';display:block;clear:both;height:0}
.mod-works-list ul li{float:left;width:50%;overflow:hidden}
.mod-works-list ul li a{display:block;position:relative;color:#fff;text-decoration:none;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mod-works-list ul li a .item_img{display:block;overflow:hidden}
.mod-works-list ul li a .item_img img{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
html.noTouch .mod-works-list ul li a:hover .item_img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.mod-works-list ul li a .item_img img{width:100%;height:auto}
.mod-works-list ul li a .item_img:after{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);background:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0,rgba(0,0,0,.8)),color-stop(100%,rgba(0,0,0,0)));background:-moz-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));content:'';display:block;position:absolute;bottom:0;left:0;z-index:0;width:100%;height:50%}
.mod-works-list ul li a .item_txt{position:absolute;bottom:0;left:0;z-index:2;box-sizing:border-box;width:100%;padding:0 2rem 2rem 2rem}
.mod-works-list ul li a .item_txt .category{font-family: "Roboto", sans-serif;font-weight:200;font-size:1.2rem;margin-bottom:.5rem}
.mod-works-list ul li a .item_txt .ttl{font-family: "Roboto", sans-serif;font-weight:200;font-size:2.4rem;line-height:1.23}
.noTouch .mod-works-list ul li a:hover .item_img:before{background:rgba(0,0,0,.5)}
@media only screen and (max-width:1160px){.mod-works-list ul li{float:left;width:50%;margin-bottom:2.5rem;overflow:hidden}
.mod-works-list ul li a{color:#333}
.mod-works-list ul li a:after{display:none}
.mod-works-list ul li a .item_img{position:relative}
.mod-works-list ul li a .item_txt{position:static;bottom:auto;left:auto;padding:1.5rem 0 0 0}
.mod-works-list ul li a .item_txt .category{font-size:.8rem;color:#00cccc}
.mod-works-list ul li a .item_txt .ttl{font-size:1.2rem}
}
.mod-blog-list .item a,.mod-blog-list li a{padding:5rem 0;border-bottom:.1rem solid #e5e5e5;text-decoration:none;display:table;width:100%;position:relative;overflow:hidden}
.mod-blog-list .item a .item_img,.mod-blog-list li a .item_img{display:table-cell;vertical-align:middle;width:20rem;position:relative;z-index:1}
.mod-blog-list .item a .item_img img,.mod-blog-list li a .item_img img{width:100%;height:auto}
.mod-blog-list .item a .item_txt,.mod-blog-list li a .item_txt{display:table-cell;vertical-align:middle;padding-left:5rem;position:relative;z-index:1}
.mod-blog-list .item a .item_txt .item_ttl,.mod-blog-list li a .item_txt .item_ttl{font-size:1.8rem;font-weight:300;line-height:1.5;}
.mod-blog-list .item a .item_txt .txt,.mod-blog-list li a .item_txt .txt{margin-top:1.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.noTouch .mod-blog-list .item a .item_txt .txt,.mod-blog-list a:hover .item_ttl{text-decoration:underline}
.noTouch .mod-blog-list .item a .item_txt .txt,.mod-blog-list a:hover .txt{text-decoration:underline}
.mod-blog-list .item a:after,.mod-blog-list .item a:before,.mod-blog-list li a:after,.mod-blog-list li a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:100%}
html.noTouch .mod-blog-list .item a:hover,html.noTouch .mod-blog-list li a:hover{text-decoration:none}
html.noTouch .mod-blog-list .item a:hover:after,html.noTouch .mod-blog-list .item a:hover:before,html.noTouch .mod-blog-list li a:hover:after,html.noTouch .mod-blog-list li a:hover:before{left:0;width:100%}
.mod-blog-list .item:first-child a,.mod-blog-list li:first-child a{border-top:.1rem solid #e5e5e5}
.post-head{zoom:1;margin-bottom:1rem;font-size:0}
.post-head:after{content:'';display:block;clear:both;height:0}
.post-head .photo{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;float:left;margin-right:1.5rem}
.post-head .data{float:left;font-size:0;margin-top:1.5rem;margin-right:1.5rem}
.post-head .data span{font-size:1.4rem;letter-spacing:.05em;display:inline-block;line-height:1}
.post-head .data span.category{box-sizing:border-box;display:inline-block;min-width:7.4rem;padding:.6rem .5rem;background:#f4f4f4;font-size:1.2rem;line-height:1;text-align:center;font-family: "Roboto", sans-serif;font-weight:300;margin-left: 3rem}
.post-head .like{font-family: "Roboto", sans-serif;font-weight:200;font-size:1.2rem;line-height:1.2;padding-left:1.8rem;position:relative;display:inline-block;margin-top:1.5rem}
.post-head .like:before{position:absolute;top:50%;margin-top:-.6rem;left:0;font-size:1.2rem;line-height:1.2rem;color:#ff3359;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e902'}
@media only screen and (max-width:1160px){.mod-blog-list .item a,.mod-blog-list li a{padding:1.5rem 0;box-sizing:border-box}
.mod-blog-list .item a .item_img,.mod-blog-list li a .item_img{width:13rem}
.mod-blog-list .item a .item_txt,.mod-blog-list li a .item_txt{padding-left:1rem}
.mod-blog-list .item a .item_txt .post-head,.mod-blog-list li a .item_txt .post-head{margin-bottom:.2rem;position:relative}
.mod-blog-list .item a .item_txt .post-head .photo,.mod-blog-list li a .item_txt .post-head .photo{display:none}
.mod-blog-list .item a .item_txt .post-head .data,.mod-blog-list li a .item_txt .post-head .data{margin-top:0}
.mod-blog-list .item a .item_txt .post-head .data span,.mod-blog-list li a .item_txt .post-head .data span{font-weight:300;font-size: 1.2rem;color: #8E8E8E}
.post-head .data span.category{min-width:0;padding:.5rem .5rem .3rem;letter-spacing:.05em;background:#e5e5e5;font-size:.9rem!important;vertical-align:top;color: #000!important;margin-left: .6rem;margin-top: -.2rem}
.mod-blog-list .item a .item_txt .post-head .like:before,.mod-blog-list li a .item_txt .post-head .like:before{position:absolute;top:50%;margin-top:-.5rem;left:0;font-size:.9rem;line-height:.9rem;color:#ff3359;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e902'}
.mod-blog-list .item a .item_txt .item_ttl,.mod-blog-list li a .item_txt .item_ttl{font-size:1.2rem;font-weight:700;margin-bottom: -1rem}
.mod-blog-list .item a .item_txt .txt,.mod-blog-list li a .item_txt .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.mod-blog-list .item:first-child a,.mod-blog-list li:first-child a{border-top:none}
.post-head .photo{width:2.8rem;height:2.8rem;margin-right:1rem}
.post-head .data{font-size:.9rem;margin-top:1.2rem;margin-right:1rem}
.post-head .data span{font-size:.9rem}
.post-head .like{font-size:1.1rem;margin-top:1.7rem;padding-left:1.8rem}
.post-head .like:before{margin-top:-.6rem}
}
.mod-tag-list li{display:inline-block;font-size:1.2rem;color:#999;margin-right:1rem;font-style:italic;-webkit-font-feature-settings:normal;font-feature-settings:normal}
.mod-tag-list li a{color:#999;text-decoration:none}
.noTouch .mod-tag-list li a:hover{color:#00cccc}
.mod-pager ul{display:table;width:100%;margin:0 auto;position:relative}
.mod-pager ul li{display:table-cell;vertical-align:middle;text-align:center;width:33.33%;height:40rem}
.mod-pager ul li a{display:block;line-height:40rem;text-decoration:none;position:relative;font-family: "Roboto", sans-serif;font-weight:700;letter-spacing:.08em;font-size:1.2rem;background:#e8e8e8;}
.noTouch .mod-pager ul li a:hover{background:#00cccc;color:#fff}
.mod-pager ul li.index{text-align:center}
.mod-pager ul li.index a{background:#f5f5f5}
.mod-pager ul li.index a span{display:block;overflow:hidden;text-indent:-5260px}
.mod-pager ul li.index a:after{content:'';display:block;position:absolute;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e904';top:50%;left:50%;font-size:1.5rem;margin-top:-.75rem;margin-left:-.75rem}
@media only screen and (max-width:1160px){.mod-pager{margin:0 -1.5rem -5.5rem}
.mod-pager ul li{height:12.5rem}
.mod-pager ul li a{line-height:12.5rem;letter-spacing:.08em;font-size:.9rem;background:#e8e8e8}
.noTouch .mod-pager ul li a:hover{background:#e8e8e8;color:#333}
.mod-pager ul li.index{text-align:center}
.mod-pager ul li.index a{background:#f5f5f5}
.mod-pager ul li.index a:after{color:#00cccc}
.noTouch .mod-pager ul li.index a:hover{background:#f5f5f5;color:#00cccc}
}
.mod-pagenation{text-align:center}
.mod-pagenation ul{position:relative;font-size:0}
.mod-pagenation ul li{display:inline-block;font-size:1.2rem;letter-spacing:.02em}
.mod-pagenation ul li a,.mod-pagenation ul li span{width:6rem;height:6rem;display:block;line-height:6rem;margin:0 .05rem;font-family: "Roboto", sans-serif;text-decoration:none;position:relative;background:#f7f7f7}
.noTouch .mod-pagenation ul li a:hover,.noTouch .mod-pagenation ul li span:hover{background:#00cccc;color:#fff}
.noTouch .mod-pagenation ul li span:hover{background:#f7f7f7;color:#333}
.mod-pagenation ul li.on a{background:#00cccc;color:#fff}
.mod-pagenation ul li.end a,.mod-pagenation ul li.first a,.mod-pagenation ul li.next a,.mod-pagenation ul li.prev a{background:0 0}
.noTouch .mod-pagenation ul li.end a:hover,.noTouch .mod-pagenation ul li.first a:hover,.noTouch .mod-pagenation ul li.next a:hover,.noTouch .mod-pagenation ul li.prev a:hover{background:#00cccc;color:#fff}
.mod-pagenation ul li.next{margin-left:1.5rem}
.mod-pagenation ul li.prev{margin-right:1.5rem}
.mod-pagenation ul li.more.sp{display:none}
@media only screen and (max-width:1160px){.mod-pagenation ul li{display:none}
.mod-pagenation ul li.more.sp{display:inline-block}
.mod-pagenation ul li.on,.mod-pagenation ul li.spshow{display:inline-block}
.mod-pagenation ul li a,.mod-pagenation ul li span{width:5rem;height:5rem;line-height:5rem;margin:0 .05rem}
.mod-pagenation ul li.end,.mod-pagenation ul li.first{display:none}
.mod-pagenation ul li.next{display:inline-block;font-size:.9rem;margin-left:0}
.mod-pagenation ul li.prev{display:inline-block;font-size:.9rem;margin-right:0}
}
.mod-pager-ui{position:fixed;z-index:9;bottom:3.3rem;left:0;width:100%;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;-moz-transform:translateY(120px);-ms-transform:translateY(120px);-webkit-transform:translateY(120px);transform:translateY(120px)}
.mod-pager-ui.on{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.mod-pager-ui ul{text-align:center}
.mod-pager-ui ul li{display:inline-block}
.mod-pager-ui ul li a{height:4.6rem;display:inline-block;text-decoration:none;overflow:hidden;border-radius:4.6rem;width:4.6rem;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.mod-pager-ui ul li a .icon{position:absolute;z-index:2;width:4.6rem;height:4.6rem;border-radius:4.6rem;background:rgba(0,0,0,.15);-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.mod-pager-ui ul li a .icon:before{position:absolute;content:'';width:1.4rem;height:.6rem;display:block;overflow:hidden;text-indent:-5260px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;top:50%;left:50%;margin-left:-.7rem;margin-top:-.3rem}
.mod-pager-ui ul li a .over{display:table;font-family: "Roboto", sans-serif;color:#fff;font-size:1.2rem;font-weight:700;height:4.6rem;background:rgba(0,0,0,.15);border-radius:4.6rem;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.mod-pager-ui ul li a .over span{line-height:1;-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;display:table-cell;vertical-align:middle;opacity:0}
.noTouch .mod-pager-ui ul li a:hover{width:auto}
.noTouch .mod-pager-ui ul li a:hover .over{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch .mod-pager-ui ul li a:hover .over span{opacity:1}
.mod-pager-ui ul li.prev{position:absolute;left:3rem;top:0}
.mod-pager-ui ul li.prev a .icon{left:0}
.mod-pager-ui ul li.prev a .icon:before{background:url("../imgs/common/arw03-l_white.svg") no-repeat center center;background-size:contain}
.mod-pager-ui ul li.prev a .over{min-width:8rem;padding-left:5.8rem;padding-right:2.4rem;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.noTouch .mod-pager-ui ul li.prev a:hover .over{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.mod-pager-ui ul li.next{position:absolute;right:3rem;top:0}
.mod-pager-ui ul li.next a .icon{right:0}
.mod-pager-ui ul li.next a .icon:before{background:url("../imgs/common/arw03-r_white.svg") no-repeat center center;background-size:contain}
.mod-pager-ui ul li.next a .over{min-width:8rem;padding-left:2.4rem;padding-right:5.8rem;-moz-transform:translateX(34%);-ms-transform:translateX(34%);-webkit-transform:translateX(34%);transform:translateX(34%)}
.noTouch .mod-pager-ui ul li.next a:hover .over{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.mod-pager-ui ul li.index a{position:relative;margin:0 auto}
.mod-pager-ui ul li.index a .icon{left:0}
.mod-pager-ui ul li.index a .icon:before{display:none}
.mod-pager-ui ul li.index a .icon:after{content:'';display:block;position:absolute;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e903';top:50%;left:50%;font-size:1.2rem;margin-top:-.6rem;margin-left:-.6rem;color:#fff;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.mod-pager-ui ul li.index a .over{min-width:10rem;padding-left:5.8rem;padding-right:2.4rem;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.noTouch .mod-pager-ui ul li.index a:hover{width:18.7rem}
@media only screen and (max-width:1160px){.mod-pager-ui{bottom:1.5rem}
.noTouch .mod-pager-ui ul li a:hover{width:4.6rem}
.noTouch .mod-pager-ui ul li a:hover .over{display:none}
.mod-pager-ui ul li.prev{left:1.5rem}
.mod-pager-ui ul li.next{right:1.5rem}
.noTouch .mod-pager-ui ul li.index a:hover{width:4.6rem}
}
.mod-sns-follow{display:table;table-layout:fixed;width:100%;margin-bottom:3rem}
.mod-sns-follow li{display:table-cell;text-align:center}
.mod-sns-follow li a{display:block;height:4rem;position:relative;text-decoration:none}
.mod-sns-follow li a:before{position:absolute;left:50%;top:50%;color:#fff}
.mod-sns-follow li.facebook a{background:#3a589e}
.mod-sns-follow li.facebook a:before{margin-left:-.2rem;margin-top:-1rem;font-size:2rem;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e905'}
.mod-sns-follow li.twitter a{background:#55acee}
.mod-sns-follow li.twitter a:before{margin-left:-.8rem;margin-top:-.9rem;font-size:1.9rem;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e907'}
.mod-sns-follow li.rss a{background:#ef5f2f}
.mod-sns-follow li.rss a:before{margin-left:-.8rem;margin-top:-.9rem;font-size:1.9rem;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e908'}
.mod-searchform{margin-bottom:6rem}
.mod-searchform #searchform{position:relative}
.mod-searchform #searchform .label{display:block;position:absolute;width:1.6rem;height:1.6rem;top:50%;margin-top:-.8rem;right:1.4rem}
.mod-searchform #searchform .label:before{position:absolute;top:0;left:0;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e909';font-size:1.6rem;color:#c4c4c4}
.mod-searchform #searchform input#search-text{display:block;width:100%;height:4rem;margin:0;padding:1rem 4rem 1rem 1rem;font-size:1.2rem;border:none;border-radius:0;background:0 0;outline:0;border:.1rem solid #e5e5e5;background:#f5f5f5;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.mod-searchform #searchform #searchsubmit{display:block;border:none;outline:0;cursor:pointer;background:0 0;position:absolute;width:1.6rem;height:1.6rem;top:50%;margin-top:-.8rem;right:1.4rem;opacity:0;-ms-filter:'alpha(opacity=70)';-webkit-appearance:none}
.mod-side-section{width:32rem;box-sizing:border-box;padding:5rem 0 5rem 5rem;border-top:.1rem solid #e5e5e5;border-left:.1rem solid #e5e5e5}
.mod-side-section-ttl{font-size:1.4rem;font-family: "Roboto", sans-serif;font-weight:200;margin-bottom:2rem}
.mod-side-section.side-category ul li a{text-decoration:none}
.noTouch .mod-side-section.side-category ul li a:hover{color:#00cccc}
.mod-side-section.side-category ul li .children{margin-left:1.5rem}
.mod-side-section.side-category ul li .children li{padding-left:1rem;position:relative}
.mod-side-section.side-category ul li .children li:before{position:absolute;left:0;top:0;display:block;content:'・'}
.mod-side-section.side-archives ul li a{font-family: "Roboto", sans-serif;text-decoration:none}
.noTouch .mod-side-section.side-archives ul li a:hover{color:#00cccc}
.mod-post-share{margin-top:6rem}
.mod-post-share ul{display:table;width:100%}
.mod-post-share ul li{display:table-cell;vertical-align:middle;text-align:center;width:50%}
.mod-post-share ul li a{display:table;width:100%;position:relative;height:14rem;text-decoration:none;-webkit-font-feature-settings:normal;font-feature-settings:normal}
.mod-post-share ul li a p{display:table-cell;vertical-align:middle;font-size:1.6rem;font-weight:700;color:#fff}
.mod-post-share ul li a p .icon{padding-left:5rem;position:relative;display:inline-block}
.mod-post-share ul li a p .icon:before{position:absolute;left:0;top:50%;color:#fff}
.mod-post-share ul li.facebook a{background:#3a589e}
.mod-post-share ul li.facebook a p .icon:before{margin-top:-1.6rem;font-size:3.2rem;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e906'}
.mod-post-share ul li.twitter a{background:#55acee}
.mod-post-share ul li.twitter a p .icon:before{margin-top:-1.6rem;font-size:3.1rem;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e907'}
@media only screen and (max-width:1160px){.mod-post-share{margin-top:4.5rem}
.mod-post-share ul li a{height:10rem}
.mod-post-share ul li a p .icon{padding-left:0}
.mod-post-share ul li a p .icon:before{left:50%}
.mod-post-share ul li a p .icon .txt{display:none}
.mod-post-share ul li.facebook a p .icon:before{margin-top:-2rem;margin-left:-1.25rem;font-size:2.5rem}
.mod-post-share ul li.twitter a p .icon:before{margin-top:-1.8rem;margin-left:-1.25rem;font-size:2.5rem}
}
.mod-post-share-group{margin-top:6.5rem;zoom:1}
.mod-post-share-group:after{content:'';display:block;clear:both;height:0}
.mod-post-share-group ul li{float:left;line-height:1;margin-right:1.5rem}
.mod-post-share-group ul li .fb_iframe_widget>span{vertical-align:baseline!important}
@media only screen and (max-width:1160px){.mod-post-share-group{margin-top:3.5rem}
.mod-post-share-group ul li{margin-right:.5rem;margin-bottom:.5rem}
}
.mod-table{width:100%}
.mod-table,.mod-table td,.mod-table th{border:none;border-collapse:collapse}
.mod-table tr{background:#f6f6f6}
.mod-table tr:nth-child(even){background:#eaeaea}
.mod-table td,.mod-table th{vertical-align:top;padding:2.5rem 2.8rem}
.mod-table th{width:auto;font-weight:700;border-sizing:boder-box;}
.mod-table td .col2-list{zoom:1;margin-right:-3%;box-sizing:border-box}
.mod-table td .col2-list:after{content:'';display:block;clear:both;height:0}
.mod-table td .col2-list li{display:block;width:47%;float:left;margin-right:3%}
.mod-table.table02 tr{background:0 0}
.mod-table.table02 th{color:#00cccc;font-family: "Roboto", sans-serif;padding-left:0;padding-right:0}
@media only screen and (max-width:1160px){.mod-table td,.mod-table th{padding:1.5rem 1.8rem;font-size:1.2rem;letter-spacing:0}
.mod-table th{width:6rem;padding-right:0;padding:1.5rem 0 1.5rem 1rem}
.mod-table td .col2-list{margin-right:0}
.mod-table td .col2-list li{display:block;width:auto;float:none;margin-right:0}
.mod-table.table02 td,.mod-table.table02 th{display:block;padding:0;font-size:1.2rem;line-height:1.8;}
.mod-table.table02 td{padding-bottom:2rem}
}
.mod-fillter{display:none}
@media only screen and (max-width:1160px){.mod-fillter{display:block;position:fixed;z-index:9;right:0;bottom:0}
.mod-fillter.open{z-index:11;height:100vh;width:100vw;background:rgba(0,0,0,.7)}
.mod-fillter .fillterOPEN{position:absolute;bottom:0;right:0;text-align:center;display:block;padding:1.5rem 0;width:11.5rem;text-decoration:none;color:#fff;font-family: "Roboto", sans-serif;font-weight:200;line-height:1;font-size:1.4rem;background:#00cccc}
.mod-fillter-body{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);left:0;right:0;width:auto;width:100%;padding-left:5.5rem;box-sizing:border-box;background:0 0;position:fixed;top:0;bottom:0;display:block}
.mod-fillter.open .mod-fillter-body{visibility:visible;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.mod-fillter-body .fillterCLOSE{position:absolute;display:block;bottom:0;left:0;display:block;overflow:hidden;text-indent:-5260px;z-index:1;width:5.5rem;height:6.5rem}
.mod-fillter-body .fillterCLOSE span{display:block;position:absolute;top:50%;left:50%;width:2.75rem;height:.2rem;margin-left:-1.37rem;background:#fff}
.mod-fillter-body .fillterCLOSE span.line_1,.mod-fillter-body .fillterCLOSE span.line_2{-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;transition:all .4s ease 0s;margin-top:-.1rem}
.mod-fillter-body .fillterCLOSE span.line_1{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mod-fillter-body .fillterCLOSE span.line_2{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mod-fillter-body-inner{overflow:auto;height:100%;background:#00cccc}
.mod-fillter-body-list .cat-item,.mod-fillter-body-list .item{border-top:.1rem solid #21862c}
.mod-fillter-body-list .cat-item .children,.mod-fillter-body-list .item .children{display:none}
.mod-fillter-body-list .cat-item .label,.mod-fillter-body-list .cat-item>a,.mod-fillter-body-list .item .label,.mod-fillter-body-list .item>a{display:block;padding:2rem;text-decoration:none;color:#fff;font-size:1.4rem;line-height:1}
.mod-fillter-body-list .cat-item .ahv-select,.mod-fillter-body-list .item .ahv-select{display:block;position:relative;text-align:left;margin:0 2rem 2rem}
.mod-fillter-body-list .cat-item .ahv-select .label,.mod-fillter-body-list .item .ahv-select .label{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:auto;padding:1.5rem;font-size:1.4rem;line-height:1;border:none;display:block;border:none;color:rgba(255,255,255,.2);background:#21862c}
.mod-fillter-body-list .cat-item .ahv-select .label:after,.mod-fillter-body-list .cat-item .ahv-select .label:before,.mod-fillter-body-list .item .ahv-select .label:after,.mod-fillter-body-list .item .ahv-select .label:before{position:absolute;display:block;content:''}
.mod-fillter-body-list .cat-item .ahv-select .label:before,.mod-fillter-body-list .item .ahv-select .label:before{right:2rem;top:50%;margin-top:-.4rem;box-sizing:border-box;width:.6rem;height:.8rem;border:.6rem solid transparent;border-top:.8rem solid #fff}
.mod-fillter-body-list .cat-item .ahv-select select,.mod-fillter-body-list .item .ahv-select select{position:absolute;z-index:2;top:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:none;border-radius:0;background:0 0;cursor:pointer;outline:0;opacity:0;-ms-filter:'alpha(opacity=70)'}
.mod-fillter-body-list .cat-item .tag-list,.mod-fillter-body-list .item .tag-list{padding:0 2rem 2rem}
.mod-fillter-body-list .cat-item .tag-list li,.mod-fillter-body-list .item .tag-list li{display:inline-block;line-height:2.8;margin-right:.3rem}
.mod-fillter-body-list .cat-item .tag-list li a,.mod-fillter-body-list .item .tag-list li a{color:#fff;background:rgba(0,0,0,.1);border-radius:1.3rem;padding:.5rem 1.2rem;line-height:1;text-decoration:none}
}
.ank-content ul{border:.5rem solid #f2f2f2;padding:3rem;margin-bottom:10rem}
.ank-content ul li a{font-size:1.6rem;letter-spacing:.05em;text-decoration:none;font-weight:700;padding-right:2.3rem;position:relative;display:inline-block}
.ank-content ul li a:before{position:absolute;content:'';display:block;right:0;top:1.2rem;width:.6rem;height:.6rem;border-top:.3rem solid #00cccc;border-right:.3rem solid #00cccc;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}
@media only screen and (max-width:1160px){.ank-content ul{border:.4rem solid #f2f2f2;padding:2.5rem;margin-bottom:5rem}
.ank-content ul li+li{margin-top:1rem}
.ank-content ul li a{font-size:1.4rem;letter-spacing:0;line-height:1.4;padding-right:2rem}
.ank-content ul li a:before{top:.4rem}
}
.hilite{background:#ffff8c;font-weight:700;padding:.1rem .2rem;margin:.2rem;color:#333;border:.1rem solid rgba(0,0,0,.15);border-radius:3px;box-sizing:border-box}
.formSelect{display:block;position:relative;text-align:left}
.formSelect .label{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:10rem;padding:0 1.8rem;font-size:1.2rem;line-height:1;border:none;display:block;background:#fff}
.formSelect .label:after,.formSelect .label:before{position:absolute;display:block;content:''}
.formSelect .label:before{top:50%;margin-top:-.5rem;right:1.8rem;width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid #cfcfcf}
.formSelect .label:after{top:50%;margin-top:.2rem;right:1.8rem;width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.4rem solid #cfcfcf}
.formSelect select{position:absolute;z-index:2;top:0;left:0;display:block;width:10rem;height:100%;margin:0;padding:0;border:none;border-radius:0;background:0 0;cursor:pointer;outline:0;background:#ccc;opacity:0;-ms-filter:'alpha(opacity=70)';-webkit-appearance:none;font-size:1.4rem}
.mod-rigth-layout{padding-top:35rem;position:relative;zoom:1}
.mod-rigth-layout:after{content:'';display:block;clear:both;height:0}
.mod-rigth-layout .bg{width:120rem;height:81.2rem;position:absolute!important;top:0;left:0}
.mod-rigth-layout .bg span{display:block;width:100%;height:100%;position:absolute;top:0;right:0}
.mod-rigth-layout .txt-area{float:right;box-sizing:border-box;max-width:920px;padding-top:10rem;padding-left:10rem;padding-bottom:10rem;background:#fff;position:relative;z-index:2}
@media only screen and (min-width:1500px){.mod-rigth-layout .txt-area{max-width:1200px}
}
@media only screen and (max-width:1160px){.mod-rigth-layout{margin:0 -1.5rem;padding-top:25.5rem}
.mod-rigth-layout .bg{width:100%;height:25.5rem}
.mod-rigth-layout .txt-area{float:none;padding-top:4rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:5rem;font-size:1.4rem}
}
.mod-gray-box{background:#f7f7f7;padding:5rem 0}
@media only screen and (max-width:1160px){.mod-gray-box{padding:4rem 0}
}
.comment-item{zoom:1}
.comment-item:after{content:'';display:block;clear:both;height:0}
.comment-item .img-area{float:left;width:13rem;text-align:center}
.comment-item .img-area .img{border-radius:50%;overflow:hidden;margin-bottom:.5rem}
.comment-item .img-area .name{font-size:1.2rem}
.comment-item .txt-area{float:right;width:65rem;padding:4rem;box-sizing:border-box;background:#f7f7f7;position:relative;line-height:2.14;letter-spacing:.05em}
.comment-item .txt-area:before{position:absolute;top:2.6rem;left:-1.9rem;display:block;content:'';width:1.9rem;height:1.9rem;box-sizing:border-box;border:.8rem solid transparent;border-right:.8rem solid #f7f7f7}
.comment-item+.comment-item{margin-top:5rem}
.comment-item.right .img-area{float:right}
.comment-item.right .txt-area{float:left}
.comment-item.right .txt-area:before{left:auto;right:-1.9rem;border-right:.8rem solid transparent;border-left:.8rem solid #f7f7f7}
.link-card a{text-decoration:none;display:table;box-sizing:boder-box;background:#f7f7f7;padding:4rem;width:100%;box-sizing:border-box}
.link-card a .img{display:table-cell;vertical-align:middle;width:18rem}
.link-card a .img+.txt-area{padding-left:3rem}
.link-card a .txt-area{display:table-cell;vertical-align:middle}
.link-card a .txt-area dt{font-size:1.8rem;font-weight:700}
.link-card a .txt-area dd{line-height:2}
.link-card+.link-card{margin-top:3rem}
@media only screen and (max-width:1160px){.comment-item{position:relative}
.comment-item .img-area{position:absolute;top:0;left:0;width:6.5rem}
.comment-item .img-area .name{font-size:.9rem}
.comment-item .txt-area{margin-left:8rem;float:none;width:auto;padding:1.2rem;line-height:1.75;letter-spacing:0;min-height:8.5rem}
.comment-item .txt-area:before{top:1.1rem;left:-1.9rem;width:1.9rem;height:1.9rem;border:.8rem solid transparent;border-right:.8rem solid #f7f7f7}
.comment-item+.comment-item{margin-top:2.5rem}
.comment-item.right .img-area{float:none;left:auto;right:0}
.comment-item.right .txt-area{margin-left:0;margin-right:8rem;float:none}
.comment-item.right .txt-area:before{left:auto;right:-1.9rem;border-right:.8rem solid transparent;border-left:.8rem solid #f7f7f7}
.link-card a{padding:2.5rem}
.link-card a .img{display:block;width:auto}
.link-card a .img img{width:100%;height:auto}
.link-card a .img+.txt-area{padding-left:0;padding-top:1.2rem}
.link-card a .txt-area{display:block}
.link-card a .txt-area dt{font-size:1.6rem}
.link-card a .txt-area dd{line-height:inherit;font-size:1.2rem}
.link-card+.link-card{margin-top:2rem}
}
.mod-author{margin-top:4rem;border:.4rem solid #e7e7e7;display:table;box-sizing:border-box;background:#f7f7f7;padding:4rem;width:100%}
.mod-author .img{display:table-cell;vertical-align:middle;width:18rem}
.mod-author .img+.txt-area{padding-left:3rem}
.mod-author .txt-area{display:table-cell;vertical-align:middle}
.mod-author .txt-area dt{zoom:1}
.mod-author .txt-area dt:after{content:'';display:block;clear:both;height:0}
.mod-author .txt-area dt .ttl{font-size:1.8rem;font-weight:700;float:left;margin-right:1.5rem}
.mod-author .txt-area dt .ttl .name{margin-left:1.8rem;padding-left:1.8rem;position:relative}
.mod-author .txt-area dt .ttl .name:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-.6rem;width:.1rem;height:1.2rem;background:#000}
.mod-author .txt-area dt .position{padding-top:.6rem;font-size:1.2rem;margin-left:2rem;font-weight:400}
.mod-author .txt-area dt .sns{padding-top:.8rem}
.mod-author .txt-area dt .sns li{float:left;width:1.8rem;text-align:center}
.mod-author .txt-area dt .sns li a{display:block;height:1.8rem;position:relative}
.mod-author .txt-area dt .sns li a:before{position:absolute;left:50%;top:50%;color:#fff}
.mod-author .txt-area dt .sns li.facebook a{background:#3a589e}
.mod-author .txt-area dt .sns li.facebook a:before{margin-left:-.2rem;margin-top:-.4rem;font-size:1rem;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e905'}
.mod-author .txt-area dt .sns li.twitter a{background:#55acee}
.mod-author .txt-area dt .sns li.twitter a:before{margin-left:-.6rem;margin-top:-.5rem;font-size:.9rem;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e907'}
.mod-author .txt-area dd{line-height:2}
@media only screen and (max-width:1160px){.mod-author{margin-top:2rem;display:block;padding:2rem}
.mod-author .img{display:block;width:auto}
.mod-author .img img{width:100%;height:auto}
.mod-author .img+.txt-area{padding-left:0;margin-top:1.5rem}
.mod-author .txt-area{display:block}
.mod-author .txt-area dt{position:relative;margin-bottom:1rem}
.mod-author .txt-area dt .ttl{float:left;margin-right:0;padding-right:5rem;line-height:1.4}
.mod-author .txt-area dt .ttl .title{display:block;margin-bottom:.2rem;font-size:10px;font-weight:700;color:#ccc}
.mod-author .txt-area dt .ttl .name{font-weight:700;font-size:1.6rem;margin-left:0;padding-left:0;margin-right:1rem;padding-right:1rem;position:relative}
.mod-author .txt-area dt .ttl .name:before{left:auto;right:0;top:50%;margin-top:-.5rem;background:#ccc}
.mod-author .txt-area dt .position{padding-top:.6rem;font-size:1.2rem;margin-right:0;margin-left:0;font-weight:700;color:#ccc}
.mod-author .txt-area dt .sns{position:absolute;right:0;top:2rem;padding-top:0}
.mod-author .txt-area dt .sns li{float:left;width:2.2rem;text-align:center}
.mod-author .txt-area dt .sns li a{display:block;height:2.2rem;position:relative}
.mod-author .txt-area dt .sns li.facebook a:before{margin-left:-.3rem;margin-top:-.5rem;font-size:1.2rem}
.mod-author .txt-area dt .sns li.twitter a:before{margin-left:-.6rem;margin-top:-.5rem;font-size:1.1rem}
.mod-author .txt-area dd{line-height:inherit}
}
body{margin:0;padding:0;border:none}

address,article,aside,blockquote,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,li,nav,ol,p,section,textarea,ul{
	margin:0;
	padding: 0;
	
	border:0;font-size:100%;
	text-decoration:none;list-style-type:none
}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
h1,h2,h3,h4,h5,h6{font-weight:inherit}
table{border:none;border-collapse:collapse;border-spacing:0}
th{text-align:left;vertical-align:top}
caption{text-align:left}
a,a:active,a:focus,a:hover{outline:0}
input,input:active,input:focus,input:hover,textarea,textarea:active,textarea:focus,textarea:hover{font-family:inherit;outline:0}
img{vertical-align:top}
.clearfix{zoom:1}
.clearfix:after{content:'';display:block;clear:both;height:0}
html{font-size:10px;overflow-y:scroll;height:100%;letter-spacing: 1px;}

body{color:#333;font-family:YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1.4rem;line-height:2;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'palt' 1;font-feature-settings:'palt' 1}
@media only screen and (max-width:1160px){html{font-size:10px}
body{font-size:1.2rem;line-height:1.8;}
}
img{max-width:100%;height:auto}
.cap{padding-top:1.2rem;font-size:1.2rem}
::-moz-selection{background:#00cccc;color:#fff}
::selection{background:#00cccc;color:#fff}
.pc-hidden{display:none}
@keyframes btn{0%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
99.7%{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1}
99.8%{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
99.9%{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
100%{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}
}
@keyframes btn_ov{0%{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
100%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes arw{0%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
50%{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}
50.1%{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
100%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes arw_l{0%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
50%{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
50.1%{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}
100%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes arw_b{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
50%{-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}
50.1%{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}
100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes arw_ov{0%{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
100%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes view-all{0%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
100%{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
}
@keyframes hoverAfter{50%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
100%{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);opacity:.6}
}
a,button{color:#333;text-decoration:underline;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.noTouch a:hover,.noTouch button:hover{text-decoration:none}
a.btn,button.btn{display:block;overflow:hidden;position:relative;padding:2.4rem 2.7rem;max-width:20rem;color:#fff;font-size:1.2rem;letter-spacing:.08em;line-height:1;text-align:left;vertical-align:top;text-decoration:none;border-radius:0;background:#00cccc;box-shadow:0 1rem 2rem rgba(0,0,0,.1);box-sizing:border-box}
a.btn.en,button.btn.en{font-family: "Roboto", sans-serif;font-weight:700}
a.btn .arw,button.btn .arw{overflow:hidden;position:absolute;display:block;width:2rem;height:.6rem;top:50%;margin-top:-.35rem;right:2rem}
a.btn .arw:after,button.btn .arw:after{position:absolute;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:2rem;height:.6rem;background:url("../imgs/common/arw01-r_white.svg") no-repeat center center;background-size:contain;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch a.btn:hover .arw:after,.noTouch button.btn:hover .arw:after{-moz-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite}
a.btn.btn02,button.btn.btn02{background:#fff;color:#00cccc}
a.btn.btn02 .arw:after,button.btn.btn02 .arw:after{background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain}
a.btn.btn03,button.btn.btn03{border:1px solid #e5e5e5;background:#fff;margin:0 auto;color:#333;text-align:center;box-shadow:none}
a.btn.btn03 p,button.btn.btn03 p{display:inline-block;position:relative;padding-right:3rem}
a.btn.btn03 .arw,button.btn.btn03 .arw{right:0}
a.btn.btn03 .arw:after,button.btn.btn03 .arw:after{background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain}
a.btn.btn04,button.btn.btn04{border:1px solid #00cccc;background:#fff;margin:0 auto;color:#00cccc;text-align:center;box-shadow:none}
a.btn.btn04 .arw,button.btn.btn04 .arw{width:.6rem;height:1rem;top:50%;margin-top:-.5rem;right:4.5rem}
a.btn.btn04 .arw:after,button.btn.btn04 .arw:after{bottom:0;width:.6rem;height:1.8rem;background:url("../imgs/common/arw01-b_green.svg") no-repeat bottom center;background-size:contain;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.noTouch a.btn.btn04:hover .arw:after,.noTouch button.btn.btn04:hover .arw:after{-moz-animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite}
a.btn.view-all,button.btn.view-all{background-color: transparent;color:#333;width:21rem;text-align:center;box-shadow:none;border-left:solid 1px #e5e5e5;padding:1.5rem 2.5rem}
a.btn.view-all .arw,button.btn.view-all .arw{width:1rem;height:1rem;top:50%;margin-top:-.5rem;right:4.5rem}
a.btn.view-all .arw:after,button.btn.view-all .arw:after{position:absolute;content:"";display:block;text-indent:0;width:auto;height:auto;left:0;top:0;background:no-repeat;color:#00cccc;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e903';font-size:1rem;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch a.btn.view-all:hover,.noTouch button.btn.view-all:hover{color:#00cccc}
a.btn.big-btn,button.btn.big-btn{background:#F5F5F5;color:#333;max-width:inherit;width:100%;box-sizing:border-box;text-align:right;box-shadow:none;border-top:solid 1px #e5e5e5;padding:4rem 7.5rem 4rem 0}
a.btn.big-btn.no-anime:before,button.btn.big-btn.no-anime:before{display:none}
a.btn.big-btn .arw,button.btn.big-btn .arw{right:4rem}
a.btn.big-btn .arw:after,button.btn.big-btn .arw:after{background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain}
a.btn.big-btn p,button.btn.big-btn p{position:relative;z-index:3}
a.btn.big-btn:before,button.btn.big-btn:before{position:absolute;content:"";display:block;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);-moz-animation:btn .4s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:btn .4s cubic-bezier(.78,.07,0,1) normal;animation:btn .4s cubic-bezier(.78,.07,0,1) normal;bottom:0;width:100%;left:0;height:100%;background:0 0;z-index:0;background:#00cccc}
.noTouch a.btn.big-btn:hover,.noTouch button.btn.big-btn:hover{color:#fff}
.noTouch a.btn.big-btn:hover .arw:after,.noTouch button.btn.big-btn:hover .arw:after{background:url("../imgs/common/arw01-r_white.svg") no-repeat center center;background-size:contain}
.noTouch a.btn.big-btn:hover:before,.noTouch button.btn.big-btn:hover:before{-moz-animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
a.btn.list-more-btn,button.btn.list-more-btn{background:0 0;color:#333;max-width:inherit;width:100%;box-sizing:border-box;text-align:center;box-shadow:none;border-top:solid 1px #e5e5e5;padding:6rem 0 6rem 0}
a.btn.list-more-btn .arw,button.btn.list-more-btn .arw{right:auto;left:50%;margin-left:-.3rem;width:.6rem;height:2rem;top:auto;bottom:3rem;margin-top:0}
a.btn.list-more-btn .arw:after,button.btn.list-more-btn .arw:after{background:url("../imgs/common/arw01-b_green.svg") no-repeat center center;background-size:contain;width:.6rem;height:2rem;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.noTouch a.btn.list-more-btn:hover .arw:after,.noTouch button.btn.list-more-btn:hover .arw:after{-moz-animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite}
a.fhover{display:block}
.noTouch a.fhover:hover{opacity:.65}
.readMore{position:absolute;bottom:0;content:"";display:block;padding-right:4rem;overflow:hidden}
.readMore p{font-family: "Roboto", sans-serif;font-weight:200;font-size:1rem;color:#00cccc;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;opacity:0}
.readMore .arw{position:absolute;top:50%;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);margin-top:-.4rem;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:2rem;height:.6rem;background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain}
@media only screen and (max-width:1160px){a.btn,button.btn{padding:1.8rem 1.5rem;max-width:15rem;font-size:.9rem;box-shadow:0 .3rem .75rem rgba(0,0,0,.1)}
a.btn.btn03,button.btn.btn03{border:1px solid #00cccc;color:#00cccc}
a.btn.btn04,button.btn.btn04{max-width:18rem}
a.btn.view-all,button.btn.view-all{width:12rem;border-left:solid 1px #e5e5e5;padding:1rem 0}
a.btn.view-all .arw,button.btn.view-all .arw{width:1rem;height:1rem;margin-top:-.5rem;right:1rem}
a.btn.list-more-btn,button.btn.list-more-btn{padding:3rem 0 3rem 0}
a.btn.list-more-btn .arw,button.btn.list-more-btn .arw{bottom:0;margin-top:0}
a.btn.big-btn,button.btn.big-btn{background:#F5F5F5!important;padding:3rem 3.8rem 3rem 0}
a.btn.big-btn .arw,button.btn.big-btn .arw{right:1rem}
}
#wrapper{overflow:hidden;box-sizing:border-box;min-width:1200px;}
@media only screen and (min-width:1500px){#wrapper{min-width:1200px}
}
#wrapper:after{-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;transition:all .4s ease 0s;content:'';display:block;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,.7);opacity:0}
body.overlay-show #wrapper:after{visibility:visible;opacity:1}
@media only screen and (max-width:1160px){#wrapper{min-width:0;padding:0;}
}
@media only screen and (max-width:1160px){#content{padding:0 1.5rem 0}
}
.section-inner{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto;zoom:1;position:relative}
@media only screen and (min-width:1500px){.section-inner{max-width:1200px}
}
.section-inner:after{content:'';display:block;clear:both;height:0}
.page-title-bg{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto;max-width:inherit;margin:0;width:85.72vw;position:relative;height:51.4rem;box-sizing:border-box}
@media only screen and (min-width:1500px){.page-title-bg{max-width:1200px}
}
@media only screen and (min-width:1500px){.page-title-bg{height:49.5rem}
}
.page-title-bg.no-image{height:25rem}
.page-title-bg.no-image+.page-title{margin-bottom:6rem}
.page-title-bg.no-image+.page-title .ttl span.main{font-size:4.8rem}
.page-title-bg .bg{top:9.4rem;left:0;content:'';position:absolute;z-index:-1;width:100%;height:100%;display:block;height:42rem}
.page-title-bg .bg span{display:block;content:'';position:absolute;width:100%;height:100%;top:0;left:0}
.page-title{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto;position:relative;margin-top:-3rem;zoom:1}
@media only screen and (min-width:1500px){.page-title{max-width:1200px}
}
@media only screen and (min-width:1500px){.page-title{margin-top:-1rem}
}
.page-title:after{content:'';display:block;clear:both;height:0}
.page-title .ttl{text-align:right}
.page-title .ttl span{display:block;line-height:1}
.page-title .ttl span.sub{opacity:0;-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-webkit-transform:translateX(-100px);transform:translateX(-100px);font-family: "Roboto", sans-serif;font-weight:200;font-size:1.4rem;margin-bottom:1.5rem}
.page-title .ttl span.main{opacity:0;-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-webkit-transform:translateX(-100px);transform:translateX(-100px);font-family: "Roboto", sans-serif;font-weight:200;font-size:6rem;margin-bottom:1.4rem}
.page-title .ttl span.jp{opacity:0;-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-webkit-transform:translateX(-100px);transform:translateX(-100px);font-size:1.4rem}
@media only screen and (max-width:1160px){.page-title-bg{margin:0 -1.5rem;height:34.5rem;width:auto}
.page-title-bg.no-image{height:15rem}
.page-title-bg.no-image+.page-title{margin-top:0;margin-bottom:4.4rem}
.page-title-bg.no-image+.page-title .ttl span.main{font-size:3rem}
.page-title-bg .bg{top:0rem;right:0;padding-left:0;height:34.5rem}
.page-title{margin-top:4rem;margin-bottom:6rem}
.page-title .ttl{text-align:left}
.page-title .ttl span.sub{display:none}
.page-title .ttl span.main{font-size:3rem;margin-bottom:1rem}
.page-title .ttl span.jp{font-size:1rem}
}
.section-ttl{position:absolute;top:16rem;left:4rem;z-index:2;-webkit-font-feature-settings:normal;font-feature-settings:normal;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;-moz-transform:translate(-90%,0) rotate(-90deg);-ms-transform:translate(-90%,0) rotate(-90deg);-webkit-transform:translate(-90%,0) rotate(-90deg);transform:translate(-90%,0) rotate(-90deg);font-family: "Roboto", sans-serif;font-weight:200;font-size:1.2rem;letter-spacing:.2em;line-height:1}
.section-ttl.right{left:auto;right:4rem;-moz-transform:translate(0,0) rotate(90deg);-ms-transform:translate(0,0) rotate(90deg);-webkit-transform:translate(0,0) rotate(90deg);transform:translate(0,0) rotate(90deg)}
.word{display:block;position:relative;margin:0 auto;text-decoration:none;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.word span{display:block;overflow:hidden;text-indent:-5260px}
.word:before{content:'';position:absolute;top:0;left:0;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.word.messaga{width:123.7rem;height:45.6rem}


/*
.word.messaga:before{width:123.7rem;height:45.6rem;background:url("../imgs/common/txt-message.svg") no-repeat left top;background-size:100% auto}
*/


@media only screen and (max-width:1160px){.word.messaga{width:59.85rem;height:22.1rem}
.word.messaga:before{width:59.85rem;height:22.1rem}
}
.easingWrap .easingImage_message{visibility:hidden;position:relative;overflow:hidden}
.easingWrap .easingImage_message:before{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;top:0;left:0;width:100%;height:100%;-moz-transform:translateX(-101%);-ms-transform:translateX(-101%);-webkit-transform:translateX(-101%);transform:translateX(-101%);z-index:2;background:#00cccc}
.easingWrap .easingImage_message img{opacity:0}
.easingWrap .easingImage_message.anime01{visibility:visible}
.easingWrap .easingImage_message.anime01:before{-moz-animation:transX 1.2s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:transX 1.2s cubic-bezier(.78,.07,0,1) normal;animation:transX 1.2s cubic-bezier(.78,.07,0,1) normal}
.easingWrap .easingImage_message.anime01 img{-moz-animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;opacity:1}
.easingWrap .photo02 .easingImage_message:before{background:#00cccc}
.easingWrap .easingImageX,.easingWrap .easingTitleImage{visibility:hidden;overflow:hidden;position:relative}
.easingWrap .easingImageX:before,.easingWrap .easingTitleImage:before{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;top:0;left:0;width:100%;height:100%;-moz-transform:translateX(-101%);-ms-transform:translateX(-101%);-webkit-transform:translateX(-101%);transform:translateX(-101%);z-index:2;background:#00cccc}
.easingWrap .easingImageX.item_img:after,.easingWrap .easingTitleImage.item_img:after{opacity:0}
.easingWrap .easingImageX div,.easingWrap .easingImageX img,.easingWrap .easingImageX span,.easingWrap .easingTitleImage div,.easingWrap .easingTitleImage img,.easingWrap .easingTitleImage span{opacity:0}
.easingWrap .easingImageX.animeX,.easingWrap .easingTitleImage.animeX{visibility:visible}
.easingWrap .easingImageX.animeX:before,.easingWrap .easingTitleImage.animeX:before{-moz-animation:transX 1.2s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:transX 1.2s cubic-bezier(.78,.07,0,1) normal;animation:transX 1.2s cubic-bezier(.78,.07,0,1) normal}
.easingWrap .easingImageX.animeX.item_img:after,.easingWrap .easingTitleImage.animeX.item_img:after{-moz-animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;opacity:1}
.easingWrap .easingImageX.animeX div,.easingWrap .easingImageX.animeX img,.easingWrap .easingImageX.animeX span,.easingWrap .easingTitleImage.animeX div,.easingWrap .easingTitleImage.animeX img,.easingWrap .easingTitleImage.animeX span{-moz-animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;animation:imgOpacity 1.2s cubic-bezier(.78,.07,0,1) normal;opacity:1}
.easingWrap .easingImageX.shadow,.easingWrap .easingTitleImage.shadow{-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;box-shadow:0 1rem 2rem rgba(0,0,0,.1)}
.easingWrap .easingFade{-moz-transform:translateY(25px);-ms-transform:translateY(25px);-webkit-transform:translateY(25px);transform:translateY(25px);opacity:0}
.easingWrap .easingBg{position:relative;overflow:hidden}
.easingWrap .easingBg .mask{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);position:absolute;top:0;left:0;width:100%;height:100vh}
.easingWrap .easingBg .mask.mask-1{z-index:2;background-image:url("../imgs/top/service.webp");background-size: cover}
.easingWrap .easingBg .mask.mask-3{z-index:2;background-color: #00cccc;}
.easingWrap .easingBg .mask.mask-2{background-image:url("../imgs/top/service.webp");}
@keyframes imgOpacity{0%{opacity:0}
50%{opacity:0}
51%{opacity:1}
100%{opacity:1}
}
@keyframes opacity-reset{0%{opacity:1}
100%{opacity:1}
}
@keyframes transX{0%{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
47.5%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
52.5%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
100%{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}
}
.notfound{padding:6rem 0 7rem}
.notfound .mod-gray-box{margin-top:5rem}
.brPc{display:inline-block}
.brSp{display:none}
.pcNone{display:none!important}
@media screen and (max-width:768px){.brPc{display:none}
.brSp{display:inline-block}
.pcNone{display:block!important}
.spNone{display:none!important}
}
.inlineblock{display:inline-block}
body.overlay-show{overflow:hidden}
.global-header{box-sizing:border-box;position:fixed;top:0;left:0;right:0;z-index:10}
.global-header-inner{-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;display:table;width:100%;height:9.4rem;background:#fff}
.global-header .logo{position:absolute;top:0;left:0;}
.global-header .logo a{position:relative;display:block;width:35rem;height:7.5rem;text-decoration:none;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;overflow:hidden;text-indent:-5260px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;}
.global-header .logo a:before{content:'';position:absolute;top:50%;left:50%;width:30.8rem;height:10.5rem;margin-left:-7.9rem;margin-top:-1.25rem;background:url("../imgs/common/logo.svg") no-repeat left top;background-size:contain}
.global-header .navMENU .nav-menu-inner{display:block;overflow:hidden;text-indent:-5260px;position:absolute;top:0;right:0;z-index:1;width:8rem;height:9.4rem}
.global-header .navMENU .nav-menu-inner:before{display:block;content:"";position:absolute;left:0;top:3.6rem;height:2rem;width:1px;background:#e5e5e5}
.global-header .navMENU .nav-menu-inner span{display:block;position:absolute;top:50%;left:50%;width:2.3rem;height:2px;margin-left:-1.15rem;background:#00cccc}
.global-header .navMENU .nav-menu-inner span.line_1{-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;margin-top:-.8rem}
.global-header .navMENU .nav-menu-inner span.line_2,.global-header .navMENU .nav-menu-inner span.line_3{-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;transition:all .4s ease 0s;margin-top:-.1rem}
.global-header .navMENU .nav-menu-inner span.line_4{-webkit-transition:all .2s ease .2s;-moz-transition:all .2s ease .2s;-o-transition:all .2s ease .2s;-ms-transition:all .2s ease .2s;transition:all .2s ease .2s;margin-top:.6rem}
.global-header .global-nav{display:table;width:100%}
.global-header .nav{display:table-cell;vertical-align:top}
.global-header .nav .navCLOSE{display:none}
.global-header .nav-inner{zoom:1;display:table;margin-left:auto;margin-right:10rem}
.global-header .nav-inner:after{content:'';display:block;clear:both;height:0}
.global-header .nav-list{zoom:1}
.global-header .nav-list:after{content:'';display:block;clear:both;height:0}
.global-header .nav-list .item{float:left}
.global-header .nav-list .item>a{padding:0 2rem 0;cursor:pointer;display:table;position:relative;height:9.4rem;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;font-family: "Roboto", sans-serif;font-size:1.7rem;font-weight:300;line-height:1;text-decoration:none}
.global-header .nav-list .item>a span{display:table-cell;vertical-align:middle;position:relative}
.global-header .nav-list .item>a span:before{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;background:#e2e2e6}
.global-header .nav-list .item>a span:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}
.global-header .nav-list .item>a span:after,.global-header .nav-list .item>a span:before{content:'';display:block;position:absolute;top:0;width:0;right:0;height:.4rem}
html.noTouch .global-header .nav-list .item>a:hover span:after,html.noTouch .global-header .nav-list .item>a:hover span:before{left:0;width:0}
html.noTouch .global-header .nav-list .item:not(.item-dropdown)>a:hover span:after,html.noTouch .global-header .nav-list .item:not(.item-dropdown)>a:hover span:before{left:0;width:100%}

body#top .global-header .nav-list .item_top>a{color:#00cccc}
body#top .global-header .nav-list .item_top>a span:after{left:0;width:100%;z-index:1}
body#company .global-header .nav-list .item_company>a{color:#00cccc}
body#company .global-header .nav-list .item_company>a span:after{left:0;width:100%;z-index:1}
body#ourvalue .global-header .nav-list .item_value>a{color:#00cccc}
body#ourvalue .global-header .nav-list .item_value>a span:after{left:0;width:100%;z-index:1}
body#works .global-header .nav-list .item_works>a{color:#00cccc}
body#works .global-header .nav-list .item_works>a span:after{left:0;width:100%;z-index:1}
body#interview .global-header .nav-list .item_interview>a{color:#00cccc}
body#interview .global-header .nav-list .item_interview>a span:after{left:0;width:100%;z-index:1}
body#recruit .global-header .nav-list .item_recruit>a{color:#00cccc}
body#recruit .global-header .nav-list .item_recruit>a span:after{left:0;width:100%;z-index:1}

.global-header .nav .nav-dropdown{display:none;position:absolute;top:9.4rem;left:0;z-index:-2;width:100%;background:#fff;text-align:left}
.global-header .nav .nav-dropdown:before{content:'';display:block;position:absolute;top:0;left:0;width:50%;height:100%;background:#f5f5f5}
.global-header .nav .nav-dropdown-inner{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto;display:table;position:relative;z-index:1;width:100%}
@media only screen and (min-width:1500px){.global-header .nav .nav-dropdown-inner{max-width:1200px}
}
.global-header .nav .nav-dropdown-left{display:table-cell;width:30rem;padding-top:6rem;padding-bottom:6rem;background:#f5f5f5;vertical-align:middle}
.global-header .nav .nav-dropdown-left .ttl{font-family: "Roboto", sans-serif;font-size:1.9rem;font-weight:400;line-height:1}
.global-header .nav .nav-dropdown-left .lead{margin-top:1.5rem;font-size:1.1rem}
.global-header .nav .nav-dropdown-left .btn{margin-top:1.5rem}
.global-header .nav .nav-dropdown-left .btn a{display:inline-block;color:#00cccc;font-size:1rem;font-family: "Roboto", sans-serif;font-weight:300;line-height:1;text-decoration:none;position:relative;padding-right:2rem}
.global-header .nav .nav-dropdown-left .btn a .arw{overflow:hidden;position:absolute;display:block;width:1.4rem;height:.6rem;top:50%;margin-top:-.35rem;right:0}
.global-header .nav .nav-dropdown-left .btn a .arw:after{position:absolute;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:1.4rem;height:.6rem;background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch .global-header .nav .nav-dropdown-left .btn a:hover .arw:after{-moz-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite}
.global-header .nav .nav-dropdown-right{display:table-cell;padding-top:6rem;padding-bottom:4rem;padding-left:5rem;background:#fff;vertical-align:top}
.global-header .nav .nav-dropdown-right .about-list{zoom:1;margin-right:-2.33%;box-sizing:border-box}
.global-header .nav .nav-dropdown-right .about-list:after{content:'';display:block;clear:both;height:0}
.global-header .nav .nav-dropdown-right .about-list li{display:block;width:31%;float:left;margin-right:2.33%;margin-bottom:2rem}
.global-header .nav .nav-dropdown-right .about-list li a{display:table;width:100%;text-decoration:none;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.global-header .nav .nav-dropdown-right .about-list li a .item_img{display:block;overflow:hidden}
.global-header .nav .nav-dropdown-right .about-list li a .item_img img{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
html.noTouch .global-header .nav .nav-dropdown-right .about-list li a:hover .item_img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.global-header .nav .nav-dropdown-right .about-list li a .item_img{display:table-cell;vertical-align:middle;width:11.2rem}
.global-header .nav .nav-dropdown-right .about-list li a .txt{display:table-cell;vertical-align:middle;font-size:1.3rem;line-height:1.84;padding-left:1.5rem}
.global-header .nav .nav-dropdown-right .service-list{zoom:1;box-sizing:border-box;padding-bottom:2rem}
.global-header .nav .nav-dropdown-right .service-list:after{content:'';display:block;clear:both;height:0}
.global-header .nav .nav-dropdown-right .service-list li{display:block;width:33.33%;float:left;box-sizing:border-box;}
.global-header .nav .nav-dropdown-right .service-list li:nth-child(n+4){display:block;width:25%;float:left;box-sizing:border-box;}
.global-header .nav .nav-dropdown-right .service-list li{padding-left:1px;padding-bottom: 1px;}
.global-header .nav .nav-dropdown-right .service-list li a{display:table;width:100%;text-decoration:none;position:relative;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.global-header .nav .nav-dropdown-right .service-list li a .item_img{display:block;overflow:hidden;height: 100px!important;}
.global-header .nav .nav-dropdown-right .service-list li a .item_img img{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1); object-fit: cover;object-position: 0px -30px;}
html.noTouch .global-header .nav .nav-dropdown-right .service-list li a:hover .item_img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.global-header .nav .nav-dropdown-right .service-list li a:before{z-index:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.global-header .nav .nav-dropdown-right .service-list li a .item_img img{width:100%;height:auto}
.global-header .nav .nav-dropdown-right .service-list li a .txt{width:100%;text-align:center;position:absolute;top:50%;margin-top:-1.3rem;font-size:1.3rem;font-weight:600;color:#fff;z-index:1}
.global-header .bnr_link,.global-header .drawer-logo,.global-header .left-area,.global-header .right-area{display:none}
.global-header.dropdown-show .global-header-inner{background:0 0!important}
.global-header.dropdown-show .logo{box-shadow:none}
.global-header.dropdown-show .logo a{background:0 0;width:35rem;height:7.5rem}
.global-header.dropdown-show .logo a:before{width:30.8rem;height:10.5rem;margin-left:-7.9rem;margin-top:-1.25rem;background:url("../imgs/common/logo02.svg") no-repeat left top;background-size:contain}
.global-header.dropdown-show .navMENU .nav-menu-inner{opacity:.1}
.global-header.dropdown-show .nav-list{zoom:1}
.global-header.dropdown-show .nav-list:after{content:'';display:block;clear:both;height:0}
.global-header.dropdown-show .nav-list .item>a{color:#fff!important}
.global-header.dropdown-show .nav-list .item>a span:before{opacity:.3}
html.noTouch .global-header.dropdown-show .nav-list .item>a:hover{color:#fff!important}
.global-header.dropdown-show .nav-list .item-on>a{color:#fff!important;background:#00cccc}
body#top .global-header.dropdown-show .nav-list .item_top>a{color:inherit}
body#company .global-header.dropdown-show .nav-list .item_company>a{color:inherit}
body#ourvalue .global-header.dropdown-show .nav-list .item_value>a{color:inherit}
body#works .global-header.dropdown-show .nav-list .item_works>a{color:inherit}
body#interview .global-header.dropdown-show .nav-list .item_interview>a{color:inherit}
body#recruit .global-header.dropdown-show .nav-list .item_recruit>a{color:inherit}
body.nav-open .global-header .navMENU .nav-menu-inner{z-index:3;right:0;height:9.4rem!important}
body.nav-open .global-header .navMENU .nav-menu-inner:before{opacity:0}
body.nav-open .global-header .navMENU .nav-menu-inner span{background:#fff!important}
body.nav-open .global-header .navMENU .nav-menu-inner span.line_1{-moz-transform:translateX(20px);-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}
body.nav-open .global-header .navMENU .nav-menu-inner span.line_2{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body.nav-open .global-header .navMENU .nav-menu-inner span.line_3{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
body.nav-open .global-header .navMENU .nav-menu-inner span.line_4{-moz-transform:translateX(20px);-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}
body.nav-open .global-header .global-nav .nav{opacity:0}
.global-header #clone.global-nav{display:block;width:auto}
.global-header #clone.global-nav .nav{visibility:hidden;opacity:0;box-sizing:border-box;display:block;position:fixed;top:0;bottom:0;left:0;z-index:2;width:100%;background:#00cccc;overflow:auto}
.global-header #clone.global-nav .nav .navCLOSE{display:none}
.global-header #clone.global-nav .nav-inner{box-sizing:border-box;display:block;overflow:auto;height:100%;margin-right:0;-webkit-overflow-scrolling:touch;background: linear-gradient(-20deg, #00cccc 20%, #13d8d8 100%);}



.global-header #clone.global-nav .nav-inner-body{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto;position:relative;height:100%}
@media only screen and (min-width:1500px){.global-header #clone.global-nav .nav-inner-body{max-width:1500px}
}
.global-header #clone.global-nav .nav .drawer-logo{position:absolute;top:0;left:0}
.global-header #clone.global-nav .nav .drawer-logo a{position:relative;display:block;width:38rem;height:17rem;text-decoration:none;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;overflow:hidden;text-indent:-5260px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.global-header #clone.global-nav .nav .drawer-logo a:before{content:'';position:absolute;top:50%;left:50%;width:30rem;height:auto;margin-left:-8.8rem;margin-top:-1.4rem;background:url("../imgs/common/logo02.svg") no-repeat left top;background-size:contain}
.global-header #clone.global-nav .nav .left-area{z-index:1;position:absolute;bottom:3rem;left:3rem;font-family: "Roboto", sans-serif;font-size:1rem;color:#fff}
.global-header #clone.global-nav .nav .left-area .copyright{margin-right:1rem}
.global-header #clone.global-nav .nav .left-area .privacy a{color:#fff;text-decoration:none;position:relative}
.global-header #clone.global-nav .nav .left-area .privacy a:before{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;background:#e2e2e6}
.global-header #clone.global-nav .nav .left-area .privacy a:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}
.global-header #clone.global-nav .nav .left-area .privacy a:after,.global-header #clone.global-nav .nav .left-area .privacy a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:1px}
html.noTouch .global-header #clone.global-nav .nav .left-area .privacy a:hover{text-decoration:none}
html.noTouch .global-header #clone.global-nav .nav .left-area .privacy a:hover:after,html.noTouch .global-header #clone.global-nav .nav .left-area .privacy a:hover:before{left:0;width:100%}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li{margin-bottom:0;display:inline-block;line-height:1.4}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li+li{margin-top:0}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a{opacity:1}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a .ttl{position:relative;margin-right:.8rem;padding-right:1.5rem;font-size:1.5rem;line-height:1.4}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a .ttl:before{position:absolute;content:'/';display:block;right:0}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li:last-child a .ttl{margin-right:0;padding-right:0}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li:last-child a .ttl:before{display:none}
@media only screen and (max-width:1160px){.global-header #clone.global-nav .nav .left-area .privacy a:after,.global-header #clone.global-nav .nav .left-area .privacy a:before{display:none}
}
.global-header #clone.global-nav .nav .left-area .privacy a:before{background:#e2e2e6}
.global-header #clone.global-nav .nav .left-area .privacy a:after{background-color:#fff}
.global-header #clone.global-nav .nav .right-area{display:table;z-index:1;position:absolute;bottom:3rem;right:3rem;color:#fff;}
.global-header #clone.global-nav .nav .right-area .address{display:table-cell;vertical-align:middle;font-family: "Roboto", sans-serif;font-size:1rem;padding-top:.5rem;padding-right:2.5rem}
.global-header #clone.global-nav .nav .right-area .address a{text-decoration:none;color:#fff}
.global-header #clone.global-nav .nav .right-area .address span.open{margin-left:1rem}
.global-header #clone.global-nav .nav .right-area .sns{display:table-cell;vertical-align:middle}
.global-header #clone.global-nav .nav .right-area .sns li{float:left}
.global-header #clone.global-nav .nav .right-area .sns li a{display:block;position:relative;width:2.3rem;height:2.3rem;background:#fff;border-radius:2.3rem}
.global-header #clone.global-nav .nav .right-area .sns li a span{display:block;overflow:hidden;text-indent:-5260px}
.global-header #clone.global-nav .nav .right-area .sns li a:before{position:absolute;top:50%;margin-top:-.7rem;left:50%;margin-left:-.3rem;font-size:1.3rem;color:#00cccc;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e905'}
.global-header #clone.global-nav .nav .right-area .sns li.twitter a:before{margin-top:-.7rem;margin-left:-.7rem;font-size:1.5rem;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e900'}
.global-header #clone.global-nav .nav .right-area .sns li+li{margin-left:.5rem}
.global-header #clone.global-nav .nav-list{position:absolute;top:50%;right:10rem;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44rem;zoom:1}
.global-header #clone.global-nav .nav-list:after{content:'';display:block;clear:both;height:0}
.global-header #clone.global-nav .nav-list #column{float:left;margin-right:10rem;position:relative;z-index:1}
.global-header #clone.global-nav .nav-list .item{display:block;float:none;margin:0;margin-bottom:2.5rem}
.global-header #clone.global-nav .nav-list .item.item_about{margin-bottom:3rem}
.global-header #clone.global-nav .nav-list .item .move-slide{overflow:hidden}
.global-header #clone.global-nav .nav-list .item .move-slide span{display:block}
.global-header #clone.global-nav .nav-list .item_top{display:none}
.global-header #clone.global-nav .nav-list .item>a{display:inline-block;color:#fff!important;padding:0;font-size:4rem;height:auto!important;font-weight: 200}
.global-header #clone.global-nav .nav-list .item>a span:after,.global-header #clone.global-nav .nav-list .item>a span:before{bottom:0;top:auto;height:1px}
.global-header #clone.global-nav .nav-list .item>a span:after{background-color:#fff}
html.noTouch .global-header #clone.global-nav .nav-list .item>a:hover span:after,html.noTouch .global-header #clone.global-nav .nav-list .item>a:hover span:before{left:0;width:100%}
html.noTouch .global-header #clone.global-nav .nav-list .item:not(.item-dropdown)>a:hover span:after,html.noTouch .global-header #clone.global-nav .nav-list .item:not(.item-dropdown)>a:hover span:before{left:0;width:100%}

body#top .global-header #clone.global-nav .nav-list .item_top>a{color:#fff}
body#top .global-header #clone.global-nav .nav-list .item_top>a span:before{width:0}
body#company .global-header #clone.global-nav .nav-list .item_company>a{color:#fff}
body#company .global-header #clone.global-nav .nav-list .item_company>a span:before{width:0}
body#ourvalue .global-header #clone.global-nav .nav-list .item_value>a{color:#fff}
body#ourvalue .global-header #clone.global-nav .nav-list .item_value>a span:before{width:0}
body#works .global-header #clone.global-nav .nav-list .item_works>a{color:#fff}
body#works .global-header #clone.global-nav .nav-list .item_works>a span:before{width:0}
body#interview .global-header #clone.global-nav .nav-list .interview>a{color:#fff}
body#interview .global-header #clone.global-nav .nav-list .interview>a span:before{width:0}
body#recruit .global-header #clone.global-nav .nav-list .item_recruit>a{color:#fff}
body#recruit .global-header #clone.global-nav .nav-list .item_recruit>a span:before{width:0}

.global-header #clone.global-nav .nav-list .bnr_link{overflow:hidden}
.global-header #clone.global-nav .nav-list .bnr_link a{display:inline-block;text-decoration:none;color:#fff;-webkit-font-feature-settings:normal;font-feature-settings:normal;position:relative}
.global-header #clone.global-nav .nav-list .bnr_link a:before{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;background:#e2e2e6}
.global-header #clone.global-nav .nav-list .bnr_link a:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}
.global-header #clone.global-nav .nav-list .bnr_link a:after,.global-header #clone.global-nav .nav-list .bnr_link a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:1px}
html.noTouch .global-header #clone.global-nav .nav-list .bnr_link a:hover{text-decoration:none}
html.noTouch .global-header #clone.global-nav .nav-list .bnr_link a:hover:after,html.noTouch .global-header #clone.global-nav .nav-list .bnr_link a:hover:before{left:0;width:100%}
@media only screen and (max-width:1160px){.global-header #clone.global-nav .nav-list .bnr_link a:after,.global-header #clone.global-nav .nav-list .bnr_link a:before{display:none}
.easingWrap .easingBg .mask.mask-1{z-index:2;background-image:url("../imgs/top/service-sp.webp");background-size: contain}
}
.global-header #clone.global-nav .nav-list .bnr_link a:after{background-color:#fff}
.global-header #clone.global-nav .nav-list .bnr_link_ttl{margin-bottom:0;padding-right:2rem;position:relative;display:inline-block}
.global-header #clone.global-nav .nav-list .bnr_link_ttl:before{position:absolute;top:50%;margin-top:-.4rem;right:0;font-size:.9rem;color:#fff;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e901'}
.global-header #clone.global-nav .nav .nav-dropdown{display:block;position:static;z-index:inherit;width:auto;background:inherit;padding-top:.3rem}
.global-header #clone.global-nav .nav .nav-dropdown:before{display:none}
.global-header #clone.global-nav .nav .nav-dropdown-inner{margin-top:2rem;display:block;width:inherit}
.global-header #clone.global-nav .nav .nav-dropdown-left{display:none}
.global-header #clone.global-nav .nav .nav-dropdown-right{
	display:none;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	background:inherit;
	-webkit-font-feature-settings:normal;
	font-feature-settings:normal
}
.global-header #clone.global-nav .nav .nav-dropdown-right a{position:relative}
.global-header #clone.global-nav .nav .nav-dropdown-right a:before{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;background:#e2e2e6}
.global-header #clone.global-nav .nav .nav-dropdown-right a:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}
.global-header #clone.global-nav .nav .nav-dropdown-right a:after,.global-header #clone.global-nav .nav .nav-dropdown-right a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:1px}
html.noTouch .global-header #clone.global-nav .nav .nav-dropdown-right a:hover{text-decoration:none}
html.noTouch .global-header #clone.global-nav .nav .nav-dropdown-right a:hover:after,html.noTouch .global-header #clone.global-nav .nav .nav-dropdown-right a:hover:before{left:0;width:100%}
@media only screen and (max-width:1160px){.global-header #clone.global-nav .nav .nav-dropdown-right a:after,.global-header #clone.global-nav .nav .nav-dropdown-right a:before{display:none}
}
.global-header #clone.global-nav .nav .nav-dropdown-right a:after{background-color:#fff}
.global-header #clone.global-nav .nav .nav-dropdown-right .about-list{margin-right:0}
.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li{display:block;width:auto;float:none;margin-right:0;margin-bottom:0}
.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li+li{margin-top:0}
.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li a{position:relative;display:inline-block;width:auto;color:#fff}
.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li a .item_img{display:none}
.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li a .txt{overflow:hidden;display:block;font-size:1.4rem;line-height:1.6;padding-left:0}
.global-header #clone.global-nav .nav .nav-dropdown-right .service-list{padding-bottom:0;margin:-30px 0 30px!important}
.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li{display:inline-flex;width:auto;float:none;}
.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li+li{padding-left:0;margin-top:0}
.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li a{position:relative;display:inline-block;width:auto;color:#fff}
.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li a:before{display:none}
.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li a .item_img{display:none}
.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li a .txt{overflow:hidden;width:auto;text-align:left;position:static;margin-top:0;font-size:1.4rem;line-height:1.6;font-weight:400;}
.global-header #clone.global-nav .bnr_link,.global-header #clone.global-nav .drawer-logo,.global-header #clone.global-nav .left-area,.global-header #clone.global-nav .right-area{display:block}
@media only screen and (max-width:1160px){.global-header{position:absolute}
.global-header #clone.global-nav .nav .nav-dropdown-right .service-list{padding-bottom:0;margin: 0px!important}
.global-header-inner{height:6.5rem}
.global-header .logo{box-shadow:none}
.global-header .logo a{background:0 0;width:38rem;height:6rem}
.global-header .navMENU .nav-menu-inner{width:8.5rem;height:6.5rem}
.global-header .navMENU .nav-menu-inner:before{top:1.85rem;height:2.5rem;width:.1rem}
.global-header .navMENU .nav-menu-inner span{width:2.8rem;height:.1rem;margin-left:-1.4rem;background:#333}
.global-header .navMENU .nav-menu-inner span.line_1{margin-top:-.7rem}
.global-header .navMENU .nav-menu-inner span.line_2,.global-header .navMENU .nav-menu-inner span.line_3{margin-top:-.1rem}
.global-header .navMENU .nav-menu-inner span.line_4{margin-top:.5rem}
body.nav-open .global-header .navMENU{display:block;position:fixed;left:0;right:0;background:rgba(0,0,0,.7);width:100vw;height:100vh}
body.nav-open .global-header .navMENU .nav-menu-inner{display:none}
.global-header .nav{display:none}
body.nav-open .global-header #clone.global-nav{position:relative;z-index:5}
.global-header #clone.global-nav .nav{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);left:0;right:0;width:auto;width:100%;padding-left:5.5rem;box-sizing:border-box;background:0 0;opacity:1!important}
body.nav-open .global-header #clone.global-nav .nav{visibility:visible;opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.global-header #clone.global-nav .nav .navCLOSE{position:absolute;display:block;top:0;left:0;display:block;overflow:hidden;text-indent:-5260px;z-index:1;width:5.5rem;height:6.5rem}
.global-header #clone.global-nav .nav .navCLOSE span{display:block;position:absolute;top:50%;left:50%;width:2.75rem;height:.2rem;margin-left:-1.37rem;background:#fff}
.global-header #clone.global-nav .nav .navCLOSE span.line_1,.global-header #clone.global-nav .nav .navCLOSE span.line_2{-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;transition:all .4s ease 0s;margin-top:-.1rem}
.global-header #clone.global-nav .nav .navCLOSE span.line_1{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.global-header #clone.global-nav .nav .navCLOSE span.line_2{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.global-header #clone.global-nav .nav-inner{ background: linear-gradient(-20deg, #00cccc 20%, #13d8d8 100%);padding-top:6rem}
.global-header #clone.global-nav .nav-inner-body{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto;position:relative;height:100%;margin-left:2.5rem;padding:1.5rem 2.5rem 0;border-left:.1rem solid #fff}
}
@media only screen and (max-width:1160px) and (min-width:1500px){.global-header #clone.global-nav .nav-inner-body{max-width:1500px}
}
@media only screen and (max-width:1160px){.global-header #clone.global-nav .nav .drawer-logo{display:none}
.global-header #clone.global-nav .nav .left-area{display:none}
.global-header #clone.global-nav .nav .right-area{display:none}
.global-header #clone.global-nav .nav-list{position:relative;top:inherit;right:inherit;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);width:inherit}
.global-header #clone.global-nav .nav-list #column{float:none;margin-right:0}
.global-header #clone.global-nav .nav-list .item{display:block;float:none;margin:0;margin-bottom:2rem}
.global-header #clone.global-nav .nav-list .item.item_about,.global-header #clone.global-nav .nav-list .item.item_service{margin-bottom:2.5rem}
.global-header #clone.global-nav .nav-list .item>a span:after,.global-header #clone.global-nav .nav-list .item>a span:before{display:none}
.global-header #clone.global-nav .nav-list .item .move-slide span{display:block;position:relative;padding:.2rem 0 0 3rem}
.global-header #clone.global-nav .nav-list .item .move-slide span:before{display:block;position:absolute;background-color:inherit;top:50%;margin-top:-.4rem;left:0;content:'01';font-size:1rem}
.global-header #clone.global-nav .nav-list .item_top{display:block}
.global-header #clone.global-nav .nav-list .item_top .move-slide span:before{content:'01'}
.global-header #clone.global-nav .nav-list .item_company .move-slide span:before{content:'02'}	
.global-header #clone.global-nav .nav-list .item_value .move-slide span:before{content:'03'}	
.global-header #clone.global-nav .nav-list .item_works .move-slide span:before{content:'04'}
.global-header #clone.global-nav .nav-list .item_interview .move-slide span:before{content:'05'}
.global-header #clone.global-nav .nav-list .item_recruit .move-slide span:before{content:'06'}
.global-header #clone.global-nav .nav-list .item_blog .move-slide span:before{content:'07'}
.global-header #clone.global-nav .nav-list .item_contact .move-slide span:before{content:'08'}
.global-header #clone.global-nav .nav-list .item>a{font-size:2.2rem}
.global-header #clone.global-nav .nav-list .bnr_link{display:none}
.global-header #clone.global-nav .nav .nav-dropdown-inner{margin-top:0}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right{padding-left:3rem}
	
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li{
	margin-bottom:0;
	display:none;
	line-height:1.4}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li+li{margin-top:0}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a{opacity:1}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a .ttl{position:relative;margin-right:.8rem;padding-right:1.5rem;font-size:1.2rem;line-height:1.4}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a .ttl:before{position:absolute;content:'/';display:block;right:0}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li:last-child a .ttl{margin-right:0;padding-right:0}
.global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li:last-child a .ttl:before{display:none}
}
.fixedHeader.global-header .global-header-inner{height:6rem;background:#fff;box-shadow:0 .3rem .75rem rgba(0,0,0,.1)}
.fixedHeader.global-header .logo{box-shadow:none}
.fixedHeader.global-header .logo a{background:0 0;width:30rem;height:6rem}
.fixedHeader.global-header .logo a:before{width:31.9rem;height:1.9rem;margin-left:-5.95rem;margin-top:-.8rem}
.fixedHeader.global-header .navMENU .nav-menu-inner{height:6rem}
.fixedHeader.global-header .navMENU .nav-menu-inner:before{top:2rem}
.fixedHeader.global-header .nav-list .item>a{height:6rem}
.fixedHeader.global-header .nav .nav-dropdown{top:6rem}
@media only screen and (max-width:1160px){.global-header .fixedNavMENU.navMENU{top:0;right:0;position:fixed}
.global-header .fixedNavMENU.navMENU .nav-menu-inner{height:3.5rem;background:#fff}
.global-header .fixedNavMENU.navMENU .nav-menu-inner:before{display:none}
}
.fixed-sns{overflow:hidden;top:0;right:0;position:absolute;height:100vh;width:8rem;z-index:0}
.fixed-sns-line{top:0;right:0;position:absolute;height:100vh;width:8rem}
.fixed-sns-inner{z-index:1;position:absolute;top:50%;right:3.5rem;z-index:10;width:22rem;-webkit-font-feature-settings:normal;font-feature-settings:normal;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;-moz-transform:translate(0,-1350%) rotate(-90deg);-ms-transform:translate(0,-1350%) rotate(-90deg);-webkit-transform:translate(0,-1350%) rotate(-90deg);transform:translate(0,-1350%) rotate(-90deg);font-family: "Roboto", sans-serif;font-size:1rem;line-height:1}
.fixed-sns-inner .ttl{float:left;padding-right:1rem;margin-right:1rem;letter-spacing: 2px;margin-top: 10px}
.fixed-sns-inner ul{float:left}
.fixed-sns-inner ul li{float:left;transform: rotate(90deg);}
.fixed-sns-inner ul li+li{margin-left:3rem}
.fixed-sns-inner ul li a{text-decoration:none;margin-right: -10px!important;}
html.noTouch .fixed-sns-inner ul li a:hover{color:#00cccc}
@media only screen and (max-width:1500px){.fixed-sns{display:none}
#top .fixed-sns{display:block}
}
@media only screen and (max-width:1160px){#top .fixed-sns{display:none}
}
.global-footer{position:relative;z-index:1}
.footer-section{padding-top: 8rem;}
.footer-section_ttl{font-family: "Roboto", sans-serif;margin-bottom:2rem;font-size:4rem;font-weight:200;line-height:1;text-align:center;letter-spacing:.1em}
.footer-section_body{box-sizing:border-box;max-width:1200px;margin-right:auto;margin-left:auto}
@media only screen and (min-width:1500px){.footer-section_body{max-width:1200px}
}
.footer-consultation{padding:0}
.footer-consultation .inner{position:relative;z-index:1}
.footer-consultation a{text-decoration:none;display:block;padding:13rem 0;background:url("../imgs/common/contact.webp");background-size: cover;text-align:center;position:relative;color:#fff}
.footer-consultation a:before{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);bottom:0;left:0;width:100%;position:absolute;content:"";display:block;height:100%;background:0 0;z-index:0;-moz-animation:btn .4s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:btn .4s cubic-bezier(.78,.07,0,1) normal;animation:btn .4s cubic-bezier(.78,.07,0,1) normal;background:#00cccc}
.footer-consultation a .contact-btn{display:block;position:relative;margin:3rem auto;padding:2.3rem 2.5rem;border:1px solid #dedede;max-width:15rem;color:#333;font-size:1.2rem;letter-spacing:.08em;line-height:1;text-align:center;vertical-align:top;text-decoration:none;border-radius:0;background:#fff}
.footer-consultation a .contact-btn p{display:inline-block;position:relative;padding-right:3rem}
.footer-consultation a .contact-btn.en{font-family: "Roboto", sans-serif;font-weight:700}
.footer-consultation a .contact-btn .arw{overflow:hidden;position:absolute;display:block;width:2rem;height:.6rem;top:50%;margin-top:-.35rem;right:0}
.footer-consultation a .contact-btn .arw:after{position:absolute;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:1.9rem;height:.5rem;background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch .footer-consultation a:hover{color:#fff}
.noTouch .footer-consultation a:hover:before{-moz-animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch .footer-consultation a:hover .contact-btn{border:1px solid #fff;box-shadow:0 1rem 2rem rgba(0,0,0,.1)}
.noTouch .footer-consultation a:hover .contact-btn .arw:after{-moz-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite}
.footer-bnr{background:#333}
.footer-bnr .bnr-list{zoom:1}
.footer-bnr .bnr-list:after{content:'';display:block;clear:both;height:0}
.footer-bnr .bnr-list .item{float:left;width:33.33%}
.footer-bnr .bnr-list .item a{display:block;position:relative;color:#fff;text-decoration:none;display:table;-webkit-font-feature-settings:normal;font-feature-settings:normal}
.footer-bnr .bnr-list .item_img{display:table-cell;vertical-align:middle;width:5rem}
.footer-bnr .bnr-list .item_txt{display:table-cell;vertical-align:middle;padding-left:2.4rem}
.footer-bnr .bnr-list .item_ttl{margin-bottom:0;font-size:1.6rem;font-weight:700;padding-right:2rem;position:relative;display:inline-block}
.footer-bnr .bnr-list .item_ttl:before{position:absolute;top:50%;margin-top:-.4rem;right:0;font-size:.9rem;color:#fff;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e901'}
.footer-bnr .bnr-list .item dd{font-size:1.2rem}
.footer-sitemap a{color:#333;text-decoration:none;position:relative}
.footer-sitemap a:before{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;background:#e2e2e6}
.footer-sitemap a:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}
.footer-sitemap a:after,.footer-sitemap a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:1px}
html.noTouch .footer-sitemap a:hover{text-decoration:none}
html.noTouch .footer-sitemap a:hover:after,html.noTouch .footer-sitemap a:hover:before{left:0;width:100%}
@media only screen and (max-width:1160px){.footer-sitemap a:after,.footer-sitemap a:before{display:none}
}
.footer-sitemap a:after,.footer-sitemap a:before{bottom:-2px}
.footer-sitemap .inner{zoom:1;display:table;width:100%}
.footer-sitemap .inner:after{content:'';display:block;clear:both;height:0}
.footer-sitemap .inner .footer_facebook{display:table-cell;vertical-align:top;width:34rem}
.footer-sitemap .sitemap-list{zoom:1;display:table-cell;vertical-align:top}
.footer-sitemap .sitemap-list:after{content:'';display:block;clear:both;height:10rem}

@media only screen and (max-width: 768px) {
.footer-sitemap .sitemap-list:after{content:'';display:block;clear:both;height:0rem}
}

.footer-sitemap .sitemap-list .parent{font-size:1.8rem;font-family: "Roboto", sans-serif;font-weight:300;line-height:1}
.footer-sitemap .sitemap-list .parent+.parent{margin-top:2.5rem}
.footer-sitemap .sitemap-list .parent+.children{margin-top:3rem}
.footer-sitemap .sitemap-list .children{font-size:1.4rem;line-height:1.79;font-weight:100;}
.footer-sitemap .sitemap-list .children>li+li{margin-top:1rem}
.footer-sitemap .sitemap_top{float:left;width:19rem}
.footer-sitemap .sitemap_second{zoom:1;box-sizing:border-box;float:left;width:100%;padding-left:6rem}
.footer-sitemap .sitemap_second:after{content:'';display:block;clear:both;height:0}
.footer-sitemap .sitemap_second .item{float:left;width:16.66666%;text-align: center}
.footer-sitemap .sitemap_second .item:nth-child(6n+1){clear:left;margin-left:-6rem}
.footer-sitemap .sitemap_second .item:nth-child(-n+6){margin-top:0}
.footer-sitemap .sitemap_second .item-dropdown+.item-dropdown,.footer-sitemap .sitemap_second .item-dropdown+.parent{margin-top:6rem}

/* 20250617 追加 */

.footer-map{
	display: flex;
   flex-wrap: wrap;
	width: 100%;
	margin-bottom: 5rem;
}

.company-img{
	width: 50%;
}


.company-img img{
	width: 100%;
  height: 100%;
}



.map-address{
	text-align: center;
	height: 150px;
}

@media only screen and (max-width: 768px) {
	
.footer-map{
	display: flex;
   flex-wrap: wrap;
	width: 100%;
	margin-bottom: 3rem;
}

.company-img{
	width: 100%;
}


.company-img img{
	width: 100%;
  height: 100%;
}



.map-address{
	text-align: center;
	height: 50px;
	width:100%;
		padding-bottom: 3rem;
}	
	
}



.footer-map .gmap{width:100%;height:54rem;box-sizing:border-box}
.footer-address{text-align:center;padding:4rem 0;background:#00cccc}
.footer-address .footer_logo{display:block;overflow:hidden;text-indent:-5260px;margin:0 auto 1.5rem;width:25.9rem;height:auto;background:url("../imgs/common/logo02.svg") no-repeat center center;background-size:contain}
.footer-address .address{font-size:1.2rem;text-align:center;color:#fff}
.footer-address .address a{text-decoration:none;color:#fff}
@media only screen and (max-width:1160px){
	.footer-section{
		margin: 5rem 0rem -8rem !important;
    padding: 0;
    width: 100%;
	}
.footer-section_ttl{margin-bottom:2rem;font-size:1.8rem;letter-spacing:0}
.footer-consultation{margin:0;width:100%;}
.footer-consultation a{padding:4rem 0rem;background:url("../imgs/common/contact-sp.webp");background-size: cover;color:#fff;width: 100%;}
.footer-consultation a .contact-btn{margin:3rem auto 0;padding:2rem 0;border:1px solid #fff;color:#00cccc;font-size:1.2rem;box-shadow:0 .3rem .75rem rgba(0,0,0,.1)}
.footer-bnr{padding:6rem 0}
.footer-bnr .bnr-list .item{float:none;width:auto;text-align:center}
.footer-bnr .bnr-list .item+.item{margin-top:3rem}
.footer-bnr .bnr-list .item a{display:inline-block}
.footer-bnr .bnr-list .item_img{display:none}
.footer-bnr .bnr-list .item_txt{display:block;vertical-align:inherit;padding-left:0}
.footer-bnr .bnr-list .item_ttl{margin-bottom:0;font-size:1.3rem;padding-right:1.8rem}
.footer-bnr .bnr-list .item dd{font-size:1rem}
.footer-sitemap{margin:0;padding:0 0 6rem}
.footer-sitemap a{cursor:pointer}
.footer-sitemap a:hover{cursor:pointer}
.footer-sitemap .inner{display:block}
.footer-sitemap .inner .footer_facebook{display:block;vertical-align:inherit;width:34rem;margin:0 auto}
.footer-sitemap .sitemap-list{padding:6rem 0;display:block;vertical-align:inherit}
.footer-sitemap .sitemap-list .parent{font-size:1.8rem;display:table;position:relative;width:100%;line-height:1;}
.footer-sitemap .sitemap-list .parent+.parent{margin-top:0}
.footer-sitemap .sitemap-list .parent+.children{margin-top:0;margin-bottom:3rem}
.footer-sitemap .sitemap-list .parent a{padding:1.5rem 0;text-align:center;display:block}
.footer-sitemap .sitemap-list .children{font-size:1.2rem;line-height:1;font-weight:100;}
.footer-sitemap .sitemap-list .children li{display:table;position:relative;width:100%;text-align:center}
.footer-sitemap .sitemap-list .children li+li{margin-top:0}
.footer-sitemap .sitemap-list .children li a{display:block;padding:1.5rem 0}
.footer-sitemap .sitemap-list .children li ul{display:none}
.footer-sitemap .sitemap-list .item-dropdown+.item-dropdown,.footer-sitemap .sitemap-list .item-dropdown+.parent{margin-top:0}
.footer-sitemap .sitemap-list .item-dropdown .children{display:none}
.footer-sitemap .sitemap-list .item-dropdown.item-on .parent a{color:#00cccc}
.footer-sitemap .sitemap_top{float:none;width:auto;border-top:none!important}
.footer-sitemap .sitemap_second{float:none;width:auto;padding-left:0}
.footer-sitemap .sitemap_second .item{float:none;width:auto;margin:0}
.footer-sitemap .sitemap_second .item:nth-child(4n+1){margin-left:0}
.footer-address .footer_logo{margin:0 auto 0rem;width:20.9rem;height:auto;}
.footer-address .address{font-size:.9rem}
.footer-address{text-align:center;padding:4rem 0;background:#00cccc}
}
@-webkit-keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:4.2rem}
}
@-moz-keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:4.2rem}
}
@-o-keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:4.2rem}
}
@-ms-keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:4.2rem}
}
@keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:4.2rem}
}
@-webkit-keyframes scrollLine{0%{top:auto;bottom:0;height:100%}
25%{top:auto;bottom:0;height:0}
25.1%{top:0;bottom:auto;height:0}
50%{top:0;bottom:auto;height:100%}
100%{top:auto;bottom:0;height:100%}
}
@-moz-keyframes scrollLine{0%{top:auto;bottom:0;height:100%}
25%{top:auto;bottom:0;height:0}
25.1%{top:0;bottom:auto;height:0}
50%{top:0;bottom:auto;height:100%}
100%{top:auto;bottom:0;height:100%}
}
@-o-keyframes scrollLine{0%{top:auto;bottom:0;height:100%}
25%{top:auto;bottom:0;height:0}
25.1%{top:0;bottom:auto;height:0}
50%{top:0;bottom:auto;height:100%}
100%{top:auto;bottom:0;height:100%}
}
@-ms-keyframes scrollLine{0%{top:auto;bottom:0;height:100%}
25%{top:auto;bottom:0;height:0}
25.1%{top:0;bottom:auto;height:0}
50%{top:0;bottom:auto;height:100%}
100%{top:auto;bottom:0;height:100%}
}
@keyframes scrollLine{0%{top:auto;bottom:0;height:100%}
25%{top:auto;bottom:0;height:0}
25.1%{top:0;bottom:auto;height:0}
50%{top:0;bottom:auto;height:100%}
100%{top:auto;bottom:0;height:100%}
}
@-webkit-keyframes scrollbtn{0%{transform:scale(1)}
26%{transform:scale(1.5)}
48%{opacity:0;transform:scale(1.5)}
100%{opacity:0;transform:scale(1)}
}
@-moz-keyframes scrollbtn{0%{transform:scale(1)}
26%{transform:scale(1.5)}
48%{opacity:0;transform:scale(1.5)}
100%{opacity:0;transform:scale(1)}
}
@-o-keyframes scrollbtn{0%{transform:scale(1)}
26%{transform:scale(1.5)}
48%{opacity:0;transform:scale(1.5)}
100%{opacity:0;transform:scale(1)}
}
@-ms-keyframes scrollbtn{0%{transform:scale(1)}
26%{transform:scale(1.5)}
48%{opacity:0;transform:scale(1.5)}
100%{opacity:0;transform:scale(1)}
}
@keyframes scrollbtn{0%{transform:scale(1)}
26%{transform:scale(1.5)}
48%{opacity:0;transform:scale(1.5)}
100%{opacity:0;transform:scale(1)}
}
@-webkit-keyframes tooltip-show{0%{visibility:visible;opacity:0;transform:scale(.8)}
100%{visibility:visible;opacity:1;transform:scale(1)}
}
@-moz-keyframes tooltip-show{0%{visibility:visible;opacity:0;transform:scale(.8)}
100%{visibility:visible;opacity:1;transform:scale(1)}
}
@-o-keyframes tooltip-show{0%{visibility:visible;opacity:0;transform:scale(.8)}
100%{visibility:visible;opacity:1;transform:scale(1)}
}
@-ms-keyframes tooltip-show{0%{visibility:visible;opacity:0;transform:scale(.8)}
100%{visibility:visible;opacity:1;transform:scale(1)}
}
@keyframes tooltip-show{0%{visibility:visible;opacity:0;transform:scale(.8)}
100%{visibility:visible;opacity:1;transform:scale(1)}
}
@-webkit-keyframes tooltip-hidden{0%{visibility:visible;opacity:1}
100%{visibility:hidden;opacity:0}
}
@-moz-keyframes tooltip-hidden{0%{visibility:visible;opacity:1}
100%{visibility:hidden;opacity:0}
}
@-o-keyframes tooltip-hidden{0%{visibility:visible;opacity:1}
100%{visibility:hidden;opacity:0}
}
@-ms-keyframes tooltip-hidden{0%{visibility:visible;opacity:1}
100%{visibility:hidden;opacity:0}
}
@keyframes tooltip-hidden{0%{visibility:visible;opacity:1}
100%{visibility:hidden;opacity:0}
}
#op{overflow:hidden;position:fixed;top:0;right:0;z-index:100;width:100%;height:100vh}
#op .mask{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);position:absolute;top:0;right:0;width:100%;height:100vh;background:#1b7c26}
#op .mask.mask-1{background:#fff;z-index:1}
#op .mask.mask-2{opacity:.5;background:#fff}
#op .inner{position:relative;z-index:2;display:table;width:100vw;height:100%;text-align:center}
#op .inner .logo-area{display:table-cell;vertical-align:middle;font-size:0}
#op .inner .logo-area span{display:block;overflow:hidden;position:relative;display:inline-block;opacity:0}
#op .inner .logo-area span.logo01{background:url("../imgs/top/logo.svg") no-repeat center center;}
body#top .global-header-inner{height:10rem;background:0 0}
body#top .global-header .logo{box-shadow:none}
body#top .global-header .logo a{background:0 0;width:38rem;height:10rem}
body#top .global-header .logo a:before{width:30rem;height:auto;margin-left:-8.8rem;margin-top:-1.4rem;background:url("../imgs/common/logo02.svg") no-repeat left top;background-size:contain}
body#top .global-header .navMENU .nav-menu-inner{height:10rem;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
body#top .global-header .navMENU .nav-menu-inner:before{top:auto;left:50%;margin-left:-1.8rem;bottom:0;height:1px;width:3.5rem;background:#e5e5e5}
body#top .global-header .navMENU .nav-menu-inner span{background:#333}
body#top .global-header .nav-list .item>a{height:10rem;color:#fff}
body#top .global-header .nav-list .item-on>a{color:#fff}
body#top .global-header .nav-list .item.item_top>a{color:#fff!important}
body#top .global-header .nav .nav-dropdown{top:10rem}
body#top .global-header.dropdown-show .logo a{width:38rem;height:10rem}
body#top .fixedHeader.global-header .global-header-inner{height:6rem;background:#fff;box-shadow:0 .3rem .75rem rgba(0,0,0,.1)}
body#top .fixedHeader.global-header .logo a{background:0 0;width:30rem;height:6rem}
body#top .fixedHeader.global-header .logo a:before{width:20rem;height:1.9rem;margin-left:-5.95rem;margin-top:-.8rem;background:url("../imgs/common/logo.svg") no-repeat left top;background-size:contain}
body#top .fixedHeader.global-header .navMENU .nav-menu-inner{height:6rem}
body#top .fixedHeader.global-header .navMENU .nav-menu-inner:before{left:0;margin-left:0;bottom:auto;height:2rem;width:1px;top:2rem}
body#top .fixedHeader.global-header .navMENU .nav-menu-inner span{background:#00cccc}
body#top .fixedHeader.global-header .nav-list .item>a{height:6rem;color:#333}
body#top .fixedHeader.global-header .nav-list .item.item_top>a{color:#00cccc!important}
body#top .fixedHeader.global-header .nav .nav-dropdown{top:6rem}
body#top .fixedHeader.global-header.dropdown-show .nav-list .item.item_top>a{color:#fff!important}
body#top .fixedHeader.global-header.dropdown-show .logo a{background:0 0;width:30rem;height:6rem}
body#top .fixedHeader.global-header.dropdown-show .logo a:before{width:18.5rem;margin-left:-5.8rem;background-size:contain}
body#top .fixed-sns{z-index:3}
body#top .fixed-sns-line{background:#fff}
body#top .main-visual-copyright p{position:absolute;bottom:3.5rem;right:12.5rem;z-index:9;font-family: "Roboto", sans-serif;font-size:1rem;line-height:1;color:#fff;}
#mainVisual{position:relative;height:100vh;margin-bottom: 3rem}
#mainVisual #slide{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden}
#mainVisual #slide .slideImg{position:absolute;height:100%;width:100%;top:0;left:0}
#mainVisual #slide .slideImg.slide01{background:url("../imgs/top/mv01.webp") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
#mainVisual #slide .slideImg.slide02{background:url("../imgs/top/mv02.webp") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
#mainVisual #slide .slideImg.slide03{background:url("../imgs/top/mv03.webp") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
#mainVisual .slick-current{-moz-animation:slick-current linear 14s infinite normal;-webkit-animation:slick-current linear 14s infinite normal;animation:slick-current linear 14s infinite normal}
@-webkit-keyframes slick-current{0%{transform:scale(1.0001)}
100%{transform:scale(1.08)}
}
@-moz-keyframes slick-current{0%{transform:scale(1.0001)}
100%{transform:scale(1.08)}
}
@-o-keyframes slick-current{0%{transform:scale(1.0001)}
100%{transform:scale(1.08)}
}
@-ms-keyframes slick-current{0%{transform:scale(1.0001)}
100%{transform:scale(1.08)}
}
@keyframes slick-current{0%{transform:scale(1.0001)}
100%{transform:scale(1.08)}
}
.main-visual-copy{position:absolute;left:12rem;bottom:12rem}
.main-visual-copy .sub{font-size:2rem;color:#fff;font-family: "Roboto", sans-serif;padding-left:4.5rem;position:relative;margin-bottom:3rem;font-weight:200!important;letter-spacing: 3px;}
.main-visual-copy .sub .em{font-weight:400}
.main-visual-copy .sub:before{position:absolute;display:block;content:"";width:3.3rem;height:.1rem;background:#fff;top:50%;left:0;margin-top:-.1rem}
.top-scroll{position:absolute;z-index:2;right:1.8rem;bottom:0;width:4rem;height:18rem;z-index:9}
.top-scroll:before{content:'';display:block;position:absolute;left:50%;width:1px;height:100%;background:#00cccc}
.top-scroll:after{-moz-animation:scrollLine 2s ease-in-out infinite normal;-webkit-animation:scrollLine 2s ease-in-out infinite normal;animation:scrollLine 2s ease-in-out infinite normal;content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:0;background:#e5e5e5}
.top-scroll .scroll{position:absolute;z-index:2;top:50%;left:50%;margin-left:-2rem;margin-top:-3.5rem;background:#fff;padding:1.5rem 0}
.top-scroll .scroll .btn{position:relative;z-index:1;width:4rem;height:4rem;display:block;overflow:hidden;text-indent:-5260px;background:url("../imgs/top/scroll.svg") no-repeat center center;background-size:contain}
.top-scroll .scroll .effect{position:absolute;top:1.5rem;border-radius:50%;width:4rem;height:4rem;display:block;overflow:hidden;text-indent:-5260px;background:#f2f2f2;-moz-animation:scrollbtn 2s ease-in-out infinite normal;-webkit-animation:scrollbtn 2s ease-in-out infinite normal;animation:scrollbtn 2s ease-in-out infinite normal}
.top-scroll-sp{display:none}
@media only screen and (max-width:1160px){@-webkit-keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:2.7rem}
}
@-moz-keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:2.7rem}
}
@-o-keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:2.7rem}
}
@-ms-keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:2.7rem}
}
@keyframes scroll{0%{top:-1rem}
75%{top:-1rem}
100%{top:2.7rem}
}
#mainVisual{overflow:inherit;margin:0 -1rem 5rem}
#mainVisual .border{position:absolute;bottom:0;left:0;width:100%;height:3.5rem;background:#fff;z-index:1}
#mainVisual #slide .slideImg.slide01{background:url("../imgs/top/mv01-sp.webp") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
#mainVisual #slide .slideImg.slide02{background:url("../imgs/top/mv02-sp.webp") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
#mainVisual #slide .slideImg.slide03{background:url("../imgs/top/mv03-sp.webp") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.main-visual-copy{width:100%;top:40%;margin-top:-2.5rem;text-align:center;left:0;bottom:auto}
.main-visual-copy .sub{font-size:2rem;padding-left:.5rem;margin-bottom:1rem;line-height:1;letter-spacing:.4em;font-weight:400}
	
@media only screen and (max-width:1160px){	
.main-visual-copy .sub{font-size:1.2rem;padding-left:.5rem;margin-bottom:1rem;line-height:1;letter-spacing:.4em;font-weight:400}	
	}
	
.main-visual-copy .sub:before{display:none}
.main-visual-copy .main .copy01{width:auto;height:auto;font-family: "Roboto", sans-serif;font-weight:200;color:#fff;font-size:3rem;line-height:1;text-indent:0;display:block;letter-spacing:-.05em;background:0 0;}
.main-visual-copy .main .copy02{display:none}
.top-scroll{display:none}
.top-scroll-sp{display:block;position:absolute;z-index:2;left:50%;bottom:-.5rem;margin-left:-9.5rem;width:19rem;height:7rem;z-index:9;text-align:center;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family: "Roboto", sans-serif;font-weight:200;font-size:.9rem;color:#fff;background:#00cccc}
.top-scroll-sp .bg{position:absolute;z-index:-1;top:0;left:0;width:0;height:100%;background:#00cccc;box-shadow:0 .3rem .75rem rgba(0,0,0,.1)}
.top-scroll-sp .txt{margin-top:2.8rem;line-height:1;font-size:.9rem;font-weight:700;letter-spacing:0}
.top-scroll-sp .scroll{display:block;overflow:hidden;position:absolute;left:50%;top:-2.7rem;width:.1rem;height:4.3rem;background:#ccc}
.top-scroll-sp .scroll:after{-moz-animation:scrollLine 2s ease-in-out infinite normal;-webkit-animation:scrollLine 2s ease-in-out infinite normal;animation:scrollLine 2s ease-in-out infinite normal;content:'';display:block;position:absolute;top:0;left:0;width:.1rem;height:1rem;background:#fff}
body#top .global-header-inner{height:6.5rem;background:#fff}
body#top .global-header .logo a{width:22rem;height:6.5rem}
body#top .global-header .logo a:before{width:22rem;height:1.7rem;margin-left:-8.3rem;margin-top:-.85rem;background:url("../imgs/common/logo.svg") no-repeat left top;background-size:contain}
body#top .global-header .navMENU .nav-menu-inner{height:6.5rem}
body#top .global-header .navMENU .nav-menu-inner:before{top:1.85rem;left:0;margin-left:0;bottom:auto;height:2.5rem;width:.1rem}
body#top .global-header .fixedNavMENU.navMENU .nav-menu-inner{height:3.5rem}
body#top .global-header .fixedNavMENU.navMENU .nav-menu-inner:before{display:none}
body#top .main-visual-copyright{display:none}
body#top .fixed-sns{display:none}
}
.top-section .head{margin-bottom:6rem;position:relative}
.top-section .head-ttl .ttl{float:left;line-height:1;font-family: "Roboto", sans-serif;font-weight:200;font-size:4.2rem;letter-spacing:.05em;margin-right:3rem}
.top-section .head-ttl .ttl span{color:#00cccc}
.top-section .head-ttl .lead{font-size:1.2rem;padding-top:.5rem}
.top-section.message{position:relative;padding:2rem 0 8rem;background: rgb(255 255 255/65%);}
.top-section.message .message-photo{margin-left:10rem;width:62rem;height:69rem;position:relative;float:left}
.top-section.message .message-photo ul li{position:absolute;width:23rem;height:auto}
.top-section.message .message-photo ul li.photo01{
	top: 6rem;
	left: 12rem;
	z-index: 2;
	width: 45%;
}
.top-section.message .message-photo ul li.photo02{
	top: 18rem;
	right: 7rem;
	z-index: 1;
	width: 45%;
}


.top-section.message .message-photo ul li.photo03{
	top: 24rem;
	left: 0;
	z-index: 3;
	width: 45%;
}




.top-section.message .message-txt{margin-top:15rem;width:38rem;float:right;}
.top-section.message .message-txt .copy{font-size:2.4rem;font-weight:400;line-height:1.8;margin-bottom:2rem;letter-spacing:.2em}
.top-section.message .message-txt .txt{margin-bottom:4rem}
.top-section.message .word-wrap{position:absolute;top:44rem;z-index:0;right:-45rem}
.top-section.service{position:relative;margin-bottom:15rem}
.top-section.service .gradient-bg{margin-left:5.714%;width:100%;box-sizing:border-box;height:76rem;z-index:-1;position:absolute;top:0;left:0;overflow:hidden;}
.top-section.service .section-ttl{top:-16rem;color:#fff}
.top-section.service .service-txt{box-sizing:border-box;max-width:1000px;margin-right:auto;margin-left:auto;padding-top:12rem}
@media only screen and (min-width:1500px){.top-section.service .service-txt{max-width:1200px}
}
.top-section.service .service-txt .sub-copy{font-family: "Roboto", sans-serif;font-weight:200;font-size:1.4rem;letter-spacing:.1em;color:#fff;padding-left:5rem;position:relative;margin-bottom:4rem;line-height:1}
.top-section.service .service-txt .sub-copy:before{position:absolute;display:block;content:"";width:3.3rem;height:.1rem;background:#fff;top:50%;left:0;margin-top:-.1rem}
.top-section.service .service-txt .copy{
	font-family: YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 4rem;
  letter-spacing: .16em;
  font-weight: 100;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 3rem;
}
.top-section.service .service-txt .txt{color:#fff;margin-bottom:3rem}
.top-section.service .creating-list{box-sizing:border-box;max-width:1000px;margin-right:auto;margin-left:auto;zoom:1;position:relative;z-index:2;margin-top:8.9rem;padding-left:2px}
@media only screen and (min-width:1500px){.top-section.service .creating-list{max-width:1200px}
}
.top-section.service .creating-list:after{content:'';display:block;clear:both;height:0}
.top-section.service .creating-list .item{float:left;width:33%;overflow:hidden;box-shadow:0 1rem 2rem rgba(0,0,0,.1);border-left:1px solid #f2f2f2;;border-bottom:1px solid #f2f2f2}
.top-section.service .creating-list .item:first-child{margin-left:1px;border-left:none}
.top-section.service .creating-list .item a{display:block;position:relative;z-index:1;background:#fff;font-size:1.4rem;font-family: "Roboto", sans-serif;font-weight:200;line-height:1.59;text-align:center;letter-spacing:.05em;text-decoration:none}
.top-section.service .creating-list .item a:before{background:#00cccc;content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;opacity:0;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s}
.top-section.service .creating-list .item a .arw{overflow:hidden;position:absolute;display:block;width:1.9rem;height:.5rem;top:22rem;left:50%;margin-left:-.95rem}
.top-section.service .creating-list .item a .arw:after{position:absolute;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:2rem;height:.6rem;background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain}
.top-section.service .creating-list .item_txt{box-sizing:border-box;display:block;position:relative;z-index:1;top:0;left:0;height:33.33rem;padding-top:16.5rem}
.top-section.service .creating-list .item_txt .en{display:block}

/* .top-section.service .creating-list .item_txt .jp{display:none} */

.top-section.service .creating-list .item_txt:after,.top-section.service .creating-list .item_txt:before{-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;content:'';display:block;position:absolute;top:50%;left:0;width:100%;background-image:url("../imgs/top/icon-service.svg");background-repeat:no-repeat;background-size:auto 60rem}
.top-section.service .creating-list .item_txt:after{opacity:0}
.top-section.service .creating-list .item_txt.item_price:after,.top-section.service .creating-list .item_txt.item_price:before{height:5.2rem;margin-top:-6rem}
.top-section.service .creating-list .item_txt.item_price:before{background-position:center 0}
.top-section.service .creating-list .item_txt.item_price:after{background-position:center -30.8rem}
.top-section.service .creating-list .item_txt.item_price2:after,.top-section.service .creating-list .item_txt.item_price2:before{height:5.2rem;margin-top:-6rem}
.top-section.service .creating-list .item_txt.item_price2:before{background-position:center -15rem}
.top-section.service .creating-list .item_txt.item_price2:after{background-position:center -45.8rem}
.top-section.service .creating-list .item_txt.item_design:after,.top-section.service .creating-list .item_txt.item_design:before{height:4.6rem;margin-top:-5.3rem}
.top-section.service .creating-list .item_txt.item_design:before{background-position:center -5.8rem}
.top-section.service .creating-list .item_txt.item_design:after{background-position:center -36.6rem}
.top-section.service .creating-list .item_txt.item_design2:after,.top-section.service .creating-list .item_txt.item_design2:before{height:4.6rem;margin-top:-5.5rem}
.top-section.service .creating-list .item_txt.item_design2:before{background-position:center -20rem}
.top-section.service .creating-list .item_txt.item_design2:after{background-position:center -50.8rem}
.top-section.service .creating-list .item_txt.item_quality:after,.top-section.service .creating-list .item_txt.item_quality:before{height:5.2rem;margin-top:-5.5rem}
.top-section.service .creating-list .item_txt.item_quality:before{background-position:center -10rem}
.top-section.service .creating-list .item_txt.item_quality:after{background-position:center -40.8rem}
.top-section.service .creating-list .item_txt.item_quality2:after,.top-section.service .creating-list .item_txt.item_quality2:before{height:5.2rem;margin-top:-6rem}
.top-section.service .creating-list .item_txt.item_quality2:before{background-position:center -25rem}
.top-section.service .creating-list .item_txt.item_quality2:after{background-position:center -55.8rem}

.top-section.service .creating-list .item-tooltip{-moz-animation:tooltip-hidden .4s ease normal;-webkit-animation:tooltip-hidden .4s ease normal;animation:tooltip-hidden .4s ease normal;display:table;box-sizing:border-box;visibility:hidden;position:fixed;z-index:2;width:40.8rem;margin-top:4rem;margin-left:-3.4rem;padding:3rem;background:#fff;color:#333;opacity:0;box-shadow:0 0 3rem rgba(0,0,0,.15)}
.top-section.service .creating-list .item-tooltip:before{content:'';display:block;position:absolute;top:-1rem;left:3rem;border-right:transparent solid .5rem;border-bottom:#fff solid 1.1rem;border-left:transparent solid .5rem}
.top-section.service .creating-list .item-tooltip.tooltip-right{margin-left:-3.4rem}
.top-section.service .creating-list .item-tooltip.tooltip-right:before{left:3rem;}
.top-section.service .creating-list .item-tooltip .tooltip_img{display:table-cell;width:10rem;vertical-align:top}
.top-section.service .creating-list .item-tooltip .tooltip_img img{width:100%;height:auto}
.top-section.service .creating-list .item-tooltip .tooltip_txt{display:table-cell;padding-left:3rem;font-size:1.4rem;line-height:1.86;vertical-align:middle}
.top-section.service .creating-list .item-tooltip .tooltip_txt .ttl{color:#00cccc;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;line-height:1}
html.noTouch .top-section.service .creating-list .item:hover{box-shadow:0 0 2rem rgba(0,0,0,.3)}
html.noTouch .top-section.service .creating-list .item:hover a{z-index:2;color:#fff}
html.noTouch .top-section.service .creating-list .item:hover a:before{-moz-animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;animation:btn_ov .4s cubic-bezier(.78,.07,0,1) normal;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
html.noTouch .top-section.service .creating-list .item:hover a .arw:after{-moz-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;background:url("../imgs/common/arw01-r_white.svg") no-repeat center center;background-size:contain}
html.noTouch .top-section.service .creating-list .item:hover a .item_txt:before{opacity:0}
html.noTouch .top-section.service .creating-list .item:hover a .item_txt:after{opacity:1}
html.noTouch .top-section.service .creating-list .item:hover .item-tooltip{-moz-animation:tooltip-show .4s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:tooltip-show .4s cubic-bezier(.78,.07,0,1) normal;animation:tooltip-show .4s cubic-bezier(.78,.07,0,1) normal;visibility:visible;opacity:1}
.top-section.works{margin-bottom:12rem;margin-top:15rem}
.top-section.works .head .view-all-btn{position:absolute;top:0;right:0}
.top-section.works .mod-works{margin-bottom:4rem}
.top-section.blog{padding:8rem 0 12rem}
.top-section.blog .blog-list{margin-bottom:8rem}
.top-section.blog .blog-list ul{zoom:1;overflow:hidden}
.top-section.blog .blog-list ul:after{content:'';display:block;clear:both;height:0}
.top-section.blog .blog-list ul .item{overflow:hidden;float:left;width:40rem}
.top-section.blog .blog-list ul .item:first-child,.top-section.blog .blog-list ul .item:nth-child(4){width:80rem}
.top-section.blog .blog-list ul .item:first-child .item_txt,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt{padding:0 3.5rem 3.5rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head{margin-bottom:.5rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .photo,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .photo{margin-right:1.5rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .data,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .data{font-size:1.2rem;margin-top:2rem;margin-right:1.5rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .like,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .like{font-size:1.3rem;margin-top:2.4rem;padding-left:2rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .like:before,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .like:before{margin-top:-.8rem;font-size:1.3rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .item_ttl,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .item_ttl{font-size:2.4rem;line-height:1.5}
.top-section.blog .blog-list ul .item:first-child .item_txt .txt,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .txt{margin-top:1.5rem;font-size:1.4rem}
.top-section.blog .blog-list ul .item:nth-child(4){float:right;clear:left}
.top-section.blog .blog-list ul .item a{display:block;position:relative;color:#fff;text-decoration:none;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.top-section.blog .blog-list ul .item a .item_img{display:block;overflow:hidden}
.top-section.blog .blog-list ul .item a .item_img img{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
html.noTouch .top-section.blog .blog-list ul .item a:hover .item_img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.top-section.blog .blog-list ul .item a:after{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);background:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0,rgba(0,0,0,.8)),color-stop(100%,rgba(0,0,0,0)));background:-moz-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));content:'';display:block;position:absolute;bottom:0;left:0;z-index:0;width:100%;height:50%}
.noTouch .top-section.blog .blog-list ul .item a:hover .item_img:before{background:rgba(0,0,0,.5)}
.noTouch .top-section.blog .blog-list ul .item a:hover .item_txt{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.top-section.blog .blog-list ul .item .item_img{background:#000;position:relative}
.top-section.blog .blog-list ul .item .item_img:before{-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;position:absolute;display:block;width:100%;height:100%;content:'';background:0 0;z-index:1}
.top-section.blog .blog-list ul .item .item_img img{vertical-align:middle;width:100%;height:auto}
.top-section.blog .blog-list ul .item .item_txt{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:1;width:100%;padding:0 2.5rem 2.5rem;line-height:1.79;-moz-transform:translateY(8.5rem);-ms-transform:translateY(8.5rem);-webkit-transform:translateY(8.5rem);transform:translateY(8.5rem);-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s}
.top-section.blog .blog-list ul .item .item_txt .post-head .data span+span{border-left:.1rem solid #fff}
.top-section.blog .blog-list ul .item .item_txt .item_ttl{font-size:1.6rem;font-weight:300;line-height:1.5}
.top-section.blog .blog-list ul .item .item_txt .txt{margin-top:1.5rem;font-size:1.2rem;min-height:5.5rem}
.top-section.news{padding-top:15rem;margin-bottom:0rem;background: rgb(255 255 255/65%);}
.top-section.news .head .view-all-btn{position:absolute;top:0;right:0}
.top-section.member-company{zoom:1;margin:7rem 0 10rem;}
.top-section.member-company:after{content:'';display:block;clear:both;height:0}
.top-section.member-company .section-box{width:63rem}
.top-section.member-company .section-box a{display:block;text-decoration:none;padding-bottom:4rem;position:relative}

.top-section.member-company .section-box video{
	display:block;
	text-decoration:none;
	position:relative;
	box-shadow:0 1rem 2rem rgba(0,0,0,.1);
	margin-bottom:3rem;
	max-width: 630px;
}

@media only screen and (max-width:1160px){
.top-section.member-company .section-box video{
	width: 100%;
}
}

.top-section.member-company .section-box a .image{box-shadow:0 1rem 2rem rgba(0,0,0,.1);margin-bottom:3rem}

.top-section.member-company .section-box a .ttl{line-height:1;font-family: "Roboto", sans-serif;font-weight:200;font-size:3rem;letter-spacing:.05em;margin-bottom:1.5rem}

.top-section.member-company .section-box .ttl{line-height:1;font-family: "Roboto", sans-serif;font-weight:200;font-size:3rem;letter-spacing:.05em;margin-bottom:1.5rem}

.top-section.member-company .section-box a .ttl span{color:#00cccc}
.noTouch .top-section.member-company .section-box a:hover .readMore p{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch .top-section.member-company .section-box a:hover .readMore .arw{-moz-transform:translateX(7rem);-ms-transform:translateX(7rem);-webkit-transform:translateX(7rem);transform:translateX(7rem)}
.top-section.member-company .section-box.member{position:absolute;top:0;left:0;z-index:2}
.top-section.member-company .section-box.company{margin-top:6rem; margin: auto; position:relative}

@media only screen and (max-width:1160px){.top-section .head{margin-bottom:3rem}
.top-section .head-ttl .ttl{float:none;font-size:2.4rem;margin-right:0;margin-bottom:1.5rem}
.top-section .head-ttl .lead{font-size:1.1rem;padding-top:0}
.top-section.message{margin:0;padding:6rem 2rem 7rem}
.top-section.message .section-ttl{display:none}
.top-section.message .message-photo{margin-left:10rem;width:100%;height:18rem;position:static;float:left}
.top-section.message .message-photo ul li{position:absolute;width:33%;height:auto}
.top-section.message .message-photo ul li.photo01{width: 50%;
    top: -80px;
    left: 8rem;}
.top-section.message .message-photo ul li.photo02{width: 50%;
    top: 0px;
    left: 15rem;}
.top-section.message .message-photo ul li.photo03{width: 50%;
    top: 20px;}
.top-section.message .message-txt{margin-top:0;width:inherit;float:none}
.top-section.message .message-txt .copy{font-size:1.8rem}
.top-section.message .message-txt .txt{margin-bottom:3rem}
.top-section.message .word-wrap{top:33.5rem;right:-10rem}
.top-section.service{margin:0 -2rem 7.5rem}
.top-section.service .gradient-bg{margin-left:0;height:46.25rem;}
.top-section.service .section-ttl{display:none}
.top-section.service .service-txt{padding:7rem 4rem 6rem}
.top-section.service .service-txt .sub-copy{font-family: "Roboto", sans-serif;font-weight:200;font-size:1.2rem;letter-spacing:.1em;color:#fff;padding-left:5rem;position:relative;margin-bottom:4rem;line-height:1}
.top-section.service .service-txt .sub-copy:before{position:absolute;display:block;content:"";width:3.3rem;height:.1rem;background:#fff;top:50%;left:0;margin-top:-.1rem}
.top-section.service .service-txt .copy{font-size:2.5rem;letter-spacing:0;margin-bottom:2.5rem}
.top-section.service .service-txt .txt{margin-bottom:2.5rem}
.top-section.service .creating-list{margin:0 4rem 0;padding-left:0}
.top-section.service .creating-list .item{float:none;width:auto;box-shadow:0 .3rem .75rem rgba(0,0,0,.1);border-left:none;border-top:.1rem solid #f2f2f2}
.top-section.service .creating-list .item:first-child{margin-left:0;border-top:none}
.top-section.service .creating-list .item a{display:table;width:100%;height:7rem;font-size:1.2rem;text-align:left;text-decoration:none}
.top-section.service .creating-list .item a .arw{top:50%;left:auto;right:2.5rem;margin-left:0;margin-top:-.3rem}
.top-section.service .creating-list .item_txt{display:table-cell;vertical-align:middle;padding-left:6rem;top:inherit;left:inherit;height:inherit;padding-top:inherit}
.top-section.service .creating-list .item_txt .en{display:none}
.top-section.service .creating-list .item_txt .jp{display:block}
.top-section.service .creating-list .item_txt:after,.top-section.service .creating-list .item_txt:before{-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;content:'';display:block;position:absolute;top:50%;left:2.5rem;width:2.5rem;height:2.5rem;margin-top:-1.2rem;background-image:url("../imgs/top/icon-service.svg");background-repeat:no-repeat;background-size:auto 35rem}
.top-section.service .creating-list .item_txt:after{opacity:0}
.top-section.service .creating-list .item_txt.item_price:after,.top-section.service .creating-list .item_txt.item_price:before{height:3rem;margin-top:-1.2rem}
.top-section.service .creating-list .item_txt.item_price:before{background-position:center 0}
.top-section.service .creating-list .item_txt.item_price:after{background-position:center -8.8rem}
.top-section.service .creating-list .item_txt.item_price2:after,.top-section.service .creating-list .item_txt.item_price2:before{height:3rem;margin-top:-1.2rem}
.top-section.service .creating-list .item_txt.item_price2:before{background-position:center -8.6rem}
.top-section.service .creating-list .item_txt.item_price2:after{background-position:center -8.8rem}
.top-section.service .creating-list .item_txt.item_design:after,.top-section.service .creating-list .item_txt.item_design:before{height:3rem;margin-top:-1.4rem}
.top-section.service .creating-list .item_txt.item_design:before{background-position:center -3rem}
.top-section.service .creating-list .item_txt.item_design:after{background-position:center -14.8rem}	
.top-section.service .creating-list .item_txt.item_design2:after,.top-section.service .creating-list .item_txt.item_design2:before{height:3rem;margin-top:-1.4rem}
.top-section.service .creating-list .item_txt.item_design2:before{background-position:center -11.5rem}
.top-section.service .creating-list .item_txt.item_design2:after{background-position:center -14.8rem}		
.top-section.service .creating-list .item_txt.item_quality:after,.top-section.service .creating-list .item_txt.item_quality:before{height:2.8rem;margin-top:-1.4rem}
.top-section.service .creating-list .item_txt.item_quality:before{background-position:center -5.7rem}
.top-section.service .creating-list .item_txt.item_quality:after{background-position:center -11.9rem}
	.top-section.service .creating-list .item_txt.item_quality2:after,.top-section.service .creating-list .item_txt.item_quality2:before{height:2.8rem;margin-top:-1.4rem}
.top-section.service .creating-list .item_txt.item_quality2:before{background-position:center -14.7rem}
.top-section.service .creating-list .item_txt.item_quality2:after{background-position:center -11.9rem}

.top-section.service .creating-list .item-tooltip{display:none}
.top-section.works{background:#f7f7f7;margin:0 -2rem;padding:6rem 2rem 0rem}
.top-section.works .head .view-all-btn{display:none}
.top-section.works .mod-works{margin-bottom:0}
.top-section.works .mod-works ul{margin-right:0}
.top-section.works .mod-works ul li{width:auto;float:none;margin-right:0;margin-bottom:0}
.top-section.works .mod-works ul li:nth-child(n+4){display:none}
.top-section.works .mod-works ul li a{padding-bottom:0}
.top-section.works .mod-works ul li a .item_img{margin-bottom:1.5rem}
.top-section.works .mod-works ul li a .category span{font-size:.9rem}
.top-section.works .mod-works ul li a .ttl{font-size:1.2rem}
.top-section.works .mod-works ul li a .readMore{display:none}
.top-section.works a.btn.big-btn{background:0 0}
.top-section.blog{margin:0;padding:5.5rem 0 2.5rem}
.top-section.blog .blog-list{margin:0 -2rem 3.5rem}
.top-section.blog .blog-list ul{margin-right:0}
.top-section.blog .blog-list ul .item{float:none;width:auto}
.top-section.blog .blog-list ul .item:first-child,.top-section.blog .blog-list ul .item:nth-child(4){width:auto}
.top-section.blog .blog-list ul .item:first-child .item_txt,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt{padding:0 2rem 2rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .photo,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .photo{margin-right:1rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .data,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .data{font-size:.9rem;margin-top:1.5rem;margin-right:1rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .like,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .like{font-size:1.1rem;margin-top:1.5rem;padding-left:1.5rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .like:before,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .like:before{margin-top:-.5rem;font-size:1rem}
.top-section.blog .blog-list ul .item:first-child .item_txt .item_ttl,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .item_ttl{font-size:1.4rem;line-height:1.5}
.top-section.blog .blog-list ul .item:first-child .item_txt .txt,.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .txt{display:none}
.top-section.blog .blog-list ul .item:nth-child(n+4){display:none}
.top-section.blog .blog-list ul .item .item_txt{padding:0 2rem 2rem;line-height:1.79;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.top-section.blog .blog-list ul .item .item_txt .item_ttl{font-size:1.4rem}
.top-section.blog .blog-list ul .item .item_txt .txt{display:none}
.top-section.news{margin:0 -2rem;padding:6rem 2rem 3.5rem}
.top-section.news .head .view-all-btn{display:none}
.top-section.news a.big-btn{border-top:none;background:0 0}
.top-section.member-company{margin: 0;
    padding: 3.5rem 1.5rem 3.5rem;
    max-width: 100%;}
.top-section.member-company .section-box{width:auto}
.top-section.member-company .section-box a{padding-bottom:0}
.top-section.member-company .section-box a .image{box-shadow:none;margin-bottom:2.5rem}
.top-section.member-company .section-box a .ttl{font-size:1.8rem;margin-bottom:1rem;position:relative;padding-right:3rem;display:inline-block}
.top-section.member-company .section-box a .ttl:before{content:'';position:absolute;top:50%;right:0;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);margin-top:-.35rem;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:1.9rem;height:.5rem;background:url("../imgs/common/arw01-r_orange.svg") no-repeat center center;background-size:contain}
.top-section.member-company .section-box a .readMore{display:none}
.top-section.member-company .section-box.member{position:relative;top:inherit;left:inherit}
.top-section.member-company .section-box.company{margin-top:4.5rem;float:none}
}
.about-index .page-title-bg .bg span{background:url("../imgs/company/company_top.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.about-index .about-section{margin-bottom:13rem}
@media only screen and (max-width:1160px){.about-index .about-section{margin-bottom:4rem}
}
.about-message .about-section .txt-wrap+.txt-wrap{margin-top:8rem}
.about-message .about-section .txt-wrap .ttl{font-size:2.4rem;font-weight:400;line-height:1.8;margin-bottom:2rem;letter-spacing:.2em}
.about-message .about-section.message01{position:relative;padding-bottom:30rem;background:#fff}
.about-message .about-section.message01:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:15rem;background:#f7f7f7}
.about-message .about-section.message01 .bg{
	width:60rem;
	height:50rem;
	position:absolute;
	top:0;
	right:0}
.about-message .about-section.message2{position:relative;padding-bottom:30rem;background:#fff}
.about-message .about-section.message2:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:15rem;background:#f7f7f7}
.about-message .about-section.message2 .bg{
	width:60rem;
	height:50rem;
	position:absolute;
	top:0;
	right:0}

.about-message .about-section.message01 .bg span{display:block;width:100%;height:100%;position:absolute;top:0;right:0;background:url("../imgs/company/message.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:top center;}
.about-message .about-section.message01 .message01-txt{max-width:600px;padding-top:10rem;background:#fff;padding-right:10rem;padding-bottom:10rem;position:relative;z-index:1}
@media only screen and (min-width:1500px){.about-message .about-section.message01 .message01-txt{max-width:750px}
}
.about-message .about-section.message01 .message01-txt .sub-copy,.about-message .about-section.message02 .message02-txt .sub-copy, .p-custom-sub-copy{font-family: "Roboto", sans-serif;font-weight:200;font-size:1rem;letter-spacing:.1em;padding-left:3rem;position:relative;margin-bottom:2rem;line-height:1}
.about-message .about-section.message01 .message01-txt .sub-copy:before,.about-message .about-section.message02 .message02-txt .sub-copy:before, .p-custom-sub-copy:before{position:absolute;display:block;content:"";width:1.7rem;height:.1rem;background:#000;top:50%;left:0;margin-top:-.1rem}

.about-message .about-section.message2 .bg span{display:block;width:100%;height:100%;position:absolute;top:0;right:0;background:url("../imgs/company/message.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:top center;}
.about-message .about-section.message2 .message01-txt{max-width:600px;padding-top:10rem;background:#fff;padding-right:10rem;padding-bottom:10rem;position:relative;z-index:1}
@media only screen and (min-width:1500px){.about-message .about-section.message2 .message01-txt{max-width:750px}
}
.about-message .about-section.message2 .message01-txt .sub-copy,.about-message .about-section.message02 .message02-txt .sub-copy, .p-custom-sub-copy{font-family: "Roboto", sans-serif;font-weight:200;font-size:1rem;letter-spacing:.1em;padding-left:3rem;position:relative;margin-bottom:2rem;line-height:1}
.about-message .about-section.message2 .message01-txt .sub-copy:before,.about-message .about-section.message02 .message02-txt .sub-copy:before, .p-custom-sub-copy:before{position:absolute;display:block;content:"";width:1.7rem;height:.1rem;background:#000;top:50%;left:0;margin-top:-.1rem}


.about-message .about-section.message01 .message01-txt .copy{font-size:2.4rem;font-weight:400;line-height:1.8;margin-bottom:2rem;letter-spacing:.2em}
.about-message .about-section.message01 .message01-txt .ttl{font-size:2rem;font-weight:700;margin-bottom:2rem}
.about-message .about-section.message2 .message01-txt .copy{font-size:2.4rem;font-weight:400;line-height:1.8;margin-bottom:2rem;letter-spacing:.2em}
.about-message .about-section.message2 .message01-txt .ttl{font-size:2rem;font-weight:700;margin-bottom:2rem}


.about-message .about-section.message02{position:relative;zoom:1}
.about-message .about-section.message02:after{content:'';display:block;clear:both;height:0}
.about-message .about-section.message02 .bg{width:100%;box-sizing:border-box;height:100%;position:absolute;top:0;right:10rem;background:#f7f7f7}
.about-message .about-section.message02 .bg:before{display:none}
.about-message .about-section.message02 .message02-txt{float:right;width:93.4rem;padding-top:11rem;padding-bottom:12rem}
.about-message .about-section.message02 .message02-txt .message02-txt-inner{max-width:570px;position:relative;z-index:1}
@media only screen and (min-width:1500px){.about-message .about-section.message02 .message02-txt .message02-txt-inner{max-width:712px}
}
.about-message .about-section.message03{position:relative;margin-bottom:0rem}
.about-message .about-section.message03 .bg{width:100%;box-sizing:border-box;height:100%;position:absolute;top:0;right:10rem;background:#f7f7f7}
.about-message .about-section.message03 .bg:before{display:none}
.about-message .about-section.message03 .section-ttl{top:6rem;left:0;font-size:1rem}
.about-message .about-section.message03 .message03-txt{width:100%;padding-top:11rem;background:#fff;padding-left:11rem;padding-bottom:11rem;margin-left:10rem}
.about-message .about-section.message03 .message03-txt .message03-txt-inner{max-width:800px;position:relative;z-index:1}
@media only screen and (min-width:1500px){.about-message .about-section.message03 .message03-txt .message03-txt-inner{max-width:740px}
}
.about-message .about-section.message01 .message01-txt .word-wrap{position:absolute;top:60rem;z-index:0;right:-58rem}
.about-message .about-section.message01 .message01-txt .word-wrap .word.messaga{width:112.7rem;height:41.6rem}
.about-message .about-section.message01 .message01-txt .word-wrap .word.messaga:before{width:90.16rem;height:33.28rem}
.about-message .about-section.message2 .message01-txt .word-wrap{position:absolute;top:60rem;z-index:0;right:-58rem}
.about-message .about-section.message2 .message01-txt .word-wrap .word.messaga{width:112.7rem;height:41.6rem}
.about-message .about-section.message2 .message01-txt .word-wrap .word.messaga:before{width:90.16rem;height:33.28rem}
@media only screen and (max-width:1160px){.about-message .about-section .txt-wrap+.txt-wrap{margin-top:6rem}.about-message .about-section .txt-wrap .ttl{font-size:1.8rem;margin-bottom:2rem}
.about-message .about-section .txt{font-size:1.2rem;line-height:1.8;}
.about-message .about-section.message01{padding-bottom:6rem}
.about-message .about-section.message01:before{display:none}
.about-message .about-section.message01 .bg{width:auto;height:35rem;position:relative;top:inherit;right:inherit;margin:0 -1.5rem}
.about-message .about-section.message2{padding-bottom:6rem}
.about-message .about-section.message2:before{display:none}
.about-message .about-section.message2 .bg{width:auto;height:35rem;position:relative;top:inherit;right:inherit;margin:0 -1.5rem}	
	
.about-message .about-section.message01 .bg span{background:url("../imgs/company/message.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.about-message .about-section.message01 .message01-txt{padding-top:5rem;background:#fff;padding-right:0;padding-bottom:0;margin-bottom:0}
.about-message .about-section.message01 .message01-txt .sub-copy{font-size:.9rem;padding-left:2rem;margin-bottom:2rem}
.about-message .about-section.message01 .message01-txt .sub-copy:before{width:1.2rem}
.about-message .about-section.message01 .message01-txt .copy{font-size:1.8rem;margin-bottom:2rem}
.about-message .about-section.message01 .message01-txt .ttl{margin-bottom:2rem;letter-spacing:.2em}

.about-message .about-section.message2 .bg span{background:url("../imgs/company/message.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.about-message .about-section.message2 .message01-txt{padding-top:5rem;background:#fff;padding-right:0;padding-bottom:0;margin-bottom:0}
.about-message .about-section.message2 .message01-txt .sub-copy{font-size:.9rem;padding-left:2rem;margin-bottom:2rem}
.about-message .about-section.message2 .message01-txt .sub-copy:before{width:1.2rem}
.about-message .about-section.message2 .message01-txt .copy{font-size:1.8rem;margin-bottom:2rem}
.about-message .about-section.message2 .message01-txt .ttl{margin-bottom:2rem;letter-spacing:.2em}
	
.about-message .about-section.message02{margin-bottom:7rem}
.about-message .about-section.message02 .bg{width:auto;height:25.5rem;position:relative;top:inherit;right:inherit;background:0 0;margin-bottom:3rem}
.about-message .about-section.message02 .bg:before{display:block}
.about-message .about-section.message02 .bg span{display:block;width:100%;height:100%;position:absolute;top:0;right:0;background:url("../imgs/about/message/bg-img02_sp.png") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.about-message .about-section.message02 .message02-txt{float:none;width:auto;padding-top:0;padding-bottom:0}
.about-message .about-section.message03{margin-bottom:9rem}
.about-message .about-section.message03 .bg{width:auto;height:25.5rem;position:relative;top:inherit;right:inherit;background:0 0;margin-bottom:3rem}
.about-message .about-section.message03 .bg:before{display:block}
.about-message .about-section.message03 .bg span{display:block;width:100%;height:100%;position:absolute;top:0;right:0;background:url("../imgs/about/message/bg-img03_sp.png") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.about-message .about-section.message03 .section-ttl{display:none}
.about-message .about-section.message03 .message03-txt{padding-top:0;padding-left:0;padding-bottom:0;margin-left:0}
.about-message .about-section.message01 .message01-txt .word-wrap{position:absolute;top:-7rem;z-index:0;right:-1rem}
.about-message .about-section.message01 .message01-txt .word-wrap .word.messaga{width:36rem;height:13.3rem}
.about-message .about-section.message01 .message01-txt .word-wrap .word.messaga:before{width:36rem;height:13.3rem}

.about-message .about-section.message2 .message01-txt .word-wrap{position:absolute;top:-7rem;z-index:0;right:-1rem}
.about-message .about-section.message2 .message01-txt .word-wrap .word.messaga{width:36rem;height:13.3rem}
.about-message .about-section.message2 .message01-txt .word-wrap .word.messaga:before{width:36rem;height:13.3rem}
}


.about-member .member-index{margin-bottom:17rem}
.about-member .member-index-sort{zoom:1;margin-bottom:4rem}
.about-member .member-index-sort:after{content:'';display:block;clear:both;height:0}
.about-member .member-index-sort-inner{float:right}
.about-member .member-index-sort .sort-btn{display:block;position:relative;float:left;padding:0 1.8rem 0 0;font-size:1.2rem;line-height:1;text-decoration:none}
.about-member .member-index-sort .sort-btn:after,.about-member .member-index-sort .sort-btn:before{position:absolute;display:block;content:''}
.about-member .member-index-sort .sort-btn:before{top:50%;margin-top:-.5rem;right:0;width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid #cfcfcf}
.about-member .member-index-sort .sort-btn:after{top:50%;margin-top:.2rem;right:0;width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.4rem solid #cfcfcf}
.about-member .member-index-sort .sort-btn.asc:before{border-bottom:.4rem solid #00cccc}
.about-member .member-index-sort .sort-btn.desc:after{border-top:.4rem solid #00cccc}
.about-member .member-index-sort .sort-btn+.sort-btn{padding-left:1rem;margin-left:1rem;border-left:.1rem solid #e5e5e5}
.about-member .member-index-list ul{zoom:1}
.about-member .member-index-list ul:after{content:'';display:block;clear:both;height:0}
.about-member .member-index-list ul li{float:left;width:40rem;margin-bottom:8rem}
.about-member .member-index-list ul li a{text-decoration:none;overflow:hidden;display:block}
.about-member .member-index-list ul li a .item_img{display:block;overflow:hidden}
.about-member .member-index-list ul li a .item_img img{-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
html.noTouch .about-member .member-index-list ul li a:hover .item_img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.about-member .member-index-list ul li a .item_img img{width:100%;height:auto}
.about-member .member-index-list ul li a dl{margin-top:2rem}
.about-member .member-index-list ul li a dl dt{font-size:1.6rem;font-weight:700}
.about-member .member-index-list ul li a dl dd{font-family: "Roboto", sans-serif;font-size:1rem}
.about-member .member-index .read-more-btn{display:none}
@media only screen and (max-width:1160px){.about-member .member-index{margin-bottom:8rem}
.about-member .member-index-sort{margin:0 -1.5rem 2rem}
.about-member .member-index-sort-inner{padding-right:2rem}
.about-member .member-index-list{margin:0 -1.5rem}
.about-member .member-index-list ul li{float:left;width:50%;margin-bottom:2rem}
.about-member .member-index-list ul li:nth-child(n+11){display:none}
.about-member .member-index-list ul li a dl{padding:0 2rem;margin-top:1.2rem}
.about-member .member-index-list ul li a dl dt{font-size:1.2rem}
.about-member .member-index-list ul li a dl dd{font-size:.6rem}
.about-member .member-index .read-more-btn{display:block;margin-top:2rem}
}
.member-detail-desc-list dl a{text-decoration:none;position:relative}
.member-detail-desc-list dl a:before{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-moz-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-o-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;-ms-transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;transition:.2s cubic-bezier(.57,.15,.13,.97) .1s;background:#e2e2e6}
.member-detail-desc-list dl a:after{-webkit-transition:.2s cubic-bezier(.57,.15,.13,.97);-moz-transition:.2s cubic-bezier(.57,.15,.13,.97);-o-transition:.2s cubic-bezier(.57,.15,.13,.97);-ms-transition:.2s cubic-bezier(.57,.15,.13,.97);transition:.2s cubic-bezier(.57,.15,.13,.97);background-color:#00cccc}
.member-detail-desc-list dl a:after,.member-detail-desc-list dl a:before{content:'';position:absolute;bottom:0;width:0;right:0;height:1px}
html.noTouch .member-detail-desc-list dl a:hover{text-decoration:none}
html.noTouch .member-detail-desc-list dl a:hover:after,html.noTouch .member-detail-desc-list dl a:hover:before{left:0;width:100%}
@media only screen and (max-width:1160px){.member-detail-desc-list dl a:after,.member-detail-desc-list dl a:before{display:none}
}
.member-detail-desc-list dl a:after,.member-detail-desc-list dl a:before{bottom:-2px}
.member-detail-desc-list dl+dl{margin-top:2rem}
.member-detail-desc-list dl dt{font-family: "Roboto", sans-serif;font-weight:200;font-size:.8rem;color:#00cccc}
.member-detail-desc-list dl dd{font-family: "Roboto", sans-serif;font-size:1.2rem}
.member-detail-desc-list dl dd ul.sns-list li{display:inline-block;position:relative}
.member-detail-desc-list dl dd ul.sns-list li+li:before{content:'・';font-weight:700;padding:0 .5rem 0 .3rem}
.member-detail-head{position:relative;margin-bottom:28rem}
.member-detail-head-desc{position:absolute;top:0;left:0; width:100%;z-index:2;}
.member-detail-head-desc-inner{box-sizing:border-box;background:#fff;padding:0;}
.member-detail-head-desc-inner .name{margin-bottom:5rem}
.member-detail-head-desc-inner .name span{display:block;line-height:1}
.member-detail-head-desc-inner .name .en{font-family: "Roboto", sans-serif;font-size:1.2rem;margin-bottom:2rem}
.member-detail-head-desc-inner .name .jp{font-size:3rem;font-weight:400}
.member-detail-head-img{position:relative;overflow:hidden;width:67.7rem;height:67.7rem;margin-left:15rem}
.member-detail-head-img img{width:100%;height:auto}
.member-detail-head-img.no{height:30rem}
.member-detail .item+.item{margin-top:10rem}
.member-detail .item .head{position:relative}
.member-detail .item .head .index-btn{position:absolute;top:6.5rem;right:0}
.member-detail .mod-colum2{margin-bottom:10rem}
.member-detail .mod-colum2-main .mod-works-list{margin-bottom:6rem}
.member-detail .mod-colum2-main .mod-works-list .item+.item{margin-top:0}
.member-detail .mod-colum2-main .mod-works-list .item .readMore{display:none}
.member-detail .mod-colum2-main .mod-blog-list+.big-btn a.big-btn{border-top:0}
@media only screen and (max-width:1160px){.member-detail-desc-list dl a{text-decoration:none}
.noTouch .member-detail-desc-list dl a:hover{text-decoration:underline}
.member-detail-desc-list dl+dl{margin-top:2rem}
.member-detail-desc-list dl dt{font-family: "Roboto", sans-serif;font-weight:200;font-size:.8rem;color:#00cccc}
.member-detail-desc-list dl dd{font-family: "Roboto", sans-serif;font-size:1.2rem}
.member-detail-desc-list dl dd ul.sns-list li{display:inline-block;position:relative}
.member-detail-desc-list dl dd ul.sns-list li+li:before{content:'・';font-weight:700;padding:0 .5rem 0 .3rem}
.member-detail-head{margin:0 -1.5rem;margin-bottom:6rem}
.member-detail-head-desc{padding:0 2rem;position:static;top:inherit;left:inherit;width:auto}
.member-detail-head-desc-inner{padding:0}
.member-detail-head-desc-inner .name{margin-bottom:3.5rem}
.member-detail-head-desc-inner .name .en{font-size:.9rem;margin-bottom:1rem}
.member-detail-head-desc-inner .name .jp{font-size:2rem}
.member-detail-head-img{width:100%;height:auto;margin-left:0;margin-bottom:5rem}
.member-detail-head-img.no{height:auto}
.member-detail .item+.item{margin-top:5rem}
.member-detail .item .head .index-btn{top:2.5rem;right:0}
.member-detail .mod-colum2{margin-bottom:5rem}
.member-detail .mod-colum2-main .mod-works-list{margin-bottom:2.5rem}
.member-detail .mod-colum2-main .mod-works-list li .arw{display:none}
.member-detail .mod-colum2-main .mod-works-list li:nth-child(n+5){display:none}
.member-detail .mod-colum2-main .mod-blog-list{overflow:hidden}
.member-detail .mod-colum2-main .mod-blog-list .item a,.member-detail .mod-colum2-main .mod-blog-list li a{display:block;position:relative;color:#fff;text-decoration:none;padding:0;border-bottom:none;width:auto;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.member-detail .mod-colum2-main .mod-blog-list .item a:after,.member-detail .mod-colum2-main .mod-blog-list li a:after{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);background:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0,rgba(0,0,0,.8)),color-stop(100%,rgba(0,0,0,0)));background:-moz-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));content:'';display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:50%}
.member-detail .mod-colum2-main .mod-blog-list .item a .item_img,.member-detail .mod-colum2-main .mod-blog-list li a .item_img{height:15rem;overflow:hidden;position:relative;display:block;vertical-align:inherit;width:auto}
.member-detail .mod-colum2-main .mod-blog-list .item a .item_img img,.member-detail .mod-colum2-main .mod-blog-list li a .item_img img{-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;width:100%;height:auto}
.member-detail .mod-colum2-main .mod-blog-list .item a .item_txt,.member-detail .mod-colum2-main .mod-blog-list li a .item_txt{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:0 2rem 2rem;display:block;vertical-align:inherit}
.member-detail .mod-colum2-main .mod-blog-list .item a .item_txt .post-head .data span+span,.member-detail .mod-colum2-main .mod-blog-list li a .item_txt .post-head .data span+span{border-left:.1rem solid #fff}
.member-detail .mod-colum2-main .mod-blog-list .item a .item_txt .item_ttl,.member-detail .mod-colum2-main .mod-blog-list li a .item_txt .item_ttl{font-size:1.4rem;font-weight:700;line-height:1.5}
.member-detail .mod-colum2-main .mod-blog-list .item a .item_txt .txt,.member-detail .mod-colum2-main .mod-blog-list li a .item_txt .txt{display:none}
.member-detail .mod-colum2-main .mod-blog-list .item:first-child a,.member-detail .mod-colum2-main .mod-blog-list li:first-child a{border-top:none}
.member-detail .mod-colum2-main .mod-blog-list+.big-btn{margin-top:3.5rem}
.member-detail .mod-colum2-main .mod-blog-list+.big-btn a.big-btn{border-top:.1rem solid #e5e5e5;background:#F5F5F5;}
.member-detail .mod-colum2-side{display:none}
}
.news-index{margin-bottom:12rem}
@media only screen and (max-width:1160px){.news-index .mod-news-tab .tab_item-current a{background:#00cccc!important;color:#fff}
.news-index .mod-news-list .item:first-child{border-top:none}
.news-index .mod-news-list .item:nth-child(n+4){display:block}
}
.news-detail{padding-top:25rem}
.news-detail-post-head{margin-bottom:8rem}
.news-detail-post-head .desc .data .cat a{text-decoration:none;color:#fff;font-family: "Roboto", sans-serif;font-weight:200;font-size:1.2rem;background:#00cccc;line-height:1;padding:.6rem 1.6rem .4rem}
.news-detail-post-head .desc .data .cat+.cat{margin-left:1rem}
.news-detail-post-head .desc .data .date{margin-left:1rem;font-family: "Roboto", sans-serif;letter-spacing:.05em}
.news-detail-post-head .item_ttl{font-size:3.6rem}
.news-detail .mod-colum2{margin-bottom:2rem}
.news-detail .news-post{margin-bottom:12rem}
.news-detail .news-post .item+.item{margin-top:8rem}
.news-detail .related-post .mod-news-list{border-top:.1rem solid #e5e5e5;border-bottom:.1rem solid #e5e5e5;padding:5rem 0}
.news-detail .related-post .mod-news-list .item a{padding:2rem 0}
.news-detail .item .head{position:relative}
.news-detail .item .head .index-btn{position:absolute;top:6.5rem;right:0}
@media only screen and (max-width:1160px){.news-detail{padding-top:17rem}
.news-detail-post-head{margin-bottom:4rem}
.news-detail-post-head .desc{margin-bottom:.5rem}
.news-detail-post-head .desc .data .cat a{font-size:.9rem;padding:.4rem .7rem .3rem}
.news-detail-post-head .item_ttl{font-size:2rem;font-weight:700;line-height:1.35}
.news-detail .mod-colum2{margin-bottom:5rem}
.news-detail .news-post{margin-bottom:5rem}
.news-detail .news-post .item+.item{margin-top:5rem}
.news-detail .related-post .mod-news-list{border-bottom:none;padding:0;margin:0}
.news-detail .related-post .mod-news-list .item a{padding:2rem 0}
.news-detail .item .head .index-btn{top:3rem}
}
.news-cate .mod-colum2{margin-bottom:11rem}
.news-cate .mod-colum2 .body_item{padding-top:3rem;border-top:#e5e5e5 solid 1px;border-bottom:#e5e5e5 solid 1px;margin-bottom:6rem}
.about-outline .mod-colum2{margin-bottom:18rem}
.about-outline .mod-colum2-main a{text-decoration:none}
.about-outline .mod-colum2-main a[target$='_blank']{display:inline-block;text-decoration:none;position:relative;padding-right:3rem}
.about-outline .mod-colum2-main a[target$='_blank']:before{position:absolute;top:50%;margin-top:-.4rem;right:.3rem;font-size:.9rem;color:#00cccc;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e901'}
.about-outline .mod-colum2-main .item .oficeArea{position:relative}
.about-outline .mod-colum2-main .item .oficeArea .ofice-img{position:absolute;right:0;top:0;width:24.6rem;height:auto}
.about-outline .mod-colum2-main .item+.item{margin-top:10rem}
.about-outline .mod-colum2-main .item.first .img{margin-top:0}
.about-outline .mod-colum2-main .item section+section{margin-top:8rem}
.about-outline .mod-colum2-main .item dl+dl{margin-top:3rem}
.about-outline .mod-colum2-main .item .company-map{margin-top:4rem}
.about-outline .mod-colum2-main .item .company-map .gmap{width:100%;height:61rem;box-sizing:border-box}
.about-outline .mod-colum2-main .item .img{margin-top:4rem}
@media only screen and (max-width:1160px){.about-outline .mod-colum2{margin-bottom:5rem}
.about-outline .mod-colum2-main .item+.item{margin-top:6.5rem}
.about-outline .mod-colum2-main .item.first{margin:0 -1.5rem}
.about-outline .mod-colum2-main .item section+section{margin-top:5rem}
.about-outline .mod-colum2-main .item dl+dl{margin-top:2rem}
.about-outline .mod-colum2-main .item dl dd{font-size:1.6rem}
.about-outline .mod-colum2-main .item .company-map{margin:0 -1.5rem;margin-top:3rem}
.about-outline .mod-colum2-main .item .company-map .gmap{height:25rem}
.about-outline .mod-colum2-main .item .img{margin-top:3rem}
}
.about-recruit .about-section.recruit01 .bg span{background:url("../imgs/about/recruit/bg-img01.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.about-recruit .about-section.recruit01 .lead{margin-bottom:9rem}
.about-recruit .about-section.recruit01 .lead p+p{margin-top:1rem}
.about-recruit .about-section.recruit01 .item+.item{margin-top:11rem}
.about-recruit .about-section.recruit01 .item .bnr-btn a{box-sizing:border-box;display:block;margin:0 auto;width:30rem;height:auto;border:1px solid #dedede;position:relative}
.about-recruit .about-section.recruit01 .item .bnr-btn a:before{position:absolute;bottom:.7rem;right:.7rem;font-size:.9rem;color:#dedede;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e901'}
.about-recruit .about-section.recruit01 .item .mod-gray-box{margin-top:3rem}
@media only screen and (max-width:1160px){.about-recruit .about-section.recruit01 .lead{font-size:1.6rem;margin-bottom:4rem}
.about-recruit .about-section.recruit01 .lead p+p{margin-top:1.5rem}
.about-recruit .about-section.recruit01 .item+.item{margin-top:5rem}
.about-recruit .about-section.recruit01 .item p{font-size:1.6rem}
.about-recruit .about-section.recruit01 .item .bnr-btn a{width:22.5rem}
.about-recruit .about-section.recruit01 .item .contact-btn .btn03{border:1px solid #dedede;color:#333;max-width:19rem}
.about-recruit .about-section.recruit01 .item .contact-btn .btn03 p{font-size:1.4rem}
.about-recruit .about-section.recruit01 .item .mod-gray-box{margin-top:3rem}
}
.works .formSelect .label{width:auto;padding:0;font-size:1.4rem}
.works .formSelect .label:after,.works .formSelect .label:before{display:none}
.works .formSelect select{width:auto}
.works-index .section-inner{max-width:1320px}
@media only screen and (min-width:1500px){.works-index .section-inner{max-width:1200px}
}
.works-index .section-inner .mod-works-list{margin-bottom:10rem}
.works-index .section-inner .mod-works-list .readMore{display:none}
.works-index .section-inner .mod-works-list .list-more{margin-top:10rem}
@media only screen and (max-width:1160px){.works-index .section-inner .mod-works-list{margin-bottom:6rem}
.works-index .section-inner .mod-works-list ul{margin:0 auto 3rem}
.works-index .section-inner .mod-works-list ul li{width:auto;margin-bottom:0}
.works-index .section-inner .mod-works-list ul li+li{margin-top:1rem}
.works-index .section-inner .mod-works-list ul li a .item_img{margin-bottom:0}
.works-index .section-inner .mod-works-list ul li a .item_txt{padding:1rem 0 1.5rem}
.works-index .section-inner .mod-works-list ul li a .category{margin-bottom:.5rem}
.works-index .section-inner .mod-works-list ul li a .category span{font-size:.7rem}
.works-index .section-inner .mod-works-list ul li a .ttl{font-size:1.8rem}
.works-index .section-inner .mod-works-list ul li a .readMore{display:none}
.works-index .section-inner .mod-works-list .list-more{margin-top:3rem}
.works-index .section-inner .mod-works-list .list-more-btn{border:1px solid #00cccc;background:#fff;margin:0 auto;color:#00cccc;text-align:center;box-shadow:none;box-sizing:border-box;padding:1.8rem 0;max-width:18rem}
.works-index .section-inner .mod-works-list .list-more-btn .arw{left:auto;width:.6rem;height:1rem;top:50%;margin-left:inherit;margin-top:-.5rem;right:4.5rem;bottom:inherit}
.works-index .section-inner .mod-works-list .list-more-btn .arw:after{bottom:0;width:.6rem;height:1.8rem;background:url("../imgs/common/arw01-b_green.svg") no-repeat bottom center;background-size:contain;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.noTouch .works-index .section-inner .mod-works-list .list-more-btn:hover .arw:after{-moz-animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw_b 1s cubic-bezier(.78,.07,0,1) normal infinite}
}
body#works.detail .global-header-inner,body#works.single .global-header-inner{background:0 0}
body#works.detail .global-header .navMENU:before,body#works.single .global-header .navMENU:before{background:#fff}
body#works.detail .global-header .navMENU span,body#works.single .global-header .navMENU span{background:#fff}
body#works.detail .global-header .nav-list .item>a,body#works.single .global-header .nav-list .item>a{color:#fff}
html.noTouch body#works.detail .global-header .nav-list .item>a:hover,html.noTouch body#works.single .global-header .nav-list .item>a:hover{color:#00cccc}
html.noTouch body#works.detail .global-header .nav-list .item:not(.item-dropdown)>a:hover,html.noTouch body#works.single .global-header .nav-list .item:not(.item-dropdown)>a:hover{color:#00cccc}
body#works.detail .global-header .nav-list .item-on>a,body#works.single .global-header .nav-list .item-on>a{color:#00cccc}
body#works.detail .global-header.dropdown-show .global-header-inner,body#works.single .global-header.dropdown-show .global-header-inner{background:#fff}
body#works.detail .global-header.dropdown-show .navMENU:before,body#works.single .global-header.dropdown-show .navMENU:before{background:#e5e5e5}
body#works.detail .global-header.dropdown-show .navMENU span,body#works.single .global-header.dropdown-show .navMENU span{background:#00cccc}
body#works.detail .global-header.dropdown-show .nav-list .item>a,body#works.single .global-header.dropdown-show .nav-list .item>a{color:#333}
html.noTouch body#works.detail .global-header.dropdown-show .nav-list .item:not(.item-dropdown)>a:hover,html.noTouch body#works.single .global-header.dropdown-show .nav-list .item:not(.item-dropdown)>a:hover{color:#00cccc}
body#works.detail .global-header.dropdown-show .nav-list .item-on>a,body#works.single .global-header.dropdown-show .nav-list .item-on>a{color:#00cccc}
body#works.detail .fixedHeader.global-header .global-header-inner,body#works.single .fixedHeader.global-header .global-header-inner{background:#fff}
body#works.detail .fixedHeader.global-header .navMENU:before,body#works.single .fixedHeader.global-header .navMENU:before{background:#e5e5e5}
body#works.detail .fixedHeader.global-header .navMENU span,body#works.single .fixedHeader.global-header .navMENU span{background:#00cccc}
body#works.detail .fixedHeader.global-header .nav-list .item>a,body#works.single .fixedHeader.global-header .nav-list .item>a{color:#333}
html.noTouch body#works.detail .fixedHeader.global-header .nav-list .item:not(.item-dropdown)>a:hover,html.noTouch body#works.single .fixedHeader.global-header .nav-list .item:not(.item-dropdown)>a:hover{color:#00cccc}
body#works.detail .fixedHeader.global-header .nav-list .item-on>a,body#works.single .fixedHeader.global-header .nav-list .item-on>a{color:#00cccc}
body#works.single .global-header-inner .logo a:before{background:url("../imgs/common/logo02.svg") no-repeat left top;background-size:contain}
body#works.single .fixedHeader.global-header .global-header-inner .logo a:before{background:url("../imgs/common/logo.svg") no-repeat left top;background-size:contain}
@media only screen and (max-width:1160px){body#works.detail .global-header-inner,body#works.single .global-header-inner{background:#fff}
body#works.detail .global-header .navMENU span,body#works.single .global-header .navMENU span{background:#333}
body#works.single .global-header-inner .logo a:before{background:url("../imgs/common/logo.svg") no-repeat left top;background-size:contain}
}
.works-detail .mod-fillter{display:none}
.works-detail .mod-sub-nav{display:none}
.works-detail .post-header{height:100vh;width:100%;background:#ccc;background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;margin-bottom:8rem}
.works-detail .post-header:after{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);background:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0,rgba(0,0,0,.8)),color-stop(100%,rgba(0,0,0,0)));background:-moz-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));content:'';display:block;position:absolute;bottom:0;left:0;z-index:0;width:100%;height:30%}
.works-detail .post-header .bg-img{position:absolute;width:100%;height:100%;top:0;left:0;display:none}
.works-detail .post-header .bg-img img{width:100%;height:auto}
.works-detail .post-header .section-inner{height:100%}
.works-detail .post-header .ttl-area{position:absolute;z-index:1;bottom:10rem;left:0;color:#fff;font-family: "Roboto", sans-serif;font-weight:700}
.works-detail .post-header .ttl-area .category{margin-bottom:1.8rem}
.works-detail .post-header .ttl-area .ttl{font-size:4.2rem;line-height:1.23}
.works-detail .post-body{margin-bottom:12rem}
.works-detail .post-body .section-inner{max-width:820px}
@media only screen and (min-width:1500px){.works-detail .post-body .section-inner{max-width:1025px}
}
.works-detail .post-body .desc{margin-bottom:9rem}
.works-detail .post-body .desc dl{display:table}
.works-detail .post-body .desc dl+dl{margin-top:2rem}
.works-detail .post-body .desc dl dt{display:table-cell;vertical-align:middle;font-family: "Roboto", sans-serif;font-weight:200;font-size:1.2rem;color:#b8b8b8;width:13rem}
.works-detail .post-body .desc dl dd{display:table-cell;vertical-align:middle}
.works-detail .post-body .desc dl dd a{text-decoration:none;font-size:1.2rem;display:inline-block;background:#f0f0f0;padding:.6rem 1rem;line-height:1}
.works-detail .post-body .desc dl dd a+a{margin-left:.5rem}
.noTouch .works-detail .post-body .desc dl dd a:hover{background:#00cccc;color:#fff}
.works-detail .post-body .mod-post-content{margin-bottom:14rem}
.works-detail .post-body .mod-post-content p{line-height:2}
.works-detail .post-body .vw-area{width:100%;height:60rem;background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:10rem}
.works-detail .post-body .vw-area img{display:none}
.works-detail .post-body .credit{margin-bottom:10rem}
.works-detail .post-body .credit ul.col3{zoom:1;margin-right:-2.33%;box-sizing:border-box}
.works-detail .post-body .credit ul.col3:after{content:'';display:block;clear:both;height:0}
.works-detail .post-body .credit ul.col3 li{display:block;width:31%;float:left;margin-right:2.33%;margin-bottom:3rem}
.works-detail .post-body .credit ul.col3 li span+span{margin-left:1rem}
.works-detail .post-body .credit .ttl{font-family: "Roboto", sans-serif;font-weight:200;color:#afafaf;font-size:1.2rem}
.works-detail .post-body .relation{background:#f7f7f7;padding:0 5rem 5rem 5rem}
.works-detail .post-body .relation .mod-ttl{border-top:none;padding-bottom:5rem;border-bottom:.1rem solid #e5e5e5;margin-bottom:3rem}
.works-detail .post-body .relation .mod-ttl:before{display:none}
.works-detail .post-body .relation .mod-works-list .easingImageX{visibility:visible!important}
.works-detail .post-body .relation .mod-works-list .easingImageX:before{display:none!important}
.works-detail .post-body .relation .mod-works-list .easingImageX div,.works-detail .post-body .relation .mod-works-list .easingImageX img,.works-detail .post-body .relation .mod-works-list .easingImageX span{opacity:1!important}
.works-detail .post-body .relation .mod-works-list .easingImageX.animeX div,.works-detail .post-body .relation .mod-works-list .easingImageX.animeX img,.works-detail .post-body .relation .mod-works-list .easingImageX.animeX span{-moz-animation:opacity-reset 1.2s cubic-bezier(.78,.07,0,1) normal;-webkit-animation:opacity-reset 1.2s cubic-bezier(.78,.07,0,1) normal;animation:opacity-reset 1.2s cubic-bezier(.78,.07,0,1) normal}
.works-detail .post-body .relation .mod-works-list .readMore{display:none}
@media only screen and (max-width:1160px){.works-detail#content{padding-top:10rem}
.works-detail .mod-sub-nav{display:block}
.works-detail .post-header{margin:0 -1.5rem 4rem;height:37.5rem;width:auto}
.works-detail .post-header .ttl-area{padding:0 1.5rem;bottom:3rem}
.works-detail .post-header .ttl-area .category{font-size:.9rem;margin-bottom:1rem}
.works-detail .post-header .ttl-area .ttl{font-size:2.4rem}
.works-detail .post-body{margin-bottom:5rem}
.works-detail .post-body .desc{margin-bottom:4rem}
.works-detail .post-body .desc dl{display:table}
.works-detail .post-body .desc dl+dl{margin-top:1rem}
.works-detail .post-body .desc dl dt{font-size:.9rem;width:6.5rem}
.works-detail .post-body .desc dl dd{font-size:1.1rem}
.works-detail .post-body .desc dl dd a{font-size:.9rem;padding:.6rem 1rem}
.works-detail .post-body .mod-post-content{margin-bottom:5rem}
.works-detail .post-body .vw-area{margin:0 -1.5rem;width:auto;height:16.3rem;margin-bottom:5rem}
.works-detail .post-body .credit{margin-bottom:5rem}
.works-detail .post-body .credit ul.col3{margin-right:-2%}
.works-detail .post-body .credit ul.col3 li{width:48%;margin-right:2%;margin-bottom:2rem}
.works-detail .post-body .credit ul.col3 li span+span{margin-left:1rem}
.works-detail .post-body .credit .ttl{font-size:.9rem}
.works-detail .post-body .relation{margin:0 -2rem;padding:0 1.5rem 3rem 1.5rem}
.works-detail .post-body .relation .mod-ttl{padding-bottom:0;border-bottom:none;margin-bottom:3rem}
}
.side-popular-post{margin-bottom:7rem}
.side-popular-post .mod-sttl{font-size:1.4rem}
.side-popular-post .mod-blog-list li a{padding:1.5rem 0;border:none}
.side-popular-post .mod-blog-list li a .item_img{width:8rem}
.side-popular-post .mod-blog-list li a .item_txt{padding-left:1.5rem}
.side-popular-post .mod-blog-list li a .item_txt .post-head{margin-bottom:.5rem}
.side-popular-post .mod-blog-list li a .item_txt .post-head .photo{display:none}
.side-popular-post .mod-blog-list li a .item_txt .post-head .data{margin-top:0;margin-right:1rem}
.side-popular-post .mod-blog-list li a .item_txt .post-head .data span{font-size:1rem}
.side-popular-post .mod-blog-list li a .item_txt .post-head .data span.category,.side-popular-post .mod-blog-list li a .item_txt .post-head .data span.date{font-weight:400}
.side-popular-post .mod-blog-list li a .item_txt .post-head .data span+span{padding-left:.3rem;margin-left:.3rem}
.side-popular-post .mod-blog-list li a .item_txt .post-head .like{font-size:1rem;padding-left:1.6rem;margin-top:0}
.side-popular-post .mod-blog-list li a .item_txt .post-head .like:before{position:absolute;top:50%;margin-top:-.5rem;left:0;font-size:1rem}
.side-popular-post .mod-blog-list li a .item_txt .item_ttl{font-size:1.4rem;line-height:1.4}
.side-popular-post .mod-blog-list li a .item_txt .txt{display:none}
@media only screen and (max-width:1160px){.side-popular-post .mod-blog-list li a{padding:1.5rem}
.side-popular-post .mod-blog-list li a .item_img{width:10rem}
.side-popular-post .mod-blog-list li a .item_txt .item_ttl{font-size:1.2rem}
.side-popular-post .mod-blog-list li a .item_txt .post-head .data span.category,.side-popular-post .mod-blog-list li a .item_txt .post-head .data span.date{font-weight:700}
}
.blog-index-pickup{margin-bottom:16rem;position:relative}
.blog-index-pickup .slick-next,.blog-index-pickup .slick-prev{width:5rem;height:5rem;background:#00cccc;margin-top:-2.5rem;position:absolute;top:50%;z-index:4}
.blog-index-pickup .slick-next .arw,.blog-index-pickup .slick-prev .arw{overflow:hidden;position:absolute;display:block;width:2rem;height:.6rem;top:50%;margin-top:-.35rem;left:50%;margin-left:-1rem}
.blog-index-pickup .slick-next .arw:after,.blog-index-pickup .slick-prev .arw:after{position:absolute;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:2rem;height:.6rem;background:url("../imgs/common/arw01-r_white.svg") no-repeat center center;background-size:contain;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch .blog-index-pickup .slick-next:hover,.noTouch .blog-index-pickup .slick-prev:hover{cursor:pointer}
.blog-index-pickup .slick-next{right:0}
.blog-index-pickup .slick-prev{left:0}
.blog-index-pickup .slick-prev .arw:after{background:url("../imgs/common/arw01-l_white.svg") no-repeat center center;background-size:contain}
.blog-index-pickup #pickup-carousel{max-width:1200px;margin:0 auto;position:relative}
@media only screen and (min-width:1500px){.blog-index-pickup #pickup-carousel{max-width:1500px}
}
.blog-index-pickup #pickup-carousel .slick-list{overflow:hidden}
.blog-index-pickup #pickup-carousel .slick-dots{position:absolute;bottom:-6rem;right:0}
.blog-index-pickup #pickup-carousel .slick-dots li{display:inline-block;margin-left:1rem}
.blog-index-pickup #pickup-carousel .slick-dots li button{display:block;width:4.2rem;height:.2rem;padding:0;background:#e5e5e5;text-indent:-9999px;white-space:nowrap;overflow:hidden;cursor:pointer;outline:0;border:0}
.blog-index-pickup #pickup-carousel .slick-dots li button::-moz-focus-inner{border:0}
.blog-index-pickup #pickup-carousel .slick-dots li.slick-active button,.noTouch .blog-index-pickup #pickup-carousel .slick-dots li button:hover{background:#00cccc;cursor:pointer}
.blog-index-pickup #pickup-carousel.mod-blog-list .item,.blog-index-pickup #pickup-carousel.mod-blog-list li{border:none}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a,.blog-index-pickup #pickup-carousel.mod-blog-list li a{padding:0;border:none}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_img,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_img{width:47rem}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .item_ttl,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .item_ttl{font-size:2.4rem}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .txt,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .txt{margin-bottom:1.5rem}
.blog-index .mod-colum2-main{margin-bottom:12rem}
.blog-index .mod-colum2-main .blog-post .mod-blog-list{margin-bottom:7rem}
@media only screen and (max-width:1160px){.blog-index-pickup{margin-bottom:4rem}
.blog-index-pickup .slick-next,.blog-index-pickup .slick-prev{display:none!important}
.blog-index-pickup #pickup-carousel{margin:0 -1rem}
.blog-index-pickup #pickup-carousel .slick-slide{margin:0 1rem}
.blog-index-pickup #pickup-carousel .slick-dots{display:none!important}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a,.blog-index-pickup #pickup-carousel.mod-blog-list li a{display:block}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_img,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_img{display:block;width:auto;margin-bottom:2rem}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt{display:block;vertical-align:inherit;padding-left:0}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .item_ttl,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .item_ttl{font-size:1.2rem;font-weight:400;line-height:1.5}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .txt,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .txt{display:none}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .mod-tag-list,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .mod-tag-list{display:none}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .post-head,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .post-head{display:none}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .sp-data,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .sp-data{margin-top:1rem}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .sp-data .date,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .sp-data .date{font-family: "Roboto", sans-serif;font-weight:200;font-size:.9rem;color:#ccc;margin-bottom:.5rem}
.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .sp-data .category span,.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .sp-data .category span{display:inline-block;font-size:1rem;padding:.1rem .5rem .3rem;background:#e5e5e5}
.blog-index .mod-colum2-main{margin-bottom:4.5rem}
.blog-index .mod-colum2-main .blog-post{margin:0 -1.5rem}
.blog-index .mod-colum2-main .blog-post .mod-ttl{border-top:none;padding:1.4rem;background:#f7f7f7;font-size:1.4rem;margin-bottom:0}
.blog-index .mod-colum2-main .blog-post .mod-ttl:before{display:none}
.blog-index .mod-colum2-main .blog-post .mod-blog-list{margin-bottom:5rem}
.blog-index .mod-colum2-side{float:none;width:auto;display:block}
.blog-index .mod-colum2-side .item{display:none}
.blog-index .mod-colum2-side .side-popular-post{display:block}
.blog-index .mod-colum2-side .side-popular-post .mod-blog-list{margin:0 -1.5rem}
.blog-index .mod-colum2-side .side-popular-post .mod-blog-list li a{border-bottom:.1rem solid #e5e5e5}
.blog-index .mod-colum2-side .side-popular-post .mod-blog-list li:first-child{border-top:.1rem solid #e5e5e5}
.blog-index .mod-colum2-side .side-popular-post .mod-blog-list li:nth-child(n+4){display:none}
}
.blog-detail{padding-top:11rem}
.blog-detail .post-head.page-title{margin-bottom:11rem}
.blog-detail .post-head.page-title .desc{zoom:1;margin-bottom:2rem}
.blog-detail .post-head.page-title .desc:after{content:'';display:block;clear:both;height:0}
.blog-detail .post-head.page-title .desc a{text-decoration:none}
.noTouch .blog-detail .post-head.page-title .desc a:hover{text-decoration:underline}
.blog-detail .post-head.page-title .desc .like{float:left;margin-right:3rem}
.blog-detail .post-head.page-title .desc .mod-tag-list{padding-top:.8rem}
.blog-detail .post-head.page-title .desc .mod-tag-list a:before{content:"#"}
.blog-detail .post-head.page-title .item_ttl{font-size:3.6rem;line-height:1.5;max-width:82rem}
.blog-detail .mod-colum2{margin-bottom:15rem}
.blog-detail .blog-post{margin-bottom:9rem}
.blog-detail .blog-post .first-img{margin-bottom:5rem}
.blog-detail .blog-post .first-img img{width:100%;height:auto}
.blog-detail .blog-post .lead{line-height:2;letter-spacing:.05em;margin-bottom:6rem}
.blog-detail .blog-post .item+.item{margin-top:8rem}
.blog-detail .related-post{background:#f7f7f7;padding:0 5rem 7rem 5rem}
.blog-detail .related-post .mod-ttl{border-top:none}
.blog-detail .related-post .mod-ttl:before{display:none}
.blog-detail .popular-post{margin-top:7rem}
.blog-detail .time-line{margin-top:7rem;zoom:1}
.blog-detail .time-line:after{content:'';display:block;clear:both;height:0}
.blog-detail .time-line .time-line-facebook,.blog-detail .time-line .time-line-twitter{background:#ccc;width:39rem;height:26.9rem;text-align:center}
.blog-detail .time-line .time-line-facebook{float:left}
.blog-detail .time-line .time-line-twitter{float:right}
@media only screen and (max-width:1160px){#blog.single .mod-fillter{display:none}
.blog-detail{padding-top:15rem}
.blog-detail .post-head.page-title{margin-bottom:3.4rem}
.blog-detail .post-head.page-title .desc{margin-bottom:1rem}
.blog-detail .post-head.page-title .desc .photo{display:none}
.blog-detail .post-head.page-title .desc .data{margin-right:.3rem}
.blog-detail .post-head.page-title .desc .data a{color:#ccc}
.blog-detail .post-head.page-title .desc .data span{color:#ccc;border-right:.1rem solid #ccc;padding-right:.6rem;margin-right:.6rem}
.blog-detail .post-head.page-title .desc .data span+span{padding-left:0;margin-left:0;border-left:none}
.blog-detail .post-head.page-title .desc .like{margin-right:0;margin-top:1.5rem;color:#ccc;padding-left:1.5rem}
.blog-detail .post-head.page-title .desc .like:before{font-size:.9rem}
.blog-detail .post-head.page-title .desc .mod-tag-list{display:none}
.blog-detail .post-head.page-title .item_ttl{font-size:2rem;font-weight:700;line-height:1.35;max-width:82rem}
.blog-detail .mod-colum2{margin-bottom:5rem}
.blog-detail .blog-post{margin-bottom:5rem}
.blog-detail .blog-post .first-img{margin:0 -1.5rem 4rem}
.blog-detail .blog-post .lead{line-height:1.8;letter-spacing:.05em;margin-bottom:3rem;font-size:1.6rem}
.blog-detail .blog-post .item+.item{margin-top:5rem}
.blog-detail .related-post{margin:0 -2rem;padding:0 2rem 3rem 2rem}
.blog-detail .popular-post{margin-top:5rem}
.blog-detail .time-line{margin-top:5rem}
.blog-detail .time-line .time-line-facebook,.blog-detail .time-line .time-line-twitter{width:auto;height:23.8rem}
.blog-detail .time-line .time-line-facebook{float:none;margin-bottom:3.5rem}
.blog-detail .time-line .time-line-twitter{float:none}
.blog-detail .mod-blog-list .item a,.blog-detail .mod-blog-list li a{padding:1.5rem 0}
.blog-detail .mod-blog-list .item:first-child a,.blog-detail .mod-blog-list li:first-child a{border-top:.1rem solid #e5e5e5}
}
.service-section .item+.item{margin-top:11rem}
.service-section .item p+.mod-sttl{margin-top:5rem}
.service-section .item .bold-list{margin-top:1.5rem}
.service-section .item .bold-list li{font-weight:700;font-size:1.6rem}
@media only screen and (max-width:1160px){.service-section .item p{font-size:1.6rem}
.service-section .item+.item{margin-top:5rem}
.service-section .item .bold-list{margin-top:1rem}
.service-section .item .bold-list li{font-size:1.6rem}
}
.service-section .relation{background:#f7f7f7;padding:0 5rem 5rem 5rem;position:relative}
.service-section .relation .item+.item{margin-top:0}
.service-section .relation .readMore{display:none}
.service-section .relation .mod-ttl{border-top:none;padding-bottom:5rem;border-bottom:.1rem solid #e5e5e5;margin-bottom:3rem}
.service-section .relation .mod-ttl:before{display:none}
@media only screen and (max-width:1160px){.service-section .relation{margin:0 -1.5rem;padding:0 1.5rem 1.5rem 1.5rem}
.service-section .relation .read-more-btn{position:absolute;top:5rem;right:2.5rem}
.service-section .relation .read-more-btn a{position:relative}
.service-section .relation .read-more-btn a:before{position:absolute;bottom:0;right:0;font-size:.9rem;color:#00cccc;font-family:icomoon!important;speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e903'}
.service-section .relation .mod-ttl{padding-bottom:0;border-bottom:none;margin-bottom:3rem}
}
.service-index .page-title-bg .bg span{background:url("../imgs/service/page-title-bg.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:top center}
@media only screen and (max-width:1160px){.service-index .page-title-bg .bg span{background:url("../imgs/service/page-title-bg_sp.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
}
.service-index .service-section{position:relative}
.service-index .service-section .index-item{border-top:1px solid #e5e5e5;position:relative;z-index:1;padding:10rem 0 19rem}
.service-index .service-section .index-item .copy-area{position:absolute;top:10.5rem;left:10rem;width:14rem;height:100%}
.service-index .service-section .index-item .copy-area .copy{font-size:3.6rem;font-weight:700;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:.1em;line-height:1.6;display:inline-block;text-align:left;-webkit-font-feature-settings:normal;font-feature-settings:normal}
.service-index .service-section .index-item .copy-area .sub{right:0;top:.2rem;position:absolute;z-index:1;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-family: "Roboto", sans-serif;font-weight:200;font-size:1rem;color:#00cccc;letter-spacing:.1em;line-height:1}
.service-index .service-section .index-item .content-area{padding-left:36rem}
.service-index .service-section .index-item .content-area .lead{margin-bottom:8rem}
.service-index .service-section .index-item .content-area .lead p+p{margin-top:2rem}
.service-index .service-section .index-item .content-area .big-menu{width:69vw}
.service-index .service-section .index-item .content-area .big-menu ul li{display:block;overflow:hidden}
.service-index .service-section .index-item .content-area .big-menu ul li a{width:100%;height:33rem;position:relative;display:table;color:#fff;text-decoration:none}
.service-index .service-section .index-item .content-area .big-menu ul li a:before{z-index:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.service-index .service-section .index-item .content-area .big-menu ul li a .item_img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:transform .4s ease 0s;-moz-transition:transform .4s ease 0s;-o-transition:transform .4s ease 0s;-ms-transition:transform .4s ease 0s;transition:transform .4s ease 0s;-moz-transform:scale(1.005);-ms-transform:scale(1.005);-webkit-transform:scale(1.005);transform:scale(1.005)}
.service-index .service-section .index-item .content-area .big-menu ul li a .inner{position:relative;z-index:2;padding:0 5rem;display:table-cell;vertical-align:middle}
.service-index .service-section .index-item .content-area .big-menu ul li a .inner .en{font-size:.9rem;font-weight:700;font-family: "Roboto", sans-serif;margin-bottom:.3rem}
.service-index .service-section .index-item .content-area .big-menu ul li a .inner .ttl{font-size:3rem;font-weight:700;line-height:1;margin-bottom:1rem;position:relative;padding-right:3.5rem;display:inline-block}
.service-index .service-section .index-item .content-area .big-menu ul li a .inner .ttl .arw{overflow:hidden;position:absolute;display:block;width:2rem;height:.6rem;top:50%;margin-top:-.3rem;right:0}
.service-index .service-section .index-item .content-area .big-menu ul li a .inner .ttl .arw:after{position:absolute;content:"";display:block;display:block;overflow:hidden;text-indent:-5260px;width:2rem;height:.6rem;background:url("../imgs/common/arw01-r_white.svg") no-repeat center center;background-size:contain;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
html.noTouch .service-index .service-section .index-item .content-area .big-menu ul li a:hover .item_img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
html.noTouch .service-index .service-section .index-item .content-area .big-menu ul li a:hover .ttl .arw:after{-moz-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw 1s cubic-bezier(.78,.07,0,1) normal infinite}
.service-index .service-section .index-item .content-area .big-menu ul li.brand .item_img{background:url("../imgs/service/img-brand.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.service-index .service-section .index-item .content-area .big-menu ul li.strategy .item_img{background:url("../imgs/service/img-strategy.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.service-index .service-section .index-item .content-area .big-menu ul li.creative .item_img{background:url("../imgs/service/img-creative.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:center center}
.service-index .service-section .word-wrap{position:absolute;top:40rem;left:-11rem}
.service-index .service-section .word-wrap .service{width:88rem;height:34rem;display:block;overflow:hidden;text-indent:-5260px;background:url("../imgs/service/txt-service.svg") no-repeat center center;background-size:contain}
@media only screen and (max-width:1160px){.service-index .service-section .index-item{padding:5rem 0 5rem}
.service-index .service-section .index-item .copy-area{position:static;width:auto;margin-bottom:3rem}
.service-index .service-section .index-item .copy-area .copy{font-size:3rem;-ms-writing-mode:inherit;writing-mode:inherit;line-height:1.5}
.service-index .service-section .index-item .copy-area .sub{-ms-writing-mode:inherit;writing-mode:inherit;font-size:.9rem;color:#333;margin-bottom:1.5rem;padding-left:2rem;position:relative}
.service-index .service-section .index-item .copy-area .sub:before{position:absolute;display:block;content:"";width:1.2rem;height:.1rem;background:#000;top:50%;left:0;margin-top:-.1rem}
.service-index .service-section .index-item .content-area{padding-left:0}
.service-index .service-section .index-item .content-area .lead{font-size:1.4rem;margin-bottom:6rem}
.service-index .service-section .index-item .content-area .lead p+p{margin-top:2rem}
.service-index .service-section .index-item .content-area .big-menu{margin:0 -1.5rem;width:auto}
.service-index .service-section .index-item .content-area .big-menu ul li a{height:20rem}
.service-index .service-section .index-item .content-area .big-menu ul li a .inner{padding:0 2.5rem}
.service-index .service-section .index-item .content-area .big-menu ul li a .inner .ttl{font-size:2.2rem;padding-right:2.5rem}
.service-index .service-section .word-wrap{display:none}
}
.service-brand .service-section .bg span{background:url("../imgs/service/brand/bg-img01.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:top center}
.service-brand .service-section .icon-list{width:68rem;margin:5rem auto 0;height:20.8rem;display:block;overflow:hidden;text-indent:-5260px;background:url("../imgs/service/brand/icon-brand.svg") no-repeat center center;background-size:contain}
.service-brand .service-section .icon-list ul{display:none}
.service-brand .service-section .border{margin-top:5rem;box-sizing:border-box;border:1px solid #e7e7e7}
@media only screen and (max-width:1160px){.service-brand .service-section .mod-rigth-layout{padding-top:0}
.service-brand .service-section .mod-rigth-layout .bg{display:none!important}
.service-brand .service-section .mod-rigth-layout .txt-area{padding-top:0}
.service-brand .service-section .icon-list{width:inherit;height:10.4rem;margin:2.5rem auto 0}
.service-brand .service-section .border{margin-top:3rem}
}
.service-strategy .page-title-bg.no-image+.page-title .ttl span.main{font-size:3.6rem}
.service-strategy .service-section .bg span{background:url("../imgs/service/strategy/bg-img01.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:top center}
.service-strategy .service-section .colum2{zoom:1}
.service-strategy .service-section .colum2:after{content:'';display:block;clear:both;height:0}
.service-strategy .service-section .colum2 .txt{float:left;width:40rem}
.service-strategy .service-section .colum2 .img{float:right;width:39rem}
.service-strategy .service-section .icon-list{width:68.6rem;margin:5rem auto 0;height:41.8rem;display:block;overflow:hidden;text-indent:-5260px;background:url("../imgs/service/strategy/icon-strategy.svg") no-repeat center center;background-size:contain}
.service-strategy .service-section .icon-list ul{display:none}
@media only screen and (max-width:1160px){.service-strategy .page-title-bg.no-image+.page-title .ttl span.main{font-size:2.2rem;letter-spacing:0}
.service-strategy .service-section .mod-rigth-layout{padding-top:0}
.service-strategy .service-section .mod-rigth-layout .bg{display:none!important}
.service-strategy .service-section .mod-rigth-layout .txt-area{padding-top:0}
.service-strategy .service-section .colum2 .txt{font-size:1.6rem;float:none;width:auto;margin-bottom:2.5rem}
.service-strategy .service-section .colum2 .img{float:none;width:auto}
.service-strategy .service-section .icon-list{width:34.5rem;margin:2.5rem auto 0;height:21.2rem}
}
@media only screen and (max-width:1160px) and (max-width:370px){.service-strategy .service-section .icon-list{width:28.5rem;margin:1rem auto 0;height:15.2rem}
}
.service-creative .service-section .bg span{background:url("../imgs/service/creative/bg-img01.jpg") #fff;background-repeat:no-repeat;background-size:cover;background-position:top center}
.service-creative .service-section .colum2{zoom:1}
.service-creative .service-section .colum2:after{content:'';display:block;clear:both;height:0}
.service-creative .service-section .colum2 .txt{float:left;width:40rem}
.service-creative .service-section .colum2 .img{float:right;width:39rem}
.service-creative .service-section .colum2.ver02{margin-top:4rem}
.service-creative .service-section .colum2.ver02 .txt{width:38rem;float:right}
.service-creative .service-section .colum2.ver02 .txt .bold-list{margin-top:0}
.service-creative .service-section .colum2.ver02 .img{float:left}
@media only screen and (max-width:1160px){.service-creative .service-section .mod-rigth-layout{padding-top:0}
.service-creative .service-section .mod-rigth-layout .bg{display:none!important}
.service-creative .service-section .mod-rigth-layout .txt-area{padding-top:0}
.service-creative .service-section .colum2 .txt{font-size:1.6rem;float:none;width:auto;margin-bottom:2.5rem}
.service-creative .service-section .colum2 .img{float:none;width:auto}
.service-creative .service-section .colum2.ver02{margin-top:2rem}
.service-creative .service-section .colum2.ver02 .txt{width:auto;float:none}
.service-creative .service-section .colum2.ver02 .txt .bold-list{margin-top:2rem}
.service-creative .service-section .colum2.ver02 .img{float:none}
}
.privacy-index{padding:6rem 0 15rem}
.privacy-index .item p+p{margin-top:2rem}
.privacy-index .item+.item{margin-top:8rem}
.contact-index{padding:0rem 0 11rem;margin-top: -7rem}
.contact-index .mod-colum2-main{float:right}
.contact-index .mod-colum2-side{float:left}
.contact-index .lead{font-size:1.6rem;margin-bottom:5rem}
.contact-index .flow-list-sp{display:none}
.contact-index .current-list{background:#f7f7f7;padding:4.4rem}
.contact-index .current-list ul li{padding:1rem 0 1rem 3.2rem;position:relative}
.contact-index .current-list ul li.current:before{display:block;position:absolute;z-index:2;top:50%;margin-top:-.3rem;left:.1rem;content:'';width:.7rem;height:.7rem;border-radius:50%;background:#00cccc}
.contact-index .current-list ul li.current .ttl{color:#333}
.contact-index .current-list ul li.selected:before{display:block;position:absolute;z-index:2;top:50%;margin-top:-.3rem;left:.1rem;content:'';width:.7rem;height:.7rem;border-radius:50%;background:#dedede}
.contact-index .current-list ul li .ttl{font-weight:700;color:#d1d1d1;position:relative}
.contact-index .current-list ul li .timeline{position:absolute;z-index:1;height:100%;width:1px;background:#dedede;top:auto;left:.4rem;bottom:-2.5rem}
#mailform .table{border:none;width:100%;margin-bottom:2rem}
#mailform .table table,#mailform .table td,#mailform .table th{border-collapse:collapse;display:block}
#mailform .table td,#mailform .table th{text-decoration:none;padding:0}
#mailform .table th{font-weight:400;margin-bottom:.5rem}
#mailform .table th span{color:#c00}
#mailform .table td{zoom:1;padding-bottom:3rem}
#mailform .table td:after{content:'';display:block;clear:both;height:0}
#mailform .table.confirm{margin-bottom:7rem}
#mailform .table.confirm th{color:#b2b2b2}
#mailform .table.confirm td{font-size:1.8rem}
#mailform input:placeholder-shown,#mailform textarea:placeholder-shown{color:#b2b2b2;font-family: "Roboto", sans-serif;}
#mailform input::-webkit-input-placeholder,#mailform textarea::-webkit-input-placeholder{color:#b2b2b2;font-family:"Roboto", sans-serif;}
#mailform input:-moz-placeholder,#mailform textarea:-moz-placeholder{color:#b2b2b2;font-family:"Roboto", sans-serif;}
#mailform input::-moz-placeholder,#mailform textarea::-moz-placeholder{color:#b2b2b2;font-family: "Roboto", sans-serif;}
#mailform input:-ms-input-placeholder,#mailform textarea:-ms-input-placeholder{color:#b2b2b2;font-family: "Roboto", sans-serif;}
#mailform input.formText,#mailform textarea.formText{box-sizing:border-box;width:100%;margin:0;padding:.9rem;border:1px solid #e6e6e6;border-radius:0;background:0 0;font-size:1.8rem;background:#f7f7f7;-webkit-appearance:none}
#mailform input.formText.error,#mailform textarea.formText.error{border:1px solid #c00}
#mailform input:focus,#mailform textarea:focus{border:1px #00cccc solid}
#mailform input.formText[name="name[0]"]{max-width:40rem;float:left}
#mailform input.formText[name="name[1]"]{max-width:40rem;float:right}
#mailform label.error{display:block;margin-bottom:.5rem;color:#c00;font-size:1.3rem;line-height:1.5}
#mailform button[type=button],#mailform button[type=submit]{text-decoration:none;border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box}
#mailform button[type=button]::-webkit-search-decoration,#mailform button[type=submit]::-webkit-search-decoration{display:none}
#mailform button[type=button]:focus,#mailform button[type=submit]:focus{outline:0;outline-offset:-2px}
#mailform .btnBack{position:absolute;top:50%;left:4.4rem;margin-top:-2rem;background:0 0;color:#fff;padding:1.2rem 0;width:9.7rem;box-shadow:none;border:1px solid #fff!important;text-align:center}
#mailform .btnBack p{display:inline-block;position:relative;padding:0 1.4rem}
#mailform .btnBack .arw02{overflow:hidden;position:absolute;display:block;width:1rem;height:.5rem;top:50%;margin-top:-.25rem;left:0}
#mailform .btnBack .arw02:after{position:absolute;content:"";display:block;left:0;top:0;width:0;height:0;border-top:.25rem solid transparent;border-right:.5rem solid #fff;border-bottom:.25rem solid transparent;border-left:.5rem solid transparent;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.noTouch #mailform .btnBack:hover{cursor:pointer}
.noTouch #mailform .btnBack:hover .arw02:after{-moz-animation:arw_l 1s cubic-bezier(.78,.07,0,1) normal infinite;-webkit-animation:arw_l 1s cubic-bezier(.78,.07,0,1) normal infinite;animation:arw_l 1s cubic-bezier(.78,.07,0,1) normal infinite}
#mailform #formBtnArea{background:#00cccc;padding:5rem 0;text-align:center;position:relative}
#mailform #formBtnArea .txt{color:#fff;font-size:1.2rem;margin-bottom:1.5rem}
#mailform #formBtnArea .txt a{color:#fff}
#mailform #formBtnArea .btn02{text-align:center;max-width:inherit;width:34rem;margin:0 auto;font-size:1.6rem;padding:2.8rem 0;color:#333}
#mailform #formBtnArea .btn02 p{position:relative;display:inline-block;padding-right:3rem}
#mailform #formBtnArea .btn02 .arw{right:0}
#mailform #formBtnArea .btn02:hover{cursor:pointer}
.about-select{display:block;position:relative;text-align:left}
.about-select .label{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:1.4rem .9rem;border:1px solid #e6e6e6;border-radius:0;font-size:1.4rem;background:#f7f7f7;line-height:1;display:block;color:#b2b2b2}
.about-select .label.selected{color:#333}
.about-select .label:before{position:absolute;display:block;content:''}
.about-select .label:before{top:50%;margin-top:-.5rem;right:1.8rem;width:.6rem;height:.6rem;border-top:2px solid #333;border-right:2px solid #333;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.about-select select{position:absolute;z-index:2;top:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:none;border-radius:0;background:0 0;cursor:pointer;outline:0;background:#ccc;opacity:0;-ms-filter:'alpha(opacity=70)';-webkit-appearance:none;font-size:1.4rem}
#finish p{font-size:1.8rem}
#finish p+p{margin-top:2rem}
#mailform input:placeholder-shown,#mailform textarea:placeholder-shown{font-size:1.4rem;letter-spacing:.2em}
#mailform input::-webkit-input-placeholder,#mailform textarea::-webkit-input-placeholder{font-size:1.4rem;}
#mailform input:-moz-placeholder,#mailform textarea:-moz-placeholder{font-size:1.4rem;}
#mailform input::-moz-placeholder,#mailform textarea::-moz-placeholder{font-size:1.4rem;}
#mailform input:-ms-input-placeholder,#mailform textarea:-ms-input-placeholder{font-size:1.4rem;}
#mailform input.formText,#mailform textarea.formText{padding:.9rem;font-size:1.4rem;}
@media only screen and (max-width:1160px){.contact-index{padding:0 0 6rem;margin-top: -12rem}
.contact-index .mod-colum2-main{float:none}
.contact-index .mod-colum2-side{float:none}
.contact-index .lead{display:none}
.contact-index .flow-list-sp{display:block;zoom:1;box-sizing:border-box;background:#f7f7f7;margin-bottom:4rem}
.contact-index .flow-list-sp:after{content:'';display:block;clear:both;height:0}
.contact-index .flow-list-sp li{display:block;text-align:center;width:33.3333%;float:left;font-size:1rem;line-height:1;padding:1rem 0}
.contact-index .flow-list-sp li.current{font-weight:700;position:relative}
.contact-index .flow-list-sp li.current:before{content:'';position:absolute;display:block;width:100%;height:1px;background:#333;left:0;bottom:0}
#mailform .table{margin-bottom:0}
#mailform .table td{padding-bottom:2.5rem}
#mailform .table.confirm{margin-bottom:5rem}
#mailform .table.confirm td{font-size:1.5rem}
#mailform input:placeholder-shown,#mailform textarea:placeholder-shown{font-size:1.2rem;letter-spacing:.2em}
#mailform input::-webkit-input-placeholder,#mailform textarea::-webkit-input-placeholder{font-size:1.2rem}
#mailform input:-moz-placeholder,#mailform textarea:-moz-placeholder{font-size:1.2rem}
#mailform input::-moz-placeholder,#mailform textarea::-moz-placeholder{font-size:1.2rem}
#mailform input:-ms-input-placeholder,#mailform textarea:-ms-input-placeholder{font-size:1.2rem}
#mailform input.formText,#mailform textarea.formText{padding:.9rem;font-size:1.2rem}
#mailform input.formText[name="name[0]"]{max-width:48%}
#mailform input.formText[name="name[1]"]{max-width:48%}
#mailform label.error{font-size:1.2rem}
#mailform .btnBack{position:static;margin-top:0;color:#333;border:1px solid #ccc!important;margin-bottom:2.5rem}
#mailform .btnBack .arw02:after{border-right:.5rem solid #00cccc}
#mailform #formBtnArea{padding:3rem 0}
#mailform #formBtnArea .txt{font-size:1rem}
#mailform #formBtnArea .btn02{width:21rem;font-size:1.4rem;letter-spacing:0;padding:2.2rem 0}
.about-select .label{font-size:1.2rem}
#finish p{font-size:1.5rem}
#finish p+p{margin-top:0}
}



/* 20180711 add */
.footer-section_body__ttl {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 25px;
}

.footer-bnr .bnr-list + .bnr-list { margin-top: 3rem;}

@media only screen and (max-width:1160px) {
  .footer-section_body__ttl { text-align: center;}

}

@media only screen and (min-width:769px) {
  .footer-bnr .bnr-list + .bnr-list {
    margin-top: 20px;
  }

}


/* 20210602 add */
.add-col-row {
  display: flex;
}

.btn-ttl {
  font-size: 1.3rem !important;
  text-align: center;
}

@media only screen and (max-width:1160px) {
  .add-col-row {
    flex-direction: column;
  }

  .add-col-row > * {
    min-height: 0%;
    max-width: 100%;
  }

  .add-col-row .contact-btn + .contact-btn {
    margin-top: 30px;
  }

}

@media only screen and (min-width:769px) {
  .add-col-row .contact-btn + .contact-btn {
    margin-left: 40px;
  }

  .-pc-jc-c {
    justify-content: center;
  }

  .btn.-fixed-size {
    width: 18rem;
  }

}



/* 20220720 add */
.service-top-fig {
  display: block;
  margin-bottom: 6rem;
}

.c-ttl {
  font-weight: bold;
  font-size: 1.5em;
}

.c-ttl:not(:first-child) {
  margin-top: 1.25em;
}

/* .main-visual-copy .main .copy01 {
  background-image: url('../imgs/top/copy_new1.svg');
}
 */


@media only screen and (max-width:1160px) {
	
	 .main-visual-copy .main .copy01 {
    display: block;
    width: auto;
    height: auto;
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    color: #fff;
    font-size: 3rem;
    line-height: 4.5rem;;
    text-indent: 0;
    display: block;
    letter-spacing: -.05em;
    background: 0 0;
    margin-bottom: 0;
		 letter-spacing: 0px!important;
  }
	
	 .main-visual-copy .main .copy02 {
    display: block;
    width: auto;
    height: auto;
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    color: #fff;
    font-size: 5rem;
    line-height: 1;
    text-indent: 0;
    display: block;
    letter-spacing: -.05em;
    background: 0 0;
    margin-bottom: 0;
		 letter-spacing: 0px!important;
  }
  .main-visual-copy .main .copy03 {
    display: block;
    width: auto;
    height: auto;
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    color: #fff;
    font-size: 5rem;
    line-height: 1;
    text-indent: 0;
    display: block;
    letter-spacing: -.05em;
    background: 0 0;
    margin-bottom: 0;
	  letter-spacing: 0px!important;
  }



  .message-hidden-block {
    display: none;
  }

}

@media only screen and (min-width:769px) {
  .fixed-sns-inner {
    width: 30.5rem;
  }

  .footer-sitemap a {
    white-space: nowrap;
  }
 
  .service-top-fig {
    margin-bottom: 8rem;
  }

  .service-index .big-menu .txt {
    max-width: 85%;
  }

.main-visual-copy .main .copy01{width:auto;height:auto;font-family: "Roboto", sans-serif;font-weight:300;color:#fff;font-size:3rem;line-height:1;text-indent:0;display:block;background:0 0;margin-bottom:0;letter-spacing: 5px!important;}

.main-visual-copy .main .copy02{width:auto;height:auto;font-family: "Roboto", sans-serif;font-weight:100;color:#fff;font-size:8rem;line-height:1;text-indent:0;display:block;background:0 0;margin-bottom:0;letter-spacing: 5px!important;}
	
	.main-visual-copy .main .copy03{width:auto;height:auto;font-family: "Roboto", sans-serif;font-weight:100;color:#fff;font-size:8rem;line-height:1;text-indent:0;display:block;background:0 0;margin-bottom:0;letter-spacing: 5px!important;}

  .main-visual-copy .sub {
    font-weight: bold;
  }

  /* .about-message .about-section.message02 .message02-txt {
    padding-top: 0;
  }
 */
  .about-message .about-section.message01 {
    padding-bottom: 10rem;
  }

  .about-message .about-section.message01::before {
    display: none;
  }
  .about-message .about-section.message2 {
    padding-bottom: 10rem;
  }

  .about-message .about-section.message2::before {
    display: none;
  }

}


.global-header .logo a:before {
  height: 3.45rem;
  margin-top: -1rem;
  background-image: url("../imgs/common/logo_new.png");
}

.global-header.dropdown-show .logo a:before {
  height: 3.45rem;
  margin-top: -1rem;
  background-image: url("../imgs/common/logo_new_w.png");
}

.fixedHeader.global-header .logo a:before {
  height: 2.6rem;
  margin-top: -1.3rem;
}

/* .fixedHeader.global-header.dropdown-show .logo a:before {
}
 */
body#top .global-header .logo a:before {
  height: 3.845rem;
  margin-top: -1.9225rem;
  background-image: url("../imgs/common/logo_new_w.png");
}

body#top .fixedHeader.global-header .logo a:before {
  height: 2.6rem;
  margin-top: -1.3rem;
  background-image: url("../imgs/common/logo_new.png");
}

body#top .fixedHeader.global-header.dropdown-show .logo a:before {
 height: 3.845rem;
  margin-top: -1.4rem;
  background-image: url("../imgs/common/logo_new_w.png");
}

body#works.single .global-header-inner .logo a:before {
  background-image: url("../imgs/common/logo_new_w.png");
}

body#works.single .fixedHeader.global-header .global-header-inner .logo a:before {
  background-image: url("../imgs/common/logo_new.png");
}

body#works.single .fixedHeader.global-header.dropdown-show .global-header-inner .logo a:before {
  background-image: url("../imgs/common/logo_new_w.png");
}

.global-header #clone.global-nav .nav .drawer-logo a:before {
  height: 3.845rem;
  margin-top: -1.9225rem;
  background-image: url("../imgs/common/logo_new_w.png");
}

.footer-address .footer_logo {
  height: 6.03rem;
  margin-top: -1.515rem;
  background-image: url("../imgs/common/logo_new_w.png");
}
#op .inner .logo-area span {
  height: 53px;
  margin: 0 !important;
  background-size: 100% auto !important;
}

#op .inner .logo-area span.logo01 {
  background-image: url("../imgs/top/logo.svg");
 width: 200px;
}



@media only screen and (max-width:1160px) {
  body#top .global-header .logo a:before {
    height: 2.35rem;
    margin-top: -1.3rem;
	  left: 9.5rem;
    background-image: url("../imgs/common/logo_new.png");
  }
	#op .inner .logo-area span.logo01 {
  background-image: url("../imgs/top/logo.svg");
  width: 200px;
}
	
.global-header .logo a{position:relative;width:35rem;height:7.5rem;text-decoration:none;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;text-indent:-5260px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;}

  .global-header .logo a:before {
    height: 2.35rem;
    margin-top: -1.65rem;
	  left: 9rem;
    background-image: url("../imgs/common/logo_new.png");
  }

  body#works.single .global-header-inner .logo a:before {
    background-image: url("../imgs/common/logo_new.png");
  }

}


.global-header #clone.global-nav .nav .left-area .privacy {
  margin-right: 1rem;
}

.global-header #clone.global-nav .nav .left-area .commercial a {
  color: #fff;
  text-decoration: none;
  position: relative;
}


.commercial-transactions .mod-table th {
  width: 16rem;
  padding-right: 0;
}

.commercial-transactions .mod-table ul li {
  text-indent: -1em;
  padding-left: 1em;
}

.commercial-transactions .mod-table ul li::before {
  content: '\25CF';
}


@media only screen and (max-width: 768px) {
 .commercial-transactions .mod-table th {
    width: 9rem;
    padding-right: 0;
  }
 
}


@media only screen and (max-width: 768px) {
  .global-header #clone.global-nav .nav-inner {
    position: relative;
  }

  .global-header #clone.global-nav .nav .left-area {
    position: absolute;
    bottom: 20px;
    left: 50px;
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease .6s;
  }

  .global-header #clone.global-nav .nav .left-area span {
    display: block;
    width: fit-content;
  }

  .global-header #clone.global-nav .nav .left-area span.copyright {
    display: none;
  }

  body.nav-open .global-header #clone.global-nav .nav .left-area {
    opacity: 1;
    pointer-events: auto;
  }

}


body:not(#top) .fixed-sns {
  display: none;
}


.works-detail .post-body .desc dl dd a+a {
  margin-left: 0;
}

.works-category-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media only screen and (min-width: 769px) {
  .mod-sub-nav {
    position: relative;
    z-index: 1;
	  display: none;
  }

  .mod-sub-nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 2rem;
  }
	
 .worksnavilist {
    display: flex;
    flex-wrap: wrap;
    gap: 0 2rem;
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0px 70px;
  }
	

	
	
 .worksnavilist .a{
    content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: .2rem;
	 transition: color 0.3s;
  }	
	
	 .worksnavilist .li .a:hover {
    color: #0cc;
  }	

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li {
    float: none;
    margin-left: 0;
  }
	
  .worksnavilist li {
    float: none;
    margin-left: 0;
  }

}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li:has(.child-category-wrap) {
  position: relative;
}
.worksnavilist li:has(.child-category-wrap) {
  position: relative;
}

.child-category-wrap {
  position: absolute;
  padding: 2.5rem;
  background-color: #f7f7f7;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}

.child-category {
  white-space: nowrap;
  padding: 0 !important;
  border-bottom: 1px solid transparent;
  transition: border-color .3s ease, color .3s ease;
}

.child-category::before,
.child-category::after {
  display: none;
}

@media only screen and (max-width: 768px) {
  .child-category-wrap {
    display: none;
  }

}

@media (any-hover: hover) {
  .child-category:hover {
    border-color: #00cccc;
    color: #00cccc;
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li:has(.child-category-wrap):hover .child-category-wrap {
    opacity: 1;
    pointer-events: auto;
  }

}


body.error404 .page-title .ttl {
  text-align: left;
}


.works-index .section-inner .mod-works-list .list-more {
  margin-top: 0;
  opacity: 0;
}


.about-section.message03:has( + .about-section.message02) {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .about-section.message03 + .about-section.message02 .bg {
    display: none;
  }

}

.p-custom-sub-copy {
  display: block;
}






.top-section.message .message-photo ul li.photo04 {
  width: 62rem;
  /* height: 57.4rem; */
  top: 6rem;
  z-index: 3;
}

.top-section.message .message-photo ul li.photo04 img {
  width: 100%;
}


.top-section.message .message-txt {
  width: 39rem;position: relative;z-index:1;
}

@media only screen and (max-width: 768px) {
  .top-section.message .message-txt {
    width: inherit;position: relative;z-index:1;
  }

}




.about-message .about-section.message01 .bg span {
  background-image: url('../imgs/interview/interview-main1.jpg');
}

.about-message .about-section.message2 .bg span {
  background-image: url('../imgs/interview/interview-main2.jpg');
}



.mod-on-your-side .img span {
  background-image: url('../imgs/new/20241111_qb_corporate_about_foot.jpg');
}


.googlemap {
 position: relative;
    width: 50%;
    padding-top: 30.25%;
    height: 0;
}

.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media only screen and (max-width: 768px) {
  .about-message .about-section.message02 .bg,
  .about-message .about-section.message03 .bg {
    display: none !important;
  }
	.googlemap {
 position: relative;
    width: 100%;
    padding-top: 100.25%;
}

  .about-message .about-section.message03 {
    margin-bottom: 7rem !important;
  }
	
	.googlemap {
 position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-x:before {
  content: "\e900";
	font-size: 20px;
}
.icon-arw-r:before {
  content: "\e100";
}
.icon-icon-blank:before {
  content: "\e901";
}
.icon-icon-heart:before {
  content: "\e902";
}
.icon-icon-index:before {
  content: "\e903";
}
.icon-icon-index02:before {
  content: "\e904";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-facebook02:before {
  content: "\e906";
}
.icon-twitter:before {
  content: "\e907";
}
.icon-rss:before {
  content: "\e908";
}
.icon-search:before {
  content: "\e909";
}

canvas{display:inline-block;vertical-align:baseline}canvas{width:100%;height:100%;position:fixed;z-index:-4}

.anim-box {
  background: linear-gradient(to right, #362ae0 0%,#3b79cc 50%,#42d3ed 100%);
	padding: 0px 10px 0px;
z-index: 100000;
}

.anim-box.fadeup.is-animated {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.gradient__title {
    color: #fff;
    position: relative;
    background-image: linear-gradient(
    70deg,
    #fff 45%, 
    #fff 50%,
    rgb(211, 209, 209, 0.3) 55% 
  );
    background-size: 500% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: shine 7s 1;
}

@keyframes shine {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#logo_loader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 101;
}
#logo_loader .f_logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 53px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}
#logo_loader .f_logo img {
    width: 100%;
    height: auto;
}

input[type=checkbox] {
    display: none;
}
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #fff;
    border: 1px solid #231815;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox01::after {
    border-right: 3px solid #E3622E;
    border-bottom: 3px solid #E3622E;
    content: '';
    display: block;
    height: 9px;
    left: 10px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}


.interview{
display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  padding-bottom: 15rem;
	margin: 0 auto;
}

.interview-photo{
	width: 45%;
}
.interview-r{
	width: 50%;
	padding-left: 5rem;
}

.interview-r h3{
	font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 2rem;
  letter-spacing: .2em;
}

.interview-r h4{
	font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  letter-spacing: .2em;
	margin-top: 2rem;
}




@media only screen and (max-width: 768px) {
	
.interview{
display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding-bottom: 3rem;
	margin: 0 auto;
}

.interview-photo{
	width: 100%;
	padding-bottom: 2rem;
}
.interview-r{
	width: 100%;
	padding-left: 0;
	padding-bottom: 7rem;
}

.interview-r h3{
	font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 2rem;
  letter-spacing: .2em;
}	
	
.interview-r h4{
	font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1.5rem;
  letter-spacing: .2em;
}	
		
	
}




/* 社員の一日 */
.timelineofoneday{
display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  padding-bottom: 15rem;
	margin: 0 auto;
	gap: 70px;
}

.timelineofonedayttl{
display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  padding-bottom: 5rem;
	margin: 0 auto;
}

.timelineofonedayttl h2{
	font-size: 3rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 7rem;
  letter-spacing: .2em;
}


.timeline-l{
	width: 50%;
  line-height: 2;
  max-width: 550px;
}
.timeline-r{
	width: 50%;
  line-height: 2;
  max-width: 550px;
}

.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
width: 110px;
    float: left;
    font-size: 2rem;
    margin-top: -10px;
  }
	
  .timeline-content {
width: 75%;
    float: left;
    border-left: 1px #e1e1e1 solid;
    padding-left: 38px;
    margin: -20px 0 -10px 90px;
    padding-top: 10px;
  }
	
	  .timeline-content {
width: 75%;
    float: left;
    border-left: 1px #e1e1e1 solid;
    padding-left: 38px;
    margin: -20px 0 -10px 90px;
    padding-top: 10px;
  }
	
.timeline-content h3{
font-size: 2rem;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 2rem;
    letter-spacing: .2em;
    margin-top: -2.8rem;
  }

.timeline-content p{
  margin-bottom: 5rem;
  }
	
 .timeline-contentgreen {
width: 75%;
    float: left;
    border-left: 1px #e1e1e1 solid;
    padding-left: 38px;
    margin: -20px 0 -10px 90px;
    padding-top: 10px;
  }
	
	  .timeline-contentgreen {
width: 75%;
    float: left;
    border-left: 1px #e1e1e1 solid;
    padding-left: 38px;
    margin: -20px 0 -10px 90px;
    padding-top: 10px;
  }
	
.timeline-contentgreen h3{
font-size: 2rem;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 2rem;
    letter-spacing: .2em;
    margin-top: -2.8rem;
  }

.timeline-contentgreen p{
  margin-bottom: 5rem;
  }		
	
  .timeline-content:before {
content: '';
    width: 20px;
    height: 20px;
    background: #e1e1e1;
    position: absolute;
    left: 8rem;
    top: 10px;
    border-radius: 100%;
    margin-top: -10px;
}
	
  .timeline-contentgreen:before {
content: '';
    width: 20px;
    height: 20px;
    background: #0cc;
    position: absolute;
    left: 8rem;
    top: 10px;
    border-radius: 100%;
    margin-top: -10px;
}


}

@media only screen and (max-width: 768px) {
	
.timelineofoneday{
display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 3rem;
	margin: 0 auto;
	gap: 0px;
}

.timeline-l{
	width: 100%;
	line-height: 2;
}
.timeline-r{
	width: 100%;
	line-height: 2;
}

.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}	
	

  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
	
  .timeline-date {
width: 110px;
    float: left;
    font-size: 1.8rem;
    margin-top: 0px;
  }
	
  .timeline-content {
width: 65%;
    float: left;
    border-left: 1px #e1e1e1 solid;
    padding-left: 20px;
    margin: -40px 0 -10px 80px;
    padding-top: 15px;
  }
	
.timeline-content h3{
font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 2rem;
    letter-spacing: .2em;
    margin-top: -0.7rem;
  }

.timeline-content p{
  margin-bottom: 5rem;
  }
		
	
  .timeline-content:before {
content: '';
    width: 20px;
    height: 20px;
    background: #e1e1e1;
    position: absolute;
    left: 7rem;
    top: 10px;
    border-radius: 100%;
    margin-top: -3px;
}	
  .timeline-contentgreen {
width: 65%;
    float: left;
    border-left: 1px #e1e1e1 solid;
    padding-left: 20px;
    margin: -40px 0 -10px 80px;
    padding-top: 15px;
  }
	
.timeline-contentgreen h3{
font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 2rem;
    letter-spacing: .2em;
    margin-top: -0.7rem;
  }

.timeline-contentgreen p{
  margin-bottom: 5rem;
  }
		
	
  .timeline-contentgreen:before {
content: '';
    width: 20px;
    height: 20px;
    background: #0cc;
    position: absolute;
    left: 7rem;
    top: 10px;
    border-radius: 100%;
    margin-top: -3px;
}	
	
.timelineofonedayttl{
display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
	margin: 0 auto;
}
	
.timelineofonedayttl h2{
	font-size: 2.2rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 5rem;
  letter-spacing: .2em;
}	
	
	
}



/* YouTube横 */
.youtubeyoko{
  width: 1200px;
  padding-bottom: 10rem;
	margin: 0 auto;
}

.youtubeyoko iframe{
  width: 100%;
	height: 400px;

}

@media only screen and (max-width: 768px) {
	
.youtubeyoko{
  width: 100%;
  padding-bottom: 3rem;
	margin: 0 auto;
}
	.youtubeyoko .head-ttl .ttl {
  width: 100%;
  padding-bottom: 3rem;
	padding-top: 3rem;
	margin: 0 auto;
}
	
.youtubeyoko iframe{
  width: 100%;
	height: 200px;

}

}



/* 画面幅が1024px以上の時は */
@media screen and (min-width: 1024px) {
  .ps-br{
    display: block; /* PCを改行して */
  }

  .sp-br{
    display: none; /* SPの改行を隠す */
  }
}

@media screen and (max-width: 560px) {
  .ps-br{
    display: none; /* PCの改行を隠して */
  }

  .sp-br{
    display: block; /* SPを改行する */
  }
}

html { scroll-behavior: smooth;}

html {
	scroll-padding-top: 80px;
}