html,body,p,h1,h2,h3,h4,h5,ul,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
html{}body{font-size:17px;font-weight: bold;color:#222;background:#fff;font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック Medium", "Yu Gothic Medium", YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "メイリオ", Verdana, Meiryo sans-serif;text-align:left;line-height:1.7;position:relative;-webkit-text-size-adjust: none;}
/*b, strong, .bold{
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Segoe UI", Verdana, Meiryo, sans-serif;
}*/
video{width:100%;height:auto;}
.news-title{max-height:25px;height:auto;}
.cont h3.message-h3{text-align: left;padding-top:20px;letter-spacing:.05em;}
.center{text-align:center;margin:auto;display: block;}
.right{text-align: right;font-size:70%;}
.clear{clear:both;}
.mt0{margin-top:0px!important;}
.mt20{margin-top:20px!important;}
.pt20{padding-top:20px!important;}
.mb40{margin-bottom:40px!important;}
.passing-inner a{width:100%;}
input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
img{max-width:100%;height:auto;}
a{transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a.blank,a.blank:visited,a,a:visited{color:#1a2c79;text-decoration: underline;}
a.blank:hover,a:hover{color:#5c6da6;text-decoration: none;}
a.blank::after{content:"";margin:0 0 0 2px;width:12px;height:12px;display: inline-block;background:url(images/blank.svg);background-size:12px auto;background-position:0 0;}
a.blank:hover::after{background-position: 0 12px;}
.tab_area{display: none;}
.tab_area p{margin:10px 0;}
.tab_content {width: 100%;clear: both;overflow: hidden;box-sizing: border-box;padding:20px;border:2px solid #b4b4b4;font-size:90%;}
.tab {overflow: hidden;margin: 10px auto 0;}
.tab li {display: inline-block;text-align: center;width:20%;box-sizing: border-box;
-webkit-box-sizing: border-box;}
.tab li a{color:#1a2c79;background:#fff;display: block;border-left:2px solid #b4b4b4;border-top:2px solid #b4b4b4;text-decoration: none;
transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.tab li:last-child a{border-right:2px solid #b4b4b4;}
.tab li a:hover{background:#5c6da6;color:#fff;}
.tab li.active a{color:#fff;background:#1a2c79;}
.message_name{text-align: right;display: block;margin:0 0 0 auto;}
.text_cont{box-sizing: border-box;margin:40px 0 0;padding:30px;border:1px solid #b4b4b4;display:block;}
.text_cont h3{padding-top:0!important;}
.info-img{width:100%;max-width:640px;margin:20px auto;display: block;}
.cat-sdgs{font-size:90%;line-height:1.1!important;padding:2px 5px;box-sizing: border-box;position:relative;}
.no1{background:#e5243b!important;}
.no1::before{content:"1";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no1::after{content:"貧困を\Aなくそう";white-space: pre;}
.no2{background:#dda63a!important;}
.no2::before{content:"2";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no2::after{content:"飢餓を\Aゼロに";white-space: pre;}
.no3{background:#4c9f38!important;}
.no3::before{content:"3";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no3::after{content:"すべての人に\A健康と福祉を";white-space: pre;}
.no4{background:#c5192d!important;}
.no4::before{content:"4";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no4::after{content:"質の高い教育を\Aみんなに";white-space: pre;}
.no5{background:#ff3a21!important;}
.no5::before{content:"5";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no5::after{content:"ジェンダー平等を\A実現しよう";white-space: pre;}
.no6{background:#26bde2!important;}
.no6::before{content:"6";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no6::after{content:"安全な水とトイレ\Aを世界中に";white-space: pre;}
.no7{background:#fcc30b!important;}
.no7::before{content:"7";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no7::after{content:"エネルギーをみんなに\Aそしてクリーンに";white-space: pre;}
.no8{background:#a21942!important;}
.no8::before{content:"8";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no8::after{content:"働きがいも\A経済成長も";white-space: pre;}
.no9{background:#fd6925!important;}
.no9::before{content:"9";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no9::after{content:"産業と技術革新の\A基盤をつくろう";white-space: pre;}
.no10{background:#dd1367!important;}
.no10::before{content:"10";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no10::after{content:"人や国の不平等\Aをなくそう";white-space: pre;}
.no11{background:#fd9d24!important;}
.no11::before{content:"11";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no11::after{content:"住み続けられる\Aまちづくりを";white-space: pre;}
.no12{background:#bf8b2e!important;}
.no12::before{content:"12";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no12::after{content:"つくる責任\Aつかう責任";white-space: pre;}
.no13{background:#3f7e44!important;}
.no13::before{content:"13";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no13::after{content:"気候変動に\A具体的な対策を";white-space: pre;}
.no14{background:#0a97d9!important;}
.no14::before{content:"14";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no14::after{content:"海の豊かさを\A守ろう";white-space: pre;}
.no15{background:#56c02b!important;}
.no15::before{content:"15";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no15::after{content:"陸の豊かさも\A守ろう";white-space: pre;}
.no16{background:#00689d!important;}
.no16::before{content:"16";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no16::after{content:"平和と公正を\Aすべての人に";white-space: pre;}
.no17{background:#19486a!important;}
.no17::before{content:"17";font-size:150%;position:absolute;left:2px;top:50%;transform:translate(0%, -50%)}
.no17::after{content:"パートナーシップで\A目標を達成しよう";white-space: pre;}
@keyframes kira { 
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.kira{
background: linear-gradient(45deg, #B67B03 20%, #FEE9A0 35%, #DAAF08 50%, #B67B03 75%);
background-size: 600% 600%;
animation: kira 3s ease infinite;
display: block;
color:#fff;
}
.kira a{color:#fff!important;}
.banner-pa{
background: linear-gradient(45deg, #B67B03 20%, #FEE9A0 35%, #DAAF08 50%, #B67B03 75%);
background-size: 600% 600%;
animation: kira 3s ease infinite;
display: block;
padding:6px 6px 6px 0;
line-height: 0;
}
.banner-pa:hover{opacity:.6;}

.scroll-cont-big{position:relative;height:100%;padding-bottom:80px;margin-bottom:105px;}
.scroll-cont{position:relative;height:100%;padding-bottom:80px;margin-bottom:80px;}
.scrolldown{position:absolute;bottom:0;left:50%;}
.scrolldown span{position: absolute;left:10px;bottom:10px;
color: #b4b4b4;font-size: 0.7rem;letter-spacing: 0.05em;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display: none;
}
.scrolldown:before {content: "";position: absolute;
bottom:0;left:-3px;
width:7px;height:7px;border-radius: 50%;background:#b4b4b4;
animation:
circlemove 2s ease-in-out infinite,
cirlemovehide 2s ease-out infinite;
}
@keyframes circlemove{
0%{bottom:45px;}
100%{bottom:-5px;}
}
@keyframes cirlemovehide{
0%{opacity:0}
50%{opacity:1;}
80%{opacity:0.9;}
100%{opacity:0;}
}
.scrolldown:after{
content:"";position: absolute;bottom:0;left:0;
width:1px;height: 50px;background:#b4b4b4;}

.sdgs-btn{background:url("images/sdgs-btn.jpg") center center no-repeat!important;background-size:cover!important;}
.sdgs-btn::after{content:"";background:#1a2c79;height:80%;width:100%;position:absolute;top:10%;left:0;z-index:-1;transform-origin: 100% 50%;transform: scaleX(1);transition: transform ease .3s;}
.sdgs-btn:hover::after{transform: scaleX(0);}


@media screen and (max-width:767.9px) {
.news-line-wrap {height: auto;display: block;width: 100%;border-top: 1px dashed #ccc;}
.news-line{display: flex;align-items: center;
justify-content: center;text-decoration: none;color:#1a2c79;font-size:15px;line-height:25px;}
.news-line span{color:#06c755;}
.news-line img{display: inline-block;width:25px;height:25px;text-decoration: none;vertical-align: bottom;}
.news-line p{display: inline-block;text-decoration: none;}
.news-line{top: -8px!important;}
.news-line img{margin-left: 5px;}
.icon-sns li{display: inline-block;font-size:0;}
.icon-sns li a{margin:15px 20px 0 0;display:block;}
.icon-sns li img{width:40px;height:40px;}
.pc{display:none!important;}
body{font-size:16px;}
.overlay{display:none;}
a img{outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a.hover:hover img{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
div{outline:none;}

.home_header{height:100%;width:100%;position: relative;padding-top:79px;box-sizing: border-box;line-height:0;}
.type-cont{text-align: center;position:absolute;top:49%;left:0;right:0;transform:translate(0%, -50%);color:#fff;padding:20px;}
.type-cont img{max-width:600px;width:90%;height:auto;}

#mov {width: 100%;font-size: 1rem;display: flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
#mov.block {display: block;box-sizing: border-box;}
.mov_cont {background-color: #fff;width: 100%;position: relative;padding-top: 62.5%;overflow: hidden;min-width: 320px;min-height: 480px;box-sizing: border-box;}
.mov_inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}

.header{width:100%;height:78px;display:block;margin:0 auto;padding:0;position:fixed;z-index:2;background:#fff;top:0;}
.home_header_cont{width:100%;height:78px;overflow:hidden;margin:0 auto;text-align:center;display:block;position:fixed;top:0;right:0;left:0;background:#fff;z-index:999;border-bottom:1px solid #b4b4b4;}
.header .header_cont{width:100%;height:78px;overflow:hidden;margin:0 auto;text-align:center;display:block;position: relative;border-bottom:1px solid #b4b4b4;}
.line{position:relative;width: 100%;height:5px;margin:0;background:#5c6da6;display: block;}
.line::before{content: "";display: block;width:calc(100% / 3);height:5px;position: absolute;left: 0;top:0;background:#b4b4b4;}
.line::after{content: "";display: block;width:calc(100% / 3);height:5px;position: absolute;right: 0;top:0;background:#1a2c79;}
h1.logo{display:block;margin:10px;float:left;font-weight:normal;width:160px;z-index:2;position:absolute;}
h1.logo a{display:block;color:#fff;line-height: 1;}
h1.logo a:hover{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
h1.logo a img{vertical-align: text-bottom;padding:0;}
h1.logo span{position:absolute;top:0;right:0;z-index:3;width:100px;height:14px;}
h1.logo span a{display:block;line-height:0;}
h1.logo span a img{vertical-align: top;}
	
body.fix{position: fixed;width: 100%;}
#btn{height: 30px;position: fixed;right: 20px;top: 30px;width: 40px;z-index: 99;}
.menu__line{background: #1a2c79;display: block;height: 4px;position: absolute;transition:transform .3s;width: 100%;}
.menu__line--center{top: 13px;}
.menu__line--bottom{bottom: 0px;}
#btn.active .menu__line--top{top: 10px;transform: rotate(45deg);background: #fff;}
#btn.active .menu__line--center{transform:scaleX(0);}
#btn.active .menu__line--bottom{bottom: 16px;transform: rotate(135deg);background: #fff;}
.gnav{background:rgba(32,62,139,.9);display: none;height: 100%;position: fixed;width: 110%;overflow-x: hidden;z-index: 8;top:0;}
body.fix .gnav{display: block;position:fixed;overflow-y: scroll;-webkit-overflow-scrolling:touch;}
.gnav__wrap{/*align-items:center;justify-content: center;*/display: flex;height: 100%;position: absolute;width: 100vw;padding:78px 0 0;box-sizing: border-box;}
.gnav__menu{font-size:0;border-top:1px solid #fff;}
.gnav__menu li{margin:0;line-height:1;width:50%;display:inline-block;border-bottom:1px solid #fff;box-sizing: border-box;}
.gnav__menu li:nth-of-type(even){border-left:1px solid #fff;}
.gnav__menu li:last-child{width:100%;}
.gnav__menu li a{color: #fff;font-size: 15px;font-weight: bold;padding: 20px 0;text-decoration: none;transition: .5s;display: block;}
.gnav__menu li a span{font-size:10px;display:block;margin-top:5px;}
.content{margin:-97px auto 0;padding:176px 0 0;}
section{position:relative;}
	
.home_cont{width:90%;max-width:700px;margin:auto;overflow: hidden;margin:100px auto;font-weight:900;position:relative;z-index:2;}
.home_cont h2{font-size:40px;line-height:1.3;margin:0 0 40px;}
.home_cont h3{font-size:30px;line-height:1;margin:20px 0;font-weight:900;}
.left_cont{width:46%;box-sizing: border-box;float:left;}
.right_cont{width:46%;box-sizing: border-box;float:right;}
.cont .left_cont,.cont .right_cont{width:50%;}
.left_img{width:40%;float:left;}
.right_img{width:40%;float:right;}
.left_img img,.right_img img{width:100%;height:auto;}
.logo-li{font-size:0;}
.logo-li::after{content:"";display:block;width:100%;clear:both;}
.logo-li li{margin:0px 2% 2% 0;padding:0 20px;box-sizing: border-box; background:#222;height:128px;width:49%;text-align:center;align-items:center;display:flex;float:left;}
.logo-li li:nth-of-type(even){margin:0 0 5px;}
.logo-li li img{width:100%;height:auto;max-height:80%;}
a.btn {color: #fff;background:#1a2c79;border: 1px solid #1a2c79;font-size: 14px;
font-weight: bold;padding: 6px 0;text-align: center;position: relative;
z-index: 1;transition: .3s;display: block;width:210px;margin:10px auto 20px;text-decoration: none;}
a.btn::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;
background: #fff;transform-origin: 100% 50%;transform: scaleX(0);transition: transform ease .3s;}
a.btn:hover {color: #1a2c79;}
a.btn:hover::before {transform-origin: 0% 50%;transform: scaleX(1);}

.bg-wht{background:#fff;padding:40px 0;}
.slick-initialized .slick-slide{position: relative;line-height:0;width:320px;}
.slider-arrow{position: absolute;cursor: pointer;z-index: 3;top: calc(50%);transform: translateY(-50%);opacity:.5;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.slider-arrow:hover{opacity:1;}
.slider-arrow.slider-prev{left: calc((100% - 320px)/2 + 6px);transform: translate(-100%,-50%);}
.slider-arrow.slider-next{right: calc((100% - 320px)/2 + 6px);transform: translate(100%,-50%);}
.slider-arrow img{width: 11px;height: 10px;}
.bl_sliderBlock h2{margin:0;}
section{overflow: hidden;}
#slider{width: 100%;height: 100%;margin:10px auto 20px;display: block;}
#slider::before {content: "";background: rgba(255,255,255,.5);display: block;
height: 100%;width: 100%;position: absolute;left: calc((-100% - 320px)/2);top: 0;z-index: 2!important;}
#slider::after {content: "";background: rgba(255,255,255,.5);display: block;
height: 100%;width: 100%;position: absolute;right:calc((-100% - 320px)/2);top: 0;z-index: 2!important;}
#slider {display: none;}
#slider.slick-initialized {display: block;}
#thumbnail_slider{width:200px;margin: 0 auto 10px;display: block;}
.thumbnail-item{cursor: pointer;opacity:.5;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;width:90%;}
.thumbnail-item:hover{opacity:1;}
.slide-item img{width: 300px;margin:0 10px;}
.slide-item{transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.slide-item:hover{opacity: .8;}
.thumbnail-item img{width: 90%;margin: 0 auto;}
.slick-dots {bottom:-20px;}
.slick-dots li button:before{font-size:20px;}

.home-more{background:url("images/home-more.svg") center center no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:280px;height:24px;margin:15px auto;text-align: center;
transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.home-more a{display: block;}
.home-more:hover{opacity: .6;}
.news-bg {position: relative;}
.news-bg::after {content: "";width: 100vw;height: 100vh;background-image: url("images/home-bg-sp.jpg");background-size: cover;position: fixed;top: 0;left: 0;z-index: -1;}
.home_news{width:90%;max-width:700px;margin:50px auto;text-align:left;padding:10px 0;background:rgba(255,255,255,.8);box-sizing: border-box;}
.home_news h3{font-size:30px;padding:5px 0;text-align: center;color:#1a2c79;letter-spacing: .1em;line-height:1;}
.news_li{height:auto;overflow: auto;}
.news_li li{font-size:16px;margin:0;padding:0;position:relative;border-bottom:1px solid #b4b4b4;list-style-type:none;}
.news_li li:last-child{border:none;}
.cat{background:#464646;color:#fff;width:190px;display:inline-block;text-align:center;vertical-align:top;}
.up_ymd{padding:5px 0 0;display:block;vertical-align:top;font-weight: bold;}
.title{display:block;width:100%;margin: 5px 0 0;line-height: 1.4;}
.title460{width:100%;}
.news_li li a{display:block;height:100%;width:100%;color:#333;padding:12px;box-sizing:border-box;overflow:hidden;text-decoration: none;}
.news_li li a:hover{background:#5c6da6;color:#fff;}
.img_li img{margin:0 .5%;width:49%;height:auto;}
.img_li2 img:first-child{margin:0 .5%;width:62.25%;height:auto;}
.img_li2 img:last-child{margin:0 .5%;width:35%;height:auto;}
.img_li3 img:first-child{margin:0 .5%;width:35%;height:auto;}
.img_li3 img:last-child{margin:0 .5%;width:62.25%;height:auto;}
.img4256 img:first-child{width:42%;margin-bottom:.8%;}
.img4256 img:last-child{width:56%;margin-bottom:.8%;}
.news-table{border-collapse: collapse;border:1px solid #000;margin: 16px;}
.news-table td{padding:0 10px;}
.news-table tr{}

.home-vision{width:90%;max-width:700px;margin:100px auto 50px;text-align:left;padding:50px 40px 30px;background:rgba(255,255,255,.8);box-sizing: border-box;position:relative;z-index:2;}
.home-vision h3{background:url("images/home-vision.svg") 0 0 no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:100%;height:36px;margin:0;
position:absolute;top:-25px;left:-5px;text-align:left;z-index:4;}

.work-bg{background:url("images/home-bgwork-sp.jpg") right center no-repeat;background-size:cover;padding:10px 0 10px;}
.work{width:90%;max-width:700px;margin:100px auto 50px;text-align:left;padding:50px 40px 20px;background:rgba(255,255,255,.8);box-sizing: border-box;position:relative;z-index:2;}
.work h3{background:url("images/home-work.svg") 0 0 no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:100%;height:36px;margin:0;
position:absolute;top:-25px;left:-5px;text-align:left;z-index:4;}

.h3bg-cont{position:relative;}
.h3bg-navy::before{content:"";width:100%;height:200px;background:#1a2c79;display:block;
position:absolute;top:-50px;left:calc((-100%)/2 - 70px);z-index:1;}
.h3bg-wht::before{content:"";width:100%;height:200px;background:#fff;display:block;
position:absolute;top:-50px;left:calc((-100%)/2 - 70px);z-index:1;}

.home_company{background:url("images/home_company.jpg") 0 0 no-repeat;background-size:cover;padding:1px 0;}
.home_company::after{content:"";background:rgba(255,255,255,.7);width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1;}
	
.cont{width:90%;max-width:700px;padding:16px 0;margin:40px auto;display:block;box-sizing: border-box;overflow: hidden;}
.page_bg{width: 768px;margin-left: -384px;position: absolute;top: 0;left: 50%;overflow:hidden;position:relative;line-height:0;}
.page_bg img{width:100%;height:auto;position:relative;}
.page_bg h2{font-size:26px;padding:0;color:#fff;box-sizing: border-box;position:absolute;
top:50%;margin:auto;line-height:1;width:100%;text-align:center;transform: translate(0, -50%);}
.page_bg h2 span{font-size:14px;display: block;margin:5px auto 0;}
.bread{background:#b4b4b4;margin:0;padding:5px 0;}
.bread ul{font-size:0;width:96%;margin:auto;line-height:1;}
.bread ul li{display:inline-block;font-size:14px;color:#fff;font-weight: bold;padding:3px 0;}
.bread ul li::after{content:"〉";margin:0 0 0 7px;padding:4px;}
.bread ul li:last-child::after{content:"";}
.bread ul li a{color:#fff;}
.bread ul li a:hover{text-decoration: underline;}
.cont h3{font-size:22px;padding:80px 0 20px;text-align: center;color:#1a2c79;letter-spacing: .1em;line-height:1;}
.cont h4{font-size:20px;text-align: center;font-weight: normal;line-height:1;}

.sdgs{margin:0 auto 50px;display:block;width:100%;max-width:400px;height:auto;}
.about-sdgs{width:100%;max-width:600px;height:auto;margin:20px auto 50px;display:block;}
.sdgs-li{font-size:0;border:1px solid #b4b4b4;width:100%;max-width:700px;margin:20px auto;box-sizing: border-box;}
.sdgs-li li{display:block;box-sizing: border-box;padding:20px;vertical-align: top;text-align: left;width:auto;box-sizing: border-box;}
.sdgs-li li:last-child{padding-top:0;}
.sdgs-li li h4{font-size:20px;font-weight: bold;margin:0 0 20px;text-align: left;border-bottom:5px solid #5c6da6;padding:0 0 20px;}
.sdgs-li li h4 span{font-size:30px;font-style: italic;margin:0 0 10px 0;color:#5c6da6;display: block;letter-spacing: .1em;}
.sdgs-li li p{font-size:13px;}
.sdgs-li li img{width:160px;height:auto;margin:0 auto;display: block;}
.focus{text-align: left;}
.mini,.big{line-height:0;text-align: center;}
.mini li{display:inline-block;width:150px;margin:20px;}
.mini li img{width:100%;}
.big li{display:inline-block;height:240px;margin:0;width:auto;}
.big li img{height:100%;width:auto;}

.news h3{text-align:left;line-height:1.3;padding-top:0;}
.news .up_ymd{padding:0;}
.news .btn{margin-top:40px;}
.news .sdgs-icon{float:right;width:80px;}

#vision{padding-top:90px;margin-top:-90px;display:block;}
.company_table{border-collapse: collapse;width:100%;margin:0 auto 40px;box-sizing:border-box;border:2px solid #eee;}
.company_table tr:nth-child(even){background:#eee;}
.company_table th{vertical-align:top;padding:15px 10px 0;text-align:left;box-sizing:border-box;display: block;}
.company_table td{display:block;vertical-align:top;padding:10px 10px 15px;text-align:left;box-sizing:border-box;}
.company_table td span.name_text{width:120px;display: inline-block;}
.plase-img {position: relative;width:100%;max-width:500px;height:auto;margin:10px auto 40px;cursor: pointer;}
.plase-img .active {position: absolute;left: 0;top: 0;opacity: 0;transition: .2s;}
.plase-img:hover .active {opacity: 1;}
.vision{text-align: center;margin:40px auto 130px;padding:1em 0 80px;border:1px solid #b4b4b4;border-top:none;}
.vision-last{margin-bottom:40px;}
.vision-img{width:532px;height:auto;margin:0 auto;line-height:0;display: block;}
/*.vision h3{margin:10px 0;color:#ff0000;}*/
.vision h3{display: flex;align-items: center;--text-divider-gap: 1rem;padding:0 0 80px;margin:-1.2em 0 0;color:#333;}
.vision h3::before,.vision h3::after {content: '';height: 1px;background-color: #b4b4b4;flex-grow: 1;}
.vision h3::before {margin-right: var(--text-divider-gap);}
.vision h3::after {margin-left: var(--text-divider-gap);}
.vision h4{margin-bottom:30px;font-size:25px;line-height: 1.2;}
.vision img,.vision .passing{width:100%;height:auto;margin:0 auto;line-height:0;}
.vision p{text-align: left;width:90%;margin:0 auto;}
.scroll-cont-big{position:relative;height:100%;padding-bottom:50px;margin-bottom:55px;}
.scroll-cont{position:relative;height:100%;padding-bottom:50px;margin-bottom:30px;}
.history_table{}
.history_table tr{padding:4px 0;display:block;}
.history_table th{min-width:90px;vertical-align:top;}
.history_table a{}

.message p{margin:.5em 0;}
.message h3{margin-top:50px;text-align: left;}

.info-hover{font-size:0;text-align:center;margin:0 auto 20px;}
.info-hover li{width:48%;display:inline-block;margin:1%;position: relative;}
.info-hover li img{width:100%;}
.mask{background:rgba(26,44,121,.85);position:absolute;top:0;left:0;display: block;text-align: left;height:100%;width:100%;opacity:0;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.mask p{font-size:11px;top:50%;left:0;right:0;transform:translate(0%, -50%);position: absolute;width:100%;color:#fff;padding:5px;box-sizing: border-box;}
.info-hover li:hover .mask{opacity: 1;}
.canvas-cont{position: relative;width:100%; height:240px;padding:50px 0 0;margin:50px 0 0;}
.canvas-min{position: relative;width:100%; height:200px;padding:30px 0 0;}
.canvas-cont p{position:absolute;top:17px;left:0;font-size:13px;}
.canvas-min p{position:absolute;top:5px;left:0;}
.canvas-title{width:120px;margin:0 auto;position:absolute;top:0;right:0;display:block;}
.chart-li{font-size:0;margin:30px auto;}
.chart-li li{display:inline-block;width:50%;}
.chart-p{border:2px solid #333;border-bottom:none;display:block;width:15px;height:66px;font-size:12px;position:absolute;right:38%;top:-1px;opacity: .5;}
.chart-p-assets{right:42%;top:0;}
.chart-p-assets span::after{height:171px!important;}
.chart-p::before{content:"新型コロナ";display:block;position:absolute;top:2px;left:-3px;
-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.chart-p::after {content: '';width: 11px;height: 11px;border: 0;border-bottom: solid 2px #333;border-right: solid 2px #333;position: absolute;top:100%;left:1px;margin-top: -6px;transform: rotate(45deg);}
.chart-p span::after{content:"";height:132px;width:2px;background:#333;display:block;position:absolute;top:100%;left:50%;margin:10px 0 0 -1px;}
.chart2-p{border:2px solid #333;border-bottom:none;display:block;width:15px;height:66px;font-size:12px;position:absolute;right:31%;top:-1px;opacity: .5;}
.chart2-p-assets{right:46%;top: 15px;}
.chart2-p-assets span::after{height:162px!important;}
.chart2-p::before{content:"新型コロナ";display:block;position:absolute;top:2px;left:-3px;
-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.chart2-p::after {content: '';width: 11px;height: 11px;border: 0;border-bottom: solid 2px #333;border-right: solid 2px #333;position: absolute;top:100%;left:1px;margin-top: -6px;transform: rotate(45deg);}
.chart2-p span::after{content:"";height:122px;width:2px;background:#333;display:block;position:absolute;top:100%;left:50%;margin:10px 0 0 -1px;}
.people-table{border-collapse: collapse;width:100%;margin:0 auto;box-sizing:border-box;font-size:15px;border:2px solid #eee;}
.chart-li{font-size:0;margin:30px auto;}
.chart-li li{display:inline-block;width:50%;}
.people-table{border-collapse: collapse;width:100%;margin:0 auto;box-sizing:border-box;font-size:14px;border:2px solid #eee;}
.people-table tr{border-bottom:2px solid #eee;}
.people-table th{padding:10px;min-width:50px;line-height: 1.2;}
.people-table th.tr-w{min-width:90px;}
.people-table th,.people-table td{text-align: center;}
.outline-table{border-collapse: collapse;width:100%;margin:10px auto;box-sizing:border-box;font-size:14px;border-top:10px solid #5c6da6;border-bottom:10px solid #5c6da6;}
.outline-table th{padding:15px 10px 5px;font-size:12px;}
.outline-table th,.outline-table td{text-align: center;background:#5c6da6;color:#fff;border-right:1px solid #fff;line-height: 1;width:25%;}
.outline-table th:last-child,.outline-table td:last-child{border:none;}
.outline-table td{font-weight: bold;padding:5px 10px 15px;position:relative;}
.outline-table td span{font-size:30px;}
.outline-table td span.store{font-size:13px;display:block;margin:auto;position:absolute;right:0;left:0;bottom:0;}
.js-scrollable {overflow-x: auto;margin-bottom: 1em;max-width: 770px;}

.recruit-left{margin:0 auto 10px;display:block;width:200px;}
.recruit-table{border:2px solid #5c6da6;padding:10px 0;}
.recruit-table tr{padding:10px 20px;display:block;}
.recruit-table th{color:#5c6da6;}
.recruit-table th,.recruit-table td{width:100%;display:block;}
.recruit-dl dt,.recruit-dl dd{display:inline-block;}
.recruit-dl dt{width:140px;}

#contact{display:block;width:100%;max-width:700px;margin:0 auto;}
#contact p{margin:0 0 16px;}
#contact table{border:5px solid #b4b4b4;padding-top:10px;width:100%;padding:10px;box-sizing: border-box;}
#contact th{width:100%;display:block;vertical-align:top;padding:12px 0 0;font-weight:normal;text-align:left;box-sizing:border-box;}
#contact td{width:100%;display:block;vertical-align:top;padding:5px 0 4px;text-align:left;box-sizing:border-box;}
#contact td.last{margin-left:0;width:100%;box-sizing:border-box;}
#contact label{padding:5px 0;margin:0;cursor:pointer;display: block;}
input[type=text],input[type=tel],textarea{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;padding:8px;}
input[type=submit]{border:none;width:100%;max-width:300px;height:65px;padding:0;margin:32px auto;display:block;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;font-size:18px;cursor:pointer;}
input#submitbtn{background:#1a2c79;color:#fff;border:1px solid #1a2c79;}
input#submitbtn:hover{background:#fff;color:#1a2c79;}
input[type=checkbox]{width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;}

.sitemap li a{padding:10px 20px;box-sizing: border-box;text-decoration: none;display:block;border-bottom:1px solid #1a2c79;}
.sitemap li a:hover{background:#1a2c79;color:#fff;}
.sitemap li a span{font-size:13px;margin:0 0 0 10px;}

.pp h3{text-align:left;padding:20px 0 0;line-height:1.3;}

.footer_wrap{width:100%;color:#fff;background:#1a2c79;display:block;margin:70px 0 0;position:relative;clear:both;}
.footer-l{display:table;width:90%;max-width:700px;margin:0 auto;padding:20px 0;box-sizing: border-box;text-align: center;}
.footer-img{/*width:40px;height:auto;display: table-cell;vertical-align: bottom;padding:0 20px 0 0;*/display: none;}
.footer_nav,.footer_nav-min{display:table-cell;width:auto;/*border-left:1px solid #fff;*/padding:0 5px;vertical-align: top;}
.footer_nav li,.footer_nav-min li{padding:0;margin:5px 0;display:block;}
.footer_nav li a,.footer_nav-min li a{color:#5c6da6;text-align:left;text-decoration:none;display: block;padding:10px 5px;letter-spacing: .1em;line-height: 1;}
.footer_nav li a{font-size:14px;font-weight: bold;}
.footer_nav li a span,.footer_nav-min li a span{color:#fff;text-align:left;text-decoration:none;display: block;padding:5px 0 0;font-size:13px;}
.footer_nav li a:hover,.footer_nav-min li a:hover{background:#5c6da6;color:#fff;}
.footer-r{display:block;width:90%;max-width:700px;height:auto;margin:0 auto;padding:0 0 20px;box-sizing: border-box;}
.pagetop{width:46px;height:46px;background:url("images/pagetop.svg") 0 0 no-repeat;display:block;margin:20px;position:absolute;right:0;bottom:0;}
.pagetop:hover{opacity: .5;}
a.footer-btn{text-decoration: none;background:#5c6da6;color:#fff;text-align: center;font-weight: bold;font-size:17px;line-height: 1;margin:0 auto;padding:5px 0;border-radius:5px;display:block;width:160px;}
a.footer-btn span{display: block;font-weight: normal;font-size:12px;padding:5px 0 0;}
a.footer-btn:hover{background:#fff;color:#5c6da6;}
.footer-r img{width:160px;height:auto;margin:20px auto;display:block;}
.copy{background:url("images/copy.svg") center center no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:160px;height:62px;margin:0 auto;}

.sdgs-li li .banner-pa,.footer-r .banner-pa{width:174px;height:auto;padding:2px 2px 2px 0;margin:10px auto;}
.sdgs-li li .banner-pa img,.footer-r .banner-pa img{width:100%;margin:0;}
.nobr{display:none}
}

@media screen and (max-width:320px) {
.chart-p{border:2px solid #333;border-bottom:none;display:block;width:15px;height:66px;font-size:12px;position:absolute;right:44%;top:-1px;opacity: .5;}
.chart-p span::after{height:119px;}
.chart2-p-assets{right:45%;}
.chart2-p-assets span::after{height:155px!important;}
.outline-table th{padding:15px 5px 5px;}
}

@media screen and (min-width:768px)  and (max-width:1023.9px){
.news-line-wrap {height: auto;display: block;width: calc(100% - 193px);margin-left: 193px;border-top: 1px dashed #ccc;}
.news-line{display: flex;align-items: center;
justify-content: center;text-decoration: none;color:#1a2c79;font-size:15px;line-height:25px;}
.news-line span{color:#06c755;}
.news-line img{display: inline-block;width:25px;height:25px;text-decoration: none;vertical-align: bottom;}
.news-line p{display: inline-block;text-decoration: none;}

.icon-sns{display: inline;font-size:0;vertical-align:middle;}
.icon-sns li{display: inline-block;}
.icon-sns li a{margin:0 0 0 10px;display:block;}
.icon-sns li img{width:20px;height:20px;}
.sp,.sp-min{display:none!important;}
.overlay{display:none;}
a img{outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a.hover:hover img{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
div{outline:none;}

.home_header{height:100%;width:100%;position: relative;padding-top:89px;box-sizing: border-box;line-height:0;}
.type-cont{text-align: center;position:absolute;top:49%;left:0;right:0;transform:translate(0%, -50%);color:#fff;padding:20px;}
.type-cont img{max-width:600px;width:90%;height:auto;}

#mov {width: 100%;font-size: 1rem;display: flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
#mov.block {display: block;box-sizing: border-box;}
.mov_cont {background-color: #fff;width: 100%;position: relative;padding-top: 42.5%;overflow: hidden;min-width: 768px;min-height: 326px;box-sizing: border-box;}
.mov_inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}

.header{width:100%;height:88px;display:block;margin:0 auto;padding:0;position:fixed;z-index:2;background:#fff;top:0;}
.home_header_cont{width:100%;height:88px;overflow:hidden;margin:0 auto;text-align:center;display:block;position:fixed;top:0;right:0;left:0;background:#fff;z-index:999;border-bottom:1px solid #b4b4b4;}
.header .header_cont{width:100%;height:88px;overflow:hidden;margin:0 auto;text-align:center;display:block;position: relative;border-bottom:1px solid #b4b4b4;}
.line{position:relative;width: 100%;height:5px;margin:0;background:#5c6da6;display: block;}
.line::before{content: "";display: block;width:calc(100% / 3);height:5px;position: absolute;left: 0;top:0;background:#b4b4b4;}
.line::after{content: "";display: block;width:calc(100% / 3);height:5px;position: absolute;right: 0;top:0;background:#1a2c79;}
h1.logo{display:block;margin:13px 20px;float:left;font-weight:normal;width:180px;z-index:2;position:relative;}
h1.logo a{display:block;color:#fff;line-height: 1;}
h1.logo a:hover{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
h1.logo a img{vertical-align: text-bottom;padding:0;}
h1.logo span{position:absolute;top:0;right:0;z-index:3;width:112px;height:15px;}
h1.logo span a{display:block;line-height:0;}
h1.logo span a img{vertical-align: top;}
	
.menu{/*height: 30px;position: absolute;right: 20px;top: 30px;width: 40px;z-index: 99;*/display:none;}
/*.menu__line{background: #fff;display: block;height: 4px;position: absolute;transition:transform .3s;width: 100%;}
.menu__line--center{top: 13px;}
.menu__line--bottom{bottom: 0px;}
.menu__line--top.active{top: 10px;transform: rotate(45deg);}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 16px;transform: rotate(135deg);}*/
.gnav{height:auto;position: absolute;width: auto;z-index: 8;right:0;bottom:0;}
.gnav__wrap{display: block;text-align: right;}
.gnav__menu{font-size:0;}
.gnav__menu li:first-child{display: none;}
.gnav__menu li{margin:0;padding:0 4px 4px;display: inline-block;border-left: 1px solid #b4b4b4;text-align: center;}
.gnav__menu li a{color: #333;font-size: 14px;font-weight: bold;padding: 10px 8px;text-decoration: none;transition: .5s;display:block; border-bottom:2px solid #fff;line-height:1.4;letter-spacing: .07em;}
.gnav__menu li a span{color: #1a2c79;font-size: 7px;font-weight: bold;padding: 0;display:block;transition: .5s;letter-spacing: .1em;}
.gnav__menu li a:hover,.gnav__menu li a.now{border-bottom:2px solid #1a2c79;}

.content{margin:-88px auto 0;padding:176px 0 0;}
section{position:relative;}

.home_cont{width:90%;max-width:1000px;margin:auto;overflow: hidden;margin:100px auto;font-weight:900;position:relative;z-index:2;}
.home_cont h2{font-size:40px;line-height:1.3;margin:0 0 40px;}
.home_cont h3{font-size:30px;line-height:1;margin:20px 0;font-weight:900;}
.left_cont{width:46%;box-sizing: border-box;float:left;}
.right_cont{width:46%;box-sizing: border-box;float:right;}
.cont .left_cont,.cont .right_cont{width:50%;}
.left_img{width:40%;float:left;}
.right_img{width:40%;float:right;}
.left_img img,.right_img img{width:100%;height:auto;}
.logo-li{font-size:0;}
.logo-li::after{content:"";display:block;width:100%;clear:both;}
.logo-li li{margin:0px 2% 2% 0;padding:0 20px;box-sizing: border-box; background:#222;height:128px;width:49%;text-align:center;align-items:center;display:flex;float:left;}
.logo-li li:nth-of-type(even){margin:0 0 5px;}
.logo-li li img{width:100%;height:auto;max-height:80%;}
a.btn {color: #fff;background:#1a2c79;border: 1px solid #1a2c79;font-size: 14px;
font-weight: bold;padding: 10px 0;text-align: center;position: relative;
z-index: 1;transition: .3s;display: block;width:300px;margin:10px auto 20px;text-decoration: none;}
a.btn::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;
background: #fff;transform-origin: 100% 50%;transform: scaleX(0);transition: transform ease .3s;}
a.btn:hover {color: #1a2c79;}
a.btn:hover::before {transform-origin: 0% 50%;transform: scaleX(1);}

.bg-wht{background:#fff;padding:40px 0;}
.slick-initialized .slick-slide{position: relative;line-height:0;width:500px;}
.slider-arrow{position: absolute;cursor: pointer;z-index: 3;top: calc(50%);transform: translateY(-50%);opacity:.5;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.slider-arrow:hover{opacity:1;}
.slider-arrow.slider-prev{left: calc((100% - 500px)/2 + 10px);transform: translate(-100%,-50%);}
.slider-arrow.slider-next{right: calc((100% - 500px)/2 + 10px);transform: translate(100%,-50%);}
.slider-arrow img{width: 24px;height: 23px;}
.bl_sliderBlock h2{margin:0;}
section{overflow: hidden;}
#slider{width: 100%;height: 100%;margin: 30px auto;display: block;}
#slider::before {content: "";background: rgba(255,255,255,.5);display: block;
height: 100%;width: 100%;position: absolute;left: calc((-100% - 500px)/2);top: 0;z-index: 2!important;}
#slider::after {content: "";background: rgba(255,255,255,.5);display: block;
height: 100%;width: 100%;position: absolute;right:calc((-100% - 500px)/2);top: 0;z-index: 2!important;}
#slider {display: none;}
#slider.slick-initialized {display: block;}
#thumbnail_slider{width: 400px;margin: 0 auto 10px;display: block;}
.thumbnail-item{cursor: pointer;opacity:.5;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;width:90%;}
.thumbnail-item:hover{opacity:1;}
.slide-item img{width: 436px;margin:0 32px;}
.slide-item{transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.slide-item:hover{opacity: .8;}
.thumbnail-item img{width: 90%;margin: 0 auto;}
.slick-dots {bottom:-25px;}
.slick-dots li button:before{font-size:30px;}

.home-more{background:url("images/home-more.svg") center center no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:300px;height:26px;margin:20px auto;text-align: center;
transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.home-more a{display: block;}
.home-more:hover{opacity: .6;}
.news-bg {position: relative;}
.news-bg::after {content: "";width: 100vw;height: 100vh;background-image: url("images/home-bg-sp.jpg");
background-size: cover;position: fixed;top: 0;left: 0;z-index: -1;}
.home_news{width:700px;margin:50px auto;text-align:left;padding:10px 20px;background:rgba(255,255,255,.8);box-sizing: border-box;}
.home_news h3{font-size:40px;padding:5px 0;text-align: center;color:#1a2c79;letter-spacing: .1em;line-height:1;}
.news_li{height:auto;overflow: auto;}
.news_li li{font-size:15px;margin:0;padding:0;position:relative;border-bottom:1px solid #b4b4b4;list-style-type:none;}
.news_li li:last-child{border:none;}
.cat{background:#464646;color:#fff;width:178px;display:inline-block;text-align:center;vertical-align:top;line-height: 34px;min-height: 34px;}
.up_ymd{padding:4px 12px;display:inline-block;vertical-align:top;font-weight: bold;}
.title{display:inline-block;width:335px;vertical-align:top;padding:4px 0;}
.title460{width:286px;}
.news_li li a{display:block;height:100%;width:100%;color:#333;padding:12px 16px;box-sizing:border-box;text-decoration: none;}
.news_li li a:hover{background:#5c6da6;color:#fff;}
.img_li img{margin:0 .5%;width:49%;height:auto;}
.img_li2 img:first-child{margin:0 .5%;width:62.25%;height:auto;}
.img_li2 img:last-child{margin:0 .5%;width:35%;height:auto;}
.img_li3 img:first-child{margin:0 .5%;width:35%;height:auto;}
.img_li3 img:last-child{margin:0 .5%;width:62.25%;height:auto;}
.img4256 img:first-child{width:42%;margin-bottom:.8%;}
.img4256 img:last-child{width:56%;margin-bottom:.8%;}
.news-table{border-collapse: collapse;border:1px solid #000;margin: 16px;}
.news-table td{padding:0 10px;}
.news-table tr{}

.home-vision{width:660px;margin:100px auto 50px;text-align:left;padding:100px 40px 20px;background:rgba(255,255,255,.8);box-sizing: border-box;position:relative;z-index:2;}
.home-vision h3{background:url("images/home-vision.svg") 0 0 no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:100%;height:80px;margin:0;
position:absolute;top:-25px;left:-5px;text-align:left;z-index:4;}

.work-bg{background:url("images/home-bgwork.jpg") left center no-repeat;background-size:cover;padding:100px 0 10px;}
.work{width:660px;margin:100px auto 50px;text-align:left;padding:100px 40px 20px;background:rgba(255,255,255,.8);box-sizing: border-box;position:relative;z-index:2;}
.work h3{background:url("images/home-work.svg") 0 0 no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:100%;height:80px;margin:0;
position:absolute;top:-25px;left:-5px;text-align:left;z-index:4;}

.h3bg-cont{position:relative;}
.h3bg-navy::before{content:"";width:100%;height:200px;background:#1a2c79;display:block;
position:absolute;top:-50px;left:calc((-100% - 960px)/2 + 200px);z-index:1;}
.h3bg-wht::before{content:"";width:100%;height:200px;background:#fff;display:block;
position:absolute;top:-50px;left:calc((-100% - 960px)/2 + 200px);z-index:1;}

.home_company{background:url("images/home_company.jpg") 0 0 no-repeat;background-size:cover;padding:1px 0;}
.home_company::after{content:"";background:rgba(255,255,255,.7);width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1;}
	
.cont{width:100%;max-width:700px;padding:16px 0;margin:40px auto;display:block;box-sizing: border-box;overflow: hidden;}
.page_bg{width: 1024px;margin-left: -512px;top: 0;left: 50%;overflow:hidden;position:relative;line-height:0;}
.page_bg img{width:100%;height:auto;position:relative;}
.page_bg h2{font-size:30px;padding:0;color:#fff;box-sizing: border-box;position:absolute;
top:50%;margin:auto;line-height:1;width:100%;text-align:center;transform: translate(0, -50%);}
.page_bg h2 span{font-size:20px;display: block;margin:10px auto 0;}
.bread{background:#b4b4b4;margin:0;}
.bread ul{font-size:0;width:96%;margin:auto;}
.bread ul li{display:inline-block;font-size:14px;color:#fff;font-weight: bold;}
.bread ul li::after{content:"〉";margin:0 0 0 7px;padding:4px;}
.bread ul li:last-child::after{content:"";}
.bread ul li a{color:#fff;}
.bread ul li a:hover{text-decoration: underline;}
.cont h3{font-size:25px;padding:80px 0 20px;text-align: center;color:#1a2c79;letter-spacing: .1em;line-height:1;}
.cont h4{font-size:20px;text-align: center;font-weight: normal;line-height:1;}

.sdgs{margin:0 auto 50px;display:block;width:400px;height:auto;}
.about-sdgs{width:600px;height:auto;margin:20px auto 50px;display:block;}
.sdgs-li{font-size:0;border:1px solid #b4b4b4;width:700px;margin:20px auto;}
.sdgs-li li{display: inline-block;box-sizing: border-box;padding:20px 0 20px 20px;vertical-align: top;text-align: left;width:460px;}
.sdgs-li li:last-child{width:240px;}
.sdgs-li li h4{font-size:20px;font-weight: bold;margin:0 0 20px;text-align: left;border-bottom:5px solid #5c6da6;padding:0 0 20px;}
.sdgs-li li h4 span{font-size:30px;font-style: italic;margin:0 0 10px 0;color:#5c6da6;display: block;letter-spacing: .1em;}
.sdgs-li li p{font-size:17px;}
.sdgs-li li img{width:200px;height:auto;}
.focus{text-align: center;}
.mini,.big{line-height:0;text-align: center;}
.mini li{display:inline-block;width:150px;margin:20px;}
.mini li img{width:100%;}
.big li{display:inline-block;height:300px;margin:0;width:auto;}
.big li img{height:100%;width:auto;}

.news h3{text-align:left;padding-top:20px;}
.news .up_ymd{padding:0;}
.news .btn{margin-top:40px;}
.news .sdgs-icon{float:right;width:100px;}

#vision{padding-top:90px;margin-top:-90px;display:block;}
.company_table{border-collapse: collapse;width:100%;margin:0 auto 40px;box-sizing:border-box;border:2px solid #eee;}
.company_table tr:nth-child(even){background:#eee;}
.company_table th{vertical-align:top;padding:15px;text-align:left;box-sizing:border-box;min-width:147px;}
.company_table td{display:block;vertical-align:top;padding:15px;text-align:left;box-sizing:border-box;}
.company_table td span.name_text{width:120px;display: inline-block;}
.plase-img {position: relative;width:100%;max-width:500px;height:auto;margin:10px auto 40px;cursor: pointer;}
.plase-img .active {position: absolute;left: 0;top: 0;opacity: 0;transition: .2s;}
.plase-img:hover .active {opacity: 1;}
.vision{text-align: center;margin:40px auto 130px;padding:1em 0 80px;border:1px solid #b4b4b4;border-top:none;}
.vision-last{margin-bottom:40px;}
.vision-img{width:532px;height:auto;margin:0 auto;line-height:0;display: block;}
/*.vision h3{margin:10px 0;color:#ff0000;}*/
.vision h3{display: flex;align-items: center;--text-divider-gap: 1rem;padding:0 0 80px;margin:-1.15em 0 0;color:#333;}
.vision h3::before,.vision h3::after {content: '';height: 1px;background-color: #b4b4b4;flex-grow: 1;}
.vision h3::before {margin-right: var(--text-divider-gap);}
.vision h3::after {margin-left: var(--text-divider-gap);}
.vision h4{margin-bottom:30px;font-size:28px;}
.vision img,.vision .passing{width:532px;height:auto;margin:0 auto;line-height:0;}
.vision p{text-align: left;width:80%;margin:0 auto;}
.history_table{}
.history_table tr{padding:4px 0;display:block;}
.history_table th{min-width:100px;vertical-align:top;}
.history_table a{}

.message p{margin:.5em 0;}
.message h3{margin-top:50px;text-align: left;}

.info-hover{font-size:0;text-align:center;margin:0 auto 20px;}
.info-hover li{width:300px;display:inline-block;margin:5px;position: relative;}
.info-hover li img{width:100%;}
.mask{background:rgba(26,44,121,.85);position:absolute;top:0;left:0;display: block;text-align: left;height:100%;width:100%;opacity:0;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.mask p{font-size:18px;top:50%;left:0;right:0;transform:translate(0%, -50%);position: absolute;width:100%;color:#fff;padding:20px;box-sizing: border-box;}
.info-hover li:hover .mask{opacity: 1;}
.canvas-cont{position: relative;width:100%; height:400px;padding:50px 0 0;margin:50px 0 0;}
.canvas-min{position: relative;width:100%; height:300px;padding:30px 0 0;}
.canvas-cont p{position:absolute;top:20px;left:0;}
.canvas-min p{position:absolute;top:0;left:0;}
.canvas-title{width:200px;margin:0 auto;position:absolute;top:0;right:0;display:block;}
.chart-li{font-size:0;margin:30px auto;}
.chart-li li{display:inline-block;width:50%;}
.chart-p{border:2px solid #333;border-bottom:none;display:block;width:24px;height:79px;font-size:14px;position:absolute;right:39%;top:45px;opacity: .5;}
.chart-p-assets{right:42%;}
.chart-p-assets span::after{height:291px!important;}
.chart-p::before{content:"新型コロナ";display:block;position:absolute;top:4px;left:1px;
-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.chart-p::after {content: '';width: 18px;height: 18px;border: 0;border-bottom: solid 2px #333;border-right: solid 2px #333;position: absolute;top:100%;left:2px;margin-top: -9px;transform: rotate(45deg);}
.chart-p span::after{content:"";height:175px;width:2px;background:#333;display:block;position:absolute;top:100%;left:50%;margin:17px 0 0 -1px;}
.chart2-p{border:2px solid #333;border-bottom:none;display:block;width:24px;height:79px;font-size:14px;position:absolute;right:34%;top:45px;opacity: .5;}
.chart2-p-assets{right:46.5%;top:55px;}
.chart2-p-assets span::after{height:291px!important;}
.chart2-p::before{content:"新型コロナ";display:block;position:absolute;top:4px;left:1px;
-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.chart2-p::after {content: '';width: 18px;height: 18px;border: 0;border-bottom: solid 2px #333;border-right: solid 2px #333;position: absolute;top:100%;left:2px;margin-top: -9px;transform: rotate(45deg);}
.chart2-p span::after{content:"";height:175px;width:2px;background:#333;display:block;position:absolute;top:100%;left:50%;margin:17px 0 0 -1px;}
.people-table{border-collapse: collapse;width:100%;margin:0 auto;box-sizing:border-box;font-size:15px;border:2px solid #eee;}
.chart-li{font-size:0;margin:30px auto;}
.chart-li li{display:inline-block;width:50%;}
.people-table{border-collapse: collapse;width:100%;margin:0 auto;box-sizing:border-box;font-size:15px;border:2px solid #eee;}
.people-table tr{border-bottom:2px solid #eee;}
.people-table th{padding:10px;}
.people-table th,.people-table td{text-align: center;}
.outline-table{border-collapse: collapse;width:100%;max-width:640px;margin:10px auto;box-sizing:border-box;font-size:15px;border-top:10px solid #5c6da6;border-bottom:10px solid #5c6da6;}
.outline-table th{padding:15px 10px 5px;min-width:100px;font-size:20px;}
.outline-table th,.outline-table td{text-align: center;background:#5c6da6;color:#fff;border-right:1px solid #fff;line-height: 1;}
.outline-table th:last-child,.outline-table td:last-child{border:none;}
.outline-table td{font-weight: bold;padding:5px 10px 15px;position:relative;}
.outline-table td span{font-size:35px;}
.outline-table td span.store{font-size:16px;display:block;margin:auto;position:absolute;right:0;left:0;bottom:0;}

.recruit-left{float:left;margin:0 20px 0 0;}
.recruit-table{border:2px solid #5c6da6;padding:10px 0;}
.recruit-table tr{padding:5px 20px;display:block;}
.recruit-table th{min-width:100px;vertical-align:top;color:#5c6da6;}
.recruit-dl dt,.recruit-dl dd{display:inline-block;}
.recruit-dl dt{width:150px;}

#contact{display:block;width:100%;max-width:700px;margin:0 auto;}
#contact p{margin:0 0 16px;}
#contact table{border:5px solid #b4b4b4;padding-top:10px;width:100%;}
#contact th{width:200px;display:block;float:left;clear:both;vertical-align:top;padding:12px 0 4px;font-weight:normal;text-align:right;box-sizing:border-box;}
#contact td{width:450px;display:block;vertical-align:top;padding:12px 0 4px 20px;margin-left:200px;text-align:left;box-sizing:border-box;}
#contact td.last{margin-left:0;width:100%;box-sizing:border-box;}
#contact label{margin:0 40px 0 0;cursor:pointer;}
input[type=text],input[type=tel],textarea{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;padding:8px;}
input[type=submit]{border:none;width:395px;height:85px;padding:0;margin:32px auto;display:block;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;font-size:18px;cursor:pointer;}
input#submitbtn{background:#1a2c79;color:#fff;border:1px solid #1a2c79;}
input#submitbtn:hover{background:#fff;color:#1a2c79;}
input[type=checkbox]{width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;}

.sitemap li a{padding:10px 20px;box-sizing: border-box;text-decoration: none;display:block;border-bottom:1px solid #1a2c79;}
.sitemap li a:hover{background:#1a2c79;color:#fff;}
.sitemap li a span{font-size:13px;margin:0 0 0 10px;}

.pp h3{text-align:left;padding:40px 0 0;}

.footer_wrap{width:100%;color:#fff;background:#1a2c79;display:block;margin:100px 0 0;position:relative;clear:both;}
.footer-l{display:table;width:auto;margin:0 auto 0 0;padding:20px;box-sizing: border-box;text-align: center;}
.footer-img{width:40px;height:129px;display: table-cell;vertical-align: bottom;padding:0 30px 0 0;}
.footer_nav,.footer_nav-min{display:table-cell;width:auto;border-left:1px solid #fff;padding:0 15px;vertical-align: top;}
.footer_nav li,.footer_nav-min li{padding:0;margin:5px 0;display:block;}
.footer_nav li a,.footer_nav-min li a{color:#5c6da6;text-align:left;text-decoration:none;display: block;padding:10px 5px;letter-spacing: .1em;line-height: 1;}
.footer_nav li a{font-size:17px;font-weight: bold;}
.footer_nav li a span,.footer_nav-min li a span{color:#fff;text-align:left;text-decoration:none;display: block;padding:5px 0 0;font-size:12px;}
.footer_nav li a:hover,.footer_nav-min li a:hover{background:#5c6da6;color:#fff;}
.footer-r{display:block;width:300px;height:140px;margin:0;padding:0;box-sizing: border-box;text-align: right;position:absolute;right:20px;bottom:20px;}
.pagetop{position:absolute;right:0;margin:0;bottom:230px;width:46px;height:46px;background:url("images/pagetop.svg") 0 0 no-repeat;}
.pagetop:hover{opacity: .5;}
a.footer-btn{position:absolute;bottom:70px;right:0;
	text-decoration: none!important;background:#5c6da6!important;color:#fff!important;
	text-align: center;font-weight: bold;font-size:20px;line-height: 1;padding:5px 10px;margin:10px auto;border-radius:5px;width:160px;}
a.footer-btn span{display: block;font-weight: normal;font-size:14px;padding:5px 0 0;}
a.footer-btn:hover{background:#fff;color:#5c6da6;}
/*.footer-r img{width:120px;height:auto;position:absolute;bottom:0;right:170px;}*/
.copy{background:url("images/copy.svg") center center no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:160px;height:62px;position:absolute;bottom:0;right:0;}

.sdgs-li li .banner-pa,.footer-r .banner-pa{width:348px;height:auto;padding:2px 2px 2px 0;margin:10px auto;}
.sdgs-li li .banner-pa img,.footer-r .banner-pa img{width:100%;margin:0;}
.footer-r .banner-pa{width:242px;position:absolute;bottom:150px;right:0;margin:0;}
.nobr{display:none;}
.pcnobr{display:none}
}

@media screen and (min-width:1024px) {
.icon-sns{display: inline;font-size:0;vertical-align:middle;}
.icon-sns li{display: inline-block;}
.icon-sns li a{margin:0 0 0 10px;display:block;}
.icon-sns li img{width:20px;height:20px;}
.sp,.sp-min{display:none!important;}
.overlay{display:none;}
a img{outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a.hover:hover img{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
div{outline:none;}

.home_header{height:100%;width:100%;position: relative;padding-top:89px;box-sizing: border-box;line-height:0;}
.type-cont{text-align: center;position:absolute;top:49%;left:0;right:0;transform:translate(0%, -50%);color:#fff;padding:20px;}
.type-cont img{max-width:600px;width:90%;height:auto;}

#mov {width: 100%;font-size: 1rem;display: flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
#mov.block {display: block;box-sizing: border-box;}
.mov_cont {background-color: #fff;width: 100%;position: relative;padding-top: 42.5%;overflow: hidden;min-width: 760px;min-height: 323px;box-sizing: border-box;}
.mov_inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}

.header{width:100%;height:88px;display:block;margin:0 auto;padding:0;position:fixed;z-index:2;background:#fff;top:0;}
.home_header_cont{width:100%;height:88px;overflow:hidden;margin:0 auto;text-align:center;display:block;position:fixed;top:0;right:0;left:0;background:#fff;z-index:999;border-bottom:1px solid #b4b4b4;}
.header .header_cont{width:100%;height:88px;overflow:hidden;margin:0 auto;text-align:center;display:block;position: relative;border-bottom:1px solid #b4b4b4;}
.line{position:relative;width: 100%;height:5px;margin:0;background:#5c6da6;display: block;}
.line::before{content: "";display: block;width:calc(100% / 3);height:5px;position: absolute;left: 0;top:0;background:#b4b4b4;}
.line::after{content: "";display: block;width:calc(100% / 3);height:5px;position: absolute;right: 0;top:0;background:#1a2c79;}
h1.logo{display:block;margin:13px 20px;float:left;font-weight:normal;width:180px;z-index:2;position:relative;}
h1.logo a{display:block;color:#fff;line-height: 1;}
h1.logo a:hover{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
h1.logo a img{vertical-align: text-bottom;padding:0;}
h1.logo span{position:absolute;top:0;right:0;z-index:3;width:112px;height:15px;}
h1.logo span a{display:block;line-height:0;}
h1.logo span a img{vertical-align: top;}
	
.menu{/*height: 30px;position: absolute;right: 20px;top: 30px;width: 40px;z-index: 99;*/display:none;}
/*.menu__line{background: #fff;display: block;height: 4px;position: absolute;transition:transform .3s;width: 100%;}
.menu__line--center{top: 13px;}
.menu__line--bottom{bottom: 0px;}
.menu__line--top.active{top: 10px;transform: rotate(45deg);}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 16px;transform: rotate(135deg);}*/
.gnav{height:auto;position: absolute;width: auto;z-index: 8;right:0;bottom:0;}
.gnav__wrap{display: block;text-align: right;}
.gnav__menu{font-size:0;}
.gnav__menu li:first-child{display: none;}
.gnav__menu li{margin:0;padding:0 4px 4px;display: inline-block;border-left: 1px solid #b4b4b4;text-align: center;}
.gnav__menu li a{color: #333;font-size: 14px;font-weight: bold;padding: 10px 20px;text-decoration: none;transition: .5s;display:block; border-bottom:2px solid #fff;line-height:1.4;letter-spacing: .07em;}
.gnav__menu li a span{color: #1a2c79;font-size: 7px;font-weight: bold;padding: 0;display:block;transition: .5s;letter-spacing: .1em;}
.gnav__menu li a:hover,.gnav__menu li a.now{border-bottom:2px solid #1a2c79;}

.content{margin:-88px auto 0;padding:176px 0 0;}
section{position:relative;}

.home_cont{width:90%;max-width:1000px;margin:auto;overflow: hidden;margin:100px auto;font-weight:900;position:relative;z-index:2;}
.home_cont h2{font-size:40px;line-height:1.3;margin:0 0 40px;}
.home_cont h3{font-size:30px;line-height:1;margin:20px 0;font-weight:900;}
.left_cont{width:46%;box-sizing: border-box;float:left;}
.right_cont{width:46%;box-sizing: border-box;float:right;}
.cont .left_cont,.cont .right_cont{width:50%;}
.left_img{width:40%;float:left;}
.right_img{width:40%;float:right;}
.left_img img,.right_img img{width:100%;height:auto;}
.logo-li{font-size:0;}
.logo-li::after{content:"";display:block;width:100%;clear:both;}
.logo-li li{margin:0px 2% 2% 0;padding:0 20px;box-sizing: border-box; background:#222;height:128px;width:49%;text-align:center;align-items:center;display:flex;float:left;}
.logo-li li:nth-of-type(even){margin:0 0 5px;}
.logo-li li img{width:100%;height:auto;max-height:80%;}
a.btn {color: #fff;background:#1a2c79;border: 1px solid #1a2c79;font-size: 14px;
font-weight: bold;padding: 10px 0;text-align: center;position: relative;
z-index: 1;transition: .3s;display: block;width:300px;margin:10px auto 20px;text-decoration: none;}
a.btn::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;
background: #fff;transform-origin: 100% 50%;transform: scaleX(0);transition: transform ease .3s;}
a.btn:hover {color: #1a2c79;}
a.btn:hover::before {transform-origin: 0% 50%;transform: scaleX(1);}

.bg-wht{background:#fff;padding:40px 0;}
.slick-initialized .slick-slide{position: relative;line-height:0;width:800px;}
.slider-arrow{position: absolute;cursor: pointer;z-index: 3;top: calc(50%);transform: translateY(-50%);opacity:.5;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.slider-arrow:hover{opacity:1;}
.slider-arrow.slider-prev{left: calc((100% - 800px)/2 + 10px);transform: translate(-100%,-50%);}
.slider-arrow.slider-next{right: calc((100% - 800px)/2 + 10px);transform: translate(100%,-50%);}
.slider-arrow img{width: 24px;height: 23px;}
.bl_sliderBlock h2{margin:0;}
section{overflow: hidden;}
#slider{width: 100%;height: 100%;margin: 30px auto;display: block;}
#slider::before {content: "";background: rgba(255,255,255,.5);display: block;
height: 100%;width: 100%;position: absolute;left: calc((-100% - 800px)/2);top: 0;z-index: 2!important;}
#slider::after {content: "";background: rgba(255,255,255,.5);display: block;
height: 100%;width: 100%;position: absolute;right:calc((-100% - 800px)/2);top: 0;z-index: 2!important;}
#slider {display: none;}
#slider.slick-initialized {display: block;}
#thumbnail_slider{width: 700px;margin: 0 auto 10px;display: block;}
.thumbnail-item{cursor: pointer;opacity:.5;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;width:90%;}
.thumbnail-item:hover{opacity:1;}
.slide-item img{width: 736px;margin:0 32px;}
.slide-item{transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.slide-item:hover{opacity: .8;}
.thumbnail-item img{width: 96%;margin: 0 auto;}
.slick-dots {bottom:-25px;}
.slick-dots li button:before{font-size:30px;}

.home-more{background:url("images/home-more.svg") center center no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:440px;height:40px;margin:20px auto;text-align: center;
transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.home-more a{display: block;}
.home-more:hover{opacity: .6;}
.news-bg {position: relative;}
.news-bg::after {content: "";width: 100vw;height: 100vh;background-image: url("images/home-bg.jpg");
background-size: cover;position: fixed;top: 0;left: 0;z-index: -1;}
.home_news{width:960px;margin:50px auto;text-align:left;padding:10px 20px;background:rgba(255,255,255,.8);box-sizing: border-box;}
.home_news h3{font-size:30px;padding:5px 0;text-align: center;color:#1a2c79;letter-spacing: .1em;line-height:1;}.news_li{height:auto;overflow: auto;}
.news_li li{font-size:15px;margin:0;padding:0;position:relative;border-bottom:1px solid #b4b4b4;list-style-type:none;}
.news_li li:last-child{border:none;}
.cat{background:#464646;color:#fff;width:190px;display:inline-block;text-align:center;vertical-align:top;line-height: 34px;min-height:34px;}
.up_ymd{padding:4px 16px;display:inline-block;vertical-align:top;font-weight: bold;}
.title{display:inline-block;width:555px;vertical-align:top;padding:4px 0 0;}
.home_news .title{display:inline-block;width:575px;vertical-align:top;padding:4px 0 0;}
.title460{width:460px;}
.news_li li > a{display:block;height:100%;width:100%;color:#333;padding:12px 16px;box-sizing:border-box;text-decoration: none;}
.news_li li .kira > a{display:block;height:100%;width:100%;color:#333;padding:12px 16px;box-sizing:border-box;text-decoration: none;}
.news_li li a:hover{background:#5c6da6;color:#fff;}
.news-line-wrap{position: absolute;right: 0;top:0;z-index: 1;height: 100%;display: block;width: 340px}
.news-line{position:absolute;z-index:1;right:0;bottom:0;display: flex;align-items: center;height:100%;
justify-content: center;text-decoration: none;color:#1a2c79;font-size:15px;line-height:25px;}
.news-line a{height: 100%;display: flex;align-items: center;text-decoration: none;padding:0 13px;}
.news-line span{color:#06c755;}
.news-line img{display: inline-block;width:25px;height:25px;text-decoration: none;vertical-align: bottom;}
.news-line p{display: inline-block;text-decoration: none;}
.img_li img{margin:0 .5%;width:49%;height:auto;}
.img_li2 img:first-child{margin:0 .5%;width:62.25%;height:auto;}
.img_li2 img:last-child{margin:0 .5%;width:35%;height:auto;}
.img_li3 img:first-child{margin:0 .5%;width:35%;height:auto;}
.img_li3 img:last-child{margin:0 .5%;width:62.25%;height:auto;}
.img4256 img:first-child{width:42%;margin-bottom:.8%;}
.img4256 img:last-child{width:56%;margin-bottom:.8%;}
.news-table{border-collapse: collapse;border:1px solid #000;margin: 16px;}
.news-table td{padding:0 10px;}
.news-table tr{}

.home-vision{width:960px;margin:100px auto 50px;text-align:left;padding:100px 60px 40px;background:rgba(255,255,255,.8);box-sizing: border-box;position:relative;z-index:2;}
.home-vision h3{background:url("images/home-vision.svg") 0 0 no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:100%;height:80px;margin:0;
position:absolute;top:-25px;left:-5px;text-align:left;z-index:4;}

.work-bg{background:url("images/home-bgwork.jpg") center center no-repeat;background-size:cover;padding:100px 0 10px;}
.work{width:960px;margin:100px auto 50px;text-align:left;padding:100px 60px 20px;background:rgba(255,255,255,.8);box-sizing: border-box;position:relative;z-index:2;}
.work h3{background:url("images/home-work.svg") 0 0 no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:100%;height:80px;margin:0;
position:absolute;top:-25px;left:-5px;text-align:left;z-index:4;}

.h3bg-cont{position:relative;}
.h3bg-navy::before{content:"";width:100%;height:200px;background:#1a2c79;display:block;
position:absolute;top:-50px;left:calc((-100% - 960px)/2 + 200px);z-index:1;}
.h3bg-wht::before{content:"";width:100%;height:200px;background:#fff;display:block;
position:absolute;top:-50px;left:calc((-100% - 960px)/2 + 200px);z-index:1;}

.home_company{background:url("images/home_company.jpg") 0 0 no-repeat;background-size:cover;padding:1px 0;}
.home_company::after{content:"";background:rgba(255,255,255,.7);width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1;}

.cont{width:100%;max-width:900px;padding:16px 0;margin:60px auto;display:block;box-sizing: border-box;overflow: hidden;}
.page_bg{width: 100%;overflow:hidden;position:relative;line-height:0;}
.page_bg img{width:100%;height:auto;position:relative;}
.page_bg h2{font-size:30px;padding:0;color:#fff;box-sizing: border-box;position:absolute;
top:50%;margin:auto;line-height:1;width:100%;text-align:center;transform: translate(0, -50%);}
.page_bg h2 span{font-size:20px;display: block;margin:10px auto 0;}
.bread{background:#b4b4b4;margin:0;}
.bread ul{font-size:0;width:960px;margin:auto;}
.bread ul li{display:inline-block;font-size:14px;color:#fff;font-weight: bold;}
.bread ul li::after{content:"〉";margin:0 0 0 7px;padding:4px;}
.bread ul li:last-child::after{content:"";}
.bread ul li a{color:#fff;}
.bread ul li a:hover{text-decoration: underline;}
.cont h3{font-size:25px;padding:80px 0 20px;text-align: center;color:#1a2c79;letter-spacing: .1em;line-height:1;}
.cont h4{font-size:20px;text-align: center;font-weight: normal;line-height:1;}

.sdgs{margin:0 auto 50px;display:block;width:400px;height:auto;}
.about-sdgs{width:600px;height:auto;margin:20px auto 50px;display:block;}
.sdgs-li{font-size:0;border:1px solid #b4b4b4;width:700px;margin:20px auto;}
.sdgs-li li{display: inline-block;box-sizing: border-box;padding:20px 0 20px 20px;vertical-align: top;text-align: left;width:460px;}
.sdgs-li li:last-child{width:240px;}
.sdgs-li li h4{font-size:20px;font-weight: bold;margin:0 0 20px;text-align: left;border-bottom:5px solid #5c6da6;padding:0 0 20px;}
.sdgs-li li h4 span{font-size:30px;font-style: italic;margin:0 0 10px 0;color:#5c6da6;display: block;letter-spacing: .1em;}
.sdgs-li li p{font-size:17px;}
.sdgs-li li img{width:200px;height:auto;}
.focus{text-align: center;}
.mini,.big{line-height:0;text-align: center;}
.mini li{display:inline-block;width:150px;margin:20px;}
.mini li img{width:100%;}
.big li{display:inline-block;height:403px;margin:0;width:auto;}
.big li img{height:100%;width:auto;}

.news h3{text-align:left;padding-top:20px;}
.news .up_ymd{padding:0 0 20px;}
.news .btn{margin-top:40px;}
.news .sdgs-icon{float:right;width:100px;}

#vision{padding-top:90px;margin-top:-90px;display:block;}
.company_table{border-collapse: collapse;width:100%;margin:0 auto 40px;box-sizing:border-box;border:2px solid #eee;}
.company_table tr:nth-child(even){background:#eee;}
.company_table th{vertical-align:top;padding:15px;text-align:left;box-sizing:border-box;min-width:147px;}
.company_table td{display:block;vertical-align:top;padding:15px;text-align:left;box-sizing:border-box;}
.company_table td span.name_text{width:120px;display: inline-block;}
.plase-img {position: relative;width:100%;max-width:500px;height:auto;margin:10px auto 40px;cursor: pointer;}
.plase-img .active {position: absolute;left: 0;top: 0;opacity: 0;transition: .2s;}
.plase-img:hover .active {opacity: 1;}
.vision{text-align: center;margin:40px auto 130px;padding:1em 0 80px;border:1px solid #b4b4b4;border-top:none;}
.vision-last{margin-bottom:40px;}
.vision-img{width:532px;height:auto;margin:0 auto;line-height:0;display: block;}
/*.vision h3{margin:10px 0;color:#ff0000;}*/
.vision h3{display: flex;align-items: center;--text-divider-gap: 1rem;padding:0 0 80px;margin:-1.15em 0 0;color:#333;}
.vision h3::before,.vision h3::after {content: '';height: 1px;background-color: #b4b4b4;flex-grow: 1;}
.vision h3::before {margin-right: var(--text-divider-gap);}
.vision h3::after {margin-left: var(--text-divider-gap);}
.vision h4{margin-bottom:30px;font-size:28px;}
.vision img,.vision .passing{width:532px;height:auto;margin:0 auto;line-height:0;}
.vision p{text-align: left;width:80%;margin:0 auto;}
.history_table{}
.history_table tr{padding:4px 0;display:block;}
.history_table th{min-width:100px;vertical-align:top;}
.history_table a{}

.message p{margin:.5em 0;}
.message h3{margin-top:50px;text-align: left;}

.info-hover{font-size:0;text-align:center;margin:0 auto 20px;}
.info-hover li{width:300px;display:inline-block;margin:5px;position: relative;}
.info-hover li img{width:100%;}
.mask{background:rgba(26,44,121,.85);position:absolute;top:0;left:0;display: block;text-align: left;height:100%;width:100%;opacity:0;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
.mask p{font-size:18px;top:50%;left:0;right:0;transform:translate(0%, -50%);position: absolute;width:100%;color:#fff;padding:20px;box-sizing: border-box;}
.info-hover li:hover .mask{opacity: 1;}
.canvas-cont{position: relative;width:100%; height:400px;padding:50px 0 0;margin:50px 0 0;}
.canvas-min{position: relative;width:100%; height:300px;padding:30px 0 0;}
.canvas-cont p{position:absolute;top:20px;left:0;}
.canvas-min p{position:absolute;top:0;left:0;}
.canvas-title{width:200px;margin:0 auto;position:absolute;top:0;right:0;display:block;}
.chart-li{font-size:0;margin:30px auto;}
.chart-li li{display:inline-block;width:50%;}
.chart-p{border:2px solid #333;border-bottom:none;display:block;width:24px;height:79px;font-size:14px;position:absolute;right:40%;top:45px;opacity: .5;}
.chart-p-assets{right:42%;top:55px;}
.chart-p-assets span::after{height:291px!important;}
.chart-p::before{content:"新型コロナ";display:block;position:absolute;top:4px;left:1px;
-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.chart-p::after {content: '';width: 18px;height: 18px;border: 0;border-bottom: solid 2px #333;border-right: solid 2px #333;position: absolute;top:100%;left:2px;margin-top: -9px;transform: rotate(45deg);}
.chart-p span::after{content:"";height:175px;width:2px;background:#333;display:block;position:absolute;top:100%;left:50%;margin:17px 0 0 -1px;}
.chart2-p{border:2px solid #333;border-bottom:none;display:block;width:24px;height:79px;font-size:14px;position:absolute;right:34%;top:45px;opacity: .5;}
.chart2-p-assets{right:47%;top:64px;}
.chart2-p-assets span::after{height:274px!important;}
.chart2-p::before{content:"新型コロナ";display:block;position:absolute;top:4px;left:1px;
-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.chart2-p::after {content: '';width: 18px;height: 18px;border: 0;border-bottom: solid 2px #333;border-right: solid 2px #333;position: absolute;top:100%;left:2px;margin-top: -9px;transform: rotate(45deg);}
.chart2-p span::after{content:"";height:175px;width:2px;background:#333;display:block;position:absolute;top:100%;left:50%;margin:17px 0 0 -1px;}
.people-table{border-collapse: collapse;width:100%;margin:0 auto;box-sizing:border-box;font-size:15px;border:2px solid #eee;}
.people-table tr{border-bottom:2px solid #eee;}
.people-table th{padding:10px;}
.people-table th,.people-table td{text-align: center;}
.outline-table{border-collapse: collapse;width:100%;max-width:640px;margin:10px auto;box-sizing:border-box;font-size:15px;border-top:10px solid #5c6da6;border-bottom:10px solid #5c6da6;}
.outline-table th{padding:15px 10px 5px;min-width:100px;font-size:20px;}
.outline-table th,.outline-table td{text-align: center;background:#5c6da6;color:#fff;border-right:1px solid #fff;line-height: 1;}
.outline-table th:last-child,.outline-table td:last-child{border:none;}
.outline-table td{font-weight: bold;padding:5px 10px 15px;position:relative;}
.outline-table td span{font-size:35px;}
.outline-table td span.store{font-size:16px;display:block;margin:auto;position:absolute;right:0;left:0;bottom:0;}

.recruit-left{float:left;margin:0 20px 0 0;}
.recruit-table{border:2px solid #5c6da6;padding:10px 0;}
.recruit-table tr{padding:5px 20px;display:block;}
.recruit-table th{min-width:100px;vertical-align:top;color:#5c6da6;}
.recruit-dl dt,.recruit-dl dd{display:inline-block;}
.recruit-dl dt{width:150px;}

#contact{display:block;width:800px;margin:0 auto;}
#contact p{margin:0 0 16px;}
#contact table{border:5px solid #b4b4b4;padding-top:10px;}
#contact th{width:250px;display:block;float:left;clear:both;vertical-align:top;padding:12px 0 4px;font-weight:normal;text-align:right;box-sizing:border-box;}
#contact td{width:550px;display:block;vertical-align:top;padding:12px 20px 4px;margin-left:250px;text-align:left;box-sizing:border-box;}
#contact td.last{margin-left:0;width:100%;box-sizing:border-box;}
#contact label{margin:0 40px 0 0;cursor:pointer;}
input[type=text],input[type=tel],textarea{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;padding:8px;}
input[type=submit]{border:none;width:395px;height:85px;padding:0;margin:32px auto;display:block;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;font-size:18px;cursor:pointer;}
input#submitbtn{background:#1a2c79;color:#fff;border:1px solid #1a2c79;}
input#submitbtn:hover{background:#fff;color:#1a2c79;}
input[type=checkbox]{width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;}

.sitemap li a{padding:10px 20px;box-sizing: border-box;text-decoration: none;display:block;border-bottom:1px solid #1a2c79;}
.sitemap li a:hover{background:#1a2c79;color:#fff;}
.sitemap li a span{font-size:13px;margin:0 0 0 10px;}

.pp h3{text-align:left;padding:40px 0 0;}

.footer_wrap{width:100%;color:#fff;background:#1a2c79;display:block;margin:100px 0 0;position:relative;clear:both;}
.footer-l{display:table;width:auto;margin:0 auto 0 0;padding:20px;box-sizing: border-box;text-align: center;}
.footer-img{width:70px;height:225px;display: table-cell;vertical-align: bottom;padding:0 50px 0 0;}
.footer_nav,.footer_nav-min{display:table-cell;width:auto;border-left:1px solid #fff;padding:0 20px;vertical-align: top;}
.footer_nav li,.footer_nav-min li{padding:0;margin:5px 0;display:block;}
.footer_nav li a,.footer_nav-min li a{color:#5c6da6;text-align:left;text-decoration:none;display: block;padding:10px 5px;letter-spacing: .1em;line-height: 1;}
.footer_nav li a{font-size:20px;font-weight: bold;}
.footer_nav li a span,.footer_nav-min li a span{color:#fff;text-align:left;text-decoration:none;display: block;padding:5px 0 0;font-size:14px;}
.footer_nav li a:hover,.footer_nav-min li a:hover{background:#5c6da6;color:#fff;}
.footer-r{display:block;width:390px;height:180px;margin:0;padding:0;box-sizing: border-box;text-align: right;position:absolute;right:20px;bottom:20px;}
.pagetop{position:absolute;right:0;margin:0;bottom:270px;width:46px;height:46px;background:url("images/pagetop.svg") 0 0 no-repeat;}
.pagetop:hover{opacity: .5;}
a.footer-btn{position:absolute;bottom:100px;right:0;
	text-decoration: none;background:#5c6da6;color:#fff;
	text-align: center;font-weight: bold;font-size:20px;line-height: 1;padding:5px 10px;border-radius:5px;}
a.footer-btn span{display: block;font-weight: normal;font-size:14px;padding:5px 0 0;}
a.footer-btn:hover{background:#fff;color:#5c6da6;}
/*.footer-r img{width:160px;height:auto;position:absolute;bottom:0;right:220px;}*/
.copy{background:url("images/copy.svg") center center no-repeat;background-size:contain;
text-indent: 100%;white-space: nowrap;overflow: hidden;width:210px;height:80px;position:absolute;bottom:0;right:0;}
.sdgs-li li .banner-pa,.footer-r .banner-pa{width:348px;height:auto;padding:2px 2px 2px 0;margin:10px auto;}
.sdgs-li li .banner-pa img,.footer-r .banner-pa img{width:100%;margin:0;}
.footer-r .banner-pa{position:absolute;bottom:170px;right:0;margin:0;}
.pcnobr{display:none}

}


/*追加　youtubeロゴ */
.yttext
{
	font-size: 1.5rem;
	vertical-align: middle;
	display: inline-block;
}
.ytimg
{
	vertical-align: middle;
	width:5%;
}
.parent {
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:100%;
	margin: 0px auto;
  }
  
  .child {
	text-align: center;
  }
  
  .child > iframe {
	width: 432px;
	height: 243px;
	text-align: center;
  }
  .video_title {
	padding-top: 15px;
	text-align: left;
  }
  .mt40{
	margin-top:40px;
  }

