@charset "UTF-8";
/* CSS Document */

/* Grobal 
----------------------------------------------- */

body , html{ width:100%; text-align:left; margin:0; padding:0; font-size:0.9em; color:#111; line-height:1.7em; letter-spacing:-0.05em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; height:100%;
}

#wrap{
 width: 100%;
 position: relative;
 height:auto !important; /*IE6対策*/
 height: 100%; /*IE6対策*/
 min-height: 100%;
}

.clear{
 clear:both;
}

a{ color:#000000; text-decoration:none; }
a:hover{ color:#888888; text-decoration:none; }

img {
 margin:0;
 font-size:0;
 line-height:0;
}
a img{
 border-style:none;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.global-title-box{
 width:100%;
 text-align:center;
}
.global-title{
 margin:3% auto;
 font-size:2em;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 line-height:1.4em;
 border-bottom:3px solid red;
 display:inline-block;
}

/* Footer 
----------------------------------------------- */
.footer-base{
 display:none;
}

.footer-base2{
 display:none;
}

.footer-sp{
 margin-top:5%;
 padding:2%;
 background-color:#000;
 text-align:center;
 position:absolute;
 bottom:0;
 color:#fff;
}
.footer-sp img{
 width:30%;
}

.footer-sp-con{
 margin-top:5%;
 padding:2%;
 width:100%;
 background-color:#000;
 text-align:center;
 color:#fff;
}
.footer-sp-con img{
 width:30%;
}


.top-footer{
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 background-color:#000;
 padding:0.5% 0 0.7% 0;
 margin-top:0;
}
.footer-inner{
 margin:0 auto;
 width:90%;
 min-width:900px;
 color:#fff;
 font-size:1vw;
 letter-spacing:-0.05em;
}
.footer-box{
 margin:0;
 padding:0;
 width:flex;
 list-style:none;
}
.footer-box li{
 margin:0;
 padding:0;
 width:30%;
 display:inline-block;
 vertical-align:top;
}
.footer-box li:nth-child(1){
 width:13%;
 padding-right:2%;
}
.footer-box li:nth-child(3){
 text-align:right;
 width:45%;
}
.footer-box li img{
 width:100%;
}
.tel-num{
 font-size:1.5vw;
 font-weight:bold;
}
.link-red{
 color:red;
 font-weight:bold;
}
.footer-box li a{
 color:#fff;
}
.footer-base a:hover{
 opacity:0.7;
}

.index-footer{
 width:100%;
 padding:0.5% 0 0.7% 0;
 margin-top:0;
 background-color:#fff;
}
.index-footer-inner{
 display:none;
}
.index-footer-copy{
 margin:0 auto;
 width:95%;
 color:#333;
 text-align:center;
}
.footer-shamei{
 font-size:1.1em;
 font-weight:bold;
}



/* Slideshow 
----------------------------------------------- */
.bg-slider-sp {
	width: 100vw;
	height: 75vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
    position:relative;
}

.bg-slider {
 display:none;
}

/* nav 
----------------------------------------------- */
.navi-base{
 display:none;;
}

.navi-base-sp{
 margin:0;
 padding:1.5% 3%;
 width:94%;
 height:auto;
 background-color:#fff;
 position:fixed;
 z-index:999;
}
.navi-base-sp .top-logo{
 width:35%;
 height:auto;
 float:left;
 margin-top:4%;
}

.navi-base-sp .navi-base-sp-btns {
  width:50%;
  height:auto;
  float:right;
  text-align:right;
  margin:0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.navi-base-sp .navi-base-sp-btns #menu-bt{
  display: inline-block;
}
.navi-base-sp .navi-base-sp-btns .btn-lang{
  display: inline-block;
}

.navi-base-sp #menu-bt{
 width:50%;
 height:auto;
 float:right;
 text-align:right;
 margin:0;
}

.menu-top{
 position:relative;
 height:2%;
 width:100%;
}


nav#menu{width:100%;
position:fixed;
top:10px;
z-index:998;
}
	
nav#menu ul{
 margin:0;
 padding:18% 5% 5% 5%;
 list-style-type:none;
 background-color:#787878;
}
	
nav#menu ul li{
display:block;
 padding:10px 0 5px 0;
 color:#fff;
 font-family: 'Teko', sans-serif;
 font-size:1.8em;
 line-height:1em;
 letter-spacing:0;
 width:100%;
 border-bottom:1px solid #ffffff;
}
	
nav#menu ul li a{
 display:block;
 color:#fff;
 font-size:0.8em;
 line-height:1.1em;
 font-family: 'Teko', sans-serif;
 letter-spacing:0;
 width:100%;
 text-decoration:none;
}
nav#menu ul li a:hover{
 color:#AFADAD;
}
nav#menu ul li .small-txt{
 font-size:0.8em;
 font-family: 'Teko', sans-serif;
}


/* toppage 
----------------------------------------------- */
.top-base{
 position:absolute;
 top:15%;
 left:3%;
 text-align:left;
 width:95%
}
.catch{
 margin:0 0 0 2.5%;
 font-size:1.3em;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 font-weight:bold;
 color:#fff;
}


.news-box{
 margin:3% auto;
 background-color:#fff;
 opacity:0.7;
 width:90%;
 height:30%;
 padding:1%;
 overflow:auto;
}
.news-box .topics-title{
 font-size:5vw;
 font-family: 'Teko', sans-serif;
 letter-spacing:0.08em;
}

.index-topics{
 margin:0;
 padding:0;
 width:100%;
 border-top:4px solid #999;
}
.index-topics th{
 width:40%;
 padding:3px 0;
 border-bottom:1px solid #999;
 font-weight:normal;
}
.index-topics td{
 padding:3px 0;
 border-bottom:1px solid #999;
}


.ing-box{
 position:relative;
 width:95%;
 height:auto;
 margin:2% 0 0 0;
 z-index:1;
 color:#000;
 font-weight:bold;
 font-size:1vw;
}
.ing-box img{
 width:100%;
}

.identity{
 position:absolute;
 top:20%;
}
.identity-left{
 width:14.5vw;
 margin-right:3vw;
 text-align:right;
 float:left;
}
.identity-right{
 width:10vw;
 float:right;
}
.identity-right img{
 widh:100%;
 position:relative;
 top:-1vh;
}
.nature{
 position:absolute;
 top:30.5%;
}
.nature-left{
 width:14.5vw;
 margin-right:3vw;
 text-align:right;
 float:left;
}
.nature-right{
 width:10vw;
 float:right;
}
.nature-right img{
 widh:100%;
 position:relative;
 top:-1vh;
}
.global{
 position:absolute;
 top:42%;
}
.global-left{
 width:14.5vw;
 margin-right:3vw;
 text-align:right;
 float:left;
}
.global-right{
 width:10vw;
 float:right;
}
.global-right img{
 widh:100%;
 position:relative;
 top:-1vh;
}

/* concept
----------------------------------------------- */
.concept-box-id{
 width:100%;
 margin:0;
 padding:14% 0 0 0;
}
.concept-box-id img{
 width:100%;
 height:auto;
 padding:8% 0 0 0;
}
.concept-box{
 width:100%;
 margin:0;
 padding:0;
}
.concept-box img{
 width:100%;
 height:auto;
}
.concept-txt-box{
 margin:3% auto 10% auto;
 width:90%;
}
.last-txt-box{
 margin:3% auto 10% auto;
 width:90%;
 padding-botton:10em;
}

.concept-midashi{
 font-size:1.8em;
 font-weight:bold;
 line-height:1.3em;
}

.concept-txt-box-gl{
 margin:3% 0 10% 0;
 width:100%;
 padding:0;
}

.txt-box-gl-inner{
 margin:0 auto;
 width:90%;
}


/* concept　NATURE
----------------------------------------------- */
.conbg-na{
 background-image:url(../../images/concept/con_n.jpg);
 background-position:center center;
 packground-repeat:no-repeat;
 background-size:cover;
}

.con-title-box{
 margin:30% 0 0 5%;
 width:40%;
 font-size:0.9em;
 font-weight:bold;
 color:#fff;
}
.con-title-box img{
 margin-top:5%;
 width:100%;
}

.con-text-box{
 position:absolute;
 top:60vh;
 margin:0 auto;
 width:90%;
 height:auto;
 letter-spacing:0.05em;
 padding:1%;
}

.midashi-green{
 font-size:1.4vw;
 line-height:1.5em;
 font-weight:bold;
 color:#333;
}
.tx-green{
 color:#000;
}

/* concept　IDENTITY
----------------------------------------------- */
.conbg-nat{
 display:none;
}
.button-id{
 display:none;
}

.conbg-id{
 display:none;
}

.button-na{
 display:none;
}

.bg-img{
 width:100%;
 height:auto;
}
.con-id-sub-title-box{
 margin:15% 0 0 25%;
 height:35%;
}
.con-id-sub-title-box img{
 height:100%;
 width:auto;
}

.con-id-text-box{
 margin:10% auto 0 auto;
 width:90%;
 height:auto;
 letter-spacing:0.05em;
 padding:1%;
}

.arrow{
 position:absolute;
 bottom:0;
 width:100vw;
 height:auto;
 text-align:center;
 font-size:5vw;
 color:#555;
}

/* concept　GLOBAL
----------------------------------------------- */
.conbg-graw{
 display:none;
}
.button-gl{
 position:absolute;
 bottom:0;
 width:100%;
 text-align:center;
 z-index:999;
}

.footer-base-con{
 width:100%;
 background-color:#000;
 padding:0.5% 0 0.7% 0;
 margin-top:0;
 position:absolute;
 bottom:0;
 left:0;
}

.con-gl-title-box{
 position:absolute;
 top:10%;
 right:3%;
 width:16%;
 text-align:right;
 font-size:1.1vw;
 font-weight:bold;
}
.con-gl-title-box img{
 width:100%;
}

.con-gl-sub-title-box{
 position:absolute;
 top:20%;
 left:47%;
 height:50%;
}
.con-gl-sub-title-box img{
 height:100%;
 width:auto;
}

.con-gl-text-box{
 position:absolute;
 right:2vw;
 bottom:14vh;
 width:19%;
 height:auto;
 letter-spacing:0.05em;
 background-color:rgba(255,255,255,0.7);
 padding:1%;
}

.midashi-blue{
 font-size:1.5em;
 line-height:1em;
 font-weight:bold;
 color:#333;
}
.tx-blue{
 color:#000;
}

/* concept　INITIATIVE
----------------------------------------------- */
.conbg-in{
 background-image:url(../../images/concept/con_5.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-size:cover;
}

.int{
 margin:12% auto;
 width:85%;
 padding:0;
}

.int-box{
 margin:0;
 width:45%;
 float:left;
}
.int-box2{
 margin:0;
 width:50%;
 float:right;
}
.int-box2 img{
 width:100%;
 height:auto;
}

.int-midashi{
 font-size:2vw;
 font-weight:bold;
 line-height:1.0em;
 letter-spacing:0.1em;
 margin-bottom:4%;
 color:#fff;
}
.int-list{
 margin:0;
 padding:0;
 list-style:none;
}
.int-list li{
 margin:2% 0;
 padding:0;
 display:block;
 vertical-align:top;
 line-height:1.5em;
}
.int-list li img{
 width:12%;
 float:left;
 margin-right:4%;
}
.int-list li p{
 margin:0;
 font-size:1.2vw;
 line-height:1.4em;
 font-weight:bold;
}


/* Profile
----------------------------------------------- */
.profile{
 margin:15% auto 0 auto;
 width:90%;
 padding-bottom:12em;
}

.pro-top-base{
 margin:0 auto 5vh auto;
 padding:2.5vh 0;
 width:100%;
 height:auto;
 margin-bottom:4vh;
}
.base1:before{
 content: "";
 display: block;
 padding-top: 100%;
}

.pro-list-box{
 margin:0 auto;
 padding:0 0 6vh 0;
 list-style:none;
 width:100%;
 text-align:center;
}
.pro-list-box li{
 margin:2% 0;
 padding:0;
 width:100%;
 height:auto;
 height:auto;
 display:block;
 text-align:left;
 background-color:#0a3a93;
 font-size:2.2vw;
 color:#fff;
 position:relative;
}
.pro-list-box li img{
 width:50%;
 height:auto;
 margin-right:3vw;
 float:left;
}
.midashi-box{
 position:absolute;
 top:10%;
 left:55%;
 width:42%;
 color:#fff;
 font-size:1.8em;
 line-height:1.8em;
}
.midashi-box a{
 color:#fff;
}
.midashi-box a:hover{
 opacity:0.8;
}

.midashi-box2{
 position:absolute;
 top:-5%;
 left:55%;
 width:47%;
 color:#fff;
 font-size:1.8em;
 line-height:1.5em;
 transform: scale(0.9, 1);
 transform-origin: top left;
}
.midashi-box a , .midashi-box2 a{
 color:#fff;
}
.midashi-box a:hover , .midashi-box2 a:hover{
 opacity:0.8;
}

.pro-list-box li span{
 font-size:0.9em;
}
.pro-list-box li span.link-red{
 font-size:0.9em;
 color:red;
}


.pt-bt-box{
 display:none;
}

.accod-j{
 margin-bottom:2em;
 padding:0;
 list-style:none;
}
.accod-j p{
 margin:0;
 padding:0.5em;
 font-size:1.3em;
 color:#fff;
 text-align:center;
 background-color:#0a3a93;
}
.accod-j .pt-bt-j{
 display:none;
 margin:0;
 padding:0;
}
.accod-j .pt-bt-j li{
 display:block;
 margin:0;
 padding:1em;
 border-bottom:1px solid #ccc;
 text-align:center;
}

.pro-rinen-box{
 margin:0 auto 8% auto;
 width:100%;
}

.pro-rinen-box img{
 width:100%;
 height:auto;
 margin-bottom:2vh;
}
 .str-pc{
 display:none;
}
.pro-rinen-box .str-title{
 font-size:7vw;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 letter-spacing:0;
}

.str-txt{
 width:100%;
}

.rea{
 width:100%;
 margin-top:7vh;
}
.rea img{
 width:100%;
 height:auto;
 margin-bottom:15px;
}

.pro-rinen{
 margin:0;
 padding:0;
 list-style:none;
}
.pro-rinen li{
 display:block;
 width:100%;
 letter-spacing:0.1em;
}
.pro-rinen li:nth-child(1){
 width:100%;
 border-bottom:1px solid #ccc;
 padding:0;
 vertical-align:top;
 font-size:2em;
 line-height:1.5em;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 letter-spacing:0;
}
.pro-rinen li .rinen-midashi{
 font-size:1.2em;
 line-height:1.5em;
 margin:0 0 10px 0;
 font-weight:bold;
}
.pro-rinen li p{
 font-size:1em;
 margin:0 0 20px 0;
 line-height:2em;
}


.pro-img-box{
 width:100%;
 margin:0 0 5% 0;
 padding:0;
 list-style:none;
}
.pro-img-box li{
 padding:0;
 margin:0;
 display:inline-block;
 width: -webkit-calc(98% / 2) ;
 width:calc(98% / 2) ;
}
.pro-img-box li:nth-child(1){
 width:99%;
}
.pro-img-box li img{
 width:100%;
}



.gaiyo-box{
 width:flex;
 margin:0 0 5% 0;
 padding:0;
 list-style:none;
}
.gaiyo-box li{
 margin:0;
 padding-bottom:1em;
 display:block;
 width:100%;
 vertical-align:top;
}

.gaiyo-tb{
 margin:0;
 padding-top:1.5em;
 padding-bottom:1.5em;
 width:100%;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
}
.gaiyo-tb caption{
 font-size:2em;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 letter-spacing:0;
 margin-bottom:0.5em;
 padding:0;
 text-align:left;
}
.gaiyo-tb th{
 font-weight:normal;
 vertical-align:top;
 width:30%;
 padding:1.2% 0;
}
.gaiyo-tb td{
 vertical-aign:top;
 border-left:1px solid #ccc;
 padding:1.2% 0 1.2% 6%;
}
.gaiyo-tb2{
 margin:0;
 padding-top:1.5em;
 padding-bottom:1.5em;
 width:100%;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
}
.gaiyo-tb2 caption{
 font-size:2em;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 letter-spacing:0;
 margin-bottom:0.5em;
 padding:0;
 text-align:left;
}
.gaiyo-tb2 th{
 font-weight:normal;
 vertical-align:top;
 text-align-last: justify;
 text-justify: inter-ideograph;
 width:30%;
 padding:1.2% 5% 1.2% 0;
}
.gaiyo-tb2 td{
 vertical-aign:top;
 border-left:1px solid #ccc;
 padding:1.2% 0 1.2% 6%;
}

.gaiyo-sub-tirle{
 font-size:2em;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 line-height:2em;
 margin:0;
 padding:0;
 text-align:left;
 font-weight:normal;
}
 
.chart{
 width:100%;
 margin:0 auto;
}

/* GREET 
----------------------------------------------- */
.greet{
 margin:0 auto 4vh auto;
 width:100%;
 text-align:left;
}
.greet img{
 width:100%;
}
.greet .text-box{
 margin:2em 0 2em 0;
 padding-bottom:3em;
 width:100%;
 float:right;
 letter-spacing:0.3em;
}
.greet-midashi{
 font-size:1.8em;
 font-weight:bold;
 line-height:1;
 letter-spacing:0.2em;
 margin-top:0;
}
.greet-sub{
 font-size:1.2em;
 text-align:right;
}
.greet-sub2{
 font-size:1.2em;
 font-weight:bold;
}

.greet-title{
 font-size:1.8vw;
 font-seight:bold;
}
.greet p{
 padding:0;
 letter-spacing:0.1em;
}

.officer-sub{
 font-size:1em;
 line-height:1.5em;
 margin:0;
}
.officer-name{
 font-size:1.5em;
 line-height:1.5em;
  margin:0;
}
.officer-aota{
 margin:3% 0;
 padding:2%;
 background-color:#ededed;
 letter-spacing:0;
}
.officer-aota p{
 margin:0;
 padding:0;
 font-size:1.2em;
 line-height:1.5em;
}

.office-tb{
 width:100%;
 letter-spacing:0;
 border-bottom:1px solid #ccc;
}
.office-tb th{
 width:15%;
 vertical-align:top;
 font-weight:normal;
 border-top:1px solid #ccc;
 padding:4px 0;
}
.office-tb td{
 vertical-align:top;
 font-weight:normal;
 border-top:1px solid #ccc;
 padding:4px 0;
}

/* IKUTO
----------------------------------------------- */
.ikuto-box1{
 width:100%;
 margin:0;
 padding:0;
 letter-spacing: -.4em;
}
.ikuto-box1 li{
 list-style:none;
 display: inline-block;
 letter-spacing: normal;
 margin:0;
 padding:0;
 width: -webkit-calc(100% / 2) ;
 width:calc(100% / 2) ;
}
.ikuto-box1 li:nth:child(n+3){
 width: -webkit-calc(100% / 3) ;
 width:calc(100% / 3) ;
}
.ikuto-box2{
 width:100%;
 margin:0;
 padding:0;
 letter-spacing: -.4em;
}
.ikuto-box2 li{
 list-style:none;
 display: inline-block;
 letter-spacing: normal;
 margin:0;
 padding:0;
 width: -webkit-calc(100% / 3) ;
 width:calc(100% / 3) ;
}
.ikuto-box1 li img{
 width:100%;
 height:auto;
}
.ikuto-box2 li img{
 width:100%;
 height:auto;
}
.ikut-title-box{
 display:none;
}
.ikut-title-box-sp{
 margin:12% auto 0 auto;
 padding:0;
 text-align:center;
 width:50%;
}
.ikut-title-box-sp img{
 width:100%;
 height:auto;
}
.ikuto-text-box{
 margin:2% 0;
 width:100%;
 overflow: hidden;
 float:left;

}
.ikuto-text-box .space {
  float: left;
  height:30em;
  }
.ikuto-text-box .img{
 margin:4% 4% 0 0;
 float: left;
 width:40%;
 height:auto;
 clear: both;
 float:left;
}
.ikuto-text-box .img img{
 width:100%;
 height:auto;
}
.daihyou-name{
 text-align:right;
}



/* BUSINESS
----------------------------------------------- */

.jigyou-bt{
 width:20%;
 float:right;
}

.jigyou-bt-list{
 width:100%;
 margin:0;
 padding:0;
 list-style:none;
}
.jigyou-bt-list li{
 display:block;
 width:100%;
 margin:0;
 padding:2% 0;
 border-bottom:1px solid #555;
 text-align:center;
}
.jigyou-bt-list li:nth-child(1){
 background-color:#007ab6;
 color:#fff;
 font-size:1.2vw;
 font-weight:bold;
 border:none;
}

.kikaku-box{
 width:100%;
 margin-bottom:7%;
 float:left;
}

.kikaku-box .box-tx{
 margin:1.2em 0;
 text-align:left;
 width:100%;
 float:right;
 font-size:1.15em;
 line-height:1.8em;
}
.kikaku-box .box-tx p{
 font-size:1.8vw;
 font-weight:bold;
 }

.kikaku-box img.k-main{
 display:none;
}
.kikaku-box img.k-mainimg{
 width:100%;
 height:auto;
}
.kikaku-box img.k-sp{
 width:100%;
 height:auto;
}

.kikaku-box .tanto{
 display:none;
}

.kikaku-box .tanto-sp{
 margin-top:10px;
 width:100%;
 text-align:left;
}
.kikaku-box .tanto-sp img{
 width:40%;
 height:auto;
 padding-right:1em;
 float:right;
}
.kikaku-box .tanto-sp p{
 margin:0;
 padding:0;
 font-size:1.2em;
}
.space{
 height:5em;
}
.space2{
 height:15em;
}



.box-tx .bt-box{
 margin:1% auto;
 padding:0;
 list-style:none;
 width:100%;
}
.box-tx .bt-box li{
 width:40%;
 margin:0 0.5%;
  padding:1.2% 2%;
 text-align:center;
 font-size:1.2vw;
 font-weight:normal;
 display:inline-block;
 border:1px solid #777;
 background-color:#fff;
}
.box-tx .bt-box li:hover{
 background-color:#d9eaf9;
}

.isms{
 margin:1em 0;
 width:100%;
 text-align:center;
 font-size:1.4em;
}
.isms img{
 width:100%;
}

.jisseki-bt{
 padding:1em;
 background-color:#d9eaf9;
}
.jisseki-bt h3{
 font-size:1.4em;
 margin:0;
 padding-bottom:0.5em;
 text-align:center;
}
.jisseki-bt-box{
 margin:1% auto;
 padding:0;
 list-style:none;
 width:100%;
 text-align:center;
}
.jisseki-bt-box li{
 width:90%;
 margin:0.5%;
 padding:1.2% 2%;
 text-align:center;
 font-size:1.5em;
 font-weight:normal;
 display:block;
 border:1px solid #777;
 background-color:#fff;
}
.jisseki-bt-box li span{
 font-size:0.8em;
}
.jisseki-bt-box li a{
 color:#000;
}
.jisseki-bt-box li a:hover{
 color:#fff;
}
.jisseki-bt-box li:hover{
 background-color:#0265b2;
}


.jisseki-base{
 width:100%;
 text-align:left;
 margin:0 auto;
}
.jisseki-base h2{
 font-size:2vw;
 line-height:1.5em;
 margin:0;
 padding:0;
}

.ruiseki-tx{
 font-size:1.2em;
 line-height:1.5em;
 margin:1.4% 0;
 padding:0;
}


.jisseki-img{
 width:100%;
 margin-bottom:2em 0;
}
.jisseki-img img{
width:100%;
height:auto;
margin-bottom:5px;
}
.isms-logo-box{
 text-align:center;
 width:80%;
}
.isms-logo-boximg.isms-logo{
 width:100%;
}


.jisseki-tb{
 margin:10px 5% 5% 0;
 padding:0;
 width:150%;
 overflow:scroll;
 text-align:center;
}
.jisseki-tb th{
 background-color:#007ab6;
 color:#fff;
 font-size:14px;
 font-weight:bold;
 border-right:1px solid #fff;
}
.jisseki-tb th:nth:child(5){
 width:40px;
}
.jisseki-tb td{
 padding:1% 0;
 border-bottom:1px solid #555;
}
.jisseki-tb td img{
 width:100%;
 height:auto;
 margin-top:3px;
}
.jisseki-tb td:nth-child(2){
 text-align:right;
 padding-right:4vw;
}

.pt-midashi{
 font-size:1.9em;
 font-weight:bold;
 line-height:1.7em;
 margin-bottom:1%;
 text-align:center;
}
.BUSINESS{
 margin:5em auto;
 padding-bottom:10em;
 width:90%;
 text-align:center;
}
.BUSINESS-top{
 margin:0 auto 2vh auto;
 padding-top:12vh;
 padding-bottom:30vh;
 width:95%;
 text-align:center;
}


.pt-sub-midashi{
 font-size:2vw;
 font-weight:bold;
 line-height:1.4em;
 letter-spacing:0.3em;
 padding-bottom:1%;
 margin:5% 0 3% 0;
 text-align:center;
 border-bottom:1px solid #777;
}

.BUSINESS img.chart{
 width:75%;
 height:auto;
 margin:2% 0;
}

.gyomu{
 margin:0 auto;
 padding:0;
 width:100%;
 list-style:none;
}
.gyomu li{
 width:30%;
 height:65vh;
 margin-right:4%;
 display:inline-block;
 text-align:center;
 vertical-align:top;
}
.gyomu li:nth-child(3){
 margin:0;
}
.gyomu li img{
 width:100%;
 height:auto;
}
.gyomu-box{
 position:relative;
 width:100%;
 height:auto;
 margin:2em 0 00;
 padding:0;
}
.gyomu-box img{
 width:100%;
 height:auto;
}
.gyomu-box .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
.gyomu-box:hover .active {
  opacity: 1;
}


.gyomu-box .gyomu-caption{
 font-size:2vw;
 line-height:1.3em;
 color:#fff;
 margin:1.5%;
 padding:0;
}
.gyomu-caption span{
 font-size:1.2vw;

}
.gyomu-box .mask{
 width:100%;
 height:auto;
}
.gyomu-box:hover .mask{
 opacity:1;	/* マスクを表示する */
}
.gyomu-cap02{
 font-size:1.1em;
 letter-spacing:0.1em;
 line-height:1.5em;
}

.bn-jigyo-kn{
 width:100%;
 text-align:center;
 background-image:url("../../images/BUSINESS/pt05_dummy.jpg");
 background-size:100%;
 background-repeat:no-repeat;
 padding:3% 0;
 font-size:2vw;
 font-weight:bold;
 margin-bottom:3%;
}
.bn-jigyo-kn .bt-box{
 margin:1% auto;
 width:100%;
 padding:0;
 list-style:none;
}
.bn-jigyo-kn .bt-box li{
 width:20%;
 margin:0 0.5%;
 padding:0.6% 2%;
 display:inline-block;
 background-color:#fff;
 text-align:center;
 font-size:0.9vw;
 font-weight:normal;
}
.bn-jigyo-sk{
 width:100%;
 text-align:center;
 background-image:url("../../images/BUSINESS/pt06.jpg");
 background-size:100%;
 background-repeat:no-repeat;
 padding:3% 0;
 font-size:2vw;
 font-weight:bold;
 margin-bottom:3%;
}

/* Develop 
----------------------------------------------- */
.develop{
 margin:2% auto;
 width:90%;
}

.accod{
 margin-bottom:2vh;
 padding:0;
 list-style:none;
}
.accod .dev-inner{
 display:none;
}
.accod p{
 cursor: pointer; padding: 10px;
}
.dev-inner{
 margin:1.5vh 0 2.5vh 1vh;
 padding:0 0 3vh 0;
 width:100%;
 list-style:none;
}

.accod img{
 width:100%;
 height:auto;
}
.dev-inner img{
 width:50%;
}
.dev-inner span{
 font-size:1.2em;
 line-height:1.8em;
}
.dev-inner p{
 margin:0;
 padding:0;
 font-size:1.4em;
 font-weight:bold;
}

/* STAFF
----------------------------------------------- */
.staff{
 margin:0 auto;
 width:75%;
}
.staff-list{
 margin:0;
 padding:0;
 width:100%;
 list-style:none;
 display:grid;
 grid-gap:0;
 grid-template-columns: 1fr 1fr 1fr 1fr;
}
.staff-list li{
 margin:0;
 padding:0;
}
.staff-box{
 position:relative;
 width:100%;
 height:100%;
 margin:0;
 padding:0;
}
.staff-box .staff-caption{
 font-size:1.8vw;
 color:#fff;
}
.staff-caption span{
 font-size:0.8vw;

}
.staff-box .mask{
 width:80%;
 height:80%;
 position:absolute;
 top:0;
 left:0;
 opacity:0;
 padding:10%;
 background-color:rgba(0,0,0,0.5);
 -webkit-transition:all 0.2s ease;
 transition:all 0.2s ease;
}
.staff-box:hover .mask{
 opacity:1;	/* マスクを表示する */
}

.la-1{
 grid-column: 1 / span 4;
}
.staff-list li img{
 width:100%;
 height:auto;
 vertical-align: bottom;
}

.single{
 margin:0 auto;
 padding-left:20%;
 list-style:none;;
 width:80%;
}
.single li{
 width:55%;
 display:inline-block;
 margin:0 5% 0 0;
 padding:0;
}
.single li:nth-child(2){
 width:30%;
 vertical-align:top;
}
.single li img{
 width:100%;
 height:auto;
}
.single li .name{
 margin:0;
 padding:0;
 list-style:none;;
 width:100%;
}
.name li{
 width:100%;
 display:block;
 margin:0 5% 0 0;
 padding:3% 0;
 border-bottom:1px solid #555;
}
.name li p{
 font-size:2vw;
 line-height:1.2em;
 margin:0;
}

.faq{
 margin:5% auto;
 padding-left:20%;
 width:80%;
}

.faq-q{
 margin:0;
 padding:0;
 font-size:2em;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 line-height:1.3em;
 letter-spacing:normal;
 border-bottom:1px solid #555;
}
.faq-a{
 margin:3% 0;
}
.faq-q dl{
 line-height:1.1em;
}


/* CONTACT
----------------------------------------------- */
.contact{
 margin:5em auto 0 auto;
 width:90%;
 padding-bottom:12em;
}

.contact h3{
 font-size:2em;
 letter-spacing:normal;
 line-height:1.8em;
}
.form-item{
 margin:0;
 padding:0;
 width:100%;
 border-top:1px solid #555;
}
.form-item-left{
 margin:0;
 padding:2.5% 0;
 width:22%;
 display:inline-block;
 vertical-align:top;
}
.form-item-right{
 margin:0;
 padding:2.5% 0;
 width:68%;
 display:inline-block;
}
input[type="text"],
textarea {
    padding:1.5%;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}
input[type="text"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}
@media only screen and (max-width : 705px){
 .form-item-left{
  width:100%;
  margin:0;
  padding:8px 0 0 0;
  }
 }
 @media only screen and (max-width : 705px){
 .form-item-right{
  width:100%;
  margin:0;
  padding:0 0 8px 0;
  }
 }
 @media only screen and (max-width : 705px){
  input[type="text"],
  textarea {
  width:100%;
  }
 }
 
 input.sysNextSubmit {
    border-radius: 0;   
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color: #111;
    margin-top:1%;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:16px;
}
input.sysNextSubmit:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

.back_btn {
	display: block;
	position: relative;
	width: 160px;
    margin:40px auto;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #1B1B1B;
	background: #fff;
	border:1px solid #1B1B1B;
}
.back_btn:hover {
	 background: #777;
         color: #fff;
	 cursor: pointer;
	 text-decoration: none;
}

/* Topics
----------------------------------------------- */
.tp{
 margin:5em auto;
 width:90%;
 padding-bottom:15%;
}

.topics{
 margin:0 0 7% 0;
 padding:0;
 width:100%;
 border-top:4px solid #999;
}
.topics th{
 width:30%;
 padding:1% 2% 1% 0;
 border-bottom:1px solid #999;
 font-weight:normal;
 vertical-align:top;
}
.topics td{
 padding:1% 0;
 border-bottom:1px solid #999;
}

.topics-box{
 margin:5em auto 0 auto;
 width:100%;
 padding-bottom:5em;
}

.topics-base{
 margin:0;
 padding:0;
 list-style:none;
}
.topics-base li{
 display:block;
 width:100%;
 padding:1em 0;
}
.topics-base li:nth-child(1){
 width:100%;
 border:none;
 padding:0;
 border-bottom:1px solid #555;
 vertical-align:top;
 font-size:2em;
 line-height:2em;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 letter-spacing:0;
}
.topics-base li .topics-midashi{
 font-size:1.5em;
 margin:0 0 0.5em 0;
 font-weight:bold;
}

.topics-base li img{
 width:100%;
 height:auto;
 margin:0.5em 0;
}

.pdf-box{
 width:5%;
 height:auto;
 margin:0;
}
.pdf-box img{
 width:100%;
 height:auto;
}


/* Scurity
----------------------------------------------- */
.secu{
 margin:3% auto;
 width:100%;
}

.secu ol{
 margin:5% 0;
}


.secu-ul{
 margin:5% 0;
 padding:0;
 width:100%;
 list-style:none;
}
.secu-ul li{
 margin-right:10px;
 width:40%;
 display:inline-block;
 vertical-align:top;
}

.secu-ul li img{
 width:100%;
 height:auto;
}
.sec-logo{
 width:100%;
 margin:0;
 text-align:center;
}

/* SITE MAP
----------------------------------------------- */
dl dd{
 font-size:1.2em;
 line-height:2em;
 margin:1% 0 2% 2%;
}

/* SDGS
----------------------------------------------- */
.sdgs img{
  max-width: 100%;
  width: 100%;
}
.sdgs .container{
  margin: 5em auto 0 auto;
  width: 90%;
  padding-bottom: 12em;
}
.sdgs .container h2 {
  margin-bottom: 20px;
}
.sdgs .container h2 strong, 
.sdgs .container h2 small{
  display: block;
  text-align: center;
  font-weight: bold;
}
.sdgs .container h2 strong{
  margin-bottom: 28px;
  font-size: 22px;
}
.sdgs .container h2 small{
  font-size: 16px;
}

.sdgs .container h3 {
  text-align: center;
  margin: 0 0 20px 0;
}

.sdgs .container h3 img{
}

.sdgs .container .tiles {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -5px 20px -5px;
  padding: 0;
}

.sdgs .container .tiles li{
  width: 33%;
  padding: 5px;
  box-sizing: border-box;
  line-height: 1;
}

.sdgs .container .desc {
  font-size: 1.2em;
  line-height: 1.8;
  margin-bottom: 48px;
}

.sdgs .container h4 {
  text-align: center;
  font-size: 19px;
  margin: 0 0 34px 0;
}

.sdgs .container .img-local {
  margin-bottom: 16px;
}

/* SDGS - 2020
----------------------------------------------- */
:root {
  --sgds-blue: #065685;
}
.sdgs-2020 img{
  max-width: 100%;
  width: 100%;
}
.sdgs-2020 .container{
  margin: 5em auto 0 auto;
  width: 90%;
  padding-bottom: 12em;
}
.sdgs-2020 .container h2 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  color: var(--sgds-blue);
}

.sdgs-2020 .container h2 img{
  width: 44px;
  margin-right: 17px;
}

.sdgs-2020 .container .tiles {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -5px 28px -5px;
  padding: 0;
}

.sdgs-2020 .container .tiles li{
  width: 33%;
  padding: 5px;
  box-sizing: border-box;
}

.sdgs-2020 .container .tiles::after {
  content: '';
  width: 33%;
  padding: 5px;
  box-sizing: border-box;
}

.sdgs-2020 .container .desc {
  font-size: 1.2em;
  line-height: 1.8;
  margin-bottom: 20px;
}

.sdgs-2020 .container .img-global{
  margin-bottom: 30px;
}

.sdgs-2020 .container .bussiness {
}

.sdgs-2020 .container .bussiness .ttl-img{
  margin-bottom: 16px;
}

.sdgs-2020 .container .bussiness .ttl-img h3 {
  margin: 0 0 25px 0;
  color: var(--sgds-blue);
  line-height: 1.25;
  font-size: 32px;
}

.sdgs-2020 .container .bussiness .desc {
  font-size: 1.2em;
  line-height: 1.8;
}

.sdgs-2020 .container .erab h3 {
  margin: 0 0 25px 0;
  color: var(--sgds-blue);
  line-height: 1.25;
  font-size: 32px;
}

.sdgs-2020 .container .erab .desc {
  font-size: 1.2em;
  line-height: 1.8;
  margin: 0 0 20px 0;
}