@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:#424d7e;
color:#ffffff;
}
::-moz-selection {
background:#424d7e;
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;
background:#ffffff;
}
@media screen and (max-width:1000px) {
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:1000px) {
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 {
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
font-family:'object-fit: cover; object-position: center center;';
}
.fitImg {
position:absolute;
}

.imgset {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}

@media screen and (max-width:1000px) {
.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:1000px) {
}

/*　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:1000px) {
}

/*　Header　*/
/* -----------------------------------------------*/
div#Header_set {
width:100%;
background-color:rgba(255,255,255,1.0);
position:fixed;
top:0px;
left:0px;
z-index:5;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div#Header {
margin:0px auto;
width:100%;
height:100px;
overflow:hidden;
}
div#Header .inner {
margin:0px auto;
width:90%;
max-width:1280px;
height:100px;
position:relative;
}
div#Header .logoset {
width:248px;
height:66px;
text-align:left;
text-decoration:none;
letter-spacing:-.4em;
position:absolute;
top:17px;
left:0px;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
z-index:2;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div#Header .logoset .logo {
width:248px;
height:66px;
display:block;
overflow:hidden;
vertical-align:middle;
text-indent:100%;
white-space:nowrap;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
/* ロゴ差し替え */
.svg div#Header .logoset .logo {
background:url(../images/logo.svg) top left no-repeat;
background-size:248px 66px;
}
.no-svg div#Header .logoset .logo {
background:url(../images/logo.png) top left no-repeat;
background-size:248px 66px;
}
div#Header .open,
div#Header .modal-btn-close {
display:none;
}
div#Header .naviset {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
position:absolute;
top:25px;
right:135px;
}
div#Header .naviset ul {
letter-spacing:-.4em;
}
div#Header .naviset ul li {
margin-right:20px;
display:inline-block;
text-align:left;
vertical-align:middle;
position:relative;
}
div#Header .naviset ul li:after {
margin-top:-10px;
content:"";
width:1px;
height:20px;
display:block;
background-color:#cccccc;
position:absolute;
top:50%;
right:-10px;
}
div#Header .naviset ul li a,
div#Header .naviset ul li p {
display:block;
overflow:hidden;
color:#424d7e;
font-size:15px;
line-height:50px;
letter-spacing:1px;
text-decoration:none;
position:relative;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div#Header .naviset ul li:last-child {
margin-right:0px;
}
div#Header .naviset ul li:last-child:after {
display:none;
}
div#Header .naviset ul li .mddWrap {
width:100%;
height:95px;
display:none;
background-color:rgba(0,0,0,0.9);
position:fixed;
top:95px;
left:0px;
z-index:9999;
}
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 .contact {
width:100px;
height:100px;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
position:absolute;
top:0px;
right:0px;
}
div#Header .contact a {
width:100px;
height:100px;
display:table;
text-decoration:none;
background:-moz-linear-gradient(left, #0d78c3, #00a9e0);
background:-webkit-linear-gradient(left, #0d78c3, #00a9e0);
background:linear-gradient(to right, #0d78c3, #00a9e0);
}
div#Header .contact a p {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div#Header .contact a p span {
display:block;
color:#ffffff;
font-size:13px;
font-weight:700;
letter-spacing:0.5px;
text-decoration:none;
}
div#Header .contact a p strong {
display:block;
color:#ffffff;
font-family:'Roboto Condensed', sans-serif;
font-size:18px;
font-weight:700;
letter-spacing:0.5px;
text-decoration:none;
}

div#Header_set.scrollset,
body#page div#Header_set {
top:0px;
background-color:rgba(255,255,255,1.0);
}
div#Header_set.scrollset div#Header .naviset ul li a,
div#Header_set.scrollset div#Header .naviset ul li p,
body#page div#Header_set div#Header .naviset ul li a,
body#page div#Header_set div#Header .naviset ul li p {
color:#424d7e;
}
div#Header_set.scrollset div#Header .logoset,
body#page div#Header_set div#Header .logoset {
top:17px;
}
/* ロゴ差し替え */
.svg div#Header_set.scrollset div#Header .logoset .logo,
.svg body#page div#Header_set div#Header .logoset .logo {
background:url(../images/logo.svg) top left no-repeat;
background-size:248px 66px;
}
.no-svg div#Header_set.scrollset div#Header .logoset .logo,
.no-svg body#page div#Header_set div#Header .logoset .logo {
background:url(../images/logo.png) top left no-repeat;
background-size:248px 66px;
}
@media screen and (max-width:1200px) {
div#Header .naviset {
right:115px;
}
div#Header .naviset ul li {
margin-right:10px;
}
div#Header .naviset ul li:after {
right:-5px;
}
div#Header .naviset ul li a,
div#Header .naviset ul li p {
font-size:13px;
}
}
@media screen and (max-width:1000px) {
div#Header .inner {
width:100%;
height:100px;
}
div#Header .logoset {
left:20px;
}
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:absolute;
top:25px;
right:120px;
z-index:30;
-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:60px;
height:50px;
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:#424d7e;
height:1px;
position:absolute;
right: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.scrollset .menuButton span,
body#page div#Header .menuButton span {
background:#424d7e;
}
div#Header .menuButton span:nth-child(1) {
width:60px;
top:14px;
}
div#Header .menuButton span:nth-child(2) {
width:40px;
top:50%;
}
div#Header .menuButton span:nth-child(3) {
width:60px;
bottom:13px;
}
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 {
width:55%;
height:100%;
display:table;
background-color:rgba(255,255,255,0.95);
position:fixed;
top:0px;
left:100%;
z-index:20;
-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 .naviset div#modal {
width:100%;
display:table-cell;
text-align:center;
vertical-align:middle;
}
div#Header .naviset ul {
margin-top:-100px;
display:block;
}
div#Header .naviset ul li {
margin:0px 50px;
padding:10px 0px;
display:block;
text-align:center;
}
div#Header .naviset ul li:after {
margin-top:0px;
margin-left:-50px;
content:"";
width:100px;
height:1px;
background-color:#cccccc;
position:absolute;
top:inherit;
bottom:0px;
right:inherit;
left:50%;
}
div#Header .naviset ul li:last-child {
margin-right:50px;
}
div#Header .naviset ul li a,
div#Header .naviset ul li p {
font-size:15px;
font-weight:700;
line-height:1.5;
}
div#Header .naviset ul li .mddWrap {
height:auto;
display:block;
background-color:rgba(0,0,0,0.0);
position:static;
}
div#Header .naviset ul li .mddWrap.fade {
display:block;
}
div#Header .naviset ul li ul {
margin:20px auto;
width:100%;
}
div#Header .naviset ul li ul:before {
display:none;
}
div#Header .naviset ul li ul li {
margin-right:0px;
}
div#Header .naviset ul li ul li a {
color:#ffffff;
font-weight:400;
}

div#Header .naviset.slidein {
left:45%;
}
div#Header .open.slidein {
right:30px;
}
div#Header .menuButton.slidein span,
body#page div#Header .menuButton.slidein span {
background:#424d7e;
}
div#Header .menuButton.slidein span:nth-child(2) {
right:-60px;
}
div#Header .menuButton.slidein span:nth-child(1) {
top:25px;
-moz-transform:rotate(25deg);
-webkit-transform:rotate(25deg);
-o-transform:rotate(25deg);
-ms-transform:rotate(25deg);
transform:rotate(25deg);
transition-delay:0.3s;
}
div#Header .menuButton.slidein span:nth-child(3) {
bottom:24px;
-moz-transform:rotate(-25deg);
-webkit-transform:rotate(-25deg);
-o-transform:rotate(-25deg);
-ms-transform:rotate(-25deg);
transform:rotate(-25deg);
transition-delay:0.3s;
}
div#Header .menuButton strong {
display:none;
}

}
@media screen and (max-width:767px) {
div#Header {
height:80px;
}
div#Header .inner {
height:80px;
}
div#Header .logoset {
width:200px;
height:53px;
top:13.5px;
left:15px;
}
div#Header .logoset .logo {
width:200px;
height:53px;
}
/* ロゴ差し替え */
.svg div#Header .logoset .logo {
background:url(../images/logo.svg) top left no-repeat;
background-size:200px 53px;
}
.no-svg div#Header .logoset .logo {
background:url(../images/logo.png) top left no-repeat;
background-size:200px 53px;
}
div#Header_set.scrollset div#Header .logoset,
body#page div#Header_set div#Header .logoset {
top:13.5px;
}
/* ロゴ差し替え */
.svg div#Header_set.scrollset div#Header .logoset .logo,
.svg body#page div#Header_set div#Header .logoset .logo {
background:url(../images/logo.svg) top left no-repeat;
background-size:200px 53px;
}
.no-svg div#Header_set.scrollset div#Header .logoset .logo,
.no-svg body#page div#Header_set div#Header .logoset .logo {
background:url(../images/logo.png) top left no-repeat;
background-size:200px 53px;
}
div#Header .contact {
width:80px;
height:80px;
}
div#Header .contact a {
width:80px;
height:80px;
}
div#Header .contact a p span {
font-size:12px;
letter-spacing:0px;
}
div#Header .contact a p strong {
font-size:14px;
letter-spacing:0px;
}

div#Header .naviset {
width:75%;
}
div#Header .naviset.slidein {
left:25%;
}

div#Header .open {
top:15px;
right:100px;
}
div#Header .menuButton {
width:50px;
height:50px;
}
div#Header .menuButton span:nth-child(1) {
width:50px;
}
div#Header .menuButton span:nth-child(2) {
width:40px;
}
div#Header .menuButton span:nth-child(3) {
width:50px;
}

div#Header .menuButton.slidein span:nth-child(2) {
right:-50px;
}

div#Header .open.slidein {
right:20px;
}
}
@media screen and (max-width:450px) {

div#Header .naviset {
width:80%;
}
div#Header .naviset.slidein {
left:20%;
}

div#Header .open {
right:90px;
}

div#Header .menuButton {
width:40px;
}
div#Header .menuButton span:nth-child(1) {
width:40px;
}
div#Header .menuButton span:nth-child(2) {
width:30px;
}
div#Header .menuButton span:nth-child(3) {
width:40px;
}

div#Header .menuButton.slidein span:nth-child(2) {
right:-40px;
}

}

/*　pagetitle　*/
/* -----------------------------------------------*/
div#pagetitle {
margin:0px auto 130px auto;
width:90%;
max-width:1280px;
position:relative;
}
div#pagetitle .imgset {
padding-top:40%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
background-color:#000000;
}
div#pagetitle .imgset img {
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
div#pagetitle .titleset {
width:100%;
height:100%;
display:table;
position:absolute;
top:0px;
left:0px;
}
div#pagetitle .titleset > div {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div#pagetitle .titleset > div .title {
margin-bottom:20px;
color:#ffffff;
font-size:42px;
font-weight:700;
letter-spacing:0px;
}
div#pagetitle .titleset > div .subtitle {
font-family:'Roboto Condensed', sans-serif;
color:#ffffff;
font-size:18px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
div#pagetitle.minheight {
height:1px;
overflow:hidden;
background-color:#f5f6f8;
}
div#pagetitle.minheight .titleset > div .title {
margin-bottom:10px;
color:#424d7e;
}
div#pagetitle.minheight .titleset > div .subtitle {
color:#424d7e;
}
@media screen and (max-width:767px) {
div#pagetitle {
margin:0px auto 50px auto;
width:100%;
}
div#pagetitle .imgset {
padding-top:40%;
}
div#pagetitle .titleset > div .title {
margin-bottom:10px;
padding:0px 40px;
font-size:24px;
letter-spacing:0px;
}
div#pagetitle .titleset > div .subtitle {
font-size:16px;
}
div#pagetitle.minheight {
height:1px;
overflow:hidden;
background-color:#f5f6f8;
}
div#pagetitle.minheight .titleset > div .title {
margin-bottom:10px;
color:#424d7e;
}
div#pagetitle.minheight .titleset > div .subtitle {
color:#424d7e;
}
}

/*　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:1000px) {
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　*/
/* -----------------------------------------------*/
body#page div#contents {
padding-top:100px;
}
div.container {
margin:0px auto;
width:100%;
text-align:center;
}
body#page div.container {
margin:0px auto;
}
div.container div.contentsbox {
margin:0px auto;
width:100%;
text-align:center;
}
body#top div.container div.contentsbox {
padding:130px 0px;
}
body#top div.container div.contentsbox.last {
padding:130px 0px 0px 0px;
}
body#page div.container div.contentsbox {
padding-top:100px;
}
body#page div.container div.contentsbox:first-child {
padding-top:0px;
}
div.container div.contentsbox.bgcolor {
background-color:#f5f6f8;
}

/* エフェクト */
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 .topslider {
width:100%;
height:100%;
overflow:hidden;
position:relative;
}
div.container .topslider .sliderblock {
margin:0px auto;
width:100%;
height:100%;
}
div.container .topslider .sliderblock .slideinner {
width:100%;
height:100%;
text-align:center;
}
div.container .topslider .sliderblock .slideinner .eyecatch {
width:100%;
height:100%;
position:relative;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container .topslider .leadset {
width:100%;
height:100%;
display:table;
position:absolute;
top:0px;
left:0px;
}
div.container .topslider .leadset > div {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.container .topslider .leadset > div .title {
margin:0px auto;
padding-top:90px;
width:90%;
max-width:1280px;
color:#ffffff;
font-size:40px;
font-weight:700;
line-height:1.3;
text-align:left;
letter-spacing:0.5px;
text-shadow:rgba(0,0,0,0.15) 1px 1px 10px, rgba(0,0,0,0.15) -1px 1px 10px, rgba(0,0,0,0.15) 1px -1px 10px, rgba(0,0,0,0.15) -1px -1px 10px;
}

/* トップ：インタビュー */
div.container .topinterview_head {
margin:0px auto -350px auto;
width:90%;
max-width:1280px;
height:350px;
text-align:left;
position:relative;
}
div.container .topinterview_head .title {
color:#424d7e;
font-size:14px;
font-weight:700;
position:absolute;
top:0px;
left:0px;
}
div.container .topinterview_head .title strong {
margin-bottom:5px;
display:block;
font-family:'Roboto Condensed', sans-serif;
color:#424d7e;
font-size:50px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
/* 個別 */
div.container .topinterview_head div.link_gradation {
position:absolute;
bottom:-7px;
left:0px;
}
div.container .topinterview_block {
margin:0px auto;
width:100%;
max-width:1800px;
}
div.container .topinterview {
margin-left:30%;
width:70%;
height:480px;
overflow:hidden;
position:relative;
}
div.container .topinterview .sliderblock {
margin:0px auto;
width:100%;
height:480px;
}
div.container .topinterview .sliderblock .slideinner {
width:300px;
height:480px;
text-align:center;
}
div.container .topinterview .sliderblock .slideinner a {
display:block;
text-decoration:none;
}
div.container .topinterview .sliderblock .slideinner .eyecatch {
width:100%;
height:350px;
position:relative;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container .topinterview .sliderblock .slideinner .staffdata {
padding-top:45px;
width:100%;
text-align:center;
}
div.container .topinterview .sliderblock .slideinner .staffdata p {
font-size:28px;
letter-spacing:0.5px;
}
div.container .topinterview .sliderblock .slideinner .staffdata p span {
height:45px;
display:block;
font-size:13px;
line-height:1.5;
letter-spacing:0.5px;
}

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

/* 基本コンテンツ */
div.container div.contentsbox div.wideblock {
margin:0px auto;
width:90%;
max-width:1280px;
text-align:center;
}
div.container div.contentsbox div.leadblock {
margin:0px auto;
width:90%;
max-width:900px;
}

div.container div.contentsbox div.titleimg {
margin:0px auto;
padding:50px 0px 100px 0px;
width:100%;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container div.contentsbox div.titleimg.pt {
padding:100px 0px 100px 0px;
}
div.container div.contentsbox div.titleimg.pb_clear {
padding:100px 0px 0px 0px;
}
div.container div.contentsbox div.titleimg > div {
padding-top:45%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
}
div.container div.contentsbox div.titleimg.original > div {
padding-top:0%;
width:100%;
height:auto;
}
div.container div.contentsbox div.titleimg.original > div img {
width:100%;
max-width:650px;
}

div.container div.contentsbox div.wideblock.imgcut .imgset {
padding-top:45%;
width:62%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
}
div.container div.contentsbox div.wideblock.imgcut .textset {
width:64%;
text-align:left;
}
div.container div.contentsbox div.wideblock.imgcut .textset .inner {
margin-top:250px;
background-color:#ffffff;
position:relative;
z-index:2;
}
div.container div.contentsbox div.wideblock.imgcut.imgL .imgset {
float:left;
}
div.container div.contentsbox div.wideblock.imgcut.imgL .textset {
margin-left:-26%;
float:right;
}
div.container div.contentsbox div.wideblock.imgcut.imgR .imgset {
float:right;
}
div.container div.contentsbox div.wideblock.imgcut.imgR .textset {
margin-right:-26%;
float:left;
}
div.container div.contentsbox div.wideblock.imgcut.imgL .textset .inner {
padding:100px 0px 0px 100px;
}
div.container div.contentsbox div.wideblock.imgcut.imgR .textset .inner {
padding:100px 100px 0px 0px;
}

div.container div.contentsbox div.wideblock.imglink {
padding-top:80px;
display:table;
}
div.container div.contentsbox div.wideblock.imglink.clear {
padding-top:0px;
}
div.container div.contentsbox div.wideblock.imglink .imgset {
width:50%;
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.container div.contentsbox div.wideblock.imglink .imgset .img {
padding-top:45%;
width:100%;
height:1rem;
float:left;
overflow:hidden;
display:block;
content:"";
position:relative;
}
/* 個別 */
div.container div.contentsbox div.wideblock.imglink .imgset .img div.link_gradationbox {
position:absolute;
bottom:0px;
right:0px;
}
div.container div.contentsbox div.wideblock.imglink .textset {
width:50%;
display:table-cell;
text-align:left;
vertical-align:middle;
}
div.container div.contentsbox div.wideblock.imglink .textset .inner {
padding-left:80px;
}
div.container div.contentsbox div.wideblock.imglink.reverse .textset .inner {
padding-left:0px;
padding-right:80px;
}

div.container div.contentsbox div.wideblock.topcatch .textset .title {
margin-bottom:50px;
color:#424d7e;
font-size:14px;
font-weight:700;
}
div.container div.contentsbox div.wideblock.topcatch .textset .title strong {
margin-bottom:5px;
display:block;
font-family:'Roboto Condensed', sans-serif;
color:#424d7e;
font-size:50px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
div.container div.contentsbox div.wideblock.topcatch .textset .subtitle {
margin-bottom:50px;
color:#424d7e;
font-size:24px;
font-weight:700;
letter-spacing:0.5px;
}
div.container div.contentsbox div.wideblock.topcatch .textset .lead {
font-size:14px;
}

div.container div.LRset {
margin:50px auto 0px auto;
width:100%;
}
div.container div.LRset > div {
width:45%;
}
div.container div.LRset > div.bgcolor {
background-color:#f8f8f8;
}
div.container div.LRset > div:nth-child(odd) {
float:left;
}
div.container div.LRset > div:nth-child(even) {
float:right;
}
div.container div.LRset > div .inner {
padding:30px 30px;
}
div.container div.LRset > div .imgset {
margin-top:20px;
}
div.container div.LRset > div .imgset img {
width:100%;
}

/* トップ：働く環境 */
div.container div.contentsbox .top_culture .pickup {
width:100%;
letter-spacing:-.4em;
}
div.container div.contentsbox .top_culture .pickup > div {
margin-right:5%;
width:30%;
display:inline-block;
vertical-align:middle;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container div.contentsbox .top_culture .pickup > div:nth-child(3n) {
margin-right:0%;
}
div.container div.contentsbox .top_culture .pickup > div img {
width:100%;
}
div.container div.contentsbox .top_culture .imgset {
margin-top:50px;
width:100%;
}
div.container div.contentsbox .top_culture .imgset > div {
padding-top:30%;
width:33.33333%;
height:1rem;
float:left;
overflow:hidden;
display:block;
content:"";
position:relative;
}
div.container div.contentsbox .top_culture .textset {
margin:-100px auto 0px auto;
width:80%;
background-color:#ffffff;
position:relative;
}
div.container div.contentsbox .top_culture .textset .inner {
margin:0px auto;
padding-top:80px;
width:700px;
text-align:center;
}
div.container div.contentsbox .top_culture .textset .title {
margin-bottom:50px;
color:#424d7e;
font-size:24px;
font-weight:700;
}
div.container div.contentsbox .top_culture .textset .lead {
font-size:14px;
}

/* 経営理念 */
div.container div.contentsbox .philosophy_set {
width:100%;
}
div.container div.contentsbox .philosophy_set .copy {
color:#424d7e;
font-size:30px;
font-weight:700;
}
div.container div.contentsbox .philosophy_set .copy span {
margin-bottom:10px;
display:inline-block;
color:#424d7e;
font-size:30px;
font-weight:700;
position:relative;
}
div.container div.contentsbox .philosophy_set .copy span:after {
content:"";
width:100%;
height:1px;
display:block;
background-color:#424d7e;
position:absolute;
bottom:0px;
left:0px;
}
div.container div.contentsbox .philosophy_set .lead {
margin-top:50px;
font-size:18px;
}
div.container div.contentsbox .philosophy_set .lead strong {
font-size:18px;
font-weight:700;
}

/* 働く環境 */
div.container div.contentsbox .culture_img {
padding-top:50px;
padding-bottom:20px;
width:100%;
letter-spacing:-.4em;
}
div.container div.contentsbox .culture_img > div {
margin-right:5%;
margin-top:50px;
display:inline-block;
vertical-align:middle;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container div.contentsbox .culture_img > div:nth-child(1),
div.container div.contentsbox .culture_img > div:nth-child(2),
div.container div.contentsbox .culture_img > div:nth-child(3) {
margin-top:0px;
width:30%;
}
div.container div.contentsbox .culture_img > div:nth-child(4),
div.container div.contentsbox .culture_img > div:nth-child(5),
div.container div.contentsbox .culture_img > div:nth-child(6),
div.container div.contentsbox .culture_img > div:nth-child(7) {
width:21.25%;
}
div.container div.contentsbox .culture_img > div:nth-child(3),
div.container div.contentsbox .culture_img > div:nth-child(7) {
margin-right:0%;
}
div.container div.contentsbox .culture_img > div img {
width:100%;
}
div.container div.contentsbox .culture_list {
padding-top:50px;
width:100%;
}
div.container div.contentsbox .culture_list.first {
padding-top:100px;
}
div.container div.contentsbox .culture_list ul {
width:100%;
letter-spacing:-.4em;
}
div.container div.contentsbox .culture_list ul li {
margin-right:5%;
margin-top:30px;
width:21.25%;
height:180px;
display:inline-block;
text-align:center;
vertical-align:top;
background-color:#424d7e;
}
div.container div.contentsbox .culture_list ul li:nth-child(4n) {
margin-right:0%;
}
div.container div.contentsbox .culture_list ul li:nth-child(1),
div.container div.contentsbox .culture_list ul li:nth-child(2),
div.container div.contentsbox .culture_list ul li:nth-child(3),
div.container div.contentsbox .culture_list ul li:nth-child(4) {
margin-top:0px;
}
div.container div.contentsbox .culture_list ul li > div {
width:100%;
height:180px;
display:table;
}
div.container div.contentsbox .culture_list ul li p {
display:table-cell;
color:#ffffff;
font-size:18px;
font-weight:700;
line-height:1.5;
text-align:center;
vertical-align:middle;
}
div.container div.contentsbox .culture_list ul li p span {
margin-top:10px;
padding:0px 10px;
display:block;
color:#ffffff;
font-size:12px;
font-weight:400;
line-height:1.5;
letter-spacing:0.5px;
}

/* 事業内容 */
div.container div.contentsbox .business_list {
width:100%;
}
div.container div.contentsbox .business_list ul {
width:100%;
}
div.container div.contentsbox .business_list ul li {
margin-right:2%;
margin-top:30px;
width:23.5%;
float:left;
border:#f1f1f1 solid 1px;
box-sizing:border-box;
}
div.container div.contentsbox .business_list ul li:nth-child(4n) {
margin-right:0%;
}
div.container div.contentsbox .business_list ul li:nth-child(1),
div.container div.contentsbox .business_list ul li:nth-child(2),
div.container div.contentsbox .business_list ul li:nth-child(3),
div.container div.contentsbox .business_list ul li:nth-child(4) {
margin-top:0px;
}
div.container div.contentsbox .business_list ul li > div,
div.container div.contentsbox .business_list ul li a {
padding:20px 20px;
display:block;
text-decoration:none;
}
div.container div.contentsbox .business_list ul li .imgset {
display:block;
text-decoration:none;
width:100%;
height:120px;
display:table;
}
div.container div.contentsbox .business_list ul li .imgset > span {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.container div.contentsbox .business_list ul li .imgset > span img {
width:100%;
}
div.container div.contentsbox .business_list ul li .lead {
padding-top:10px;
font-size:13px;
letter-spacing:0.5px;
text-align:left;
}

/* 社員インタビュー */
div.container div.contentsbox .interview_list {
width:100%;
}
div.container div.contentsbox .interview_list ul {
width:100%;
}
div.container div.contentsbox .interview_list ul li {
margin-top:70px;
width:47.5%;
position:relative;
}
div.container div.contentsbox .interview_list ul li:nth-child(odd) {
float:left;
}
div.container div.contentsbox .interview_list ul li:nth-child(even) {
float:right;
}
div.container div.contentsbox .interview_list ul li:nth-child(1),
div.container div.contentsbox .interview_list ul li:nth-child(2) {
margin-top:0px;
}
div.container div.contentsbox .interview_list ul li a {
display:block;
text-decoration:none;
}
div.container div.contentsbox .interview_list ul li .photo {
width:38%;
position:absolute;
top:0px;
right:0px;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container div.contentsbox .interview_list ul li .photo > div {
padding-top:110%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
}
div.container div.contentsbox .interview_list ul li .profile {
padding-right:40%;
}
div.container div.contentsbox .interview_list ul li .profile .title {
margin-bottom:30px;
color:#424d7e;
font-size:36px;
font-weight:700;
text-align:left;
}
div.container div.contentsbox .interview_list ul li .profile .title span {
margin-bottom:10px;
display:block;
color:#424d7e;
font-size:16px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
div.container div.contentsbox .interview_list ul li .profile .title strong {
display:block;
font-family:'Roboto Condensed', sans-serif;
color:#424d7e;
font-size:18px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
div.container div.contentsbox .interview_list ul li .profile .copy {
font-size:22px;
text-align:left;
line-height:1.2;
letter-spacing:0px;
}
/* 個別 */
div.container div.contentsbox .interview_list div.link_gradationbox {
position:absolute;
bottom:0px;
right:0px;
}
div.container div.contentsbox .interview_list div.link_gradationbox a,
div.container div.contentsbox .interview_list div.link_gradationbox p {
height:40px;
}
div.container div.contentsbox .interview_list div.link_gradationbox a:after,
div.container div.contentsbox .interview_list div.link_gradationbox p:after {
height:40px;
}
div.container div.contentsbox .interview_list div.link_gradationbox a span,
div.container div.contentsbox .interview_list div.link_gradationbox p span {
height:40px;
}
div.container div.contentsbox .interview_set {
width:100%;
}
div.container div.contentsbox .interview_set .headset {
width:100%;
}
div.container div.contentsbox .interview_set .headset .photo {
width:35%;
float:right;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container div.contentsbox .interview_set .headset .photo > div {
padding-top:110%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
}
div.container div.contentsbox .interview_set .headset .profile {
width:60%;
float:left;
}
div.container div.contentsbox .interview_set .headset .profile .title {
margin-bottom:50px;
color:#424d7e;
font-size:42px;
font-weight:700;
text-align:left;
}
div.container div.contentsbox .interview_set .headset .profile .title span {
margin-bottom:10px;
display:block;
color:#424d7e;
font-size:16px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
div.container div.contentsbox .interview_set .headset .profile .title strong {
display:block;
font-family:'Roboto Condensed', sans-serif;
color:#424d7e;
font-size:18px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
div.container div.contentsbox .interview_set .headset .profile .copy {
font-size:36px;
text-align:left;
line-height:1.3;
letter-spacing:0px;
}
div.container div.contentsbox .interview_set .photolead {
margin-top:130px;
width:100%;
}
div.container div.contentsbox .interview_set .photolead .photo {
padding-top:40%;
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;
}
div.container div.contentsbox .interview_set .photolead .leadset {
margin:-40px 70px 0px 70px;
width:100%;
text-align:left;
position:relative;
z-index:2;
}
div.container div.contentsbox .interview_set .photolead .leadset .title {
margin-bottom:70px;
padding:20px 30px;
display:inline-block;
color:#ffffff;
font-size:30px;
font-weight:700;
letter-spacing:0px;
line-height:1.3;
background:-moz-linear-gradient(left, #0d78c3, #00a9e0);
background:-webkit-linear-gradient(left, #0d78c3, #00a9e0);
background:linear-gradient(to right, #0d78c3, #00a9e0);
}
div.container div.contentsbox .interview_set .photolead .leadset .lead {
padding:10px 0px;
font-size:14px;
}
div.container div.contentsbox .interview_set .footset {
margin-top:130px;
width:100%;
text-align:left;
}
div.container div.contentsbox .interview_set .footset > div {
width:47.5%;
}
div.container div.contentsbox .interview_set .footset > div:nth-child(odd) {
float:left;
}
div.container div.contentsbox .interview_set .footset > div:nth-child(even) {
float:right;
}
div.container div.contentsbox .interview_set .footset .title {
margin-bottom:50px;
font-size:30px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
}
div.container div.contentsbox .interview_set .footset .lead {
padding:10px 0px;
font-size:14px;
}
/* #####アニメーション */
div.container div.contentsbox .interview_list ul li .photo > div .fit {
width:100%;
height:100%;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.container div.contentsbox .interview_list ul li a:hover .photo > div .fit {
width:110%;
height:110%;
top:-5%; 
left:-5%;
}

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

/* ページャー */
div.pager {
margin:50px auto 0px auto;
width:90%;
max-width:1400px;
text-align:center;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.pager a,
div.pager span.current {
margin:0px 4px;
width:40px;
height:50px;
display:inline-block;
color:#6a6a6a;
font-family:'Roboto Condensed', sans-serif;
font-size:16px;
font-weight:700;
line-height:50px;
text-align:center;
letter-spacing:0px;
text-indent:0px;
text-decoration:none;
}
div.pager a {
border:#6a6a6a solid 1px;
box-sizing:border-box;
}
div.pager a.arr {
background:none;
}
div.pager span.current {
color:#ffffff;
border:#ffffff solid 1px;
box-sizing:border-box;
}
div.pager .previouspostslink,
div.pager .nextpostslink {
border:none;
}
div.pager span.pages {
margin:0px 20px;
height:50px;
display:inline-block;
color:#6a6a6a;
font-family:'Roboto Condensed', sans-serif;
font-size:16px;
font-weight:700;
line-height:50px;
text-align:center;
letter-spacing:0px;
text-indent:0px;
text-decoration:none;
}

/* 表組み */
div.container div.tlset table {
width:100%;
text-align:left;
border-collapse:separate;
border-spacing:0px;
border:0 !important ;
}
div.container div.tlset table th,
div.container div.tlset table td {
padding:20px 0px;
text-align:left;
border-bottom:#e4e8f0 solid 1px;
box-sizing:border-box;
}
div.container div.tlset table tr:last-child th,
div.container div.tlset table tr:last-child td {
border-bottom:none;
}
div.container div.tlset table th p,
div.container div.tlset table td p {
padding:0px 30px;
font-size:14px;
letter-spacing:0.5px;
}
div.container div.tlset table th p {
font-weight:700;
}
div.container div.tlset table th {
background-color:#f5f6f8;
}
div.container div.tlset table td {
background-color:#ffffff;
}

/* ボタン(グラデーション：テキスト) */
div.container div.link_gradation {
margin-top:50px;
}
div.container div.link_gradation a {
display:inline-block;
overflow:hidden;
color:#ffffff;
font-family:'Roboto Condensed', sans-serif;
font-size:16px;
font-weight:700;
line-height:60px;
letter-spacing:0px;
text-align:left;
text-decoration:none;
background:-moz-linear-gradient(left, #0d78c3, #00a9e0);
background:-webkit-linear-gradient(left, #0d78c3, #00a9e0);
background:linear-gradient(to right, #0d78c3, #00a9e0);
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
position:relative;
}
div.container div.link_gradation a:after {
content:"";
width:100%;
height:60px;
display:block;
background:-moz-linear-gradient(left, #0d78c3, #00a9e0);
background:-webkit-linear-gradient(left, #0d78c3, #00a9e0);
background:linear-gradient(to right, #0d78c3, #00a9e0);
position:absolute;
top:0px;
left:-100%;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.container div.link_gradation a span {
padding:0px 100px 0px 30px;
display:block;
color:#ffffff;
font-family:'Roboto Condensed', sans-serif;
font-size:16px;
font-weight:700;
line-height:60px;
letter-spacing:0px;
text-align:left;
text-decoration:none;
position:relative;
z-index:2;
}
div.container div.link_gradation a span:before {
content:"";
width:30px;
height:1px;
display:block;
background-color:#ffffff;
position:absolute;
top:50%;
right:30px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.container div.link_gradation a span:after {
margin-top:-3px;
content:"";
width:10px;
height:1px;
display:block;
background-color:#ffffff;
position:absolute;
top:50%;
right:30px;
-moz-transform:rotate(35deg);
-webkit-transform:rotate(35deg);
-o-transform:rotate(35deg);
-ms-transform:rotate(35deg);
transform:rotate(35deg);
}
div.container div.link_gradation.Lset {
text-align:left;
}
div.container div.link_gradation.Rset {
text-align:right;
}
div.container div.link_gradation.Cset {
text-align:center;
}
/* #####アニメーション */
div.container div.link_gradation a:hover:after {
left:0%;
}
div.container div.link_gradation a:hover span:before {
width:20px;
}

/* ボタン(グラデーション：ボックス) */
div.link_gradationbox {
display:block;
}
div.link_gradationbox a,
div.link_gradationbox p {
width:70px;
height:60px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
text-decoration:none;
background:-moz-linear-gradient(left, #0d78c3, #00a9e0);
background:-webkit-linear-gradient(left, #0d78c3, #00a9e0);
background:linear-gradient(to right, #0d78c3, #00a9e0);
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
position:relative;
}
div.link_gradationbox a:after,
div.link_gradationbox p:after {
content:"";
width:100%;
height:60px;
display:block;
background:-moz-linear-gradient(left, #0d78c3, #00a9e0);
background:-webkit-linear-gradient(left, #0d78c3, #00a9e0);
background:linear-gradient(to right, #0d78c3, #00a9e0);
position:absolute;
top:0px;
left:-100%;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.link_gradationbox a span,
div.link_gradationbox p span {
width:70px;
height:60px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
text-decoration:none;
position:relative;
z-index:2;
}
div.link_gradationbox a span:before,
div.link_gradationbox p span:before {
content:"";
width:30px;
height:1px;
display:block;
background-color:#ffffff;
position:absolute;
top:50%;
right:20px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.link_gradationbox a span:after,
div.link_gradationbox p span:after {
margin-top:-3px;
content:"";
width:10px;
height:1px;
display:block;
background-color:#ffffff;
position:absolute;
top:50%;
right:20px;
-moz-transform:rotate(35deg);
-webkit-transform:rotate(35deg);
-o-transform:rotate(35deg);
-ms-transform:rotate(35deg);
transform:rotate(35deg);
}
/* #####アニメーション */
div.link_gradationbox a:hover:after {
left:0%;
}
div.link_gradationbox a:hover span:before {
width:20px;
}
a:hover div.link_gradationbox p:after {
left:0%;
}
a:hover div.link_gradationbox p span:before {
width:20px;
}

/* タイトル(上下線) */
div.container div.title_line {
margin-top:50px;
margin-bottom:50px;
padding:20px 30px;
border-top:#f1f1f1 solid 1px;
border-bottom:#f1f1f1 solid 1px;
box-sizing:border-box;
background-color:#f8f8f8;
}
div.container div.title_line.clear {
margin-top:0px;
}
div.container div.title_line .title {
font-size:24px;
font-weight:700;
}
div.container div.title_line.small .title {
font-size:20px;
}
/* タイトル(太小) */
div.container div.title_small {
margin-bottom:30px;
}
div.container div.title_small .title {
font-size:18px;
font-weight:700;
}
/* タイトル(日英) */
div.container div.title_multilingual {
margin-bottom:50px;
}
div.container div.title_multilingual.clear {
margin-bottom:0px;
margin-top:50px;
}
div.container div.title_multilingual.clear .title {
margin-bottom:0px;
}
div.container div.title_multilingual.allclear {
margin-bottom:0px;
margin-top:0px;
}
div.container div.title_multilingual.allclear .title {
margin-bottom:0px;
}
div.container div.title_multilingual .title {
margin-bottom:50px;
color:#424d7e;
font-size:14px;
font-weight:700;
}
div.container div.title_multilingual .title strong {
margin-bottom:5px;
display:block;
font-family:'Roboto Condensed', sans-serif;
color:#424d7e;
font-size:50px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
div.container div.title_multilingual.reverse .title {
font-family:'Roboto Condensed', sans-serif;
color:#424d7e;
font-size:16px;
font-weight:700;
letter-spacing:0px;
}
div.container div.title_multilingual.reverse .title strong {
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:34px;
}

/* テキスト(デフォルト) */
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:18px;
font-weight:700;
line-height:1.75;
}
div.container div.text_default .lead.color {
color:#424d7e;
}

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

div.container div.text_default .lead.mt {
margin-top:30px;
}
div.container div.text_default .lead .sign {
margin-top:5px;
display:block;
}
div.container div.text_default .lead .sign img {
height:36px;
}

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

body#page div#contents {
padding-top:80px;
}
body#top div.container div.contentsbox {
padding:50px 0px;
}
body#top div.container div.contentsbox.last {
padding:50px 0px 0px 0px;
}
body#page div.container div.contentsbox {
padding-top:50px;
}

/* トップ：スライダー */
div.container .topslider .sliderblock .slideinner:nth-child(2) .eyecatch .fit img {
object-position:32% 50%;
font-family:'object-fit: cover; object-position: 32% 50%;';
}
div.container .topslider .sliderblock .slideinner:nth-child(3) .eyecatch .fit img {
object-position:70% 50%;
font-family:'object-fit: cover; object-position: 70% 50%;';
}
div.container .topslider .sliderblock .slideinner:nth-child(4) .eyecatch .fit img {
object-position:32% 50%;
font-family:'object-fit: cover; object-position: 32% 50%;';
}
div.container .topslider .leadset > div .title {
padding-top:90px;
font-size:30px;
line-height:1.3;
letter-spacing:0px;
}

/* トップ：インタビュー */
div.container .topinterview_head {
margin:0px auto -250px auto;
height:250px;
}
div.container .topinterview_head .title {
font-size:13px;
position:relative;
z-index:2;
}
div.container .topinterview_head .title strong {
font-size:32px;
}
/* 個別 */
div.container .topinterview_head div.link_gradation {
bottom:-7px;
z-index:2;
}
div.container .topinterview {
margin-left:20%;
width:80%;
height:350px;
}
div.container .topinterview .sliderblock {
height:350px;
}
div.container .topinterview .sliderblock .slideinner {
width:200px;
height:350px;
}
div.container .topinterview .sliderblock .slideinner .eyecatch {
height:250px;
}
div.container .topinterview .sliderblock .slideinner .staffdata {
padding-top:25px;
}
div.container .topinterview .sliderblock .slideinner .staffdata p {
font-size:20px;
letter-spacing:0px;
}
div.container .topinterview .sliderblock .slideinner .staffdata p span {
height:45px;
font-size:13px;
letter-spacing:0px;
}

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

/* 基本コンテンツ */
div.container div.contentsbox div.wideblock {
width:90%;
}
div.container div.contentsbox div.leadblock {
width:90%;
}

div.container div.contentsbox div.titleimg {
padding:0px 0px 30px 0px;
}
div.container div.contentsbox div.titleimg.pt {
padding:30px 0px 30px 0px;
}
div.container div.contentsbox div.titleimg.pb_clear {
padding:30px 0px 0px 0px;
}

div.container div.contentsbox div.wideblock.imgcut .imgset {
padding-top:45%;
width:100%;
}
div.container div.contentsbox div.wideblock.imgcut .textset {
width:90%;
}
div.container div.contentsbox div.wideblock.imgcut .textset .inner {
margin-top:-50px;
}
div.container div.contentsbox div.wideblock.imgcut.imgL .textset {
margin-left:0%;
}
div.container div.contentsbox div.wideblock.imgcut.imgR .textset {
margin-right:0%;
}
div.container div.contentsbox div.wideblock.imgcut.imgL .textset .inner {
padding:30px 0px 0px 30px;
}
div.container div.contentsbox div.wideblock.imgcut.imgR .textset .inner {
padding:30px 30px 0px 0px;
}

div.container div.contentsbox div.wideblock.imglink {
padding-top:50px;
display:block;
}
div.container div.contentsbox div.wideblock.imglink .imgset {
width:100%;
display:block;
}
div.container div.contentsbox div.wideblock.imglink .imgset .img {
margin-bottom:30px;
padding-top:45%;
}
div.container div.contentsbox div.wideblock.imglink .imgset.mh_space .img {
margin-top:30px;
margin-bottom:30px;
}
div.container div.contentsbox div.wideblock.imglink .imgset.mt_space .img {
margin-top:30px;
}
div.container div.contentsbox div.wideblock.imglink .imgset.mb_space .img {
margin-bottom:30px;
}
div.container div.contentsbox div.wideblock.imglink .textset {
width:100%;
display:block;
}
div.container div.contentsbox div.wideblock.imglink .textset .inner {
padding-left:0px;
}
div.container div.contentsbox div.wideblock.imglink.reverse .textset .inner {
padding-left:0px;
padding-right:0px;
}

div.container div.contentsbox div.wideblock.topcatch .textset .title {
margin-bottom:30px;
font-size:13px;
}
div.container div.contentsbox div.wideblock.topcatch .textset .title strong {
font-size:32px;
}
div.container div.contentsbox div.wideblock.topcatch .textset .subtitle {
margin-bottom:30px;
font-size:20px;
}

div.container div.LRset {
margin:30px auto 0px auto;
}
div.container div.LRset > div {
width:100%;
}
div.container div.LRset > div.bgcolor {
background:none;
}
div.container div.LRset > div:nth-child(odd) {
float:inherit;
}
div.container div.LRset > div:nth-child(even) {
margin-top:20px;
float:inherit;
}
div.container div.LRset > div .inner {
padding:0px 0px;
}
div.container div.LRset > div .imgset {
margin-top:0px;
}
div.container div.LRset > div .imgset img {
width:100%;
}

/* トップ：働く環境 */
/*div.container div.contentsbox .top_culture .pickup > div {
margin-right:5%;
width:30%;
display:inline-block;
vertical-align:middle;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container div.contentsbox .top_culture .pickup > div:nth-child(3n) {
margin-right:0%;
}
div.container div.contentsbox .top_culture .pickup > div img {
width:100%;
}*/
div.container div.contentsbox .top_culture .imgset {
margin-top:0px;
}
div.container div.contentsbox .top_culture .imgset > div {
padding-top:40%;
}
div.container div.contentsbox .top_culture .textset {
margin:-50px auto 0px auto;
width:90%;
}
div.container div.contentsbox .top_culture .textset .inner {
padding-top:30px;
width:90%;
}
div.container div.contentsbox .top_culture .textset .title {
margin-bottom:30px;
font-size:20px;
letter-spacing:0px;
}

/* 経営理念 */
div.container div.contentsbox .philosophy_set .copy {
font-size:20px;
}
div.container div.contentsbox .philosophy_set .copy span {
margin-bottom:10px;
font-size:20px;
letter-spacing:0px;
}
div.container div.contentsbox .philosophy_set .lead {
margin-top:30px;
font-size:16px;
}
div.container div.contentsbox .philosophy_set .lead strong {
font-size:16px;
}

/* 働く環境 */
/*div.container div.contentsbox .culture_img {
padding-top:50px;
padding-bottom:20px;
width:100%;
letter-spacing:-.4em;
}
div.container div.contentsbox .culture_img > div {
margin-right:5%;
margin-top:50px;
display:inline-block;
vertical-align:middle;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.container div.contentsbox .culture_img > div:nth-child(1),
div.container div.contentsbox .culture_img > div:nth-child(2),
div.container div.contentsbox .culture_img > div:nth-child(3) {
margin-top:0px;
width:30%;
}
div.container div.contentsbox .culture_img > div:nth-child(4),
div.container div.contentsbox .culture_img > div:nth-child(5),
div.container div.contentsbox .culture_img > div:nth-child(6),
div.container div.contentsbox .culture_img > div:nth-child(7) {
width:21.25%;
}
div.container div.contentsbox .culture_img > div:nth-child(3),
div.container div.contentsbox .culture_img > div:nth-child(7) {
margin-right:0%;
}
div.container div.contentsbox .culture_img > div img {
width:100%;
}*/
div.container div.contentsbox .culture_list {
padding-top:30px;
}
div.container div.contentsbox .culture_list.first {
padding-top:50px;
}
div.container div.contentsbox .culture_list ul li {
margin-right:5%;
margin-top:20px;
width:47.5%;
height:160px;
}
div.container div.contentsbox .culture_list ul li:nth-child(2n) {
margin-right:0%;
}
div.container div.contentsbox .culture_list ul li:nth-child(3),
div.container div.contentsbox .culture_list ul li:nth-child(4) {
margin-top:20px;
}
div.container div.contentsbox .culture_list ul li > div {
height:160px;
}

/* 事業内容 */
div.container div.contentsbox .business_list ul li {
margin-right:2%;
margin-top:10px;
width:49%;
}
div.container div.contentsbox .business_list ul li:nth-child(2n) {
margin-right:0%;
}
div.container div.contentsbox .business_list ul li:nth-child(3),
div.container div.contentsbox .business_list ul li:nth-child(4) {
margin-top:10px;
}
div.container div.contentsbox .business_list ul li .imgset {
height:90px;
}
div.container div.contentsbox .business_list ul li .lead {
letter-spacing:0px;
}

/* 社員インタビュー */
div.container div.contentsbox .interview_list ul li {
margin-top:50px;
width:100%;
}
div.container div.contentsbox .interview_list ul li:nth-child(odd) {
float:inherit;
}
div.container div.contentsbox .interview_list ul li:nth-child(even) {
float:inherit;
}
div.container div.contentsbox .interview_list ul li:nth-child(2) {
margin-top:50px;
}
div.container div.contentsbox .interview_list ul li .profile .title {
margin-bottom:20px;
font-size:24px;
}
div.container div.contentsbox .interview_list ul li .profile .title span {
margin-bottom:5px;
font-size:14px;
line-height:1.5;
}
div.container div.contentsbox .interview_list ul li .profile .title strong {
font-size:14px;
}
div.container div.contentsbox .interview_list ul li .profile .copy {
font-size:18px;
line-height:1.2;
}
div.container div.contentsbox .interview_set .headset .profile .title {
margin-bottom:20px;
font-size:24px;
}
div.container div.contentsbox .interview_set .headset .profile .title span {
margin-bottom:5px;
font-size:14px;
line-height:1.5;
}
div.container div.contentsbox .interview_set .headset .profile .title strong {
font-size:14px;
}
div.container div.contentsbox .interview_set .headset .profile .copy {
font-size:18px;
line-height:1.3;
}
div.container div.contentsbox .interview_set .photolead {
margin-top:50px;
}
div.container div.contentsbox .interview_set .photolead .leadset {
margin:-30px 0px 0px 50px;
width:auto;
}
div.container div.contentsbox .interview_set .photolead .leadset .title {
margin-bottom:30px;
padding:15px 15px;
font-size:20px;
}
div.container div.contentsbox .interview_set .footset {
margin-top:50px;
}
div.container div.contentsbox .interview_set .footset > div {
width:100%;
}
div.container div.contentsbox .interview_set .footset > div:nth-child(odd) {
float:inherit;
}
div.container div.contentsbox .interview_set .footset > div:nth-child(even) {
margin-top:50px;
float:inherit;
}
div.container div.contentsbox .interview_set .footset .title {
margin-bottom:20px;
height:auto !important ;
font-size:20px;
}

/* ページャー */
div.pager {
margin:50px auto 0px auto;
width:90%;
max-width:1400px;
text-align:center;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.pager a,
div.pager span.current {
margin:0px 4px;
width:40px;
height:50px;
display:inline-block;
color:#6a6a6a;
font-family:'Roboto Condensed', sans-serif;
font-size:16px;
font-weight:700;
line-height:50px;
text-align:center;
letter-spacing:0px;
text-indent:0px;
text-decoration:none;
}
div.pager a {
border:#6a6a6a solid 1px;
box-sizing:border-box;
}
div.pager a.arr {
background:none;
}
div.pager span.current {
color:#ffffff;
border:#ffffff solid 1px;
box-sizing:border-box;
}
div.pager .previouspostslink,
div.pager .nextpostslink {
border:none;
}
div.pager span.pages {
margin:0px 20px;
height:50px;
display:inline-block;
color:#6a6a6a;
font-family:'Roboto Condensed', sans-serif;
font-size:16px;
font-weight:700;
line-height:50px;
text-align:center;
letter-spacing:0px;
text-indent:0px;
text-decoration:none;
}

/* 表組み */
div.container div.tlset table th,
div.container div.tlset table td {
padding:10px 0px;
}
div.container div.tlset table th p,
div.container div.tlset table td p {
padding:0px 10px;
}
div.container div.tlset table th {
width:35%;
}
div.container div.tlset table td {
width:65%;
}

/* ボタン(グラデーション：テキスト) */
div.container div.link_gradation {
margin-top:50px;
}
div.container div.link_gradation a {
line-height:50px;
}
div.container div.link_gradation a:after {
height:50px;
}
div.container div.link_gradation a span {
padding:0px 70px 0px 20px;
line-height:50px;
}
div.container div.link_gradation a span:before {
right:20px;
}
div.container div.link_gradation a span:after {
right:20px;
}
div.container div.link_gradation.Lset {
text-align:left;
}
div.container div.link_gradation.Rset {
text-align:right;
}
div.container div.link_gradation.Cset {
text-align:center;
}
/* #####アニメーション */
div.container div.link_gradation a:hover:after {
left:0%;
}
div.container div.link_gradation a:hover span:before {
width:20px;
}

/* ボタン(グラデーション：ボックス) */
div.link_gradationbox {
display:block;
}
div.link_gradationbox a,
div.link_gradationbox p {
width:70px;
height:40px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
text-decoration:none;
background:-moz-linear-gradient(left, #0d78c3, #00a9e0);
background:-webkit-linear-gradient(left, #0d78c3, #00a9e0);
background:linear-gradient(to right, #0d78c3, #00a9e0);
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
position:relative;
}
div.link_gradationbox a:after,
div.link_gradationbox p:after {
content:"";
width:100%;
height:40px;
display:block;
background:-moz-linear-gradient(left, #0d78c3, #00a9e0);
background:-webkit-linear-gradient(left, #0d78c3, #00a9e0);
background:linear-gradient(to right, #0d78c3, #00a9e0);
position:absolute;
top:0px;
left:-100%;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.link_gradationbox a span,
div.link_gradationbox p span {
width:70px;
height:40px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
text-decoration:none;
position:relative;
z-index:2;
}
div.link_gradationbox a span:before,
div.link_gradationbox p span:before {
content:"";
width:30px;
height:1px;
display:block;
background-color:#ffffff;
position:absolute;
top:50%;
right:20px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.link_gradationbox a span:after,
div.link_gradationbox p span:after {
margin-top:-3px;
content:"";
width:10px;
height:1px;
display:block;
background-color:#ffffff;
position:absolute;
top:50%;
right:20px;
-moz-transform:rotate(35deg);
-webkit-transform:rotate(35deg);
-o-transform:rotate(35deg);
-ms-transform:rotate(35deg);
transform:rotate(35deg);
}
/* #####アニメーション */
div.link_gradationbox a:hover:after {
left:0%;
}
div.link_gradationbox a:hover span:before {
width:20px;
}
a:hover div.link_gradationbox p:after {
left:0%;
}
a:hover div.link_gradationbox p span:before {
width:20px;
}

/* タイトル(上下線) */
div.container div.title_line {
margin-top:30px;
margin-bottom:30px;
padding:10px 20px;
}
div.container div.title_line .title {
font-size:20px;
}
div.container div.title_line.small .title {
font-size:16px;
}
/* タイトル(太小) */
div.container div.title_small {
margin-bottom:20px;
}
div.container div.title_small .title {
font-size:18px;
font-weight:700;
}
/* タイトル(日英) */
div.container div.title_multilingual {
margin-bottom:50px;
}
div.container div.title_multilingual.clear {
margin-bottom:0px;
margin-top:50px;
}
div.container div.title_multilingual.clear .title {
margin-bottom:0px;
}
div.container div.title_multilingual.allclear {
margin-bottom:0px;
margin-top:0px;
}
div.container div.title_multilingual.allclear .title {
margin-bottom:0px;
}
div.container div.title_multilingual .title {
margin-bottom:50px;
color:#424d7e;
font-size:14px;
font-weight:700;
}
div.container div.title_multilingual .title strong {
font-size:38px;
}
div.container div.title_multilingual.reverse .title {
font-size:16px;
}
div.container div.title_multilingual.reverse .title strong {
font-size:24px;
line-height:1.5;
}

/* テキスト(デフォルト) */
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;
}
div.container div.text_default .lead.mt {
margin-top:30px;
}
div.container div.text_default .lead .sign {
margin-top:5px;
display:block;
}
div.container div.text_default .lead .sign img {
height:36px;
}

}
@media screen and (max-width:450px) {
	
/* トップ：スライダー */
div.container .topslider .leadset > div .title {
font-size:24px;
}

div.container .topinterview .sliderblock .slideinner .staffdata p span {
height:40px;
font-size:10px;
line-height:1.2;
}

}

/*　Footerlink　*/
/* -----------------------------------------------*/
div#Footerlink {
margin:0px auto;
padding:100px 0px 130px 0px;
width:100%;
}
div#Footerlink .inner {
margin:0px auto;
width:90%;
max-width:1280px;
text-align:left;
position:relative;
}
div#Footerlink .inner .title {
margin-bottom:50px;
width:100%;
color:#424d7e;
font-size:40px;
font-weight:700;
line-height:1.5;
text-align:center;
}
div#Footerlink .inner ul {
width:100%;
}
div#Footerlink .inner ul li {
margin-right:5%;
width:30%;
float:left;
}
div#Footerlink .inner ul li:nth-child(3n) {
margin-right:0%;
}
div#Footerlink .inner ul li .imgset {
padding-top:50%;
width:100%;
height:1rem;
float:left;
/*overflow:hidden;*/
display:block;
content:"";
position:relative;
}
div#Footerlink .inner ul li .imgset .title {
width:100%;
height:100%;
display:table;
background-color:rgba(0,0,0,0.5);
position:absolute;
top:30px;
left:30px;
}
div#Footerlink .inner ul li .imgset .title > div {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div#Footerlink .inner ul li .imgset .title > div p {
padding:0px 50px;
color:#ffffff;
font-size:28px;
font-weight:700;
}
div#Footerlink .inner ul li .imgset .title > div p strong {
margin-bottom:5px;
margin-left:-5px;
display:block;
font-family:'Roboto Condensed', sans-serif;
color:#ffffff;
font-size:34px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}
div#Footerlink .inner ul li .imgset .text_link {
position:absolute;
bottom:-40px;
right:0px;
}
div#Footerlink .inner ul li .imgset .text_link a {
font-size:14px;
letter-spacing:0px;
}
div#Footerlink .inner ul li .imgset .text_link a:hover {
color:#424d7e;
}
/* 個別 */
div#Footerlink .inner ul li .imgset div.link_gradationbox {
position:absolute;
bottom:0px;
right:0px;
}
div#Footerlink .inner ul li .imgset div.link_gradationbox.left {
right:130px;
}
div#Footerlink .inner ul li .imgset div.link_gradationbox.right {
right:0px;
}
div#Footerlink .inner ul li .imgset div.link_gradationbox.left a,
div#Footerlink .inner ul li .imgset div.link_gradationbox.right a,
div#Footerlink .inner ul li .imgset div.link_gradationbox.left p,
div#Footerlink .inner ul li .imgset div.link_gradationbox.right p {
width:130px;
}
div#Footerlink .inner ul li .imgset div.link_gradationbox.left a span,
div#Footerlink .inner ul li .imgset div.link_gradationbox.right a span,
div#Footerlink .inner ul li .imgset div.link_gradationbox.left p span,
div#Footerlink .inner ul li .imgset div.link_gradationbox.right p span {
width:130px;
text-indent:30px;
white-space:normal;
font-family:'Roboto Condensed', sans-serif;
color:#ffffff;
font-size:20px;
font-weight:700;
line-height:60px;
letter-spacing:0px;
}
@media screen and (max-width:1100px) {
div#Footerlink {
padding:50px 0px 50px 0px;
}
div#Footerlink .inner .title {
font-size:24px;
}
div#Footerlink .inner ul li {
margin-right:0%;
margin-bottom:30px;
width:100%;
float:inherit;
}
div#Footerlink .inner ul li:nth-child(1) {
margin-bottom:70px;
}
div#Footerlink .inner ul li:nth-child(3) {
margin-bottom:0px;
}
div#Footerlink .inner ul li .imgset {
padding-top:0%;
height:190px;
float:inherit;
}
div#Footerlink .inner ul li .imgset .title {
margin-bottom:0px;
}
div#Footerlink .inner ul li .imgset .title > div p {
padding:0px 30px;
font-size:20px;
letter-spacing:0px;
}
/*div#Footerlink .inner ul li .imgset .title > div p strong {
margin-bottom:5px;
margin-left:-5px;
display:block;
font-family:'Roboto Condensed', sans-serif;
color:#ffffff;
font-size:34px;
font-weight:700;
line-height:1.0;
letter-spacing:0px;
}*/
div#Footerlink .inner ul li .imgset .text_link {
position:absolute;
bottom:-40px;
right:0px;
}
div#Footerlink .inner ul li .imgset .text_link a {
font-size:14px;
letter-spacing:0px;
}
div#Footerlink .inner ul li .imgset .text_link a:hover {
color:#424d7e;
}
/* 個別 */
div#Footerlink .inner ul li .imgset div.link_gradationbox {
position:absolute;
bottom:0px;
right:0px;
}
div#Footerlink .inner ul li .imgset div.link_gradationbox.left {
right:130px;
}
div#Footerlink .inner ul li .imgset div.link_gradationbox.right {
right:0px;
}
div#Footerlink .inner ul li .imgset div.link_gradationbox.left a,
div#Footerlink .inner ul li .imgset div.link_gradationbox.right a,
div#Footerlink .inner ul li .imgset div.link_gradationbox.left p,
div#Footerlink .inner ul li .imgset div.link_gradationbox.right p {
width:130px;
}
div#Footerlink .inner ul li .imgset div.link_gradationbox.left a span,
div#Footerlink .inner ul li .imgset div.link_gradationbox.right a span,
div#Footerlink .inner ul li .imgset div.link_gradationbox.left p span,
div#Footerlink .inner ul li .imgset div.link_gradationbox.right p span {
width:130px;
text-indent:30px;
white-space:normal;
font-family:'Roboto Condensed', sans-serif;
color:#ffffff;
font-size:20px;
font-weight:700;
line-height:60px;
letter-spacing:0px;
}
}

/*　Footer　*/
/* -----------------------------------------------*/
div#Footer {
margin:0px auto;
width:100%;
}
div#Footer .inner {
margin:0px auto;
width:90%;
max-width:1280px;
text-align:center;
position:relative;
}
div#Footer .naviset {
width:100%;
}
div#Footer .naviset ul {
letter-spacing:-.4em;
}
div#Footer .naviset ul li {
margin-right:30px;
display:inline-block;
}
div#Footer .naviset ul li:last-child {
margin-right:0px;
}
div#Footer .naviset ul li a {
display:inline-block;
color:#424d7e;
font-size:14px;
font-weight:700;
text-decoration:none;
letter-spacing:0.5px;
}
div#Footer .subnaviset {
padding:20px 0px;
width:100%;
}
div#Footer .subnaviset ul {
letter-spacing:-.4em;
}
div#Footer .subnaviset ul li {
padding:0px 20px;
display:inline-block;
position:relative;
}
div#Footer .subnaviset ul li:after {
margin-top:-4px;
display:block;
content:"";
width:1px;
height:10px;
background-color:#424d7e;
position:absolute;
top:50%;
right:0px;
}
div#Footer .subnaviset ul li:first-child:before {
margin-top:-4px;
display:block;
content:"";
width:1px;
height:10px;
background-color:#424d7e;
position:absolute;
top:50%;
left:0px;
}
div#Footer .subnaviset ul li a {
display:inline-block;
color:#424d7e;
font-size:13px;
font-weight:400;
text-decoration:none;
letter-spacing:0.5px;
}
div#Footer .copy {
margin-top:10px;
padding:40px 0px;
width:100%;
font-family:'Roboto Condensed', sans-serif;
color:#c1c5d5;
font-size:13px;
font-weight:400;
line-height:1.0;
letter-spacing:1px;
background-color:#f5f6f8;
}
@media screen and (max-width:767px) {
div#Footer .naviset ul li {
margin:0px 10px;
position:relative;
}
div#Footer .naviset ul li:last-child {
margin:0px 10px;
}
div#Footer .naviset ul li:before {
margin-top:-4px;
content:"";
width:1px;
height:10px;
display:block;
background-color:#c1c5d5;
position:absolute;
top:50%;
left:-10px;
}
div#Footer .naviset ul li:last-child:after {
margin-top:-4px;
content:"";
width:1px;
height:10px;
display:block;
background-color:#c1c5d5;
position:absolute;
top:50%;
right:-10px;
}
div#Footer .naviset ul li a {
font-size:14px;
letter-spacing:0px;
}
div#Footer .subnaviset ul li {
padding:0px 10px;
}
div#Footer .subnaviset ul li a {
letter-spacing:0px;
}
div#Footer .copy {
font-size:12px;
}
}