@charset "UTF-8";

html {
word-break: break-all;
}
#new ul li span.post-title {
text-decoration: underline;
}
.index #section1 dt{
display:block;
text-align:center;
height:283px;
width:280px;
margin:0 auto 30px;
border-radius:280px;
overflow:hidden;
}
@media screen and (min-width:769px){
*{
margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
html,body{
overflow-x: auto;
}
body{
font-family:"メイリオ",Meiryo,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
/*------------------------------------------------------------------------------
スマホ / ドロワーメニュー
------------------------------------------------------------------------------*/
.down-nav{
display: none;
position:fixed;
left:0;
top:-105px;
width:100%;
min-height:200%;
z-index:10000;
background:rgba(0,0,0,0.86);
}
.down-nav .in{
width:1324px;
height:1000px;
margin:10px auto 0;
background:none;
}
.down-nav .in{
overflow:hidden;
}
.down-nav .in{
overflow:hidden;
}
.down-nav .in dl,
.down-nav .in dl a{
color:#fff;
}
.down-nav .in dl{
display:block;
float:left;
position:relative;
z-index:10000;
border-right:1px solid #353535;
height:1000px;
width:25%;
}
.down-nav .in dl:last-child{
border:none;
}
.down-nav .in dt{
color:#ddc566;
font-size:24px;
text-align:center;
border-bottom:1px solid #353535;
padding:8px 0;
}
.down-nav .in dd{
display:block;
width:92%;
margin:0 auto;
border-bottom:1px solid #353535;
position:relative;
}
.down-nav .in dd a{
transition:0.5s;
display:block;
width:100%;
padding:8px 0 8px 24px;
}
.down-nav .in dd a:hover{
color:#d43927;
}
.down-nav .in dd:after{
content:">";
display:inline-block;
float:right;
font-size:7px;
color:#ddc566;
position:absolute;
top:37%;
right:11px;
}
.down-nav .in dd:before {
display:inline-block;
font-family:"FontAwesome";
content:"\f101";
background-color:#d8000e;
color:#fff;
width:14px;
height:14px;
border-radius:7px;
text-align:center;
line-height:14px;
margin-right:6px;
text-indent:0;
font-size:12px;
padding-left:1px;
box-sizing:border-box;
position:absolute;
top:29%;
}
.bottom{
overflow:hidden;
}
.down-nav .in {
overflow:hidden;
padding:200px 0 0;
}
.down-nav .in dl:last-child{
overflow:hidden;
}
.down-nav .in dl dd.downnavi__close::before {
display: none;
}
.down-nav .in dl dd.downnavi__close::after {
display: none;
}
.down-nav .in dl dd.downnavi__close{
width:60%;
margin:0 20px 0 0;
float:right;
}
.down-nav .in dl dd.downnavi__close a{
margin:83px 0 0;
background:#d43927;
color:#fff;
text-align:center;
line-height:40px;
height:40px;
padding:0;
font-size:13px;
border-radius:2px;
}
.down-nav .in dl dd.downnavi__close a:before{
content:"→";
color:#fff;
float:right;
display:inline-block;
position:relative;
right:20px;
top:1px;
}
.comingsoon img{
opacity:0;
}
/*------------------------------------------------------------------------------
header
------------------------------------------------------------------------------*/
header .in{
overflow:hidden;
position:relative;
z-index:10000;
background:#fff;
}
header .in h1{
width:370px;
float:left;
margin:16px 0 0 20px;
position:relative;
top:3px;
}
header .in ul{
width:1030px;
display:block;
float:right;
margin:20px 90px 12px 0;
}
header .in ul li img{
display:block;
width:100%;
}
header .in ul li{
width:215px;
height:66px;
float:right;
}
header .in ul .header__tel{
display:block;
margin:0 -33px 0 0;
}
header .in ul .header__fax{
display:block;
margin:0 -33px 0 0;
}
header .in ul .header__fukuri{
display:block;
position:relative;
top:-2px;
}
header .in ul .header__veertien {
width: 180px;
}
header .in p{
display:block;
position:absolute;
top:10px;
right:10px;
}
header .in p:hover{
cursor:pointer;
}
/*------------------------------------------------------------------------------
グロナビ
------------------------------------------------------------------------------*/
#gnav{
position:relative;
z-index:9999;
background:#151515;
box-shadow: 0px 10px 10px -10px rgba(0,0,0,1);
-webkit-box-shadow: 0px 10px 10px -10px rgba(0,0,0,1);
-moz-box-shadow: 0px 10px 10px -10px rgba(0,0,0,1);
}
#gnav ul{
display:flex;
width:100%;
position:relative;
z-index:10000;
height:auto;
}
#gnav ul li{
position:relative;
background-size:100%;
text-align:center;
top:2px;
}
/* #gnav ul li:before{
content:"";
width:30px;
position:absolute;
left:0;
height:100px;
display:block;
background:url(../image/gnav-right.png)no-repeat left top;
background-size:100% 100%;
} */
#gnav ul li:after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 62px;
display: block;
border-right: 1px solid #333;
transform: rotate(25deg);
}
/* #gnav ul:after{
content:"";
width:30px;
position:absolute;
right:0;
height:100px;
display:block;
background:url(../image/gnav-right.png)no-repeat right top;
background-size:100% 100%;
} */
#gnav ul li img{
position:relative;
left:0;
}
#gnav ul li a{
display:block;
height:100%;
color:#fff;
font-size:10px;
width:100%;
text-align:center;
padding:13px 0;
position:relative;
}
#gnav ul li a:before{
color:#d43927;
display:block;
font-size:17px;
font-weight:bold;
}
#gnav ul .company a:before{content:"COMPANY";}
#gnav ul .business a:before{content:"BUSINESS";}
#gnav ul .contact a:before{content:"CONTACT";}
#gnav ul .philosophy a:before{content:"PHILOSOPHY";}
#gnav ul .client a:before{content:"CLIENT";}
#gnav ul .recruit a:before{content:"RECRUIT";}
#gnav ul .public-info a:before{content:"INFORMATION";}
#gnav ul .sdgs a:before{content:"SDGs";}
#gnav ul .activity a:before{content:"ACTIVITY";}
#gnav ul li{
opacity:0;
}

/*------------------------------------------------------------------------------
スライド / フェードイン
------------------------------------------------------------------------------*/
#mainImage{
border-top:1px solid #333;
overflow:hidden;
position:relative;
z-index:-1;
}
#mainImage #slide ul li img{
width:100%;
height:100%;
opacity:0;
}
#mainImage #slide ul li:nth-child(1){
background:url(../image/sl1.jpg) no-repeat left top;
background-size:cover;
}
#mainImage #slide ul li:nth-child(2){
background:url(../image/sl2.jpg) no-repeat left top;
background-size:cover;
}
#mainImage #slide ul li:nth-child(3){
background:url(../image/sl4.jpg) no-repeat left top;
background-size:cover;
}
#mainImage #slide ul li:nth-child(4){
background:url(../image/sl3.jpg) no-repeat left top;
background-size:cover;
}
#mainImage #slide ul{
display:block;
height:800px;
}
#mainImage #slide ul li{
position:absolute;
top:0;
left:0;
width:100%;
height:800px;
line-height:800px;
display:block;
}
#mainImage #slide ul li img{
width:100%;
}
#carousel-indicator{
position:relative;
z-index:10000;
margin:0;
width:98%;
margin:0 auto;
overflow:hidden;
position:relative;
top:-80px;
}
#mainImage #slide dl{
display:block;
}
#mainImage #slide dt img{
display:block;
margin:100px 0 0;
}
#mainImage #slide dd img{
display:block;
margin:170px 0 0;
}
#box{
display:block;
width:80%;
position:absolute;
top:0;
margin:240px 0 0 50px;
}
#youtube{
width:490px;
height:300px;
overflow:hidden;
border:1px solid #ccc;
position:absolute;
top:0;
left:0;
z-index:9998;
margin:540px 0 0 10.5%;
opacity:.95;
}
#youtube:hover{
cursor:pointer;
}
#box b:nth-child(1){width:39px;height:89px;}
#box b:nth-child(2){width:39px;height:89px;}
#box b:nth-child(3){width:36px;height:89px;}
#box b:nth-child(4){width:38px;height:89px;}
#box b:nth-child(5){width:55px;height:89px;}
#box b:nth-child(6){width:55px;height:89px;}
#box b:nth-child(7){width:55px;height:89px;}
#box b:nth-child(8){width:48px;height:89px;}
#box b:nth-child(9){width:39px;height:89px;}
#box b:nth-child(10){width:35px;height:89px;}
#box b:nth-child(11){width:23px;height:89px;}
#box b:nth-child(12){width:40px;height:89px;}
#box b:nth-child(13){width:55px;height:89px;}
#box b:nth-child(1){background:url(../image/seed-q01.png)no-repeat left top;}
#box b:nth-child(2){background:url(../image/seed-q02.png)no-repeat left top;}
#box b:nth-child(3){background:url(../image/seed-q03.png)no-repeat left top;}
#box b:nth-child(4){background:url(../image/seed-q04.png)no-repeat left top;}
#box b:nth-child(5){background:url(../image/seed-q05.png)no-repeat left top;}
#box b:nth-child(6){background:url(../image/seed-q06.png)no-repeat left top;}
#box b:nth-child(7){background:url(../image/seed-q07.png)no-repeat left top;}
#box b:nth-child(8){background:url(../image/seed-q08.png)no-repeat left top;}
#box b:nth-child(9){background:url(../image/seed-q09.png)no-repeat left top;}
#box b:nth-child(10){background:url(../image/seed-q10.png)no-repeat left top;}
#box b:nth-child(11){background:url(../image/seed-q11.png)no-repeat left top;}
#box b:nth-child(12){background:url(../image/seed-q12.png)no-repeat left top;}
#box b:nth-child(13){background:url(../image/seed-q13.png)no-repeat left top;}
/*------------------------------------------------------------------------------
新着情報
------------------------------------------------------------------------------*/
#new{
margin:-80px 0 0;
padding:16px 0;
background:url(../image/infobg.png);
}
#new ul{
width:1024px;
height:145px;
margin:0 auto;
}
#new ul li{
display:block;
height:50px;
line-height:50px;
}
#new ul li a{
color:#fff;
display:block;
margin:0 0 0 200px;
font-size:14px;
}
#new ul li:nth-child(1){
display:block;
background:url(../image/new.png) no-repeat left center;
}
#new ul li span{
display:inline-block;
padding:0 0 0 20px;
}
#recbtn{
width:60px;
height:226px;
position:fixed;
top:330px;
right:-3px;
}
/*------------------------------------------------------------------------------
cont
------------------------------------------------------------------------------*/
.index #cont .in{
width:1024px;
margin:0 auto;
}
/*------------------------------------------------------------------------------
section 01
------------------------------------------------------------------------------*/
#youtube-box .in{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.index #youtube-box{
background:url(../image/bg.gif) no-repeat center center;
background-color:#272929;
background-size:7%;
}
.index #section1{
padding:0 0 89px;
}
.index #section1 h2{
margin:80px 0 0;
display:block;
text-align:center;
}
.index #section1 .in{
overflow:hidden;
}
.index #section1 .middle{
overflow:hidden;
padding:43px 0 111px;
}
.index #section1 .bottom{
overflow:hidden;
}
.index #section1 dl{
width:33.3333%;
float:left;
}
.index #section1 dt img{
width:120%;
display:block;
margin:-10% 0 0 -10%;
}
.index #section1 dt img{
-moz-transition:-moz-transform 0.5s linear;
-webkit-transition:-webkit-transform 0.5s linear;
-o-transition:-o-transform 0.5s linear;
-ms-transition:-ms-transform 0.5s linear;
transition:transform 0.5s linear;
}
.index #section1 dt img:hover {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2);
cursor:pointer;
}
.index #section1 dd{
display:block;
width:84%;
margin:0 auto;
height:150px;
}
.index #section1 dd span{
display:block;
color:#103275;
text-align:center;
font-size:28px;
margin:0 0 23px;
}
.index #section1 dd a{
margin:22px 0 0;
display:block;
}
.index .more{
display:block;
text-align:center;
height:56px;
line-height:56px;
}
.index .more a{
display:block;
background:#f00;
}
.index .more span{
display:block;
width:90%;
margin:20px auto 0;
height:100%;
background:#103275;
color:#fff;
border-radius:1px;
}
.index .more span:after{
content:">";
color:#fff;
float:right;
font-size:9px;
position:relative;
right:18px;
}
/*------------------------------------------------------------------------------
section 02
------------------------------------------------------------------------------*/
.index #section2{
padding:76px 0 89px;
background:#f7f6f2;
}
.index #section2 h2{
display:block;
text-align:center;
padding:0 0 153px;
}
.index #section2 .in{
margin:0 auto;
overflow:hidden;
}
.index #section2 .left{
width:642px;
float:left;
}
.index #section2 .left p{
font-size:20px;
}
.index #section2 .left p span{
display:block;
margin:15px 0 16px;
}
.index #section2 .left p span:first-child{
margin:0 0 16px;
}
.index #section2 .left p a{
margin:65px 0 0;
display:block;
}
.index #section2 .right{
width:382px;
float:right;
margin:-31px 0 0;
}
.index #section2 .right img{
width:115%;
margin:0 0 0 -15%;
}
/*------------------------------------------------------------------------------
section 03
------------------------------------------------------------------------------*/
.index #section3{
padding:80px 0 0;
}
.index #section3 h2{
display:block;
text-align:center;
padding:0;
}
.index #section3 .in{
margin:0 auto;
overflow:hidden;
}
.index #section3 .left{
width:48%;
float:left;
overflow:hidden;
position:relative;
z-index:9994;
}
.index #section3 .left img{
width:578px;
position:relative;
top:10px;
}
.index #section3 .right{
margin:77px 0 0;
width:48%;
float:right;
position:relative;
z-index:9994;
}
.index #section3 .right dt{
display:block;
font-size:38px;
color:#1680C6;
margin:0 0 23px;
}
.index #section3 .right dd{
font-size:20px;
line-height:1.9em;
}
.index #section3 .right dd b{
display:block;
font-weight:normal;
font-size:34px;
padding:0 0 34px;
}
.index #section3 .right p:last-child{
display:block;
margin:62px 0 0;
}
/*------------------------------------------------------------------------------
section 04
------------------------------------------------------------------------------*/
.index #section4{
position:relative;
top:-9px 0 0;
background:#fafafa;
}
.index #section4 .in{
padding:79px 0 0;
}
.index #section4 h2{
display:block;
text-align:center;
padding:0 0 69px;
}
.index #section4 dl{
display:block;
overflow:hidden;
font-size:16px;
border-bottom:1px solid #A7A7A7;
}
.index #section4 dl:nth-child(2){
border-top:1px solid #A7A7A7;
margin:10px 0 0;
}
.index #section4 dt{
width:25%;
float:left;
padding:18px 0 18px 18px;
}
.index #section4 dt span{
background:#103275;
padding:2px 18px 0;
color:#fff;
display:block;
}
.index #section4 dd{
width:72%;
padding:20px 0 16px 25px;
float:left;
}
.index #section4 dd a{
color:#000;
}
.index #section4 p{
padding:75px 0 104px;
display:block;
}
.index #section4 p a{
display:block;
width:270px;
height:54px;
margin:0 auto;
}
/*------------------------------------------------------------------------------
下層ページ / 共通
------------------------------------------------------------------------------*/
#page-header{
background:url(../image/page-header.png);
border-bottom:1px solid #e5e5e5;
margin:0 0 30px;
}

#section1 > h2{
display:block;
text-align:center;
margin:-30px 0 30px;
padding:80px 0;
background:url(../image/underline.png) no-repeat bottom 55px center;
background-color:#EFEEED;
}
.activity #section1 .in h2,
.page #section7 h2,
.page #section6 h2,
.page #section5 h2,
.page #section4 h2,
.page #section3 h2,
.page #section2 h2,
.action-plan h2,
.section-heading-secondary{
font-family: "Teko", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
width:1024px;
font-size: 36px;
padding-top: 6px;
text-align: center;
padding:50px 0 20px;
color:#000;
border-bottom:1px solid #000;
margin:0 auto 40px;
}
.section-heading-secondary {
text-transform: none;
}
h2 span{
display:block;
font-size:20px;
color: #d8000e;
}
#page-header h2{
font-family: "Teko", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
height:114px;
width:1024px;
margin:0 auto;
font-size: 46px;
line-height: 114px;
padding-top: 6px;
text-align: center;
color: #d8000e;
}
#page-header .page-header__sdgs {
text-transform: none;
}
.page #section1{
}
.page #section1 .in{
margin:0 auto;
}
.gururi{
height:1400px;
}
/*------------------------------------------------------------------------------
会社概要
------------------------------------------------------------------------------*/
.company #section1 .in{
width:100%;
}
.company #section1 .middle{
overflow:hidden;
background:url(../image/company-m.png) no-repeat center top;
}
.company #section1 .center{
width:1024px;
margin:0 auto;
}
.company .messagetxt{
}
.company .messagetxt dl{
display:block;
width:70%;
margin:0 0 0 -254px;
padding:60px 0 180px;
}
.company .messagetxt dt{
width:60%;
margin:0 auto;
display:block;
color:#fff;
}
.company .messagetxt dd{
width:60%;
margin:0 auto;
display:block;
font-size:px;
color:#fff;
font-size:14px;
line-height:1.8em;
letter-spacing:1px;
}
.company .messagetxt dd span{
font-size:14px;
color:#fff;
display:block;
margin:10px 0;
}
.company #section2{
background:#efefef;
padding:0 0 50px;
}
.company #section2 .in{
width:1024px;
margin:0 auto;
}
.company #section2 .in th,
.company #section2 .in td{
width:100%;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
}
.company #section2 .in table{
border:1px solid #aaa;
width:100%;
border-collapse:collapse;
}
.company #section2 .in tr{
width:100%;
}
.company #section2 .in th{
width:20%;
font-weight:normal;
background:#000;
color:#fff;
}
.company #section2 .in td{
width:70%;
padding:18px;
background:#fff;
}
.company #section2 .in td span{
display:block;
margin:0 0 0 1em;
}
.company #section2 .in p{
display:block;
padding:20px 0;
}
.company #section2 .in p a{
color:#0000ff;
text-decoration:underline;
}
.company #section2 .in p a:hover{
text-decoration:none;
}
.company #section3 .rinenimg{
width:1024px;
margin:0 auto;
text-align:center;
}
.company #section3 .rinenimg ul li{
}
.company #section3 .rinenimg ul li:nth-child(1){
border-bottom:1px solid #000;
display:block;
margin:0 0 80px;
padding:0 0 5px;
}
.company #section3 .rinenimg ul li:nth-child(2){
display:block;
border-bottom:1px solid #000;
display:block;
margin:0 0 80px;
padding:0 0 80px;
}
.company #section3 .rinenimg ul li:nth-child(3){
display:block;
border-bottom:1px solid #000;
display:block;
margin:0 0 80px;
padding:0 0 80px;
}
.company #section3 .rinenimg ul li:nth-child(4){
display:block;
border-bottom:1px solid #000;
display:block;
margin:0 0 80px;
padding:0 0 80px;
}
.company #section3 .rinenimg ul li:nth-child(5){
display:block;
border-bottom:1px solid #000;
display:block;
margin:0 0 80px;
padding:0 0 80px;
}
.company #section3 .rinenimg ul li:nth-child(1) img{
display:block;
width:80%;
margin:0 auto;
}
.company #section3 .rinenimg ul li:nth-child(2) img{
display:block;
width:30%;
margin:0 auto;
}
.company #section3 .rinenimg ul li:nth-child(3) img{
display:block;
margin:0 auto;
}
.company #section3 .rinenimg ul li:nth-child(4) img{
display:block;
margin:0 auto;
}
.company #section3 .rinenimg ul li:nth-child(5) img{
display:block;
margin:0 auto;
width:70%;
}
.company #section4 .in .middle{
width:1024px;
margin:0 auto 80px;
padding:30px 0 0;
}
.company #section4 .in .middle table{
width:100%;
}
.company #section4 .in .middle th{
font-weight:normal;
text-align:left;
padding:0 0 0 10px;
}
.company #section4 .in .middle td{
text-align:left;
padding:0 0 0 58px;
line-height:1.8em;
}
.company #section4 .in .middle tr{
display:block;
padding:18px 0;
}
.company #section4 .in .middle tr:nth-child(odd){
background:#f1f3f3;
}
.company #section5 .in .middle{
overflow:hidden;
width:1024px;
margin:0 auto;
}
.company #section5 .in .middle .left{
width:48%;
float:left;
}
.company #section5 .in .middle .right{
width:48%;
float:right;
}
.company #section5 .in .middle .right dl,
.company #section5 .in .middle .left dl{
display:block;
overflow:hidden;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}
.company #section5 .in .middle .right dt,
.company #section5 .in .middle .left dt{
display:block;
width:50%;
float:left;
padding:10px 0 10px 10px;
background:#000;
color:#fff;
border-bottom:1px solid #ccc;
}
.company #section5 .in .middle .right dd,
.company #section5 .in .middle .left dd{
display:block;
width:50%;
float:right;
padding:10px 0 10px 10px;
border-bottom:1px solid #ccc;
}
.company #section5 .in .middle .right p{
display:block;
text-align:right;
margin:20px 0 0;
color:#d43927;
}
.company #section6 .gmap {
position: relative;
padding:0;
height:0;
overflow:hidden;
height:495px;
}
.company #section6 .gmap iframe,
.company #section6 .gmap object,
.company #section6 .gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.company #section6 #map{
display:block;
width:100%!important;
height:495px!important;
}
.company #section7{
padding:0 0 100px;
}
.company #section7 .in{
width:1024px;
margin:0 auto;
}
.company #section7 .in ul li{
padding:18px 0 18px;
display:block;
border-bottom:1px solid #ccc;
}
.company #section7 .in ul li a{
color:#0000CC;
text-decoration:underline;
}
.company #section7 .in ul li a:hover{
text-decoration:none;
}
/*------------------------------------------------------------------------------
事業内容 / 一覧
------------------------------------------------------------------------------*/
.business #section1{
padding:0 0 100px;
}
.business #section1 .in{
width:100%;
}
.business #section1 .center{
width:1024px;
margin:0 auto;
overflow:hidden;
}
.business #section1 .center dl{
width:49%;
height:376px;
float:left;
color:#fff;
position:relative;
margin:0 0 20px;
overflow:hidden;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.business #section1 .center dl:hover{
cursor:pointer;
}
.reiya{
background:linear-gradient(70deg, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,.7), rgba(255,255,255,0.3),rgba(255,255,255,0));
margin-left:-1500px;
-webkit-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
-o-transform: rotate(-70deg);
transform: rotate(-70deg);
}
.business #section1 .center dl:hover{
opacity:0.93;
}
.business #section1 .center dl:nth-child(1){background:url(../image/business01.jpg)no-repeat center top;}
.business #section1 .center dl:nth-child(2){background:url(../image/business02.jpg)no-repeat center top;}
.business #section1 .center dl:nth-child(3){background:url(../image/business03.jpg)no-repeat center top;}
.business #section1 .center dl:nth-child(4){background:url(../image/business-transportation.jpg)no-repeat center top;}
.business #section1 .center dl:nth-child(5){background:url(../image/business05.jpg)no-repeat center top;}
.business #section1 .center dl:nth-child(6){background:url(../image/business06.jpg)no-repeat center top;}
.business #section1 .center dl:nth-child(even){
float:right;
}
.business #section1 .center dt{
font-size:28px;
font-weight:bold;
padding:20px 0 0 20px;
}
.business #section1 .center dd{
padding:0 0 0 20px;
}
/*------------------------------------------------------------------------------
事業内容 / シングルページ
------------------------------------------------------------------------------*/
.page-head{
margin:-30px 0 0;
height:300px;
}
.single #cont #section1 .middle{
background:url(../image/sub-bg.jpg) no-repeat left top;
background-size:cover;
}
.single #cont #section1 .middle h3{
display:block;
width:1024px;
margin:0 auto;
padding:50px 0;
}
.single #cont #section1 .middle h3 img{
width:100%;
display:block;
}
.single #cont #section1 .bottom{
padding:50px 0 0;
}
.single #cont #section1 .bottom2{
padding:20px 0 0;
}
.single #cont #section1 .bottom2 .in,
.single #cont #section1 .bottom .in{
width:1024px;
margin:0 auto;
}
.single #cont #section1 .bottom2 .in .busi{
display:block;
margin:0 0 30px;
}
.single #cont #section1 .bottom2 .in .box{
overflow:hidden;
padding:0 0 50px;
}
.single #cont #section1 .bottom .in .box{
overflow:hidden;
border-bottom:1px dotted #ccc;
padding:0 0 50px;
margin:0 0 50px;
}
.single #cont #section1 .bottom .in .box h2{
display:block;
padding:7px 0 0;
background:url(../image/sih.png) no-repeat left top;
background-size:100% 100%;
color:#fff;
margin:0 0 24px;
font-size:20px;
}
.single #cont #section1 .bottom .in .box h2:before{
content:"icon";
text-indent:-9999px;
display:inline-block;
background:#e0200d;
width:5px;
margin:0 8px 3px 8px;
position:relative;
top:-2px;
}

.single #cont #section1 .bottom .in .box:last-child{
padding:0 0 50px;
margin:0;
border:none;
}
.single #cont #section1 .bottom .in .box dl{
width:33.333%;
float:left;
display:block;
}
.single #cont #section1 .ocean .in .box{
overflow:hidden;
}
.single #cont #section1 .ocean .in .box dl{
width:48%;
float:left;
}
.single #cont #section1 .ocean .in .box dl:last-child{
float:right;
}
.single #cont #section1 .bottom .in .box dt{
display:block;
text-align:center;
}
.single #cont #section1 .bottom .in .box dt span img{
opacity:0;
}
.single #cont #section1 .bottom .in .box dt span{
background:#ccc;
display:block;
height:330px;
line-height:330px;
color:#fff;
width:96%;
margin:0 auto;
font-size:18px;
}
.single #cont #section1 .bottom .in .box dt.robo span{
background:#ccc;
display:block;
height:530px;
line-height:530px;
color:#fff;
width:96%;
margin:0 auto;
font-size:18px;
}
.single #cont #section1 .bottom .in .box dt img{
display:block;
width:96%;
margin:0 auto;
}
.single #cont #section1 .bottom .in .box dd span{
display:block;
background:url(../image/sen-red.png)no-repeat left bottom;
background-size:100%;
padding:20px 0 10px;
font-size:17px;
}
.single #cont #section1 .bottom .in .box dd span:before{content:"■";color:#933022;}
.single #cont #section1 .bottom .in .box:nth-child(2) dd span:before{content:"■";color:#124480;}
.single #cont #section1 .bottom .in .box:nth-child(3) dd span:before{content:"■";color:#000000;}

.single #cont #section1 .bottom .in .box:nth-child(2) dd span{
display:block;
background:url(../image/sen-blue.png)no-repeat left bottom;
background-size:100%;
}
.single #cont #section1 .bottom .in .box:nth-child(3) dd span{
display:block;
background:url(../image/sen-black.png)no-repeat left bottom;
background-size:100%;
}

.single #cont #section1 .bottom .in .box dd{
display:block;
padding:0 20px;
}
.single #cont #section1 .bottom .in .box dd:last-child{
display:block;
padding:18px 20px 0;
}
.single #cont #section1 .bottom .in .box p{
display:block;
float:right;
width:660px;
}
.single #cont #section1 .bottom .in .box p img{
display:block;
width:100%;
}
.single #cont #section1 .bottom .in .box p.both{
display:block;
clear:both;
width:98%;
margin:30px auto 0;
padding:30px 0 0;
font-weight:bold;
border-top:1px solid #ccc;
}
.single #cont #section1 .bottom .in .box p.both span{
display:block;
}
.single .souko{
display:block;
margin:0 0 18px;
}
/*------------------------------------------------------------------------------
主な活動
------------------------------------------------------------------------------*/
.activity section .middle{
width:1024px;
margin:0 auto;
}
.activity #section1 .middle .box{
overflow:hidden;
margin:0 0 40px;
}
.activity #section1 .middle .box:after{
content:"▼";
display:block;
width:100%;
text-align:center;
font-size:50px;
color:#f00;
}
.activity #section1 .middle .box:nth-child(4){
margin:0;
}
.activity #section1 .middle .left{
width:49%;
text-align:center;
float:left;
overflow:hidden;
}
.activity #section1 .middle .right{
width:49%;
text-align:center;
float:right;
overflow:hidden;
}
.activity #section1 .middle .left img,
.activity #section1 .middle .right img{
display:block;
width:100%;
}

.activity #section1 .middle .box1 .left,
.activity #section1 .middle .box1 .right{
height:300px;
}
.activity #section1 .middle .box2 .left,
.activity #section1 .middle .box2 .right{
height:260px;
}
.activity #section1 .middle .box3 .left,
.activity #section1 .middle .box3 .right{
height:360px;
}
.activity #section1 .middle dl{
display:block;
overflow:hidden;
}
.activity #section1 .middle dt{
display:block;
}
.activity #section1 .middle p,
.activity #section1 .middle dd{
display:block;
width:100%;
text-align:center;
margin:20px 0;
}
.activity #section1 .middle .bottom{
display:block;
padding:10px 0;
margin:0 0 80px;
}
.activity #section2 .in{
width:1024px;
margin:0 auto;
}
.activity #section2 .in dl{
display:block;
border-bottom:1px dotted #ccc;
margin:0 0 30px;
}
.activity #section2 .in dt{
display:block;
font-weight:bold;
margin:18px 0 18px;
}
.activity #section2 .in dd{
display:block;
margin:18px auto 38px;
}
.activity #section2 .in .img{
width:100%;
margin:60px auto 60px;
text-align:center;
}
.activity #section2 .in .img ul{
display:block;
overflow:hidden;
}
.activity #section2 .in .img ul li{
width:32%;
height:300px;
float:left;
margin:0 0 30px;
}
.activity #section2 .in .img ul li img{
display:block;
width:100%;
}
.activity #section2 .in .img ul li:nth-child(2){
margin:0 2%;
}
.activity #section2 .in p:last-child{
display:block;
text-align:center;
}
.activity #section3 .in{
width:1024px;
margin:80px auto 100px;
}
.activity #section3 .in p a{
display:block;
margin:20px 0 0;
text-decoration:underline;
}
.activity #section3 .in p a:hover{
text-decoration:none;
}
.activity #section3 .in .bottom{
padding:20px 0 0;
}

.activity #section4 .in{
width:1024px;
margin:80px auto 100px;
}
.activity_section4_ul {
display:flex;
}
.activity_section4_li {
width:50%;
}
.activity_section4_li img {
width:100%;
height:500px;
}

.activity_section4_text {
margin-top:35px;
}
.activity .action-plan .in {
width: 1024px;
margin: 0 auto;
}

.activity #section3 .in .box1 > ul{
display:block;
overflow:hidden;
}
.activity #section3 .in .box1 > ul li{
width:33.3333%;
float:left;
position:relative;
z-index:9999;
}
.activity #section3 .in .box1 > ul li img{
width:100%;
}
.activity #section3 .in .box1 > dl{
display:block;
overflow:hidden;
margin:-30px 0 0;
position:relative;
z-index:-1;
}
.activity #section3 .in .box1 > dl dt{
width:49%;
float:right;
}
.activity #section3 .in .box1 > dl dt img{
display:block;
width:100%;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
position:relative;
right:2px;
}
.activity #section3 .in .box1 > dl dd{
width:48%;
float:left;
font-size:17px;
line-height:2em;
padding:50px 20px 120px;
margin:0 30px 0 0;
background:url(../image/hana2.png) no-repeat left bottom 40px;

}
.activity #section3 .in .box1 > dl dd p{
display:block;
margin:0 0 30px;
}
.activity #section3 .in .letter{
padding:40px 0 0;
}
.activity #section3 .in .letter ul{
display:block;
}
.activity #section3 .in .letter ul:after{
content: "";
clear: both;
display: block;
}
.activity #section3 .in .letter ul li{
width:49%;
float:left;
text-align:center;
display:block;
border:1px solid #e8e8e8;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
padding:80px 0 18px;
}
.activity #section3 .in .letter ul li:last-child{
width:49%;
float:right;
}
.activity #section3 .in .letter ul li:before{
content:"";
display:block;
width:96%;
margin:-100px auto 0;
position:relative;
height:60px;
background:url(../image/pin01.png) no-repeat center top;
}
.activity #section3 .in .letter ul li:nth-child(2):before{
background:url(../image/pin02.png) no-repeat center top;
}
.activity #section3 .in .box2 .letter ul li:nth-child(1):before{
background:url(../image/pin04.png) no-repeat center top;
}
.activity #section3 .in .box2 .letter ul li:nth-child(2):before{
background:url(../image/pin05.png) no-repeat center top;
}
.activity #section3 .in .letter ul li img{
display:block;
margin:5px auto 0;
width:96%;
}
.activity #section3 .in .box2{
padding:80px 0 80px;
}
.activity #section3 .in .box2 > dl{
display:block;
overflow:hidden;
}
.activity #section3 .in .box2 > dl dt{
width:38%;
float:left;
}
.activity #section3 .in .box2 > dl dt img{
display:block;
width:100%;
}
.activity #section3 .in .box2 > dl dd{
width:58%;
float:right;
font-size:18px;
line-height:2em;
padding:160px 20px 60px;
margin:0 30px 0 0;
background:url(../image/hana2.png) no-repeat left top 30px;
}
.activity #section3 .in .box2 > dl dd p{
display:block;
margin:0 0 30px;
}
.activity #section3 .in .box2 > ul{
display:block;
overflow:hidden;
}
.activity #section3 .in .box2 > ul li{
width:33.3333%;
float:left;
height:255px;
overflow:hidden;
margin:0 0 20px;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
border-bottom:3px solid #fff;

}
.activity #section3 .in .box2 > ul li img{
width:101%;
}
/*------------------------------------------------------------------------------
お知らせ
------------------------------------------------------------------------------*/
.info-archive #section1{
padding:0 0 100px;
}
.info-archive #section1 .center{
width:1024px;
margin:0 auto 20px;
overflow:hidden;
}
.info-archive #section1 .middle{
}
.info-archive #section1 .middle dl{
display:block;
}
.info-archive #section1 .middle dt{
display:block;
border-bottom:1px solid #ccc;
font-size:26px;
font-weight:bold;
color:#666;
padding:10px 0;
}
.info-archive #section1 .middle dd{
display:block;
color:#9fa0a0;
padding:10px 0;
font-size:13px;
}
.info-archive #section1 .in{
width:100%;
display:block;
overflow:hidden;
}
.info-archive #section1 .in .left{
width:350px;
height:350px;
line-height:350px;
float:left;
/*background:#333;
color:#fff;*/
text-align:center;
}
.info-archive #section1 .in .left img{
display:block;
width:100%;
}
.imgcss{
display:block;
margin:30px 0 0;
}
.info-archive #section1 .in .right{
width:630px;
/*height:350px;*/
float:right;
}
.info-archive #section1 .in .right p{
display:block;
margin:0 0 18px;
line-height:1.8em;
}
.info-archive #section1 .in .right
.info-archive #section1 .in .right p span{
display:block;
padding:30px 0 0;
}
.imgstyle{
display:block;
margin:20px auto 20px;
}
.info-archive #section1 .bottom ul{
display:block;
overflow:hidden;
width:1024px;
margin:50px auto 0;
}
.info-archive #section1 .bottom ul li:first-child{
width:48%;
float:left;
}
.info-archive #section1 .bottom ul li:last-child{
width:48%;
float:right;
}
.info-archive #section1 .bottom ul li a{
width:50%;
display:block;
margin:0 auto;
height:50px;
line-height:50px;
text-align:center;
/*background:#000;*/
color:#fff;
border-radius:4px;
}
.info-archive #section1 .bottom ul li:first-child a{
float:left;
}
.info-archive #section1 .bottom ul li:last-child a{
float:right;
}
.info .color-01{
border:2px solid #0094dc;
height:349px;
}
/*------------------------------------------------------------------------------
よくあるご質問
------------------------------------------------------------------------------*/
.faq #section1{
padding:0 0 100px;
}
.faq #section1 .in{
width:100%;
}
.faq #section1 .center{
width:1024px;
margin:0 auto;
overflow:hidden;
}
.faq #section1 .center dl{
display:block;
}
.faq #section1 .center dt{
display:block;
border-bottom:1px solid #f00;
height:70px;
margin:0 0 24px;
line-height:70px;
cursor:pointer;
}
.faq #section1 .center dt:before{
font-family: "Teko", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
font-size:36px;
content:"Q";
display:block;
height:58px;
width:58px;
text-align:center;
line-height:60px;
color:#f00;
background:url(../image/q.png) no-repeat center top 1px;
margin:0 20px 0 0;
float:left;
}
.faq #section1 .center dd{
display:block;
display:none;
margin:-23px 0 30px;
background:#eeeeee;
padding:0 18px 18px;
}

.faq #section1 .center dd:before{
content:"A";
display:inline-block;
color:#f00;
font-size:56px;
margin:0 20px 0 0;
position:relative;
top:10px;
}
.icon1,
.icon2{
width:30px;
height:30px;
line-height:29px;
background:#d8000e;
color:#fff;
text-align:center;
float:right;
margin:20px 0 0;
font-size:12px;
font-weight:normal;
}
/*------------------------------------------------------------------------------
プライバシーポリシー
------------------------------------------------------------------------------*/
.privacy #section1 .center{
width:1024px;
margin:0 auto;
overflow:hidden;
}
.privacy #section1 p{
display:block;
margin:0 0 18px;
font-size:14px;
line-height:1.8em;
}
.privacy #section1 .in .center > p{
display:block;
padding:0 0 30px;
margin:-20px 0 0;
}
.privacy #section1 .in .center dl dd ul li{
display:block;
margin:0 0 10px;
}
.privacy #section1 .in .center dl dd ul li:last-child{
margin:0;
}
.privacy #section1 dt,
.privacy #section1 dd,
.privacy #section1 dl{
display:block;
text-align:left;
}
.privacy #section1 dt{
display:block;
background:#000;
color:#fff;
margin:0 0 18px;
padding:6px 4px 3px 15px;
font-size:17px;
}
.privacy #section1 dd{
margin:0 0 50px;
line-height:1.8em;
font-size:14px;
}
.privacy #section1 dd span{
display:block;
padding:6px;
margin:10px 0 10px;
font-weight:bold;
color:#000;
font-size:15px;
}
.privacy #section1 dd a{
color:#000;
}
/*------------------------------------------------------------------------------
募集要項
------------------------------------------------------------------------------*/
#cont .recruit{
white-space: nowrap;
width:100%;
margin-top:28px;
margin-bottom:55px;
}
.recruit #section1 .middle{
line-height:1.8em;
width:1024px;
margin:0 auto 80px;
}
.recruit table{
border-collapse: collapse;
}
.recruit #section1 p{
display:block;
margin:0;
}
.recruit #section1 p span{
display:block;
}
.recruit th{
width:20%;
}
.recruit th,
.recruit td{
text-align:left;
border:1px solid #CCC;
padding:14px 0 14px 12px;
}
.recruit td{background:#fff;}

.recruit th{
background:#F7F7F7;
}
.recruit #section1 dt a{
text-decoration:underline;
}
.recruit #section1 dt{
display:block;
margin:0 auto 30px;
}
.recruit #section1 dt,
.recruit #section1 dd{
padding:40px 0 0;
display:block;
text-align:center;
}
.recruit #section1 dd a{
display:inline-block;
background-color:#fff;
color:#514942;
padding:18px 80px;
margin:0 auto;
}
.recruit #section1 dd a:hover{
opacity:.8;
}
.recruit #section1 .recruitText .in{
overflow:hidden;
margin:0 auto 50px;
}
.recruit #section1 .recruitText dl dt a{
text-decoration:none;
}
.recruit #section1 .recruitText dl{
display:block;
width:48%;
float:left;
line-height:2.2em;
margin:22px auto 0;
}
.recruit #section1 .recruitText dl dt,
.recruit #section1 .recruitText dl dd{
padding:0;
margin:0;
display:block;
text-align:left;
}
.recruit #section1 .recruitText dl dd a{
display:inline-block;
padding:0;
margin:0 auto;
}
.recruit #section1 .recruitText p{
display:block;
width:48%;
float:right;
border:2px solid #0094dc;
padding:10px 0 10px;
text-align:center;
position:relative;
z-index:9999;
}
.recruit #section1 .recruitText img{
display:block;
width:90%;
margin:0 auto;
position:relative;
left:-3px;
top:-3px;
}
.recruit #section1 .recruitText p:hover{
cursor:pointer;
}
.recruit #section1 .recruitText ul{
display:block;
overflow:hidden;
}
.recruit #section1 .recruitText ul li{
display:block;
width:33.333%;
float:left;
padding:1.5%;
}
.recruit #section1 .recruitText ul li img{
display:block;
width:100%;
margin:0 auto 16px;
}
/*------------------------------------------------------------------------------
社員メッセージ
------------------------------------------------------------------------------*/

.voice-staff #section1 .middle{
display:block;
margin:-30px auto 0;
}
.voice-staff .box{
display:block;
border-bottom:1px solid #F3E3D4;
overflow:hidden;
margin:0;
padding:0;
background:#F8F4ED;
}
.voice-staff .box:nth-child(4),
.voice-staff .box:nth-child(2){
background:#fbf8f2;
}
.voice-staff .box:hover{
cursor:pointer;
}
.voice-staff .box .in{
width:1024px;
margin:0 auto;
}
.voice-staff .box img{
display:block;
width:100%;
}
.voice-staff .box dl{
position:relative;
height:330px;
margin:30px 0 0;
padding:0;
border: transparent 1px solid;
}
.voice-staff .box:nth-child(1) dl{background:url(../image/voice-01.png) no-repeat left top;}
.voice-staff .box:nth-child(2) dl{background:url(../image/voice-02.png) no-repeat left top;}
.voice-staff .box:nth-child(3) dl{background:url(../image/voice-03.png) no-repeat left top;}
.voice-staff .box:nth-child(4) dl{background:url(../image/voice-04.png) no-repeat left top;}

.voice-staff .box dt{
display:block;
font-size:23px;
font-weight:bold;
margin:64px 0 20px 180px;
color:#594A3D;
}
.voice-staff .box:nth-child(4) dt,
.voice-staff .box:nth-child(3) dt,
.voice-staff .box:nth-child(2) dt{
padding:0 0 0 30px;
}
.voice-staff .box dd{
line-height:1.9em;
position:absolute;
left:16px;
bottom:50px;
font-size:17px;
color:#817468;
}
.voice-staff .box dd span{
display:block;
font-size:24px;
margin:0 0 10px;
}
.voice-staff .box:last-child{
margin:0;
padding:0;
border:none;
}
.voice-staff .box:nth-child(odd) .left{
display:block;
float:left;
width:350px;
height:350px;
line-height:350px;
background:#333;
color:#fff;
text-align:center;
}
.voice-staff .box:nth-child(odd) .right{
display:block;
float:right;
width:630px;
height:350px;
}
.voice-staff .box:nth-child(even) .right{
display:block;
float:left;
width:630px;
height:350px;
}
.voice-staff .box:nth-child(even) .left{
display:block;
float:right;
width:350px;
height:350px;
line-height:350px;
background:#333;
color:#fff;
text-align:center;
}
/*------------------------------------------------------------------------------
お問い合わせ
------------------------------------------------------------------------------*/
#fadebox{
font-family:"Teko", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}
#fadebox p{
display:block;
margin:0 0 57px;
line-height:1.9em;
font-size:20px;
}
#fadebox ul{
display:block;
overflow:hidden;
}
#fadebox ul li{
display:block;
/*width:33.3333%;*/
width:48%;
float:left;
margin:0;
position:relative;
left:-3000px;
font-weight:500;
text-transform:uppercase;
letter-spacing:1px;
color:#fff;
font-size:16px;
}
#fadebox ul li span{
height:70px;
line-height:70px;
padding:4px 0 0;
border-radius:6px;
width:94%;
margin:0 auto;
display:block;
}
#fadebox ul li:first-child span{
background:#ad1010;
}
#fadebox ul li:nth-child(2) span{
background:#000;
}
#fadebox ul li:last-child span{
background:#06275b;
}
#fadebox ul li:hover{
cursor:pointer;
}
#fadebox ul li span:after{
content:">";
color:#fff;
font-size:15px;
float:right;
margin:0 0 0 0;
position:relative;
left:-12px;
}
#select-box{
width:1024px;
margin:0 auto;
text-align:center;
padding:20px 0 80px;
}
select{
font-size:17px;
height:40px;
line-height:40px;
border:1px solid #666;
margin:0 0 30px;
}
#contact #input-text-1,
#contact #input-text-2,
#contact #input-text-3-1,
#contact #input-text-3-2,
#contact #input-text-4,
#contact #input-text-5-1,
#contact #input-text-5-2,
#contact #input-text-6,
#contact #input-text-7-1,
#contact #input-text-7-2,
#contact #input-text-8-1,
#contact #input-text-8-2,
#contact #input-text-8-3{
font-size:13px;
color:#F00;
position:relative;
top:5px;
}
.coment{
color:#000;
font-size:14px;
display:block;
clear:both;
position:relative;
top:4px;
}
#contact #input-text-9{
font-size:14px;
color:#f00;
position:relative;
top:-7px;
}
#contact #s_navi ul li:nth-child(1){background:url(../images/common/inquery_btn.png) left bottom;}
#contact #s_navi ul li:nth-child(2){background:url(../images/common/mitumori_btn.png) left top;}
#contact #s_navi ul li:nth-child(2):hover{background:url(../images/common/mitumori_btn.png) left bottom;}
#contact #s_navi ul li:nth-child(3){background:url(../images/common/policy_btn.png) left top;}
#contact #s_navi ul li:nth-child(3):hover{background:url(../images/common/policy_btn.png) left bottom;}
#contact #s_main{
padding:80px 0 64px;
}
#contact #box1{
margin:-5px 0 75px;
}
#contact #box1 .in{
width:960px;
margin:0 auto;
overflow:hidden;
}
#contact #box1 .in h2{
display:block;
margin:0 0 51px;
}
#quotation #box1 .in dt,
#contact #box1 .in dt{
display:block;
padding:0 0 13px;
font-size:16px;
}
#quotation #box1 .in dd,
#contact #box1 .in dd{
color:#D80000;
font-size:14px;
padding:0 0 15px;
}
#contact #box1 .in dd span{
display:inline-block;
margin:0 0 0 13px;
}
#contact #box1 .in th:after{
content:"必須";
display:inline-block;
position:relative;
top:-2px;
margin:0 0 0 5px;
background:#C32B2D;
color:#FFF;
font-size:13px;
padding:1px 2px 0;
height:19px;
line-height:20px;
}
#contact #box1 .in tr:nth-child(6) th:after{
content:"";
display:none;
}
#contact #box1 .in table{
width:800px;
border-collapse:collapse;
}
#contact #box1 .in th{
border:1px solid #BBBBBB;
background:#F0F0F0;
width:240px;
font-weight:normal;
font-size:15px;
text-align:left;
padding:3px 0 0 31px;
vertical-align:middle;
}
#quotation #box1 .in table#table th{
width:250px;
}
#contact #box1 .in td{
padding:19px 0 19px 20px;
vertical-align:middle;
border:1px solid #BBBBBB;
font-weight:normal;
}
#contact #contact_form{
width:800px;
margin:0 auto;
padding:7px 0 0;
}
#contact #contact_form .btn ul{
display:block;
position:relative;
top:10px;
}
#contact #contact_form .btn ul li:first-child{
width:48%;
float:left;
text-align:right;
padding:24px 0;
}
#contact #contact_form .btn ul li:last-child{
width:48%;
float:right;
text-align:left;
padding:24px 0;
}
#contact input[type=button],
#contact input[type=reset],
#contact input[type=submit]{
border:none;
width:150px;
border:1px solid #ccc;
padding: 8px 20px 6px;
cursor:pointer;
background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
-moz-box-shadow: 1px 1px 2px #E7E7E7;
-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
#contact #contact_form td input[type="text"]{
font-size:16px;
padding:4px 4px;
border:1px solid #DDDDDD;
background:#F6F6F6;
position:relative;
top:-1px;
}
#contact #contact_form tr:nth-child(1) td input[type="text"]{width:426px;}
#contact #contact_form tr:nth-child(2) td input[type="text"]{width:426px;}
#contact #contact_form tr:nth-child(3) td input[type="text"]{width:150px;}
#contact #contact_form tr:nth-child(4) td input[type="text"]{width:555px;}
#contact #contact_form tr:nth-child(5) td input[type="text"]{width:203px;}
#contact #contact_form tr:nth-child(6) td input[type="text"]{width:203px;}
#contact #contact_form tr:nth-child(7) td input[type="text"]{width:555px;}
#contact #contact_form tr:nth-child(8) td input[type="text"]{width:555px;}
#contact #contact_form td textarea{
font-size:16px;
width:555px;
height:225px;
padding:4px 4px;
margin:15px 0 11px;
border:1px solid #DDDDDD;
background:#F6F6F6;
}
#contact input:focus, select:focus, textarea:focus {
background-color: #FFF!important;
}
#fadebox{
position:fixed;
top:0;
left:0;
width:100%;
height:2000px;
background:rgba(0,0,0,0.83);
display:none;
}
#fadebox > div{
color:#fff;
width:1024px;
margin:250px auto 0;
text-align:center;
}
/*------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------*/
footer{
background:url(../image/footerbg.png) no-repeat left top;
background-size:100% 100%;
padding:59px 0 0;
min-width: 1024px;
}
footer a{
color:#fff;
}
footer .in{
width:1024px;
margin:0 auto;
color:#fff;
}
footer #copy{
overflow:hidden;
}
footer .middle{
overflow:hidden;
padding:0 0 47px;
}
footer .middle p{
float:left;
}
footer .middle .right{
padding:3px 0 0;
width:580px;
float:right;
}
footer .middle .left{
width:382px;
}
footer .middle .right ul{
display:block;
overflow:hidden;
float:right;
}
footer .middle .right ul li{
width:215px;
height:66px;
float:right;
}
footer .middle .right ul li:nth-child(3){
display:block;
margin:0 -33px 0 0;
}
footer .middle .right ul li:nth-child(2){
display:block;
margin:0 -33px 0 0;
}
footer .middle ul{
letter-spacing:-.40em;
width:648px;
float:right;
}
footer .middle ul li{
display:inline-block;
}
footer .bottom{
overflow:hidden;
}
footer .bottom .left dl{
display:block;
width:216px;
float:left;
font-size:14px;
line-height:1.9em;
}
footer .bottom .right{
overflow:hidden;
}
footer .bottom .right dl{
display:block;
width:216px;
float:left;
}
footer .bottom .right dl:nth-child(1){
width:126px;
margin:0 42px 0 30px;
}
footer .bottom .right dl:nth-child(2){
width:170px;
}
footer .bottom .right dl:nth-child(3){
width:176px;
margin:0 0 0 27px;
}
footer .bottom .right dl:nth-child(4){
width:183px;
position:relative;
left:5px;
}
footer .bottom .right dl:nth-child(4) ,footer .bottom .right dl:nth-child(5) , ,footer .bottom .right dl:nth-child(6) {
margin-left: 20px;
}
footer .bottom .right dl:nth-child(5) , footer .bottom .right dl:nth-child(6) {
margin-top: 22px;
}
footer .right dt{
display:block;
font-size:21px;
padding:0 0 0 2px;
}
footer .right dd{
display:block;
background:url(../image/licon.png) no-repeat left center;
padding:3px 0 3px 20px;
font-size:14px;
}
footer .bottom .left dt{
font-weight:normal;
}
footer #copy{
font-size:12px;
margin:85px 0 0 0;
padding:0 0 50px;
}
footer #copy .left{
width:49%;
float:left;
}
footer #copy .right{
width:49%;
float:right;
text-align:right;
}
.page-top {
overflow:hidden;
width:78px;
height:78px;
margin:0;
float:right;
cursor:pointer;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.page-top img{
display:block;
width:100%;
}
.fixed {
position:fixed;
bottom:10px;
right:5px;
}
.static{
position:relative;
top:-150px;
right:5px;
}
/*----------------------------------------------------------------------------769 end */
}
@media screen and (min-width:769px){
.voice-single #section1 .box .in{
width:1024px;
margin:80px auto 50px;
}
.photo-box{
margin:-30px auto 0;
background:url(../image/sub-bg.jpg) no-repeat left top;
background-size:cover;
}
.photo-box .photo-in{
width:1024px;
margin:0 auto;
}
.photo-box .photo-in dl{
overflow:hidden;
color:#fff;
}
.photo-box .photo-in dt{
height:500px;
overflow:hidden;
display:block;
margin:30px 0 0;
}
.photo-box .photo-in dd:nth-child(2){
display:inline-block;
float:left;
font-size:35px;
margin:48px 0 0;
}
.photo-box .photo-in dd:last-child{
margin:30px 0 30px;
display:inline-block;
float:right;
font-size:14px;
border:1px solid #fff;
text-align:center;
padding:10px;
}
.photo-box .photo-in dd span{
display:block;
font-size:19px;
}
.voice-single #section1 .box .in dl{
display:block;
margin:20px 0 90px;
}
.voice-single #section1 .box .in dt{
border-left:8px solid #d43927;
font-size:24px;
display:block;
margin:0 0 40px;
padding:0 0 0 20px;
}
.voice-single #section1 .box .in dt:after{
content:"";
display:block;
border-bottom:1px solid #ccc;
position:relative;
left:-24px;
top:8px;
}
.voice-single #section1 .box .in dd{
line-height:2.2em;
font-size:19px;
overflow:hidden;
}
.voice-single #section1 .box .in dd img{
float:right;
display:block;
margin:0 0 0 30px;
}
.voice-single #section1 .box .in dl:nth-child(2) img,
.voice-single #section1 .box .in dl:last-child dd:last-child img{
float:left;
display:block;
margin:0 30px 0 0;
}
.internshi #section1 .in .middle h2{
display:block;
padding:12px 0 6px;
margin:0 0 30px;
font-size:34px;
background:#000;
color:#fff;
text-align:center;
}
.internshi #section1 .in .middle{
width:1024px;
margin:0 auto;
}
.internshi #section1 .in .inner{
padding:0 0 80px;
}
.internshi #section1 .in .inner table {
border-collapse: collapse;
width:100%;
}
.internshi #section1 .in .inner th {
background: #dbeef3;
font-weight: normal;
text-align: center;
}
.internshi #section1 .in .inner th, .internshi #section1 .in .inner td {
text-align: left;
border: 1px solid #CCC;
padding: 14px 0 14px 12px;
}
.internshi #section1 .in .inner th {
width: 20%;
}
.internshi #section1 .in .inner td {
width: 80%;
}
.internshi #section1 .in .inner p{
display:block;
padding:26px 0 0;
}
.internshi #section1 .in .inner p a {
display: block;
width: 50%;
margin:30px auto 0;
text-align: center;
background: #d43927;
color: #fff;
padding: 10px 5px 06px;
font-size: 22px;
border-radius: 4px;
letter-spacing: 1px;
}
.internshi #section1 .in .inner p a:after {
content: "▶";
display: inline-block;
float: right;
font-size: 18px;
position: relative;
top: 3px;
}
.recruit #section1 .in .middle h2 , .public-info #section1 .in .middle h2{
display:block;
padding:16px 10px 12px;
margin:0 0 30px;
/*font-size:34px;*/
font-size:28px;
background:#000;
color:#fff;
text-align:center;
}
.recruit #section1 .in .middle , .public-info #section1 .in .middle{
width:1024px;
margin:0 auto;
}
.recTable{
overflow:hidden;
}
.recTable .left{
width:38.4%;
float:left;
overflow:hidden;
}
.recTable .left img{
display:block;
width:353px;
margin:28px 0 0;
float:left;
}
.recTable .right{
width:60%;
float:left;
}
.recruit #section1 .in .middle .recTable table{
border-collapse:collapse;
}
.recruit #section1 .in .middle .recTable:nth-child(1) table{
/*border:3px solid #f00;*/
}
.recruit #section1 .in .middle .recTable table tr th{
background:#dbeef3;
font-weight:normal;
text-align:center;
}
.recruit #section1 .in .middle .recTable table tr td dl{
display:block;
padding:0;
width:300px;
float:left;
/*margin:10px 20px 80px 20px;*/
margin:0;
white-space: nowrap;
}
.recruit #section1 .in .middle .recTable:nth-child(4) table tr:nth-child(2) td{
/*background:url(../image/photo0002.jpg) no-repeat right 23px bottom 23px;
background-size:420px;*/
}
.recruit #section1 .in .middle .recTable table tr td dl:nth-child(6),
.recruit #section1 .in .middle .recTable table tr td dl:nth-child(5),
.recruit #section1 .in .middle .recTable table tr td dl:nth-child(3){
clear:both;
}
.recruit #section1 .in .middle .recTable table tr td dl:nth-child(even){
}
.recruit #section1 .in .middle .recTable table tr td dt{
width:300px;
padding:0;
margin:0 0 0 -10px;
font-weight:bold;
text-align:left;
}
.recruit #section1 .in .middle .recTable:nth-child(4) table:nth-child(3) tr td{
background:url(../image/job_right.png) no-repeat right bottom;
background-size:320px;
}
.recruit #section1 .in .middle .recTable table tr td dd{
width:300px;
padding:0;
margin:0;
text-align:left;
}
.recruit #section1 .in .middle .recTable .foc{
overflow:hidden;
}
.recruit #section1 .in .middle .recTable .foc .right{
width: 320px;
float:right;
}
.recruit #section1 .in .middle .recTable .foc .right img{
display:block;
width:100%;
padding:2px 0 0;
}
.recruit #section1 .in .middle .recTable .foc .left{
width:650px;
float:left;
margin:-24px 0 0;
}
.recruit #section1 .in .middle .recTable table tr td ul{
display:block;
overflow:hidden;
padding:20px 0;
}
.recruit #section1 .in .middle .recTable table tr td li{
display:block;
margin:0 0 20px;
}
.recruit #section1 .in .middle .recTable table tr td li:last-child{
margin:0;
}
.recruit #section1 .in .middle .recTable table tr td li span:nth-child(1){
display:inline-block;
width:150px;
padding:0 0 0 18px;
}
.recruit #section1 .in .middle .recTable table tr td li b{
font-weight:normal;
display:block;
padding:0 0 0 152px;
}
.recruitText ul{
display:block;
}
.recruitText ul li{
display:block;
margin:0 0 10px;
}
.recruitText ul li:last-child{
margin:0;
}
.staffPhoto{
overflow:hidden;
margin:0 auto 30px;
}
.staffPhoto .left img,
.staffPhoto .right img{
display:block;
width:100%;
}
.staffPhoto .left{
width:50%;
float:left;
}
.staffPhoto .right{
width:50%;
float:right;
}
.recTable .right p a{
display:block;
width:100%;
text-align:center;
background:#d43927;
color:#fff;
padding:20px 10px 16px;
font-size:22px;
border-radius:4px;
letter-spacing:1px;
}
.staffPhoto .bottom{
width:100%;
float:left;
padding:0;
}
.staffPhoto .bottom p{
display:none;
}
.staffPhoto .bottom p a{
display:none;
/*
display:block;
width:100%;
text-align:center;
background:#d43927;
color:#fff;
padding:20px 10px 16px;
font-size:22px;
border-radius:4px;
letter-spacing:1px;
*/
}
.staffPhoto .bottom p a:hover{
opacity:.8;
}
.staffPhoto .bottom p a:after{
content:">";
display:inline-block;
float:right;
font-size:18px;
position:relative;
top:3px;
}
.staffPhoto .bottom table{
border-collapse:collapse;
width:100%;
}
.staffPhoto .bottom table tr th{
background:#dbeef3;
font-weight:normal;
text-align:center;
border:1px solid #ccc;
padding:18px;
}
.staffPhoto .bottom table tr td{
text-align:center;
border:1px solid #ccc;
text-align:left;
padding:18px;
line-height:1.9em;
}


.box-wrap0 {
text-align:center;
}
.box-wrap {
display: flex;
flex-direction: space-around;
}
.box-wrap--db {
display: block;
}
.box0 {
display: inline-block;
width: 32%;
text-align:left;
}
.box {
flex-basis: 33.33%;
}
.box0 img {
width:100%;
border: 2px solid red;
}
.box img {
width:100%;
<!-- border: 2px solid #0094dc; -->
}
.box:nth-of-type(1) {
margin-right: 0%;
}
.box:nth-of-type(2) {
margin-right: 0%;
}
.description {
margin-bottom: 3em;
}
.box11 {
flex-basis: 49%;
}
.index #section4 a {
text-decoration: underline;
}

.p-article__description {
margin-bottom: 18px;
}

.article10__ul {
list-style-type: disc !important;
margin-left: 23px;
margin-bottom: 18px;
}

.article10__li {
list-style: disc !important;
}

.p-article10__img {
min-height: 246px;
min-width: 300px;
}

.article11__img {
min-height: 246px;
min-width: 300px;
}

.article11__text {
text-decoration: underline;
color:#0000ff;
}

.d-flex {
display:flex;
}

.sp-only {
display: none!important;
}
}

@media screen and (min-width:769px) and (max-width:1340px) {
.down-nav .in {
width: 95vw;
}
}

@media screen and (min-width:1155px) and (max-width:1200px) {
#gnav ul li:before{
z-index:-999;
}

#gnav ul:after{
right:45px;
}
}

@media screen and (min-width:769px) {
#gnav {
min-width: 1030px;
}
#gnav ul {
padding-left: 15px;
padding-right: 15px;
}
#gnav ul li a{
padding-right: 17px;
white-space: nowrap;
}
#gnav ul li:after {
right: 8px;
}
}
@media screen and (min-width:1030px) {
#gnav ul {
justify-content: center;
}
}
@media screen and (min-width:1070px) {
#gnav ul li a{
padding-right: 25px;
}
#gnav ul li:after {
right: 12px;
}
}
@media screen and (min-width:1150px) {
#gnav ul li a{
padding-right: 30px;
}
}
@media screen and (min-width:1250px) {
#gnav ul li a{
padding-right: 35px;
}
}
@media screen and (min-width:1300px) {
#gnav ul li a{
padding-right: 40px;
}
#gnav ul li:after {
right: 15px;
}
#gnav ul li:before{
z-index:-999;
}
#gnav ul:after{
right:20px;
z-index:-999;
}
}

@media screen and (min-width:769px){
img.article20__img {
height: 410px;
}

.description--article25 {
width:110%;
}

.mt15 {
margin-top: 15px;
}

#article38 dt {
white-space: nowrap;
}

}



.p-article__description--article25 {
margin-bottom:50px !important;
}

.article27-box {
flex-basis: 100%;
margin: 50px 0 50px 0!important;
}

.public-info-container {
margin-bottom: 60px;
}
.public-info__pdf {
margin-top: 20px;
}




.youtube {
width: 100%;
aspect-ratio: 16 / 9;
padding-top: 56.25%;
position: relative;
height: 0;
}
.youtube iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.youtube-wrp {
margin-bottom: 50px;
}
.recruit #section1 .in .middle .youtube-title {
margin-bottom: 20px;
letter-spacing: 1px;
}
.recruit #section1 {
margin-bottom: 30px;
}
.recruit .staff-day-text {
text-align: center;
}


@media screen and (min-width:769px) {
.president-interview .youtube {
width: 55%;
aspect-ratio: 16 / 9;
padding-top: 31%;
position: relative;
height: 0;
margin: auto;
}
.general-affairs.recTable .right {
width: 57%;
margin-left: 47px;
}
.general-affairs.recTable ul {
margin-bottom: 15px;
}
.limited-time {
display: flex;
margin-top: 15px;
}
.limited-time__left p {
color: #fff;
background: #0000FF;
position: relative;
padding: 2px 5px 0px 5px;
font-size: 15px;
}
.limited-time__left p::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 19px;
border-color: transparent transparent transparent #0000ff;
position: absolute;
right: -19px;
top: 0px;
}
.limited-time__right {
margin-left: 30px;
}
.limited-time__right span {
display: inline!important;
}
.limited-time__strong {
color: #0000FF;
font-weight: bold;
font-size: 20px;
}
.limited-time__strong-amount {
font-size: 28px;
}
}
@media screen and (max-width:768px) {
.recruit #section1 .in .middle h2 {
display: block;
padding: 10px 10px 10px;
margin: 0 0 20px;
font-size: 22px;
background: #000;
color: #fff;
text-align: center;
letter-spacing: 1px;
}
}


.recTable__mil-to img {
display: block;
margin: 0 auto 15px auto;
width: 100%;
}

.flex-box {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 992px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
.flex-box.col2 img {
width: calc(50% - 15px);
}
@media (max-width:769px) {
.flex-box {
padding-left: 16px;
padding-right: 16px;
}
.flex-box.col2 img {
width: calc(50% - 10px);
}
}
.page.sdgs #section1 .in{
margin:0 auto 100px;
}
@media screen and (min-width:769px) {
.sdgs #section1 .in{
width:100%;
max-width: 1024px;
padding: 0 25px;
}
.section-heading-secondary {
width:100%;
max-width: 1024px;
}
}
.sdgs__content {
display: block;
width: 100%;
max-width: 900px;
margin: 0 auto 25px;
}
.sdgs__content-text {
margin-bottom: 25px;
}
.sdgs__content-img {
margin-bottom: 25px;
}
.sdgs__content-img img {
width: 100%;
}
.single #cont #section1 .bottom.single3 .in .box p {
float: none;
text-align: left;
}
.real-estate-leasing__text {
margin-bottom: 15px;
}
.u-blue {
color: blue;
text-decoration: underline;
font-weight: bold;
}
.u-red {
color: red;
text-decoration: underline;
font-weight: bold;
}
.u-align-center {
align-items: center;
}

/*---------------------------------------------------------------------------------------------------
TOPページ お知らせ最新表示 latest-info
----------------------------------------------------------------------------------------------------*/
.latest-info-top dt {
display: flex;
align-items: center;
gap: 32px;
}
.latest-info-top dt time {
flex-shrink: 0;
}
@media screen and (min-width:769px) {
.latest-info-top dt .info-cat:nth-child(n+2) {
margin-top: 8px;
}
}

/*---------------------------------------------------------------------------------------------------
一般事業主行動計画
----------------------------------------------------------------------------------------------------*/
.action-plan__current-plan , .action-plan__past-plans , .action-plan__goals{
margin-bottom: 24px;
}
.activity .action-plan__table th , .activity .action-plan__table td{
padding: 4px 8px;
font-weight: normal;
}