@charset "utf-8";

/*------------------------------------------------*/
/*  template ver1.0  */
/*------------------------------------------------*/
/*  templatename [--]  */
/*  update []  */
/*  ID [NT]  */
/*------------------------------------------------*/


/*　productionin　*/
/* -----------------------------------------------*/
div#productionin {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
z-index:9999;
}
div#productionin .inner {
width:100%;
height:100%;
display:table;
background:#ffffff;
}
div#productionin .inner p {
padding:0px 50px;
display:table-cell;
color:#333333;
font-size:13px;
font-weight:500;
line-height:2.0;
text-align:center;
vertical-align:middle;
}
div#productionin .inner p strong {
padding-top:20px;
display:block;
color:#333333;
font-size:15px;
font-weight:500;
line-height:2.0;
}

div.preview {
text-align:center;
}

@media screen and (max-width:1200px) {
div#productionin {
display:block;
}
}

/*　All Reset　*/
/* -----------------------------------------------*/
* {
color:#333333;
line-height:1.75;
letter-spacing:1.5px;
}
*:focus {
outline:none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
margin:0;
padding:0;
font-weight:400;
word-break:break-all;
}
ul,li {
list-style:none;
}
input[type="button"],input[type="submit"],select {
border-radius:0;
-webkit-appearance:none;
appearance:none;
}

::selection {
background:#333333;
color:#ffffff;
}
::-moz-selection {
background:#333333;
color:#ffffff;
}

/*　Base Set　*/
/* -----------------------------------------------*/
body {
margin:0;
padding:0;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight:400;
line-height:1.75;
letter-spacing:1.5px;
overflow-y:scroll;
overflow-x: hidden;
background:#ffffff;
}
@media screen and (max-width:767px) {
body {
min-width:inherit;
-webkit-text-size-adjust:100%;
font-weight:normal;
}
body.fixed {
position:fixed;
width:100%;
}
}
img {
border:none;
pointer-events:none;
}
a { color:#000000; }
a {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
a:hover { color:#505050; }
@media screen and (max-width:767px) {
a {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);
}
}

/*　Clearfix　*/
/* -----------------------------------------------*/
.clearfix:after {
content:" ";
height:0;
clear:both;
display:block;
visibility:hidden;
line-height: 0;
}
.clearfix {
display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

.clear_br {
overflow: hidden;
}  
* html .clear_br {  
height: 1%;
}

/*　レイアウト要素 共通　*/
/* -----------------------------------------------*/
.pc_only { display:block; line-height:1px; }
.sp_only { display:none; line-height:1px; }

.title, .lead {
word-break:normal;
word-wrap:break-word;
}

.fit {
width:100%;
height:100%;
position:absolute;
top:0; 
left:0;
}
.fit img,
.fit video {
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
font-family:'object-fit: cover; object-position: center center;';
}
.fitImg{
position:absolute;
}

@media screen and (max-width:767px) {
.pc_only { display:none; }
.sp_only { display:block; }
}

/*　loading　*/
/* -----------------------------------------------*/
body::after {
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#ffffff;
z-index:8888;
pointer-events:none;
opacity:0;
-webkit-transition:opacity .8s ease;
transition:opacity .8s ease;
}
body.loading::after {
opacity:1;
}
body.loading #Wrapper .contents_inner {
-webkit-transform:scale(1.0);
transform:scale(1.0);
}
body#top.loading #Wrapper .contents_inner {
-webkit-transform:scale(1.0);
transform:scale(1.0);
}
@media screen and (max-width:767px) {
}

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
margin:0px auto;
width:100%;
/*overflow:hidden;*/
text-align:center;
position:relative;
-webkit-transition:all 0.8s ease-in;
-moz-transition:all 0.8s ease-in;
-o-transition:all 0.8s ease-in;
transition:all 0.8s ease-in;
}
div#Wrapper .contents_inner {
margin:0px auto;
width:100%;
text-align:center;
position:relative;
-webkit-transition:all 0.8s ease-in;
-moz-transition:all 0.8s ease-in;
-o-transition:all 0.8s ease-in;
transition:all 0.8s ease-in;
}
@media screen and (max-width:767px) {
}

/*　Header　*/
/* -----------------------------------------------*/
div#Header_set {
width:100%;
background-color:rgba(255,255,255,0);
position:fixed;
top:0px;
left:0px;
z-index:3;
}
div#Header {
margin:0px auto;
width:100%;
height:180px;
}
div#Header .inner {
margin:0px auto;
width:90%;
max-width:1280px;
position:relative;
}
div#Header .sitelead {
margin:0px auto;
width:100%;
height:50px;
color:#444444;
font-size:14px;
line-height:50px;
letter-spacing:3.5px;
background-color:#f8f8f8;
}
div#Header .logoset {
margin-left:-100px;
width:200px;
height:40px;
text-align:center;
text-decoration:none;
letter-spacing:-.4em;
position:absolute;
top:65px;
left:50%;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
div#Header .logoset .logo {
width:200px;
height:40px;
display:block;
overflow:hidden;
font-size:1px;
vertical-align:middle;
text-indent:100%;
white-space:nowrap;
}
/* ロゴ差し替え */
.svg div#Header .logoset .logo {
background:url(../images/logo.png) top center no-repeat;
background-size:200px 40px;
}
.no-svg div#Header .logoset .logo {
background:url(../images/logo.png) top center no-repeat;
background-size:200px 40px;
}
div#Header .logoset .logo_ttl {
margin-top:10px;
width:350px;
height:20px;
display:block;
overflow:hidden;
font-size:17px;
font-weight:700;
letter-spacing:3px;
text-indent:5px;
line-height:20px;
text-align:center;
}
div#Header .open,
div#Header .modal-btn-close {
display:block;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);
}
div#Header .open {
position:fixed;
top:50px;
right:0px;
z-index:5;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
div#Header .menuButton {
display:block;
width:100px;
height:70px;
overflow:hidden;
position:relative;
cursor:pointer;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div#Header .menuButton span {
display:block;
background:#333333;
width:100px;
height:1px;
position:absolute;
left:0px;
-webkit-transition:all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
-moz-transition:all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
-o-transition:all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition:all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
div#Header .menuButton span:nth-child(1) {
top:14px;
}
div#Header .menuButton span:nth-child(2) {
margin-top:-1px;
top:50%;
}
div#Header .menuButton span:nth-child(3) {
bottom:14px;
}
div#Header .modal-btn-close {
margin-top:30px;
display:none;
font-family:'Roboto Condensed', sans-serif;
color:#e60012;
font-size:15px;
font-weight:700;
line-height:1.2;
letter-spacing:2px;
text-indent:2px;
}
div#Header .naviset {
padding-top:0px;
width:100%;
height:100%;
display:none;
background-color:rgba(255,255,255,0.95);
position:fixed;
top:0px;
left:0px;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
div#Header .naviset > div {
width:100%;
height:100%;
display:table;
}
div#Header .naviset div#modal {
width:100%;
display:table-cell;
text-align:center;
vertical-align:middle;
}
div#Header .naviset ul {
width:100%;
padding:0px 0px;
height:auto;
display:block;
}
/* ロゴ差し替え */
.svg div#Header .naviset ul {
background:url(../images/logo_white.svg) 50% 10% no-repeat;
background-size:130px 46px;
}
.no-svg div#Header .naviset ul {
background:url(../images/logo_white.png) 50% 10% no-repeat;
background-size:130px 46px;
}
div#Header .naviset ul li {
margin:0px 10px;
display:inline-block;
text-align:center;
vertical-align:middle;
position:relative;
}
div#Header .naviset ul li a,
div#Header .naviset ul li p,
div#Header .naviset ul li span {
padding:0px 3px 0px 4px;
display:block;
overflow:hidden;
color:#ffffff;
font-family:'Roboto Condensed', sans-serif;
font-size:16px;
line-height:24px;
letter-spacing:1px;
text-decoration:none;
background-color:#333333;
position:relative;
}
div#Header .naviset ul li.none a,
div#Header .naviset ul li.none p,
div#Header .naviset ul li.none span {
color:#d7d7d7;
}
div#Header .naviset ul li .mddWrap {
width:100%;
height:95px;
display:none;
background-color:rgba(255,255,255,0.9);
position:fixed;
top:95px;
left:0px;
}
div#Header .naviset ul li .mddWrap.fade {
display:block;
}
div#Header .naviset ul li ul {
margin:0px auto;
padding-top:0px;
width:90%;
max-width:1280px;
text-align:center;
position:relative;
}
div#Header .naviset ul li ul:before {
content:"";
width:80px;
height:2px;
display:block;
background-color:rgba(0,0,0,0.9);
position:absolute;
top:-10px;
}
div#Header .naviset ul li:nth-child(1) ul:before {
right:718px;
}
div#Header .naviset ul li:nth-child(2) ul:before {
right:595px;
}
div#Header .naviset ul li ul li {
margin-right:50px;
}
div#Header .naviset ul li ul li a {
color:#ffffff;
}

div#Header .naviset .copyset  {
margin:0px auto;
width:560px;
}
div#Header .naviset .copyset .title {
margin-top:100px;
margin-bottom:30px;
font-size:30px;
font-weight:700;
text-align:center;
}
div#Header .naviset .copyset .lead {
font-size:14px;
text-align:left;
}

div#Header .naviset.slidein {
left:0%;
}
div#Header .menuButton.slidein span,
body#page div#Header .menuButton.slidein span {
background:#000000;
}
div#Header .menuButton.slidein span:nth-child(2) {
left:80px;
}
div#Header .menuButton.slidein span:nth-child(1) {
top:20px;
transition-delay:0.3s;
}
div#Header .menuButton.slidein span:nth-child(3) {
bottom:20px;
transition-delay:0.3s;
}
div#Header .menuButton strong {
display:none;
}

div#Header .naviset.slidein ul li:nth-child(1) {
padding-left:0px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.5s;
}
div#Header .naviset.slidein ul li:nth-child(2) {
padding-left:0px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.6s;
}
div#Header .naviset.slidein ul li:nth-child(3) {
padding-left:0px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.7s;
}
div#Header .naviset.slidein ul li:nth-child(4) {
padding-left:0px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.8s;
}
div#Header .naviset.slidein ul li:nth-child(5) {
padding-left:0px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.9s;
}
div#Header .naviset.slidein ul li:nth-child(6) {
padding-left:0px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:1.0s;
}

div#Header_set.scrollset,
body#page div#Header_set {
}
div#Header_set.scrollset div#Header,
body#page div#Header_set div#Header {
}

div#Header_set.scrollset div#Header .logoset {
margin-left:0px;
width:180px;
height:36px;
top:150px;
left:-110px;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}
div#Header_set.scrollset div#Header .logoset .logo {
width:180px;
height:36px;
}
/* ロゴ差し替え */
.svg div#Header_set.scrollset .logoset .logo {
background:url(../images/logo.png) top center no-repeat;
background-size:180px 36px;
}
.no-svg div#Header_set.scrollset .logoset .logo {
background:url(../images/logo.png) top center no-repeat;
background-size:180px 36px;
}

@media screen and (max-width:1000px) {
div#Header_set {
width:100%;
z-index:3;
}
div#Header {
height:200px;
}
div#Header .inner {
width:90%;
}
div#Header .sitelead {
height:40px;
font-size:12px;
line-height:40px;
letter-spacing:1px;
}
div#Header .logoset {
margin-left:-125px;
width:250px;
height:70px;
top:30px;
}
div#Header .logoset .logo {
width:250px;
height:70px;
}
/* ロゴ差し替え */
.svg div#Header .logoset .logo {
background:url(../images/logo.png) top center no-repeat;
background-size:200px 70px;
}
.no-svg div#Header .logoset .logo {
background:url(../images/logo.png) top center no-repeat;
background-size:200px 70x;
}
div#Header .logoset .logo_ttl {
margin-top:10px;
width:250px;
font-size:12px;
letter-spacing:2px;
text-indent:5px;
}
}

/*　pagetitle　*/
/* -----------------------------------------------*/
div#pagetitle {
}
@media screen and (max-width:767px) {
}

/*　pagenavi　*/
/* -----------------------------------------------*/
div#pagenavi {
width:100%;
text-align:center;
position:absolute;
bottom:130px;
left:0px;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div#pagenavi ul {
width:100%;
height:25px;
letter-spacing:-.4em;
}
div#pagenavi ul li {
height:25px;
display:inline-block;
position:relative;
}
div#pagenavi ul li:after {
margin-top:-7px;
content:"";
width:1px;
height:14px;
display:block;
background-color:rgba(255,255,255,0.8);
position:absolute;
top:50%;
right:0px;
}
div#pagenavi ul li:last-child:after {
display:none;
}
div#pagenavi ul li p {
height:25px;
overflow:hidden;
text-align:center;
}
div#pagenavi ul li a {
margin:0px 10px;
padding:0px 5px;
display:block;
color:#ffffff;
font-size:13px;
font-weight:700;
line-height:25px;
text-decoration:none;
text-shadow:#000000 1px 1px 0px, #000000 -1px 1px 0px, #000000 1px -1px 0px, #000000 -1px -1px 0px;
position:relative;
}
div#pagenavi ul li.current p a {
color:#ffffff;
text-shadow:none;
background:#2c65b2;
}
div#pagenavi.ir {
bottom:180px;
}
div#pagenavi.ir ul {
margin:0px auto;
width:700px;
}
div#pagenavi.ir ul li:nth-child(5):after {
display:none;
}
@media screen and (max-width:767px) {
div#pagenavi {
width:90%;
height:40px;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
text-align:left;
bottom:70px;
left:5%;
}
div#pagenavi ul {
margin-top:10px;
overflow:hidden;
}
div#pagenavi ul li {
display:block;
float:left;
}
div#pagenavi ul li a {
margin:0px 5px;
font-size:12px;
line-height:20px;
text-align:center;
}

div#pagenavi.ir {
bottom:70px;
}
div#pagenavi.ir ul li:nth-child(5):after {
display:block;
}

div#pagenavi.company ul {
width:800px;
}
div#pagenavi.business ul {
width:480px;
}
div#pagenavi.ir ul {
width:1800px;
}
div#pagenavi.medium ul li {
width:160px;
}
div#pagenavi.large ul li {
width:200px;
}
}

/*　layout　*/
/* -----------------------------------------------*/
div.container {
margin:0px auto;
width:100%;
text-align:center;
}
div.container div.wideblock {
margin:0px auto;
}
div.container div.wideblock.border {
margin:0px auto;
border:#000000 solid 1px;
box-sizing:border-box;
}

/* エフェクト */
div.container .slideup {
padding-top:100px;
filter:alpha(opacity=5);
-moz-opacity:0.05;
opacity:0.05;
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
transition:all 0.8s ease;
}
div.container .slideup.view {
padding-top:0px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
div.container .fadein_delay {
position:relative;
z-index:5;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
transition:all 0.8s ease;
}
div.container .fadein_delay.view {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transition-delay:0.5s;
}

/* 背景アニメーション */
div.container .linemove_back {
width:100%;
position:fixed;
top:50%;
left:0px;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}

/* トップ：スライダー */
div.container .topvisual {
width:100%;
height:100%;
overflow:hidden;
position:relative;
}
div.container .topvisual:before {
content:"";
width:100%;
height:100%;
background-color:rgba(0,0,0,0);
position:absolute;
top:0px;
left:0px;
z-index:1;
}
div.container .topvisual .linemove_set {
margin-top:-110px;
width:100%;
position:absolute;
top:50%;
left:0px;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}
div.container .topvisual .imgset {
width:100%;
height:100%;
position:relative;
}
div.container .topvisual .textset {
width:70%;
height:70%;
display:table;
border:#000000 solid 1px;
box-sizing:border-box;
position:absolute;
bottom:100px;
left:100px;
z-index:2;
}
div.container .topvisual .textset .inner {
display:table-cell;
text-align:center;
vertical-align:middle;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container .topvisual .textset .inner p {
font-size:30px;
font-weight:700;
letter-spacing:20px;
}

/* #####アニメーション */

/* 基本コンテンツ */
div.container .contentsbox {
width:100%;
}
div.container .contentsbox .cont_block {
margin:0px auto;
width:100%;
}
div.container .contentsbox .contents {
margin:70px auto 0px auto;
width:100%;
}
div.container .contentsbox .contents.scrollset_about {
height:100%;
}
div.container .contentsbox .inner {
margin:0px auto;
width:90%;
max-width:800px;
position:relative;
z-index:2;
}

/* 固定 */
div.container .contentsbox .sticky {
position:-webkit-sticky;
position:sticky;
top:0;
}
div.container .contentsbox .sticky.sticky-fixed.is-sticky {
position:fixed;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden;
}
div.container .contentsbox .sticky.sticky-fixed.is-sticky:not([style*="margin-top"]) {
margin-top:0 !important ;
}
div.container .contentsbox .sticky.sticky-fixed.is-sticky:not([style*="margin-bottom"]) {
margin-bottom: 0 !important ;
}
div.container .contentsbox .sticky.sticky-fixed.is-absolute {
position:absolute;
}

/* 固定上部 */
div.container .contentsbox .over {
position:relative;
z-index:2;
}

/* 画像zoom */
div.container .contentsbox .zoomimgblock {
padding-top:100px;
}
div.container .contentsbox .zoomimg {
/*padding:100px 100px 0px 100px;*/
margin:0px 100px 0px 100px;
}
div.container .contentsbox .zoomimg .img {
width:100%;
height:100%;
overflow:hidden;
display:block;
content:"";
position:relative;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container .contentsbox .zoomimg.zoom:before {
width:100%;
height:100px;
display:block;
content:"";
background-color:#ffffff;
position:absolute;
top:99px;
left:0px;
z-index:2;
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
transition:all 0.8s ease;
}
div.container .contentsbox .zoomimg.zoom:after {
width:100%;
height:100px;
display:block;
content:"";
background-color:#ffffff;
position:absolute;
bottom:0px;
right:0px;
z-index:2;
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
transition:all 0.8s ease;
}
div.container .contentsbox .zoomimg.zoom .img:before {
width:100px;
height:100%;
display:block;
content:"";
background-color:#ffffff;
position:absolute;
top:0px;
left:0px;
z-index:2;
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
transition:all 0.8s ease;
}
div.container .contentsbox .zoomimg.zoom .img:after {
width:100px;
height:100%;
display:block;
content:"";
background-color:#ffffff;
position:absolute;
top:0px;
right:0px;
z-index:2;
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
transition:all 0.8s ease;
}
div.container .contentsbox .zoomimg i {
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8);
position:absolute;
top:0px;
left:0px;
z-index:1;
}
/* #####アニメーション */
div.container .contentsbox .zoomimg.view.zoom:before,
div.container .contentsbox .zoomimg.view.zoom:after {
height:0px;
}
div.container .contentsbox .zoomimg.view.zoom .img:before,
div.container .contentsbox .zoomimg.view.zoom .img:after {
width:0px;
}

/* ABOUT-top */
div.container .contentsbox .about {
margin:0px auto;
/*padding-top:100px;*/
/*padding-top:50px;
padding-bottom:150px;*/
width:90%;
max-width:800px;
position:relative;
z-index:2;
}
div.container .contentsbox .about .title {
margin-bottom:50px;
color:#ffffff;
font-size:30px;
font-weight:700;
letter-spacing:0.5px;
}
div.container .contentsbox .about .lead {
color:#ffffff;
font-size:14px;
font-weight:700;
line-height:2.0;
letter-spacing:0.5px;
text-align:left;
}

/* MISSION-top */
div.container .contentsbox .mission {
margin:0px auto;
}
div.container .contentsbox .mission .lead {
padding:100px 100px;
font-size:14px;
font-weight:700;
line-height:2.0;
letter-spacing:0.5px;
text-align:left;
}

/* MEMBER-top */
div.container .contentsbox .member ul {
margin:50px auto;
width:80%;
}
div.container .contentsbox .member ul li {
margin-right:20%;
margin-top:50px;
padding:50px 0px;
width:20%;
float:left;
}
div.container .contentsbox .member ul li:nth-child(3n) {
margin-right:0%;
}
div.container .contentsbox .member ul li:nth-child(1),
div.container .contentsbox .member ul li:nth-child(2),
div.container .contentsbox .member ul li:nth-child(3) {
margin-top:0px;
}
div.container .contentsbox .member ul li .position {
padding:0px 3px;
display:inline-block;
color:#ffffff;
font-size:11px;
line-height:1.5;
letter-spacing:0.5px;
background-color:#000000;
}
div.container .contentsbox .member ul li .name {
margin-top:30px;
font-size:18px;
letter-spacing:5px;
}
div.container .contentsbox .member ul li .name strong {
padding-left:3px;
display:inline-block;
color:#ffffff;
font-size:18px;
font-weight:400;
line-height:1.3;
letter-spacing:4px;
background-color:#000000;
}

/* RESULTS-top */
div.container .contentsbox .results .title {
margin-bottom:50px;
color:#ffffff;
font-size:30px;
font-weight:700;
letter-spacing:0.5px;
}
div.container .contentsbox .results .lead {
color:#ffffff;
font-size:14px;
font-weight:700;
line-height:2.0;
letter-spacing:0.5px;
text-align:left;
}
div.container .contentsbox .results ul {
margin-top:50px;
width:100%;
}
div.container .contentsbox .results ul li {
margin-right:10%;
margin-top:50px;
width:26.66666%;
float:left;
text-align:left;
/*background-color:#ffffff;*/
position:relative;
}
div.container .contentsbox .results ul li:nth-child(3n) {
margin-right:0%;
}
div.container .contentsbox .results ul li:nth-child(1),
div.container .contentsbox .results ul li:nth-child(2),
div.container .contentsbox .results ul li:nth-child(3) {
margin-top:0px;
}
div.container .contentsbox .results ul li .eyecatch {
padding-top:100%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
}
div.container .contentsbox .results ul li .project_ttl {
margin:30px 0px;
color:#ffffff;
font-size:14px;
font-weight:700;
line-height:1.5;
}
div.container .contentsbox .results ul li .project_lead {
color:#ffffff;
font-size:12px;
line-height:1.5;
}

/* お知らせ */
div.container .contentsbox .newsset {
margin-top:70px;
width:100%;
}
div.container .contentsbox .newsset ul {
width:100%;
}
div.container .contentsbox .newsset ul li {
padding:15px 0px;
text-align:left;
border-bottom:#f1f1f1 solid 1px;
box-sizing:border-box;
position:relative;
}
div.container .contentsbox .newsset ul li:last-child {
padding:15px 0px 0px 0px;
border-bottom:none;
}
div.container .contentsbox .newsset ul li a,
div.container .contentsbox .newsset ul li div {
padding-left:300px;
display:block;
text-decoration:none;
}
div.container .contentsbox .newsset ul li .title {
margin-bottom:10px;
font-size:16px;
font-weight:700;
line-height:1.5;
letter-spacing:0.5px;
}
div.container .contentsbox .newsset ul li .lead {
font-size:14px;
line-height:1.5;
letter-spacing:0.5px;
}
div.container .contentsbox .newsset ul li .date {
font-size:13px;
font-weight:700;
line-height:1.5;
letter-spacing:0.5px;
position:absolute;
top:17px;
left:0px;
}
div.container .contentsbox .newsset ul li .category {
padding:0px 5px;
display:inline-block;
color:#ffffff;
font-size:13px;
font-weight:700;
line-height:1.5;
text-align:right;
letter-spacing:0.5px;
background-color:#333333;
position:absolute;
top:17px;
left:150px;
}

/* タイトル */
div.container .contentsbox .title_large {
text-align:center;
}
div.container .contentsbox .title_large.mt {
margin-top:100px;
}
div.container .contentsbox .title_large.mb {
margin-bottom:100px;
}
div.container .contentsbox .title_large .title {
color:#333333 !important ;
font-size:30px;
font-weight:700;
letter-spacing:0.5px;
}

/* MORE */
div.container .contentsbox .morelink {
margin-top:50px;
text-align:center;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container .contentsbox .morelink a {
padding:15px 0px;
width:360px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:700;
line-height:1.5;
text-decoration:none;
letter-spacing:0.5px;
background-color:#333333;
}

/* ページャー */
div.container .contentsbox .pager {
padding-top:45px;
width:100%;
text-align:center;
letter-spacing:-.4em;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container .contentsbox .pager p {
margin:5px 5px;
display:inline-block;
}
div.container .contentsbox .pager p.nth-box span,
div.container .contentsbox .pager p.nth-box a {
margin:0px 2px;
}
div.container .contentsbox .pager p span,
div.container .contentsbox .pager p a {
width:50px;
height:50px;
display:inline-block;
font-size:12px;
letter-spacing:0px;
line-height:50px;
text-decoration:none;
}
div.container .contentsbox .pager p a {
border:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
background-color:#f8f8f8;
}
div.container .contentsbox .pager .no-link {
display:none;
}
div.container .contentsbox .pager .current {
display:inline-block;
border:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
background-color:#ffffff;
}

@media all and (-ms-high-contrast: none){
}

/* テキスト(デフォルト) */
div.container div.text_default {
text-align:left;
}
div.container div.text_default .lead {
padding:10px 0px;
font-size:14px;
}
div.container div.text_default .lead strong {
font-size:16px;
font-weight:700;
line-height:1.75;
}

div.container .text_left {
text-align:left !important ;
}
div.container .text_right {
text-align:right !important ;
}
div.container .text_center {
text-align:center !important ;
}

@media screen and (max-width:767px) {

/* タイトル */
div.container .contentsbox .title_large {
margin-bottom:30px;
text-align:center;
}
div.container .contentsbox .title_large .title {
font-size:24px;
}

/* MORE */
div.container .contentsbox .morelink {
margin-top:30px;
}
div.container .contentsbox .morelink a {
padding:10px 0px;
width:100%;
font-size:14px;
}

/* ページャー */
div.container .contentsbox .pager {
padding-top:45px;
}
div.container .contentsbox .pager p {
margin:3px 3px;
}
div.container .contentsbox .pager p.nth-box span,
div.container .contentsbox .pager p.nth-box a {
margin:0px 2px;
}
div.container .contentsbox .pager p span,
div.container .contentsbox .pager p a {
width:40px;
height:40px;
line-height:40px;
}

/* テキスト(デフォルト) */
div.container div.text_default.clear {
margin-top:-20px;
}
div.container div.text_default .lead {
padding:5px 0px;
font-size:14px;
}
div.container div.text_default .lead strong {
font-size:14px;
}

}

/*　Footer　*/
/* -----------------------------------------------*/
div#Footer {
margin:100px auto 0px auto;
padding:50px 0px;
width:100%;
background:#000000;
position:relative;
z-index:2;
}
div#Footer .inner {
margin:0px auto;
width:90%;
max-width:1280px;
text-align:left;
position:relative;
}
div#Footer .naviset {
width:100%;
}
div#Footer .naviset ul {
letter-spacing:-.4em;
}
div#Footer .naviset ul li {
margin:0px 7px;
display:inline-block;
vertical-align:middle;
position:relative;
}
div#Footer .naviset ul li:first-child {
margin:0px 15px 0px 0px;
}
div#Footer .naviset ul li .logo {
width:130px;
height:46px;
overflow:hidden;
vertical-align:middle;
text-indent:100%;
white-space:nowrap;
}
/* ロゴ差し替え */
.svg div#Footer .naviset ul li .logo {
background:url(../images/logo_white.svg) center center no-repeat;
background-size:130px 26px;
}
.no-svg div#Footer .naviset ul li .logo {
background:url(../images/logo_white.png) center center no-repeat;
background-size:130px 26px;
}
div#Footer .naviset ul li .logo_ttl {
margin-top:5px;
margin-left:-10px;
width:150px;
height:15px;
display:block;
overflow:hidden;
color:#ffffff;
font-size:9px;
font-weight:700;
letter-spacing:4px;
line-height:15px;
text-align:center;
text-indent:2px;
}
div#Footer .naviset ul li a,
div#Footer .naviset ul li span {
display:inline-block;
color:#ffffff;
font-family:'Roboto Condensed', sans-serif;
font-size:12px;
text-decoration:none;
}
div#Footer .naviset ul li.none a,
div#Footer .naviset ul li.none span {
color:#7f7f7f;
}
div#Footer .copy {
margin-top:-23px;
height:50px;
display:inline-block;
color:#ffffff;
font-family:'Roboto Condensed', sans-serif;
font-size:12px;
text-align:right;
letter-spacing:0.5px;
line-height:50px;
position:absolute;
top:50%;
right:0px;
}
@media screen and (max-width:767px) {
/*　Footer　*/
/* -----------------------------------------------*/
div#Footer {
margin:50px auto 0px auto;
padding-bottom:100px;
}
div#Footer .inner {
width:80%;
}
div#Footer .naviset ul {
text-align:center;
}
div#Footer .naviset ul li {
margin:0px 5px;
text-align:center;
}
div#Footer .naviset ul li:first-child {
margin:0px 0px 0px 0px;
display:block;
}
div#Footer .naviset ul li .logo {
width:100%;
}
div#Footer .naviset ul li .logo_ttl {
margin-top:5px;
margin-bottom:30px;
width:100%;
letter-spacing:2px;
text-indent:2px;
}
div#Footer .naviset ul li a,
div#Footer .naviset ul li span {
display:inline-block;
color:#ffffff;
font-size:12px;
text-decoration:none;
}
div#Footer .naviset ul li.none a,
div#Footer .naviset ul li.none span {
color:#7f7f7f;
}
div#Footer .copy {
margin-top:0px;
height:auto;
font-size:11px;
text-align:center;
line-height:1.5;
position:absolute;
top:inherit;
bottom:-70px;
}
}

/*　popup　*/
/* -----------------------------------------------*/

body, html {
height:100%;
}
#popup,
#popup #Wrapper,
#popup #Wrapper .contents_inner {
width:100%;
height:100%;
}
#popup div.profile {
width:100%;
height:100%;
display:table;
}
#popup div.profile .inner {
display:table-cell;
vertical-align:middle;
}
#popup div.profile .inner > div {
margin:0px auto;
width:80%;
}
#popup div.profile .inner > div .photo {
width:25%;
float:left;
}
#popup div.profile .inner > div .photo .img {
padding-top:130%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
#popup div.profile .inner > div .tlset {
width:70%;
float:right;
}
#popup div.profile table {
width:100%;
text-align:left;
border-collapse:separate;
border-spacing:0;
border:0 !important ;
}
#popup div.profile table th,
#popup div.profile table td {
padding:10px 0px;
border-bottom:#eaeaea solid 1px;
box-sizing:border-box;
}
#popup div.profile table tr:last-child th,
#popup div.profile table tr:last-child td {
border-bottom:none;
}
#popup div.profile table th {
width:30%;
background-color:#f8f8f8;
}
#popup div.profile table td {
width:70%;
}
#popup div.profile table th p,
#popup div.profile table td p {
padding:0px 25px;
font-size:14px;
line-height:1.5;
}
#popup div.profile table th p {
font-weight:700;
}
#popup div.profile table td ul {
margin:10px 25px 10px 40px;
}
#popup div.profile table td ul li {
font-size:14px;
line-height:1.5;
list-style:disc;
}