@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900|Oswald:400,500,700|Source+Sans+Pro:400,700,900&display=swap');

/* font */
.f-oswald{
font-family: 'Oswald', sans-serif;
font-weight: 700; 
}

.f-noto{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700; 
}

.f-source{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700; 
}


*{
box-sizing:border-box;
margin:0;
padding:0;
font-weight:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


/* common */
html{
background:#fff;
}

body { 
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
font-size:16px;
color:#202020;
background:#fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
line-height:1.6;
overflow-wrap: break-word;
word-wrap: break-word;
letter-spacing:.05em;
min-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} 
.main{
display:block;
padding:0 !important;
}
img{
border:none;
width:100%;
max-width:100%;
height:auto;
vertical-align:bottom;
}
ul,ol{
list-style:none;
}
a{
text-decoration:none;
color:#202020;
transition:0.3s all ease;
cursor:pointer;
}
a:hover{
color:#174ca5;
}
a:hover img.opCity {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
transition:0.3s all ease;
}

table{
border-collapse:collapse;
width:100%;
}

.wrapper{
background:#fff;
position:relative;
z-index:1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.inner,.container{
width:1200px;
margin:0 auto;	
}
.contents .inner{
width:100%;	
}

.sp{display:none;}
.pc{display:inline-block;}


/* clearfix */
.cf:before,
.page:before,
section:before,
.inner:before,
.post:before{
content:"";
display: table;
}
.cf:after,
.page:after,
section:after,
.inner:after,
.post:after{
content:"";
display: table;
clear:both;
}

@media screen and (max-width: 768px) {
html{
font-size: 62.5%;	
}

body {
font-size: 1.4rem;
line-height:1.6;
min-width: 100%;
-webkit-text-size-adjust:none;	
}

#page{
overflow:hidden;
width:100%;
min-width:100%;
}

.wrapper{
overflow:hidden;	
}

.main,.inner,.container,.contents{
width:100%;
}
.container{
display: block;
}
.inner{
passing:0 5%;
width:90%;
}

.pc{display:none;}
.sp{display:inline-block;}
}



/*----------------------
 .header
----------------------*/

/* .header PC */
@media screen and (min-width:769px){
.header{
position:fixed;
top:0;
width:100%;
min-width:1140px;
background:#174ca5;
z-index:9999;
color:#fff;
height:60px;
}
.header.header-top{
background:#fff;
}

/* anchor */
.header a{
color:#fff;	
}

/* display */
.header .hd-recruit-conts{
display:none;	
}

/* logo */
.header .hd-logo{
float:left;
line-height:0;
padding-left:30px;
display:table;
width:180px;
position:relative;
z-index:1;
}
.header .hd-logo a{
height:60px;
display:table-cell;
vertical-align:middle;	
}
.header .hd-logo img{
width:180px;	
}


#hd-nav .hd-logo{
display:none;
}


/* .hd-recruit-title */
.header .hd-recruit-title{
display:none;
}

/* .hd-main-conts */
.header .hd-main-conts{
float:right;
display:block;	
}

/* .hd-recruit-conts */
.header .hd-recruit-conts{
display:none;	
}

/* #nav */
.header .global-nav{
padding:0 15px;	
float:left;
}
.header .global-nav li{
display:table;
float:left;	
}
.header .global-nav li a{
display:table-cell;
height:60px;
text-align:center;
vertical-align:middle;
font-size:14px;
font-weight:bold;
padding:0 15px;
position:relative;	
}
.header .global-nav li a:hover{
color:#009cde;	
}
.header.header-top .global-nav li a{
color:#202020;	
}
.header.header-top .global-nav li a:hover{
color:#009cde;
}


/* .global-nav-sub(下層) */
.header .global-nav-child .global-nav-sub{
position: absolute;
top: 60px;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 0;
background:rgba(0,0,0,.4);
transition: .5s;
height:0;
overflow: hidden;
letter-spacing:-.40em;
text-align:center;
display:block;
}
.header .global-nav-child:hover .global-nav-sub {
height:60px;
overflow: visible;
}
.header .global-nav-child .global-nav-sub:hover{
background:rgba(0,0,0,.8);	
}
.header .global-nav-child .global-nav-sub > li{
display:inline-block;
letter-spacing:normal;
margin:0 20px;
float:none;
transition: .7s;
visibility: hidden;
opacity: 0;
}
.header .global-nav-child:hover .global-nav-sub > li{
visibility: visible;
opacity: 1;
}
.header .global-nav-child-pc{
display:table-cell;	
}
.header .global-nav-child-sp{
display:none;	
}
.header .global-nav-child .global-nav-sub .global-nav-sub-sp{
display:none;	
}
.header.header-top .global-nav-child .global-nav-sub > li a{
color:#fff;	
}
.header.header-top .global-nav-child .global-nav-sub > li a:hover{
color:#009cde;
}


/* .is-active */
.header .global-nav-child .global-nav-sub.is-open{
height:60px;
overflow: visible;
background:rgba(0,0,0,.8);	
}
.header .global-nav-child .global-nav-sub.is-open li{
display:inline-block;
letter-spacing:normal;
margin:0 20px;
float:none;
visibility: hidden;
opacity: 0;
}
.header .global-nav-child .global-nav-sub.is-open li{
visibility: visible;
opacity: 1;
}
.header .global-nav-child .global-nav-sub .is-active a{
color:#ccc;	
}
/*
.header .global-nav-products-sub.is-open,
.header .global-nav-company-sub.is-open{
z-index:-1;	
}
*/

/* .hd-bnrs */
.hd-bnrs{
float:right;	
}

/* .hd-menu */
.header .hd-menu{
float:left;
display:table;
position:relative;
z-idexn:1;	
}
.header .hd-menu li{
display:table;
float:left;		
}
.header .hd-menu li a{
display:table-cell;
height:60px;
text-align:center;
vertical-align:middle;
width:160px;
}
.header .hd-menu li a.recruit-button{
background:#3175ca;
}
.header .hd-menu li a.contact-button{
background:#2261b7;
}
.header .hd-menu li a.youtube-button{
background:#37415f;
}
.header .hd-menu li a.recruit-button:hover{
background:#fff;
color:#3175ca;
}
.header .hd-menu li a.contact-button:hover{
background:#fff;
color:#2261b7;
}
.header .hd-menu li a.youtube-button:hover{
background:#fff;
color:#37415f;
}
.header .hd-menu li a span{
font-size:14px;	
font-weight:bold;
background-repeat:no-repeat;
background-position:0 50%;
}
.header .hd-menu li a.youtube-button span{
font-family: 'Oswald', sans-serif;
font-size:18px;
font-weight:500;
letter-spacing:normal;
background-image:url(../images/hd-nav-youtube-button-df.png);
-moz-background-size:auto 16px;
background-size:auto 16px;
padding-left:30px;
}
.header .hd-menu li a.recruit-button span{
background-image:url(../images/hd-nav-recruit-button-df.png);
padding-left:30px;	
}
.header .hd-menu li a.contact-button span{
background-image:url(../images/hd-nav-contact-button-df.png);
padding-left:30px;	
}
.header .hd-menu li a.youtube-button:hover span{
background-image:url(../images/hd-nav-youtube-button-ov.png);
}
.header .hd-menu li a.recruit-button:hover span{
background-image:url(../images/hd-nav-recruit-button-ov.png);
}
.header .hd-menu li a.contact-button:hover span{
background-image:url(../images/hd-nav-contact-button-ov.png);
}

/* .hd-nav-button */
.header .hd-nav-button{
display:none;	
}

/* .hd-recruit-entry */
.header .hd-recruit-entry{
display:none;	
}

/* .hd-lang */
.header .hd-lang{
display:table;
z-idexn:1;
height:60px;	
padding:0;
}
.header .hd-lang li{
display:table;

}
.header .hd-lang li .lang-button span{
display:table-cell;
height:60px;
text-align:center;
vertical-align:middle;
width:160px;
}
.header .hd-lang li .lang-button{
background:#1c243a;
}
.header .hd-lang li span em{
font-size:14px;	
font-weight:bold;
background-repeat:no-repeat;
background-position:0 50%;
font-style:normal;
padding:0 .3em;
}
/* .header .hd-lang li .lang-button:hover span{
background:#fff;
color:#1c243a;
cursor:pointer;
transition:0.3s all ease;
} */
.header .hd-lang li .lang-button .lang-ac{
color:#008aff;
}
.header .hd-lang li .lang-button a:hover{
color:#008aff;
}
/* .header .hd-lang li .lang-button:hover .lang-ac{
color:#1c243a;
} */
.header .hd-lang-child .hd-lang-sub{
position: absolute;
top: 60px;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 0;
background:rgba(0,0,0,.4);
transition: .5s;
height:0;
overflow: hidden;
letter-spacing:-.40em;
text-align:center;
display:block;
}
.header .hd-lang-child:hover .hd-lang-sub{
height:60px;
overflow: visible;
}
.header .hd-lang-child .hd-lang-sub:hover{
background:rgba(0,0,0,.8);	
}
.header .hd-lang-child .hd-lang-sub > li{
display:inline-block;
letter-spacing:normal;
margin:0 20px;
float:none;
transition: .7s;
visibility: hidden;
opacity: 0;
}
.header .hd-lang-child:hover .hd-lang-sub > li{
visibility: visible;
opacity: 1;
}
.header .hd-lang-child .hd-lang-sub > li a{
color:#fff;
display:table-cell;
height:60px;
vertical-align:middle;
}
.header .hd-lang-child .hd-lang-sub > li a:hover{
color:#009cde;
}


}


/* .header SP */
@media screen and (max-width: 768px) {
.header{
width:100%; 
height:auto; 
z-index:9999;
background:#174ca5;
color:#fff;
padding:0;
position:fixed;
top:0;
}
.header.header-top{
background:#fff;
}

/* logo */
.header .hd-logo{
float:left;
line-height:0;
padding-left:10px;
}
.header .hd-logo a{
height:60px;
display:table-cell;
vertical-align:middle;
}
.header .hd-logo img{
width:40vw;
height:auto;
max-width:130px;
}

/* .hd-recruit-title / .hd-recruit-entry */
.header .hd-recruit-title,
.header .hd-recruit-entry{
display:none;	
}

/* .hd-nav-button */
.header .hd-nav-button{
position:absolute;
top:0;
right:0;
display:block;	
}

/* .menu-button */
.header .menu-button{
width: 15vw;
max-width:60px;
height:60px;
box-sizing: border-box;
display: block;
position:relative;
z-index: 9999;
cursor: pointer;
background:#354160;
padding:10px 17px;
transition:0.3s all ease;
}
.header .menu-button:hover{
background:#5d6780;	
}
.header .menu-button i{
display: block;
width: 100%;
height: 2px;
-webkit-transition: background 0.5s;
transition: background 0.5s;
position: relative;
left:0;
top:18px;
background: #354160;
}
.header .menu-button:hover i{
background:#5d6780;		
}
.header .menu-button i:before,
.header .menu-button i:after{
content: "";
display: block;
width: 100%;
height: 2px;
background: #fff;
position: absolute;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s !important;
transition: all 0.3s !important;
}
.header .menu-button i:before{
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}
.header .menu-button i:after{
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.header .is_open i:before,
.header .is_open i:after{
padding: 0;
margin: 0;
line-height: 1;
background: #fff !important;
}
.header .is_open i{
background: #354160;
}
.header .is_open i:after{
transform:translateY(0px) rotate(-45deg);
}
.header .is_open i:before{
transform:translateY(0px) rotate(45deg);
}

/* nav layout */
.header #hd-nav{
background:rgba(23,76,165,0.9);	
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 8888;
display: none;
}
.header .hd-main-conts #hd-nav .global-nav,
.header .hd-main-conts #hd-nav .hd-menu,
.header .hd-main-conts #hd-nav .hd-lang{
width:90%;
max-width:738px;
padding:0 5%;
margin:0 auto;
display:block;		
}
.header .hd-main-conts #hd-nav .global-nav{
padding-top:120px;
}

.header .hd-main-conts #hd-nav .global-nav li,
.header .hd-main-conts #hd-nav .hd-menu li,
.header .hd-main-conts #hd-nav .hd-lang li{
padding:5px 0;
display:block;
float:none;
}
.header .hd-main-conts #hd-nav .global-nav li a,
.header .hd-main-conts #hd-nav .hd-menu li a,
.header .hd-main-conts #hd-nav .global-nav li div,
.header .hd-main-conts #hd-nav .hd-menu li div,
.header .hd-main-conts #hd-nav .hd-lang li div{
display:block;
padding:5px 0;
color:#fff;
text-align:center;
width:100%;
}
.header .hd-main-conts #hd-nav .global-nav li a span,
.header .hd-main-conts #hd-nav .hd-menu li a span,
.header .hd-main-conts #hd-nav .global-nav li div span,
.header .hd-main-conts #hd-nav .hd-menu li div span,
.header .hd-main-conts #hd-nav .hd-lang li div span,
.header .hd-main-conts #hd-nav .hd-lang li div em{
font-size:18px;
font-weight:bold;
display:inline-block;	
}
.header .hd-main-conts #hd-nav .global-nav li a:hover,
.header .hd-main-conts #hd-nav .global-nav li a:hover:before,
.header .hd-main-conts #hd-nav .hd-menu li a:hover,
.header .hd-main-conts #hd-nav .hd-menu li a:hover:before,
.header .hd-main-conts #hd-nav .global-nav li div:hover,
.header .hd-main-conts #hd-nav .hd-menu li div:hover:after,
.header .hd-main-conts #hd-nav .hd-lang li:hover,
.header .hd-main-conts #hd-nav .hd-lang li:hover:before,
.header .hd-main-conts #hd-nav .hd-lang li:hover:after{
color:#009cde;	
}

/* .global-nav-sub(下層) */
.header .global-nav-child .global-nav-sub,
.header .hd-lang-sub{
display: none;
border-top:#fff dotted 1px;
padding-top:10px;
}
.header .hd-lang-sub{
text-align:center;	
}
.header .global-nav-child .global-nav-sub li,
.header .hd-lang-sub li{
padding:0 !important;	
}
.header .lang-button em{
font-style:normal;	
}
.header .lang-button:hover span{
color:#009cde;
}
.header .global-nav-child .global-nav-sub li a span,
.header .hd-lang-sub li a span{
font-size:13px !important;
}
.header .global-nav-child-sp{
display:block;	
}
.header .hd-lang-sub li{
display:inline-block !important;
margin:0 5px;
}
.header .hd-lang-sub li a span{
text-align:center;
color:#fff;	
padding:5px 10px;
font-weight:bold;
}
.header .hd-lang-sub li a span:hover{
color:#009cde;	
}
.header .global-nav-child-pc{
display:none !important;	
}
.header .global-nav-child .global-nav-child-sp span:after{
font-family: "Font Awesome 5 Free";
content: "\f0d7";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: bold;
color:#fff;
margin-left:.5em;	
}
.header .global-nav-child .global-nav-child-sp.sub_open span:after,
.header .lang-button.sub_open span:after{
content: "\f0d8";
}
.header .global-nav-child .global-nav-sub .global-nav-sub-sp{
display:block;	
}
.header .lang-button span a em{
color: #fff;		
}


/* .hd-recruit-conts */
.header .hd-recruit-conts{
display:none;	
}

/* .menu-recruit-button */
.header .menu-recruit-button{
display:none;	
}

/* .menu-button */
.header .menu-button{
display:block;	
}

}



/* .header-recruit PC */

/* .hd-recruit-title */
.header-recruit .hd-recruit-title{
display:table;
position:absolute;
top:0;
right:0;
left:0;
margin:auto;
width: 100%;
text-align: center;
}
.header-recruit .hd-recruit-title a{
height:60px;
display:table-cell;
vertical-align:middle;
font-weight:400;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}

/* .hd-main-conts */
.header-recruit .hd-main-conts{
display:none;	
}

/* .hd-main-conts */
.header-recruit .hd-recruit-conts{
float:right;
display:block;
padding-right:60px;	
}

/* .hd-recruit-menu */
.header-recruit .hd-menu{
float:right;	
}
.header-recruit .hd-menu li a.entry-button{
background:#2261b7;
}
.header-recruit .hd-menu li a.entry-button:hover{
background:#fff;
color:#2261b7;
}
.header-recruit .hd-menu li a.entry-button span{
background-image:url(../images/hd-nav-recruit-button-df.png);
padding-left:30px;
}
.header-recruit .hd-menu li a.entry-button:hover span{
background-image:url(../images/hd-nav-recruit-button-ov.png);
}

/* .hd-nav-button */
.header-recruit .hd-nav-button{
position:absolute;
top:0;
right:0;
display:block;	
}

/* .menu-recruit-button */
.header-recruit .menu-recruit-button{
width: 15vw;
max-width:60px;
height:60px;
box-sizing: border-box;
display: block;
position:relative;
z-index: 9999;
cursor: pointer;
background:#354160;
padding:10px 17px;
transition:0.3s all ease;
}
.header-recruit .menu-recruit-button:hover{
background:#5d6780;	
}
.header-recruit .menu-recruit-button i{
display: block;
width: 100%;
height: 2px;
-webkit-transition: background 0.5s;
transition: background 0.5s;
position: relative;
left:0;
top:18px;
background: #354160;
}
.header-recruit .menu-recruit-button:hover i{
background:#5d6780;		
}
.header-recruit .menu-recruit-button i:before,
.header-recruit .menu-recruit-button i:after{
content: "";
display: block;
width: 100%;
height: 2px;
background: #fff;
position: absolute;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s !important;
transition: all 0.3s !important;
}
.header-recruit .menu-recruit-button i:before{
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}
.header-recruit .menu-recruit-button i:after{
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.header-recruit .is_open i:before,
.header-recruit .is_open i:after{
padding: 0;
margin: 0;
line-height: 1;
background: #fff !important;
}
.header-recruit .is_open i{
background: #354160;
}
.header-recruit .is_open i:after{
transform:translateY(0px) rotate(-45deg);
}
.header-recruit .is_open i:before{
transform:translateY(0px) rotate(45deg);
}

/* .hd-recruit-entry */
.hd-recruit-entry{
position:absolute;
top:0;
right:60px;
display:table;
}
.hd-recruit-entry a{
height:60px;
width:210px;
background:#fff;
color:#2261b7;
display:table-cell;
text-align:center;
vertical-align:middle;	
}
.hd-recruit-entry a span{
font-size:16px;	
font-weight:bold;
}
.hd-recruit-entry a span:before{
font-family: "Font Awesome 5 Free";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: bold;
color:#2261b7;
margin-right:.5em;
content: "\f4fc";
}
.hd-recruit-entry a:hover{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;	
}

/* nav layout */
.header-recruit #hd-recruit-nav{
background:rgba(23,76,165,0.9);	
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 8888;
display: none;
}

.header-recruit #hd-recruit-nav .recruit-global-nav{
width:90%;
max-width:738px;
padding:250px 5% 0;
margin:0 auto;
display:block;	
}
.header-recruit #hd-recruit-nav .recruit-global-nav li{
padding:10px 0;
border-bottom:#8da5ce dotted 1px;
display:block;
float:none;
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a{
display:block;
padding:10px 35px;
color:#fff;
text-align:left;
position:relative;
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a:before{
font-family: "Font Awesome 5 Free";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: bold;
color:#fff;
position:absolute;
right:35px;
top:35%;
content: "\f054";
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a span{
font-size:20px;
font-weight:bold;
display:inline-block;	
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a .en{
width:200px;
text-transform:capitalize;
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a:hover,
.header-recruit #hd-recruit-nav .recruit-global-nav li a:hover:before{
color:#009cde;	
}
.header-recruit #hd-recruit-nav .hd-menu{
right:60px;
}
.header-recruit #hd-recruit-nav .hd-menu a{
background:#fff;
color:#0060ba;	
}
.header-recruit #hd-recruit-nav .hd-menu a span{
background:url(../images/hd-nav-recruit-button-ov.png) no-repeat 0 50%;	
}
.header-recruit #hd-recruit-nav .hd-menu a:hover{
background:#0060ba;
color:#fff;		
}
.header-recruit #hd-recruit-nav .hd-menu a:hover span{
background:url(../images/hd-nav-recruit-button-df.png) no-repeat 0 50%;	
}



/* .header-recruit sp */
@media screen and (max-width: 768px) {
.header-recruit{
background:#174ca5;
color:#fff;
padding:0;
}

/* logo */
.header-recruit .hd-logo{
float:left;
line-height:0;
padding-left:10px;
position:relative;
z-index:1;
}
.header-recruit .hd-logo a{
height:60px;
display:table-cell;
vertical-align:middle;
}
.header-recruit .hd-logo img{
width:28vw;
max-width:130px;
height:auto;	
}

/* .hd-recruit-title */
.header-recruit .hd-recruit-title{
width:100%;
text-align:center;	
}
.header-recruit .hd-recruit-title a{
font-size:4vw;
color:#fff;
font-weight:normal;
line-height:1;
}
@media screen and (min-width: 401px) {
.header-recruit .hd-recruit-title a{
font-size:18px;
}	
}


/* .hd-recruit-menu */
.header-recruit .hd-menu{
display:none;	
}	

/* .hd-recruit-entry */
.header-recruit .hd-recruit-entry{
top:0;
right:15vw;
width: 15vw;
max-width:60px;
display:block;
}

@media screen and (min-width: 401px) {
.header-recruit .hd-recruit-entry{
right:60px;
}	
}

.header-recruit .hd-recruit-entry a span{
display:none;
}
.header-recruit .hd-recruit-entry a{
background:#0060ba url(../images/hd-nav-recruit-button-df.png) no-repeat 50% 50%;		
}
.header-recruit #hd-recruit-nav .hd-recruit-entry a{
background:#fff url(../images/hd-nav-recruit-button-ov.png) no-repeat 50% 50%;		
}

/* nav layout */
.header-recruit #hd-recruit-nav .recruit-global-nav{
max-width:738px;
padding-top:120px;	
}
.header-recruit #hd-recruit-nav .recruit-global-nav li{
margin-bottom:10px;	
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a{
padding:0 10px;
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a:before{
right:10px;
top:40%;
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a span{
font-size:1.6rem;	
}
.header-recruit #hd-recruit-nav .recruit-global-nav li a .en{
width:100%;
font-size:1.25rem;
}

/* .menu-recruit-button */
.header-recruit menu-recruit-button{
display:block;
}

/* .menu-button */
.header-recruit .menu-button{
display:none;	
}
}

@media screen and (max-width: 480px) {
.header-recruit #hd-recruit-nav .recruit-global-nav li a span{
display:block;
}	
.header-recruit #hd-recruit-nav .recruit-global-nav li a .en{
width:auto;	
}
}



/*----------------------
 #page-top
----------------------*/
#page-top{
position:fixed;
right:0;
bottom:-60px;
background:rgba(23, 76, 165, 0.75);
width:60px;
height:60px;
color:#fff;
z-index:99;
text-align:center;
font-size:13px;
}
#page-top:hover{
background:rgba(23, 76, 165, 1);
}
#page-top:before{
content:"";
display:block;
width:30%;
height:30%;
border-top:4px solid #fff;
border-right:4px solid #fff;
transform:rotate(-45deg);
margin:auto;
margin-top:40%;
margin-bottom:-5%;
}
@media screen and (max-width: 768px) {
#page-top{
bottom:-5.5rem;
width:5.5rem;
height:5.5rem;
}	
}



/*----------------------
 .footer
----------------------*/
.footer{
background:#f3f4f4;
overflow:hidden;
text-align:center;
}

@media screen and (max-width: 1119px) {
.footer .inner{
width:100%;
min-width:100%;	
}
}


/* .ft-conts */
.footer .ft-conts{
position:relative;
z-index:1;	
}

/* .ft-nav */
.ft-nav{
line-height:1;
padding-top:40px;	
}
.ft-nav a:hover{
text-decoration:underline;
color:#202020;	
}
.ft-nav dl{
font-size:12px;
padding:7px 0;	
}
.ft-nav dl dt{
display:inline;
margin-left:2.5em;	
}
.ft-nav dl dt:first-child{
margin-left:0;	
}
.ft-nav dl dt a,
.ft-nav dl dt span{
font-weight:bold;	
}
.ft-nav dl dd{
display:inline;	
padding:0 1em;
border-right:#b3b4b4 solid 1px;	
}
.ft-nav dl dd:last-child{
border-right:none;	
}
.ft-nav ul{
padding-top:10px;	
}
.ft-nav ul li{
font-size:11px;
display:inline;
padding:0 10px;
}

/* .copyrights */
.footer .copyrights{
padding:15px 0 40px;	
}
.footer .copyrights small{
display:block;
font-size:10px;
font-style:normal;
color:#b3b4b4;	
}

@media screen and (max-width: 768px) {
.footer .inner{
width:90%;
padding:0 5%;
}

/* .ft-conts */
.footer .ft-conts{
position:relative;
z-index:1;	
}

/* .ft-nav */
.ft-nav{
letter-spacing:-.40em;
padding-top:20px;	
}
.ft-nav dl{
font-size:12px;
padding:7px 0;
display:inline-block;
letter-spacing:normal;	
}
.ft-nav dl dt,
.ft-nav dl dt:first-child{
margin:0 1em;	
}
.ft-nav dl dd{
display:none;
}
.ft-nav ul{
padding-top:15px;	
}
.ft-nav ul li{
display:inline-block;
letter-spacing:normal;
}

/* .copyrights */
.footer .copyrights{
padding:10px 0 20px;	
}
.footer .copyrights small{
font-size:1rem;	
}

}



/*----------------------
 .main-visual
----------------------*/
.main-visual{
width:100%;
min-width:100%;
text-align:center;
height:890px;
/*margin-top:60px;*/
position:relative;
overflow: hidden;
}
.main-visual .visual{
position:fixed;	
top:0;
left:0;
width:100%;
min-width:100%;
height:890px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;		
}
.main-visual .visual-conts{
position:relative;
z-index:1;
width:100%;
max-width:1200px;
margin:0 auto;
height:890px;
padding-top:60px;
}
.main-visual .visual-catch span{
display:block;	
}
.main-visual .visual-catch .catch-main{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
letter-spacing:.05em;
margin-right:.3em;
font-size:60px;
line-height:1.3;	
}
.main-visual .visual-catch .catch-sub{
font-weight:700;
font-size:20px;
letter-spacing:.15em;	
}
.main-visual .visual-txt p{
font-weight:700;
font-size:25px;	
}
.main-visual .view05 .visual-txt p{
font-size:20px;	
}
.main-visual .visual-scroll{
position:absolute;
transition:0.3s all ease;
width:50px;	
text-align:center;
}
.main-visual .visual-scroll .scroll i{
font-size:50px;	
opacity:0.6;
}
.main-visual .visual-scroll:hover .scroll i{
opacity:0.8;	
}
.main-visual .view01 .visual-scroll .scroll i{
color:#fff;	
}
.main-visual .view02 .visual-scroll .scroll i{
color:#fff;
}
.main-visual .view03 .visual-scroll .scroll i{
color:#bfbfbf;
}
.main-visual .view04 .visual-scroll .scroll i{
color:#fff;	
}
.main-visual .view05 .visual-scroll .scroll i{
color:#000;	
}
.main-visual .visual-bg{
position:absolute;
top:0;
left:0;
width:100%;
min-width:100%;
background-position:center center;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
height:890px;
min-height:890px;
min-width:100%;
}
@media screen and (max-width: 768px) {
.main-visual .visual-bg{
height:100vh;
min-height:100vh;
}	
}
.main-visual .view01 .visual-bg {
background-image:url(../images/main-visual01.png);
}
.main-visual .view02 .visual-bg {
background-image:url(../images/main-visual02.png);	
}
.main-visual .view03 .visual-bg {
background-image:url(../images/main-visual03.png);	
}
.main-visual .view04 .visual-bg {
background-image:url(../images/main-visual04.png);	
}
.main-visual .view05 .visual-bg {
background-image:url(../images/main-visual05.png);	
}
@media screen and (max-width: 768px) {
.main-visual{
height:100vh;
margin:0;	
}
.main-visual .visual{
height:100vh;	
}
.main-visual .visual-bg{
background-position:center top;
}
.main-visual .visual-conts{
max-width:100%;
padding:0 5%;
height:100vh;
text-shadow: 0 0 8px rgba(0,0,0,0.8);
}
.main-visual .visual-catch .catch-main{
font-size:2.8rem;
line-height:1.2;	
}
.main-visual .visual-catch .catch-sub{
font-size:1.8rem;
font-weight:400;
}
.main-visual .visual-txt p{
font-size:13px;
line-height:1.5;
font-weight:400;
}
.main-visual .view05 .visual-txt p{
font-size:13px;
}
.main-visual .visual-scroll{
width:40px;	
}
.main-visual .visual-scroll .scroll i{
font-size:36px;	
}
.main-visual .view01 .visual-bg{
background-image:url(../images/main-visual01-sp.png);	
}
.main-visual .view02 .visual-bg{
background-image:url(../images/main-visual02-sp.png);	
}
.main-visual .view03 .visual-bg{
background-image:url(../images/main-visual03-sp.png);	
}
.main-visual .view04 .visual-bg{
background-image:url(../images/main-visual04-sp.png);	
}
.main-visual .view05 .visual-bg{
background-image:url(../images/main-visual05-sp.png);	
}
}

/* .view01 */
.main-visual .view01 .visual-conts .in{
padding-top:5vw;
text-align:left;
color:#fff;	
}
.main-visual .view01 .visual-catch{
margin-bottom:30px;	
}
.main-visual .view01 .visual-txt{
margin-bottom:30px;		
}
.main-visual .view01 .visual-scroll{
bottom:10vh;
right:0;
left:0;
margin:auto;
}
.main-visual .view01 .visual-scroll:hover{
bottom:8vh;	
}
@media screen and (max-width: 768px) {
.main-visual .view01 .visual-conts .in{
padding-top:100px;
text-align:left;
color:#fff;	
}
.main-visual .view01 .visual-catch{
margin-bottom:20px;	
}
.main-visual .view01 .visual-txt{
margin-bottom:20px;		
}
.main-visual .view01 .visual-scroll{
bottom:20vh;
top:auto;
}
.main-visual .view01 .visual-scroll:hover{
top:auto;
bottom:20vh;	
}
}

/* .view02 */
.main-visual .view02 .visual-conts .in{
padding-top:10vw;
text-align:left;
color:#fff;	
}
.main-visual .view02 .visual-catch{
margin-bottom:30px;	
}
.main-visual .view02 .visual-txt{
margin-bottom:30px;		
}
.main-visual .view02 .visual-scroll{
bottom:10vh;
right:0;
left:0;
margin:auto;
}
.main-visual .view02 .visual-scroll:hover{
bottom:8vh;
}
@media screen and (max-width: 768px) {
.main-visual .view02 .visual-conts .in{
padding-top:160px;
}
.main-visual .view02 .visual-catch{
margin-bottom:20px;	
}
.main-visual .view02 .visual-txt{
margin-bottom:20px;		
}
.main-visual .view02 .visual-scroll{
bottom:20vh;
top:auto;
}
.main-visual .view02 .visual-scroll:hover{
top:auto;
bottom:20vh;	
}
}

/* .view03 */
.main-visual .view03 .visual-conts .in{
padding-top:25vw;
text-align:left;
color:#757575;
padding-left:25%;
}
.main-visual .view03 .visual-catch{
margin-bottom:30px;	
}
.main-visual .view03 .visual-txt{
margin-bottom:30px;		
}
.main-visual .view03 .visual-scroll{
bottom:10vh;
right:10%;
}
.main-visual .view03 .visual-scroll:hover{
bottom:8vh;
}
@media screen and (max-width: 768px) {
.main-visual .view03 .visual-conts{
text-shadow: 0 0 8px rgba(255,255,255,0.8);	
}
.main-visual .view03 .visual-conts .in{
padding-top:100px;
text-align:left;
padding-left:0;
}
.main-visual .view03 .visual-catch{
margin-bottom:20px;	
}
.main-visual .view03 .visual-txt{
margin-bottom:20px;		
}
.main-visual .view03 .visual-scroll{
bottom:20vh;
top:auto;
right:0;
left:0;
margin:auto;
}
.main-visual .view03 .visual-scroll:hover{
top:auto;
bottom:20vh;	
}
}

/* .view04 */
.main-visual .view04 .visual-conts .in{
padding-top:15vw;
text-align:left;
color:#fff;	
}
.main-visual .view04 .visual-catch{
margin-bottom:30px;	
}
.main-visual .view04 .visual-txt{
margin-bottom:30px;		
}
.main-visual .view04 .visual-scroll{
bottom:10vh;
right:0;
left:0;
margin:auto;
}
.main-visual .view04 .visual-scroll:hover{
bottom:8vh;
}
@media screen and (max-width: 768px) {
.main-visual .view04 .visual-conts .in{
padding-top:100px;
text-align:left;
color:#fff;	
}
.main-visual .view04 .visual-catch{
margin-bottom:20px;	
}
.main-visual .view04 .visual-txt{
margin-bottom:20px;		
}
.main-visual .view04 .visual-scroll{
bottom:20vh;
top:auto;
}
.main-visual .view04 .visual-scroll:hover{
top:auto;
bottom:20vh;	
}
}

/* .view05 */
.main-visual .view05 .visual-conts .in{
padding-top:12vw;
text-align:left;	
}
.main-visual .view05 .visual-catch{
margin-bottom:30px;	
}
.main-visual .view05 .visual-txt{
margin-bottom:30px;		
}
.main-visual .view05 .visual-scroll{
bottom:10vh;
right:0;
left:0;
margin:auto;
}
.main-visual .view05 .visual-scroll:hover{
bottom:8vh;	
}
.main-visual .view05 .visual-logo{
letter-spacing:-.40em;	
}
.main-visual .view05 .visual-logo span{
display:inline-block;
letter-spacing:normal;
vertical-align:bottom;	
}
.main-visual .view05 .visual-logo .logo{
width:134px;	
}
.main-visual .view05 .visual-logo .year{
font-size:24px;	
}
@media screen and (max-width: 768px) {
.main-visual .view05 .visual-bg {
background-position:center bottom;	
}
.main-visual .view05 .visual-conts{
text-shadow: 0 0 8px rgba(255,255,255,0.8);	
}
.main-visual .view05 .visual-conts .in{
padding-top:100px;
text-align:left;
}
.main-visual .view05 .visual-catch{
margin-bottom:20px;	
}
.main-visual .view05 .visual-txt{
margin-bottom:20px;		
}
.main-visual .view05 .visual-scroll{
bottom:20vh;
top:auto;
}
.main-visual .view05 .visual-scroll:hover{
top:auto;
bottom:20vh;	
}
.main-visual .view05 .visual-logo span{
display:block;	
}
.main-visual .view05 .visual-logo .year{
font-size:13px;	
}

}



/*----------------------
 .main-title
----------------------*/
.main-title{
width:100%;
text-align:center;
height:360px;
padding-top:60px;
position:relative;
}
.main-title .title-bg{
top:0;
left:0;
width:100%;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
position:fixed;
height:360px;	
}
.main-title .title-bg.title-businessy-bg{
background-image:url(../images/main-title-businessy.png);	
}
.main-title .title-bg.title-company-bg{
background-image:url(../images/main-title-company.png);	
}
.main-title .title-bg.title-entry-bg{
background-image:url(../images/main-title-entry.png);	
}
.main-title .title-bg.title-formmail-bg{
background-image:url(../images/main-title-formmail.png);	
}
.main-title .title-bg.title-group-bg{
background-image:url(../images/main-title-group.png);	
}
.main-title .title-bg.title-group-bg.title-group-bg01{
	background-image:url(../images/main-title-group_01.png?250630);	
	}
	.main-title .title-bg.title-group-bg img{
display:none;	
}
.main-title .title-bg.title-information-bg{
background-image:url(../images/main-title-information.png);	
}
.main-title .title-bg.title-kessan-bg{
background-image:url(../images/main-title-kessan.png);	
}
.main-title .title-bg.title-people-bg{
background-image:url(../images/main-title-people.png);	
}
.main-title .title-bg.title-privacy-bg{
background-image:url(../images/main-title-privacy.png);	
}
.main-title .title-bg.title-products-keisoku-bg{
background-image:url(../images/main-title-products-keisoku.png);	
}
.main-title .title-bg.title-products-heat-bg{
background-image:url(../images/main-title-products-heat.png);	
}
.main-title .title-bg.title-products-pipe-bg{
background-image:url(../images/main-title-products-pipe.png);	
}
.main-title .title-bg.title-profile-bg{
background-image:url(../images/main-title-profile.png);	
}
.main-title .title-bg.title-rate-bg{
background-image:url(../images/main-title-rate.png);	
}
.main-title .title-bg.title-recruit-bg{
background-image:url(../images/main-title-recruit.png);
margin-top: 60px;
background-position: center top;
}
.main-title .title-bg.title-sitemap-bg{
background-image:url(../images/main-title-sitemap.png);	
}
.main-title .title-bg.title-style-bg{
background-image:url(../images/main-title-style.png);	
}
.main-title .title-bg.title-welfare-bg{
background-image:url(../images/main-title-welfare.png);	
}
.main-title .title-conts{
height:300px;
width:1200px;
display:block;
position:fixed;
top:60px;
right:0;
left:0;
margin:auto;
z-index:1;	
}
.main-title .title{
color:#fff;
padding-top:100px;
}
.main-title .title span{
color:#fff;
display:block;
line-height:1.4;
text-shadow: 0 0 8px rgba(0,0,0,0.8);	
}
.main-title .title .ja{
font-size:48px;
font-weight: 400;	
}
.main-title .title .en{
font-family: Calibri Regular, Crescent Regular, Arial, Helvetica, sans-serif;	
font-weight: normal;
font-size:27px;
letter-spacing:.08em;
text-transform:capitalize;	
}

/* .scroll */
.main-title .main-title-scroll{
position:absolute;
transition:0.3s all ease;
width:50px;	
text-align:center;
}
.main-title .main-title-scroll .scroll i{
font-size:50px;
color:#fff;	
opacity:0.6;
}
.main-title .main-title-scroll:hover .scroll i{
opacity:0.8;	
}

/* .main-title-h800 */
.main-title.main-title-h800{
height:800px;	
}
.main-title.main-title-h800 .title-bg{
height:740px;
}
.main-title.main-title-h800 .title-bg img{
min-height:800px;
}
.main-title.main-title-h800 .title-conts{
height:740px;	
}

/* .main-title-window */
.main-title-window{
height:100vh;	
}
.main-title-window .title-bg {
height:100vh;		
}
.main-title-window .title-bg img{
min-height:100vh;
}
.main-title-window .title-conts{
height:100vh;	
}

/* .main-title-h740 */
.main-title.main-title-h740{
height:740px;	
}
.main-title.main-title-h740 .title-bg{
height:740px;	
}
.main-title.main-title-h740 .title-bg img{
min-height:740px;
}
.main-title.main-title-h740 .title-conts{
height:680px;	
}

/* .main-title-h560 */
.main-title.main-title-h560{
height:560px;	
}
.main-title.main-title-h560 .title-bg{
height:500px;	
}
.main-title.main-title-h560 .title-bg img{
min-height:560px;
}
.main-title.main-title-h560 .title-conts{
height:500px;	
}

/* .main-title-h530 */
.main-title.main-title-h530{
height:530px;	
}
.main-title.main-title-h530 .title-bg{
height:470px;	
}
.main-title.main-title-h530 .title-bg img{
min-height:530px;
}
.main-title.main-title-h530 .title-conts{
height:470px;	
}

/* .main-title-h400 */
.main-title.main-title-h400{
height:400px;	
}
.main-title.main-title-h400 .title-bg{
height:340px;	
}
.main-title.main-title-h400 .title-bg img{
min-height:400px;
}
.main-title.main-title-h400 .title-conts{
height:340px;	
}

/* .title-conts-left */
.main-title .title-conts-left{
text-align:left;
padding:0 15px;	
}
.main-title .title-conts-left .title .ja{
font-size:42px;
}
.main-title .title-conts-left .title .en{
font-size:24px; 	
}

/* .title-bk */
.main-title .title-bk span{
color:#000;
text-shadow: 0 0 8px rgba(255,255,255,0.8);	
}

/* .title-group */
.main-title .title-group-bg{
background:#003568;
background-repeat:no-repeat;
background-position:center center;
}
/*
.main-title .title-group-image{
width:1200px;
height:740px;
margin:0 auto;		
}
.main-title .title-group-image img{
width:1200px;
height:740px;
}
*/
.main-title .title-group-conts{
text-align:center;	
height:740px !important;
top:0;
padding-left:15px;
}
.main-title .title-group-conts .title{
padding-top:140px;
text-align:left;	
}
.main-title .title-group-conts .title .ja{
font-size:42px;
}
.main-title .title-group-conts .title .en{
font-size:24px; 	
}
.main-title .title-group-conts .sub-title{
text-align:center;
padding-top:20px;
display:inline-block;	
}
.main-title .title-group-conts .sub-title span{
font-size:36px;
font-weight:400;
color:#d2e9f9;
text-shadow: 0 0 8px rgba(0,0,0,0.8);
font-family: Calibri Regular, Crescent Regular, Arial, Helvetica, sans-serif;
}
.main-title .title-group-conts .bottom-title{
padding-top:250px;
text-align:center;
color:#fff;
text-shadow: 0 0 8px rgba(0,0,0,0.8);		
}
.main-title .title-group-conts .bottom-title dt{
font-size:42px;
font-weight:400;
margin-bottom:.3em;
}
.main-title .title-group-conts .bottom-title dd{
font-size:20px;
font-weight:400;		
}

/* .title-products */
.main-title .title-products-conts{
text-align:left;	
}
.main-title .title-products-conts .title{
padding:80px 40px 40px;
position:relative;	
}
.main-title .title-products-conts .title:before{
content:"";
display:block;
width:120px;
height:100%;
background-repeat:no-repeat;
background-position:0 50%;
-moz-background-size:100% auto;
background-size:100% auto;
position:absolute;
left:-85px;
top:20px;
}
.main-title .title-products-conts .title.products-pipe-ttl:before{
background-image:url(../images/main-title-products-pipe-ttl-logo.png);	
}
.main-title .title-products-conts .title.products-keisoku-ttl:before{
background-image:url(../images/main-title-products-keisoku-ttl-logo.png);	
}
.main-title .title-products-conts .title.products-heat-ttl:before{
background-image:url(../images/main-title-products-heat-ttl-logo.png);	
}
.main-title .title-products-conts .title span{
text-shadow: 0 0 8px rgba(0,0,0,1);	
}
.main-title .title-products-conts .title .ja{
font-size:42px;
}
.main-title .title-products-conts .title .en{
font-size:24px; 	
}
.main-title .title-products-conts .sub-title{
text-align:center;
padding-top:75px;	
}
.main-title .title-products-conts .sub-title span{
font-size:36px;
font-weight:700;
color:#fff;
text-shadow: 0 0 8px rgba(0,0,0,1);
}
/* iPad 横のみ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
.main-title .title-products-conts .title{
padding-left:120px;
}
.main-title .title-products-conts .title:before{
left:0;	
}
}

/* .title-recruit */
.main-title .title-recruit-conts{
top:0;
height:100%;
position:relative;
}
.main-title .title-recruit-conts .in{
display:table;
width:100%;
}
.main-title .title-recruit-conts .title{
vertical-align:middle;
display:table-cell;
height:330px;
}
.main-title .title-recruit-conts .title span{
line-height:1.6;	
}
.main-title .title-recruit-conts .main-title-scroll{
top:370px;
left:0;
right:0;
margin:auto;	
}
.main-title .title-recruit-conts .main-title-scroll:hover{
top:378px;
}

/* .title-businessy */
/*
.main-title .title-bg.title-businessy-bg:before{
content:"";
width:99%;
height:100%;
display:block;
position:absolute;
left:-85%;
background-color:#10243d;
z-index:1;
-webkit-transform: skewY(360deg) skewX(-45deg) translateX(0);
transform: skewY(360deg) skewX(-45deg) translateX(0);	
border-color: transparent transparent #fff transparent;	
border-right:#fff solid 1vw;
}
*/
.main-title .title-bg.title-businessy-bg:before{
content:"";
width:100%;
height:100%;
display:block;
position:absolute;
left:-55%;
background:url(../images/main-title-businessy_bf.png) no-repeat 100% 0;
z-index:1;
}
.main-title .title-businessy-conts .sub-title{
text-align:center;
padding-top:75px;	
}
.main-title .title-businessy-conts .sub-title span{
font-size:36px;
font-weight:700;
color:#fff;
text-shadow: 0 0 8px rgba(0,0,0,1);
}
.main-title .title-businessy-conts .title-list-pc{
padding-top:100px;	
}
.main-title .title-businessy-conts .title-list-pc dl{
padding-left:55px;
background-repeat:no-repeat;
background-position:0 50%;
line-height:1.4;
margin-bottom:20px;
color:#fff;
}
.main-title .title-businessy-conts .title-list-pc .title-list-products-pipe{
background-image:url(../images/main-title-businessy-list01-logo.png);	
}
.main-title .title-businessy-conts .title-list-pc .title-list-products-heat{
background-image:url(../images/main-title-businessy-list02-logo.png);	
}
.main-title .title-businessy-conts .title-list-pc .title-list-products-keisoku{
background-image:url(../images/main-title-businessy-list03-logo.png);	
}
.main-title .title-businessy-conts .title-list-pc dl:last-child{
margin-bottom:0;	
}
.main-title .title-businessy-conts .title-list-pc dl dt{
font-weight:700;
font-size:13px;	
}
.main-title .title-businessy-conts .title-list-pc dl dd{
font-weight:700;
font-size:20px;	
}
@media screen and (max-width: 1119px) {
.main-title .title-group-conts,
.main-title .title-recruit-conts,
.title-conts-left{
padding:0 0 0 15px;
}
.main-title .title-products-conts{
padding:0 0 0 80px;	
}
.main-title.title-group{
height:60vw;	
}
.main-title.title-group .title-bg{
height:60vw;
padding-top:20px;		
}
.main-title.title-group .title-conts{
height:60vw;
}
.main-title .title-bg.title-group-bg img{
display:inline-block;
width:100%;
height:auto !important;
}
}
@media screen and (max-width: 999px) {
.main-title.title-group .title-bg{
height:480px;
}
.main-title.title-group .title-conts{
height:480px;	
}
}
@media screen and (max-width: 768px) {
.main-title,
.main-title.main-title-h800,
.main-title.main-title-window,
.main-title.main-title-h740,
.main-title.main-title-h560,
.main-title.main-title-h530,
.main-title.main-title-h400,
.main-title.title-group{
height:240px;
overflow:hidden;
}
.main-title .title-bg,
.main-title.main-title-h800 .title-bg,
.main-title.main-title-window .title-bg,
.main-title.main-title-h740 .title-bg,
.main-title.main-title-h560 .title-bg,
.main-title.main-title-h530 .title-bg,
.main-title.main-title-h400 .title-bg,
.main-title.title-group .title-bg{
height:240px;
}
.main-title .title-bg img,
.main-title.main-title-h800 .title-bg img,
.main-title.main-title-window .title-bg img,
.main-title.main-title-h740 .title-bg img,
.main-title.main-title-h560 .title-bg img,
.main-title.main-title-h530 .title-bg img,
.main-title.main-title-h400 .title-bg img,
.main-title.title-group img{
min-height:240px;
}
.main-title .title-conts,
.main-title.main-title-h800 .title-conts,
.main-title.main-title-window .title-conts,
.main-title.main-title-h740 .title-conts,
.main-title.main-title-h560 .title-conts,
.main-title.main-title-h530 .title-conts,
.main-title.main-title-h400 .title-conts,
.main-title.title-group .title-conts{
height:180px;
width:100%;
display:table;
}
.main-title .title,
.main-title .title-group-conts .title{
height:180px;
display:table-cell;
vertical-align:middle;
padding-top:0;
}
.main-title .title span{
line-height:1.6;	
}
.main-title .title .ja,
.main-title .title-conts-left .title .ja,
.main-title .title-group-conts .title .ja{
font-size:2.2rem;
margin-bottom:.2em;
font-weight:400;
}
.main-title .title .en,
.main-title .title-conts-left .title .en,
.main-title .title-group-conts .title .en{
font-size:1.5rem;
line-height:1.4;
font-weight:400; 	
}

.main-title .title-bg.title-group-bg img{
display:none;	
}

/* .title-conts-left */
.main-title .title-conts-left{
text-align:center;
padding:0 15px;	
}

/* .title-group */
.main-title .title-group-bg{
/* background:none; */
background-size:auto 100%;
}
.main-title.title-group .title-bg{
padding-top:0;
background-position:50% 0;		
}
.main-title .title-group-conts{
height:180px !important;
width:100%;
top:auto;
}
.main-title .title-group-conts .title{
text-align:center;
}
.main-title .title-group-conts .sub-title,
.main-title .title-group-conts .bottom-title{
display:none;	
}
.main-title .title-bg.title-group-bg,
.main-title .title-bg.title-group-bg.title-group-bg01{
background-image:url(../images/main-title-group-sp.png);	
}

/* .main-title-sp-wide */
.main-title.main-title-sp-wide{
height:300px;
}
.main-title.main-title-sp-wide .title-bg{
height:300px;	
}
.main-title.main-title-sp-wide img{
min-height:300px;
}
.main-title.main-title-sp-wide .title-conts{
height:223px;
}
.main-title.main-title-sp-wide.title{
height:223px;
}
.main-title .main-title-sp-wide-in{
display:table-cell;
vertical-align:middle;	
}

/* .title-products */
.main-title .title-products-conts{
text-align:center;	
}
.main-title .title-products-conts .title{
padding:0;
position:static;
width:100%;	
display:block;
height:auto;
margin-bottom:15px;
}
.main-title .title-products-conts .title:before{
width:100%;
height:65px;
background-position:50% 50%;
-moz-background-size:65px auto;
background-size:65px auto;
position:static;
display:block;
left:auto;
top:auto;
}
.main-title .title-products-conts .title span{
text-shadow: 
rgba(0,0,0,.25) 2px 0px 2px, rgba(0,0,0,.25) -2px 0px 2px,
rgba(0,0,0,.25) 0px -2px 2px, rgba(0,0,0,.25) -2px 0px 2px,
rgba(0,0,0,.25) 2px 2px 2px, rgba(0,0,0,.25) -2px 2px 2px,
rgba(0,0,0,.25) 2px -2px 2px, rgba(0,0,0,.25) -2px -2px 2px,
rgba(0,0,0,.25) 1px 2px 2px, rgba(0,0,0,.25) -1px 2px 2px,
rgba(0,0,0,.25) 1px -2px 2px, rgba(0,0,0,.25) -1px -2px 2px,
rgba(0,0,0,.25) 2px 1px 2px, rgba(0,0,0,.25) -2px 1px 2px,
rgba(0,0,0,.25) 2px -1px 2px, rgba(0,0,0,.25) -2px -1px 2px,
rgba(0,0,0,.25) 1px 1px 2px, rgba(0,0,0,.25) -1px 1px 2px,
rgba(0,0,0,.25) 1px -1px 2px, rgba(0,0,0,.25) -1px -1px 2px;
}
.main-title .title-products-conts .title .ja{
font-size:1.8rem;
}
.main-title .title-products-conts .title .en{
font-size:1.2rem; 	
}
.main-title .title-products-conts .sub-title{
padding-top:0;
display:block;
line-height:1;
}
.main-title .title-products-conts .sub-title span{
font-size:1.3rem;
font-weight:400;
text-shadow: 
rgba(0,0,0,.25) 2px 0px 2px, rgba(0,0,0,.25) -2px 0px 2px,
rgba(0,0,0,.25) 0px -2px 2px, rgba(0,0,0,.25) -2px 0px 2px,
rgba(0,0,0,.25) 2px 2px 2px, rgba(0,0,0,.25) -2px 2px 2px,
rgba(0,0,0,.25) 2px -2px 2px, rgba(0,0,0,.25) -2px -2px 2px,
rgba(0,0,0,.25) 1px 2px 2px, rgba(0,0,0,.25) -1px 2px 2px,
rgba(0,0,0,.25) 1px -2px 2px, rgba(0,0,0,.25) -1px -2px 2px,
rgba(0,0,0,.25) 2px 1px 2px, rgba(0,0,0,.25) -2px 1px 2px,
rgba(0,0,0,.25) 2px -1px 2px, rgba(0,0,0,.25) -2px -1px 2px,
rgba(0,0,0,.25) 1px 1px 2px, rgba(0,0,0,.25) -1px 1px 2px,
rgba(0,0,0,.25) 1px -1px 2px, rgba(0,0,0,.25) -1px -1px 2px;
}
.main-title .title-products-conts .title.products-pipe-ttl:before{
background-image:url(../images/main-title-products-pipe-ttl-logo-sp.png);
}
.main-title .title-products-conts .title.products-keisoku-ttl:before{
background-image:url(../images/main-title-products-keisoku-ttl-logo-sp.png);
}
.main-title .title-products-conts .title.products-heat-ttl:before{
background-image:url(../images/main-title-products-heat-ttl-logo-sp.png);
}

/* .scroll */
.main-title .main-title-scroll{
width:40px;
}
.main-title .main-title-scroll .scroll i{
font-size:36px;	
}


/* .title-businessy */
.main-title.title-businessy{
height:125vw;
position:relative;
}
.main-title.title-businessy .title-businessy-bg{
height:125vw;	
}
.main-title.title-businessy .title-bg.title-businessy-bg img{
min-height:125vw;
}
.main-title.title-businessy .title-conts.title-businessy-conts{
height:125vw;
position:relative;
margin-top:-60px;
}
.main-title.title-businessy .title-conts.title-businessy-conts .title{
height:auto;
}
.main-title .title-businessy-conts .title-list-pc{
display:none;	
}
.main-title .title-bg.title-businessy-bg:before{
display:none;	
}
.main-title .title-businessy-conts .in{
background:rgba(0,0,0,0.45);
padding:25px 15px;
text-align:center;
position:absolute;
width:270px;
height:225px;
margin:auto;
top:-10vw;
left:0;
right:0;
bottom:0;
display:block;
}
.main-title .title-businessy-conts .title{
display:block;
padding:0;	
}
.main-title .title-businessy-conts .sub-title{
line-height:1.1;
display:block;
padding:15px 0 0 0;	
}
.main-title .title-businessy-conts .sub-title span{
font-size:1.4rem;
font-weight:normal;
}


/* .main-title-sp-recruit */
.main-title.main-title-sp-recruit{
/*height:100vh;*/
height:90vw;
}
.main-title.main-title-sp-recruit .title-bg{
/*height:100vh;	*/
height:90vw;
}
.main-title.main-title-sp-recruit .title-bg img{
/*min-height:100vh;	*/
}
.main-title.main-title-sp-recruit .title-recruit-conts{
/*height:90vh;*/
height:70vw;
}
.main-title.main-title-sp-recruit .title-recruit-conts .title{
/*height:90vh;*/
height:70vw;
padding:0;
}
.main-title.main-title-sp-recruit .title-recruit-conts .main-title-scroll{
/*bottom:10vh;*/
/*top:auto;*/
bottom:auto;
top:59vw;

}
.main-title.main-title-sp-recruit .title-recruit-conts .main-title-scroll:hover{
/*top:auto;*/
/*bottom:8.5vh;	*/
bottom:auto;
top:60.5vw;
}


.main-title .title-group-conts,
.main-title .title-recruit-conts,
.title-conts-left{
padding:0;
}
.main-title .title-products-conts{
padding:0;	
}


.main-title .title-bg.title-businessy-bg{
background-image:url(../images/main-title-businessy-sp.png);	
}
.main-title .title-bg.title-company-bg{
background-image:url(../images/main-title-company-sp.png);	
}
.main-title .title-bg.title-entry-bg{
background-image:url(../images/main-title-entry-sp.png);	
}
.main-title .title-bg.title-formmail-bg{
background-image:url(../images/main-title-formmail-sp.png);	
}
.main-title .title-bg.title-information-bg{
background-image:url(../images/main-title-information-sp.png);	
}
.main-title .title-bg.title-kessan-bg{
background-image:url(../images/main-title-kessan-sp.png);	
}
.main-title .title-bg.title-people-bg{
background-image:url(../images/main-title-people-sp.png);	
}
.main-title .title-bg.title-privacy-bg{
background-image:url(../images/main-title-privacy-sp.png);	
}
.main-title .title-bg.title-products-keisoku-bg{
background-image:url(../images/main-title-products-keisoku-sp.png);	
}
.main-title .title-bg.title-products-heat-bg{
background-image:url(../images/main-title-products-heat-sp.png);	
}
.main-title .title-bg.title-products-pipe-bg{
background-image:url(../images/main-title-products-pipe-sp.png);	
}
.main-title .title-bg.title-profile-bg{
background-image:url(../images/main-title-profile-sp.png);	
}
.main-title .title-bg.title-rate-bg{
background-image:url(../images/main-title-rate-sp.png);	
}
.main-title .title-bg.title-recruit-bg{
background-image:url(../images/main-title-recruit-sp.png);	
}
.main-title .title-bg.title-sitemap-bg{
background-image:url(../images/main-title-sitemap-sp.png);	
}
.main-title .title-bg.title-style-bg{
background-image:url(../images/main-title-style-sp.png);	
}
.main-title .title-bg.title-welfare-bg{
background-image:url(../images/main-title-welfare-sp.png);	
}
}



/*----------------------
 .main
----------------------*/

/*--- .main ---*/
.main{
padding:40px 0;	
}
@media screen and (max-width: 768px) {
.main{
padding:15px 0;	
}	
}


/*--- section ---*/
.main section{
padding:60px 0;	
}

@media screen and (max-width: 768px) {
.main section{
padding:30px 0;	
}
}


/*--- .post ---*/
.main .post{
margin-bottom:60px;	
}
.main .post:last-child{
margin-bottom:0;		
}
.main .post p{
margin-bottom:1.5em;	
}
.main .post p:last-child{
margin-bottom:0;	
}
@media screen and (max-width: 768px) {
.main .post{
margin-bottom:30px;	
}
.main .post p{
margin-bottom:1em;	
}	
}


/*--- title ---*/

/* .sec-title */
.sec-title{
text-align:center;
letter-spacing:-.40em;
margin-bottom:50px;
}
.sec-title .ja{
font-size:32px;
font-weight:bold;
position:relative;
display:inline-block;
letter-spacing:.15em;
text-indent:.15em;
}
.sec-title .ja:before,
.sec-title .ja:after{
content:"";
width:95px;
height:1px;
background:#202020;
position:absolute;
top:50%;
left:115%;		
}
.sec-title .ja:before{
left:auto;
right:115%;	
}
.sec-title .en{
font-size:18px;
font-weight:normal;
letter-spacing:normal;
color:#898989;
display:block;
padding-top:.15em;
text-transform:capitalize;
font-family: Calibri Regular, Crescent Regular, Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
.sec-title{
margin-bottom:30px;
overflow:hidden;
}
.sec-title .ja{
font-size:2.2rem;
letter-spacing:.05em;
}
.sec-title .ja:before,
.sec-title .ja:after{
content:"";
width:500px;
height:1px;
background:#202020;
position:absolute;
top:50%;
left:115%;	
}
.sec-title .ja:before{
left:auto;
right:115%;	
}
.sec-title .en{
font-size:1.4rem;	
}
.nolinetitle .sec-title .ja:before,
.nolinetitle .sec-title .ja:after{
	display: none;
}
}

/* .post-title */
.main .post-title{
text-align:center;
margin-bottom:30px;	
}
.main .post-title span{
font-weight:bold;
font-size:27px;
color:#4c5369;	
}
@media screen and (max-width: 768px) {
.main .post-title{
margin-bottom:10px;	
}
.main .post-title span{
font-size:1.9rem;	
}
}

/* .post-conts-title */
.post-conts-title{
text-align:center;
margin-bottom:50px;	
}
.post-conts-title span{
font-weight:bold;
font-size:18px;
color:#4c5369;
display:block;
position:relative;
}
.post-conts-title span:after{
content:"";
width:340px;
height:1px;
background:#5c606d;
position:absolute;
bottom:-20px;
right:0;
left:0;
margin:auto;	
}
@media screen and (max-width: 768px) {
.post-conts-title{
margin-bottom:30px;	
}
.post-conts-title span{
font-size:1.9rem;
}
.post-conts-title span:after{
width:100%;
bottom:-10px;	
}
}


/*--- background ---*/

/* .bg-gray */
.bg-gray{
background:#f3f4f4;	
}