@charset "UTF-8";

@-ms-viewport
{
    width: device-width;
    initial-scale: 1;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:100%;vertical-align:baseline}html{overflow-y:scroll}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a,input{outline:0}input,textarea{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;vertical-align:bottom}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}textarea{font-size:100%}caption,th{text-align:left}*:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,a:visited,a:active,a:hover,a:link{text-decoration: none;}*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.cf:before,.cf:after {content: " ";display: table;}.cf:after {clear: both;}.cf {*zoom: 1;}.fade{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ta-c{text-align:center!important}.ta-r{text-align:right!important}.ta-l{text-align:left!important}.po-r{position:relative!important}.po-a{position:absolute!important}.po-f{position:fixed!important}.po-s{position:static!important}.dp-i{display:inline!important}.dp-ib{display:inline-block!important}.dp-b{display:block!important}.dp-n{display:none!important}.of-h{overflow:hidden!important}.of-s{overflow:scroll!important}.of-a{overflow:auto!important}.of-v{overflow:visible!important}.vl-t{vertical-align:top!important}.vl-m{vertical-align:middle!important}.vl-b{vertical-align:bottom!important}.fl-r{float:right!important}.fl-l{float:left!important}.fl-c{clear:both!important}.m0{margin:0!important}.m0-t{margin-top:0!important}.m0-r{margin-right:0!important}.m0-b{margin-bottom:0!important}.m0-l{margin-left:0!important}.m5{margin:5px!important}.m5-t{margin-top:5px!important}.m5-r{margin-right:5px!important}.m5-b{margin-bottom:5px!important}.m5-l{margin-left:5px!important}.m6{margin:6px!important}.m6-t{margin-top:6px!important}.m6-r{margin-right:6px!important}.m6-b{margin-bottom:6px!important}.m6-l{margin-left:6px!important}.m7{margin:7px!important}.m7-t{margin-top:7px!important}.m7-r{margin-right:7px!important}.m7-b{margin-bottom:7px!important}.m7-l{margin-left:7px!important}.m8{margin:8px!important}.m8-t{margin-top:8px!important}.m8-r{margin-right:8px!important}.m8-b{margin-bottom:8px!important}.m8-l{margin-left:8px!important}.m9{margin:9px!important}.m9-t{margin-top:9px!important}.m9-r{margin-right:9px!important}.m9-b{margin-bottom:9px!important}.m9-l{margin-left:9px!important}.m10{margin:10px!important}.m10-t{margin-top:10px!important}.m10-r{margin-right:10px!important}.m10-b{margin-bottom:10px!important}.m10-l{margin-left:10px!important}.m15{margin:15px!important}.m15-t{margin-top:15px!important}.m15-r{margin-right:15px!important}.m15-b{margin-bottom:15px!important}.m15-l{margin-left:15px!important}.m20{margin:20px!important}.m20-t{margin-top:20px!important}.m20-r{margin-right:20px!important}.m20-b{margin-bottom:20px!important}.m20-l{margin-left:20px!important}.m25{margin:25px!important}.m25-t{margin-top:25px!important}.m25-r{margin-right:25px!important}.m25-b{margin-bottom:25px!important}.m25-l{margin-left:25px!important}.m30{margin:30px!important}.m30-t{margin-top:30px!important}.m30-r{margin-right:30px!important}.m30-b{margin-bottom:30px!important}.m30-l{margin-left:30px!important}.m35{margin:35px!important}.m35-t{margin-top:35px!important}.m35-r{margin-right:35px!important}.m35-b{margin-bottom:35px!important}.m35-l{margin-left:35px!important}.m40{margin:40px!important}.m40-t{margin-top:40px!important}.m40-r{margin-right:40px!important}.m40-b{margin-bottom:40px!important}.m40-l{margin-left:40px!important}.m50{margin:50px!important}.m50-t{margin-top:50px!important}.m50-r{margin-right:50px!important}.m50-b{margin-bottom:50px!important}.m50-l{margin-left:50px!important}.m60{margin:60px!important}.m60-t{margin-top:60px!important}.m60-r{margin-right:60px!important}.m60-b{margin-bottom:60px!important}.m60-l{margin-left:60px!important}.m70-l{margin-left:70px!important}.p0{padding:0!important}.m80-b{margin-bottom:80px!important}.m120-b{margin-bottom:120px!important}.p0-t{padding-top:0!important}.p0-r{padding-right:0!important}.p0-b{padding-bottom:0!important}.p0-l{padding-left:0!important}.p5{padding:5px!important}.p5-t{padding-top:5px!important}.p5-r{padding-right:5px!important}.p5-b{padding-bottom:5px!important}.p5-l{padding-left:5px!important}.p6{padding:6px!important}.p6-t{padding-top:6px!important}.p6-r{padding-right:6px!important}.p6-b{padding-bottom:6px!important}.p6-l{padding-left:6px!important}.p7{padding:7px!important}.p7-t{padding-top:7px!important}.p7-r{padding-right:7px!important}.p7-b{padding-bottom:7px!important}.p7-l{padding-left:7px!important}.p8{padding:8px!important}.p8-t{padding-top:8px!important}.p8-r{padding-right:8px!important}.p8-b{padding-bottom:8px!important}.p8-l{padding-left:8px!important}.p9{padding:9px!important}.p9-t{padding-top:9px!important}.p9-r{padding-right:9px!important}.p9-b{padding-bottom:9px!important}.p9-l{padding-left:9px!important}.p10{padding:10px!important}.p10-t{padding-top:10px!important}.p10-r{padding-right:10px!important}.p10-b{padding-bottom:10px!important}.p10-l{padding-left:10px!important}.p15{padding:15px!important}.p15-t{padding-top:15px!important}.p15-r{padding-right:15px!important}.p15-b{padding-bottom:15px!important}.p15-l{padding-left:15px!important}.p20{padding:20px!important}.p20-t{padding-top:20px!important}.p20-r{padding-right:20px!important}.p20-b{padding-bottom:20px!important}.p20-l{padding-left:20px!important}.p25{padding:25px!important}.p25-t{padding-top:25px!important}.p25-r{padding-right:25px!important}.p25-b{padding-bottom:25px!important}.p25-l{padding-left:25px!important}.p30{padding:30px!important}.p30-t{padding-top:30px!important}.p30-r{padding-right:30px!important}.p30-b{padding-bottom:30px!important}.p30-l{padding-left:30px!important}.p35{padding:35px!important}.p35-t{padding-top:35px!important}.p35-r{padding-right:35px!important}.p35-b{padding-bottom:35px!important}.p35-l{padding-left:35px!important}.p40{padding:40px!important}.p40-t{padding-top:40px!important}.p40-r{padding-right:40px!important}.p40-b{padding-bottom:40px!important}.p40-l{padding-left:40px!important}.p50{padding:50px!important}.p50-t{padding-top:50px!important}.p50-r{padding-right:50px!important}.p50-b{padding-bottom:50px!important}.p50-l{padding-left:50px!important}.p60{padding:60px!important}.p60-t{padding-top:60px!important}.p60-r{padding-right:60px!important}.p60-b{padding-bottom:60px!important}.p60-l{padding-left:60px!important}.b{font-weight:normal!important}.normal{font-weight:normal!important}.big{font-size:123.1%!important}.big2{font-size:138.5%!important}.big3{font-size:167%!important}.small{font-size:85%!important}.f10px{font-size:77%!important}.f11px{font-size:85%!important}.f12px{font-size:93%!important}.f13px{font-size:100%!important}.f14px{font-size:108%!important}.f15px{font-size:116%!important}.f16px{font-size:123.1%!important}.f17px{font-size:131%!important}.f18px{font-size:138.5%!important}.f19px{font-size:146.5%!important}.f20px{font-size:153.9%!important}.f21px{font-size:161.6%!important}.f22px{font-size:167%!important}.f23px{font-size:174%!important}.f24px{font-size:182%!important}.f25px{font-size:189%!important}.f26px{font-size:197%!important}.t-red{color:#f00!important}.t-blue{color:#00d!important}.t-green{color:#0c9!important}.t-yellow{color:#ff0!important}.t-brown{color:#8b0000!important}.t-navy{color:#1f26a9!important}.t-orange{color:#f60!important}.t-pink{color:#c69!important}.t-purple{color:#609!important}.t-olive{color:#808000!important}.t-lime{color:#0f0!important}.t-aqua{color:#167fa6!important}.t-black{color:#000!important}.t-gray{color:#999!important}.t-white{color:#fff!important}.bg-red{background-color:#fff7f7!important}.bg-blue{background-color:#f3f9fc!important}.bg-green{background-color:#f7fcf2!important}.bg-yellow{background-color:#fffff2!important}.bg-brown{background-color:#fcfafa!important}.bg-navy{background-color:#1f26a9!important}.bg-orange{background-color:#f60!important}.bg-pink{background-color:#c69!important}.bg-purple{background-color:#609!important}.bg-olive{background-color:#808000!important}.bg-lime{background-color:#0f0!important}.bg-aqua{background-color:#167fa6!important}.bg-black{background-color:#000!important}.bg-gray{background-color:#efefef!important}.bg-white{background-color:#fff!important}.b-red{border-color:#f00!important}.b-blue{border-color:#00d!important}.b-green{border-color:#008000!important}.b-yellow{border-color:#ff0!important}.b-navy{border-color:#1f26a9!important}.b-orange{border-color:#f60!important}.b-pink{border-color:#c69!important}.b-purple{border-color:#609!important}.b-olive{border-color:#808000!important}.b-lime{border-color:#0f0!important}.b-aqua{border-color:#167fa6!important}.b-black{border-color:#000!important}.b-gray{border-color:#ccc!important}.b-white{border-color:#fff!important}.lh10{line-height:1.0!important}.lh11{line-height:1.1!important}.lh12{line-height:1.2!important}.lh13{line-height:1.3!important}.lh14{line-height:1.4!important}.lh15{line-height:1.5!important}.lh20{line-height:2.0!important}.ls01{letter-spacing:.01em!important}.ls02{letter-spacing:.02em!important}.ls03{letter-spacing:.03em!important}.ls04{letter-spacing:.04em!important}.ls05{letter-spacing:.05em!important}.ls06{letter-spacing:.06em!important}.ls07{letter-spacing:.07em!important}.ls08{letter-spacing:.08em!important}.ls09{letter-spacing:.09em!important}.ls10{letter-spacing:.1em!important}.w100{width:100px!important}.w200{width:200px!important}.w300{width:300px!important}.w400{width:400px!important}.w500{width:500px!important}.w600{width:600px!important}.w150{width:150px!important}.w250{width:250px!important}.w350{width:350px!important}.w450{width:450px!important}.w550{width:550px!important}.w650{width:650px!important}.w10p{width:10%!important}.w20p{width:20%!important}.w30p{width:30%!important}.w40p{width:40%!important}.w50p{width:50%!important}.w60p{width:60%!important}.w70p{width:70%!important}.w75p{width:75%!important}.w80p{width:80%!important}.w90p{width:90%!important}.w100p{width:100%!important}.w5p{width:5%!important}.w15p{width:15%!important}.w25p{width:25%!important}.w35p{width:35%!important}.w45p{width:45%!important}.w55p{width:55%!important}.w65p{width:65%!important}.w75p{width:75%!important}.w85p{width:85%!important}.w95p{width:95%!important}.br1{-moz-border-radius:1px!important;-webkit-border-radius:1px!important;border-radius:1px!important}.br2{-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important}.br3{-moz-border-radius:3px!important;-webkit-border-radius:3px!important;border-radius:3px!important}.br4{-moz-border-radius:4px!important;-webkit-border-radius:4px!important;border-radius:4px!important}.br5{-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important}.br6{-moz-border-radius:6px!important;-webkit-border-radius:6px!important;border-radius:6px!important}.br7{-moz-border-radius:7px!important;-webkit-border-radius:7px!important;border-radius:7px!important}.br8{-moz-border-radius:8px!important;-webkit-border-radius:8px!important;border-radius:8px!important}.br9{-moz-border-radius:9px!important;-webkit-border-radius:9px!important;border-radius:9px!important}.br10{-moz-border-radius:10px!important;-webkit-border-radius:10px!important;border-radius:10px!important}.br11{-moz-border-radius:11px!important;-webkit-border-radius:11px!important;border-radius:11px!important}.br12{-moz-border-radius:12px!important;-webkit-border-radius:12px!important;border-radius:12px!important}.br13{-moz-border-radius:13px!important;-webkit-border-radius:13px!important;border-radius:13px!important}.br14{-moz-border-radius:14px!important;-webkit-border-radius:14px!important;border-radius:14px!important}.br15{-moz-border-radius:15px!important;-webkit-border-radius:15px!important;border-radius:15px!important}.brm{-moz-border-radius:200px!important;-webkit-border-radius:200px!important;border-radius:200px!important}.transition{-webkit-transition:all .3s;transition:all .3s;}span,strong{font-weight: bold;}
label {
    display: block;
}
.mt0 {
  margin-top: 0!important;
}
.va_t {vertical-align: top!important;}
.va_m {vertical-align: middle!important;}
.va_b {vertical-align: bottom!important;}

html {
    font-size: 60.5%;
}
body {
    color:#fffcf5;
    line-height: 1.4;
    background: #fff;
    color: #333;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: 1.6rem;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
    min-width: 1200px;
    overflow-x: hidden;
}
body{
  color: #000\9;
}
@media all and (-ms-high-contrast: none){
  body{
    color: #000;
  }
}
/**/
section + section {
    margin-top: 120px;
}
/*hr*/
hr {
    margin: 80px 0;
}
hr.line {
    margin: 40px 0;
    background: #707070;
    height: 1px;
    width: 100%;
}
a,a:link,a:hover,a:visited,a:active {
    color: #000;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
a:hover {
    color: #FB157E!important;
}
img {
    width: auto;
    max-width: 100%;
    height: auto;
}
/* form parts reset */
input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}
select {

    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
}



button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}
input,select,textarea,button {
    font-size: 1.6rem;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
}
/* from parts style*/
input[type="text"],textarea {
    padding: 10px 16px;
    border: 1px solid #CBCBCB;
    background: #fff;
    width: 460px;
}
textarea {
    height: 160px;
}
select {
    padding: 6px;
    border: 1px solid #CBCBCB;
}
/*Checkboxes styles*/
input[type="checkbox"] { display: none; }

input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #707070;
  position: absolute;
  border-radius: 3px;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
  background: #707070;
}
input[type="checkbox"]:checked + label:after {
    content: '';
    display: block;
  width: 6px;
  height: 12px;
  border: 2px solid #fff;
  position: absolute;
  top: 1px;
  left: 7px;
  text-align: center;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;

}
/* h */
.h2_ttl{
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 14px;
}
.h3_ttl{
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 14px;
}
* + h5{
    margin-top: 80px;
}
#ir_keiei_midterm * + .uttl_p2,
.uttl_p2{
    margin-top: 20px;
}
* + h6{
    margin-top: 40px;
}
/*
text
*/
.fc_black,
.fc_black * {
  color: #222!important;
}
.eng {
    font-size: 6rem;
    font-family: Times New Roman,Times;
    font-style: italic;
    font-weight: normal;
    letter-spacing: -0.01em;
}

#jigyou_index_urban .eng,
#jigyou_index_human .eng{
  font-size: 4rem;
}

.index .about_wrap .sub_blk .eng{
font-size: 4rem;
font-style: normal;
margin: -5px 0 0 0;}
.mincho {
  font-family: Vollkorn, '游明朝', 'Yu Mincho', '游明朝体', YuMincho, 'Hiragino Mincho ProN', HiraMinProN-W3, 'Noto Serif JP', serif;
}
.heading_p1 {
    font-size: 3.5rem;
    line-height: 1.4;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
}
.heading_p1 + * {
    margin-top: 40px;
    line-height: 1.8;
}
.heading_p1 span {
    font-size: 1.6rem;
    display: block;
}
.ttl_p1 {
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #707070;
    font-size: 2.4rem;
    font-weight: bold;
}
.ttl_p2 {
    margin-bottom: 20px;
    font-size: 2.4rem;
}
.ttl_p3 {
    font-size: 2.1rem;
    margin-bottom: 14px;
}
.ttl_p4 {
    margin-bottom: 10px;
    font-size: 1.8rem;
}
.ttl_p4 + *:not(span):not(p) {
    margin-top: 20px;
}
.ttl_p5 {
    margin-bottom: 10px;
    font-size: 2.1rem;
    padding: 12px 16px;
    color: #fff;
    background: #69BE8A;
}
.at_ttl {
    display: inline-block;
    margin-right: .8em;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid #69BE8A;
    color: #50A06F;
    font-size: 85%;
    line-height: 1;
    white-space: nowrap;
}

.at_num {
    background: #69BE8A;
    color: #fff;
    font-size: 85%;
    display: inline-block;
    margin-right: 10px;
    padding: 10px 13px;
    line-height: 1;
}
.at_num_wrap {
  position: relative;
  padding-right: calc(2em + 16px);
}
.at_num_wrap .at_num {
    position: absolute;
    top: calc(50% - 1em);
    right: .8em;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 0;
    width: 2em;
    height: 2em;
    padding: 0;
}
.small_txt {
    font-size: 1.4rem;
}
* + .small_txt {
    margin-top: 16px;
}
.explain_txt {
    font-size: 1.4rem;
}
* + .explain_txt {
    margin-top: 16px!important;
}
.caution_txt {
    font-size: 1.4rem;
    text-indent: -2.3em;
    padding-left: 2.3em;
}
* + .caution_txt {
    margin-top: 16px;
}
.indent {
    text-indent: 1em;
    font-weight: normal;
    display: block;
}
.letter_ind {
  text-indent: -1em;
  padding-left: 1em;
}
.letter_ind + .letter_ind {
  margin-top: 0!important;
}
.ceo_name {
  -webkit-justify-content: flex-end!important;
  justify-content: flex-end!important;
  -webkit-align-items: center!important;
  align-items: center!important;
  width: 100%;
}
.ceo_name span + span {
  margin-left: 1em;
}
.ceo_name img {
  width: 120px;
  height: auto;
}
/*
row
*/
.rows {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow:row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.rows.middle ,
.rows .middle {
    -webkit-align-items: center;
    align-items: center;
}
.rows .right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.rows .w_auto {
    -webkit-flex: 1;
    flex: 1;
}
.rows.auto {
  -webkit-flex-flow:row nowrap;
    flex-flow: row nowrap;
}
.rows.auto .blk + .blk {
  margin-left: 4%;
}

.r3 .blk{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 40px;
}
.r3 .blk:nth-child(3n){
    margin-right: 0;
}

.r2 .blk{
    width: 48%;
    margin-right: 4%;
    text-align: center;
}
.r2 .blk:nth-child(2n){
    margin-right: 0;
}

.r2 .blk:nth-of-type(n+3){
  margin-top: 40px;
}

.r4 .blk{
    width: 21.25%;
    margin-right: 5%;
}
.r4 .blk:nth-child(4n){
    margin-right: 0;
}

.r4 .blk:nth-of-type(n+5){
  margin-top: 40px;
}
.rows > label {
    margin-right: 10px;
}
/*
wrap
*/
.in_wrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.spc_wrap {
    padding-left: 40px;
    padding-right: 40px;
}
.h_spc_wrap {
    padding-top: 24px;
    padding-bottom: 24px;
}
.hm_spc_wrap {
    padding-top: 40px;
    padding-bottom: 40px;
}
.hl_spc_wrap {
    padding-top: 80px;
    padding-bottom: 80px;
}
* + .lead_wrap {
    margin-top: 16px;
}
.lead_wrap p{
    line-height: 1.6;
}
.jigyou #jigyou_index_urban .lead_wrap p,
.jigyou #jigyou_index_human .lead_wrap p{
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  line-height: 1.4;
}

.lead_wrap p:not([class*="ttl_"]) + p,
.img_wrap div + div{
    margin-top: 2em;
}
.img_wrap.rows div + div{
    margin-top: 0;
}

.lead_wrap a{
    text-decoration: underline;
}
* + .img_wrap{
    margin-top: 40px;
}
.img_wrap img{
    width: auto;
    max-width: 100%;
    height: auto;
}
.img_wrap figcaption{
    font-size: 1.2rem;
    margin-top: 10px;
}

.img_wrap.img-w100 img{
width: 100%;
height: auto;}

.one_wrap {
    width: 930px;
    margin-left: auto;
    margin-right: auto;
}
* + .el_wrap {
    margin: 20px 0;
}
.el_wrap {
    -ms-align-items: center;
    align-items: center;
}
.el_wrap .etc_wrap {

}
.el_wrap .lead_wrap {
    padding: 0 20px;
    margin-top: 0;
}
.w20 {width: 20%;}
.w20 {width: 20%;}
.w20 {width: 20%;}
.w20 {width: 20%;}
.w20 {width: 20%;}
.w20 {width: 20%;}
.w20 {width: 20%;}
.w20 {width: 20%;}

.tb_wrap {

}
.tb_wrap .ttl_wrap {
    width: 300px;
}
.tb_wrap .blk_wrap {
    -webkit-flex: 1;
    flex: 1;
    margin-left: 40px;
    padding-top: 60px;
}
.ti_wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.ti_wrap .txt_wrap {
    width: 62%;
}
.ti_wrap .img_wrap {
    width: 32%;
    margin-top: 0;
}
.ti_wrap.img_sm .txt_wrap {
    width: 72%;
}
.ti_wrap.img_sm .img_wrap {
    width: 22%;
    margin-top: 0;
}
.ti_wrap.img_big .txt_wrap {
    width: 52%;
}
.ti_wrap.img_big .img_wrap {
    width: 42%;
    margin-top: 0;
}
.ti_wrap .img_wrap figcaption{
    text-align: center;
}
.ff_wrap {
    -webkit-align-items: stretch!important;
    align-items: stretch!important;
}
.ff_wrap > div {
    width: 50%!important;
}
.ff_wrap.ti_wrap > div:not(.img_wrap) {
    padding: 0 40px;
    display: -webkit-flex;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}

.sdgs_icon_wrap > *:first-child {
  -webkit-flex: 1;
  flex: 1;
}
.sdgs_icon_wrap > .icon_wrap {
  width: 160px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-left: 40px;
}
.sdgs_icon_wrap > .icon_wrap span {
  width: 48%;
}
.sdgs_icon_wrap > .icon_wrap span{
    width: 48%;
    margin-right: 4%;
}
.sdgs_icon_wrap > .icon_wrap span:nth-child(2n){
    margin-right: 0;
}

.sdgs_icon_wrap > .icon_wrap span:nth-of-type(n+3){
  margin-top: 40px;
}
.sdgs_icon_wrap > .icon_wrap span img {
  width: 100%;
  height: auto;
}
.tbl_wrap {
    width: 100%;
    position: relative;
}
.tbl_wrap table {
}
/*スクロールバー表示させる*/
.tbl_wrap::-webkit-scrollbar{
   width: 6px;
   height: 6px;
   border-radius: 999px;
}
.tbl_wrap::-webkit-scrollbar-thumb{
   background: #ccc;
   border-radius: 999px;
}
.bd_wrap {
    border: 1px solid #aaa;
}
.bd_wrap.spc_wrap {
    padding: 40px;
}
.btn_wrap.rows {
    -webkit-justify-content: center;
    justify-content: center;
}
.btn_wrap.rows > * + * {
    margin-left: 16px;
}
/*tab*/
.tab_blk {
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  margin-top: 0!important;
}
.tab_blk > * {
  display: none;
}
.tab_blk.active {

  visibility: visible;
  opacity: 1;
  height: auto;
}
.tab_blk.active > * {
  display: block;
}
/**/
.extlink_btn a {
  padding: 6px 40px 6px 12px;
  border-radius: 999px;
  color: #fff;
  background: #444;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.extlink_btn a:before {
  content: '';
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20126.93%20102.52%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2287.8%2083.02%2087.8%2092.76%209.75%2092.76%209.75%2039.13%2019.53%2039.13%2019.53%2029.38%209.75%2029.38%200%2029.38%200%2039.13%200%2092.76%200%20102.52%209.75%20102.52%2097.55%20102.52%2097.55%2098.8%2097.55%2092.76%2097.55%2083.02%2087.8%2083.02%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M29.38%2C0V73.14h97.55V0Zm87.8%2C63.39H39.13V29.32h78.05Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  -webkit-background-size: 16px 13px;
  background-size: 16px 13px;
  width: 16px;
  height: 13px;
  display: block;
  position: absolute;
  right: 12px;
  top: calc(50% - 6.5px);
}

.extlink_wrap {

}
.extlink_wrap .extlink_btn + .extlink_btn  {
  margin-left: 10px;
}
/* next margin */
.next_elm {
    margin-top: 14px;
}
.next_blk {
    margin-top: 40px;
}
/* next section margin */
.next_sec {
    margin-top: 80px;
}
/*
parts
*/
.smoke{
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.smoke.on{
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
}
.sp,.sp-inb,.sp-flx {
    display: none!important;
}
.pc {
    display: block!important;
}
.pc-inb {
    display: inline-block!important;
}
.pc-flx {
    display: -webkit-flex!important;
    display: flex!important;
}
.iw_auto {
    width: auto!important;
    max-width: 100%;
}
.mt0{
  margin-top: 0!important;
}
.wm {
  width: 100%!important;
}
@media screen and (min-width: 768px) {
  .pc_mt0{
    margin-top: 0!important;
  }
  .pc_iw_auto {
    width: auto!important;
    max-width: 100%;
  }
  .pc_wm{
    width: 100%!important;
  }
}
@media screen and (max-width: 768px) {
    .pc,.pc-inb,.pc-flx {
        display: none!important;
    }
    .sp {
        display: block!important;
    }
    .sp-inb {
        display: inline-block!important;
    }
    .sp-flx {
        display: -webkit-flex!important;
        display: flex!important;
    }
    .sp_mt0{
      margin-top: 0!important;
    }
    .sp_iw_auto {
      width: auto!important;
      max-width: 100%;
    }
    .sp_wm{
      width: 100%!important;
    }
}
.p_rel {
    position: relative;
}
.btn {
    position: relative;
    text-align: center;
}
.btn > * {
    display: inline-block;
    padding: 20px 80px;
    background: #444;
    color: #fff!important;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    cursor: pointer;
}
.btn > *:hover {
    opacity: .7;
    text-decoration: none;
    color: currentColor;
}
.in_wrap + .btn {
    margin-top: 40px;
}
/*icon*/
.icon{
    display: inline-block;
}
.icon img{
    height: 32px;
    width: auto;
}
.icon .arrow{
    height: 54px;
    width: auto;
}
.icon.slash {
    background: url(../img/icon_slash.png) 0 0 no-repeat;
    -webkit-background-size: 40px 31px;
    background-size: 40px 31px;
    width: 40px;
    height: 31px;
}
/*ext_link color*/
.ext_link {
    color: #707070;
}
a:hover .ext_link {
    color: #FB157E;
}
.ext_link {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    left: 0px;
    top: 2px;
    width: 12px;
    height: 8px;
    border: 1px solid currentColor;
    background: #fff;
    z-index: 1;
    margin-right: 14px;
}
.ext_link:before,
.ext_link:after {
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ext_link:before {
    content: '';
    position: absolute;
    left: 3px;
    top: -7px;
    width: 12px;
    height: 8px;
    border: 1px solid currentColor;
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #fff;
    box-shadow: 0px 0px 0px 2px #fff;
    z-index: 2;
}
.ext_link:after {
    content: '';
    position: absolute;
    left: 3px;
    top: -7px;
    width: 12px;
    height: 2px;
    border: 1px solid currentColor;
    background: currentColor;
    z-index: 3;
}

.ext_link_i span{
    position: relative;
}
.ext_link_i span:before {
    display: none;
}
.ext_link_i span:after {
    content: '';
    position: absolute;
    right: 3px;
    background: #fff url(/asset/img/ext_link.svg) 0 0 no-repeat;
    -webkit-background-size: 16px auto;
    background-size: 18px auto;
    top: calc( 50% - 6px );
    width: 18px;
    height: 15px;
-webkit-transition: bacground-image .3s;
   -moz-transition: bacground-image .3s;
    -ms-transition: bacground-image .3s;
     -o-transition: bacground-image .3s;
        transition: bacground-image .3s;
}
/* sort */
.sort_blk .blk{

  margin-left: 0!important;
  margin-right: 0!important;
  margin-bottom: 40px;
}
.sort_blk .blk{
  padding: 0 20px!important;
}
.sort_blk.r3 .blk{
  width: 33.333%!important;
  margin-top: 0!important;
}
.sort_blk.r4 .blk{
  width: 25%!important;
  margin-top: 0!important;
}
.sort_blk .blk.show{
  display: block;
  animation: show 1s linear 0s;
}
.sort_blk .blk.hide{
  display: none;
  animation: hide 1s linear 0s;
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/* nav */
.btn_nav {

}
.btn_nav ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.btn_nav li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
}
.btn_nav li:nth-child(2n){
    margin-right: 0;
}
.btn_nav li.fw{
    width: 100%;
    margin-right: 0;
}
.btn_nav li a{
    border: 1px solid #000;
    border-radius: 6px;
    display: block;
    padding: 16px 6px;
    color: #000;
    font-size: 1.6rem;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn_nav li a:hover {
    background: #e2e2e2;
    color: #222!important;
}

.section_nav .blk {
    width: 49.75%;
    position: relative;
    margin-bottom: .5%;
}

.section_nav  {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.section_nav .blk .bg {

}
.section_nav .blk .txt_wrap {
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0;
    padding: 38px;
    color: #fff;
    font-size: 1.4rem;
    pointer-events: none;
}
.section_nav .blk .txt_wrap .ttl {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    font-size: 2.1rem;
    margin-bottom: .4em;
}
.section_nav {

}
/*background-color*/
.bg_white{
    background: #fff;
}
.bg_gray {
    background: #fafafa;
}
.bg_red {
    background: #FBE4D5;
}
.bg_yellow{
    background: #FFF2CB;
}

/*view_box*/
.view_box {
    position: fixed;
    visibility: hidden;
    display: none;
    width: 720px;
    height: 560px;
    padding: 30px;
    background: #fff;
    top: calc(50% - 280px);
    left: calc(50% - 360px);
    box-shadow: 0 0 5px 1px hsla(0, 0%, 0%, 0.25);
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    z-index: 999;
    color: #333;
}
.view_box.auto_h {
    top: 30px;
    height: 580px;
}
@media all and (-ms-high-contrast: none){
  .view_box.auto_h {
    height: 70vh;
  }
}
.view_box.auto_h .view_box_scr_wrap {
  overflow-y: auto;
}
.view_box .close_txt {
    text-align: center;
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #fff;
    padding: 20px 0;
}
.view_box .close {
    font-size: 3rem;
    position: absolute;
    /* right: 10vw; */
    text-align: right;
    right: 15px;
    top: 15px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.view_box .close:hover {
    opacity: .7;
}
.view_box .close span {
    cursor: pointer;
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
}
.view_box .close span:before {
    content: '';
    width: 32px;
    height: 3px;
    border-radius: 4px;
    background: #000;
    position: absolute;
    top: 15px;
    left: 0px;
    transform: rotate(-45deg);
}
.view_box .close span:after {
    content: '';
    width: 32px;
    height: 3px;
    border-radius: 4px;
    background: #000;
    position: absolute;
    top: 15px;
    left: 0px;
    transform: rotate(-135deg);
}
.view_box .close_txt:hover {
    text-decoration: underline;
}
.view_box.open {
    visibility: visible;
    opacity: 1;
    display: block;
}
.view_box .ttl {
  font-size: 2.7rem;
}
.view_box .ttl + * {
  margin-top: 20px;
}
.view_box .sttl {
  font-size: 1.8rem;
}
.view_box .sttl + * {
  margin-top: 10px;
}
.view_box_smoke{
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.view_box_smoke.on{
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 998;
    -webkit-transition: all .7s;
    transition: all .7s;
}
/*table*/
* + table {
    margin-top: 14px;
}

table{
    width: 100%;
    border-top: 1px solid #d2d2d2;
}
table th,
table td {
    padding: 18px;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
    background-color: #fff;
    position: relative;
    background-clip: padding-box;
}
table tr > *:last-child {
    border-right: none;
}
table th {
    background-color: #fafafa;
    border-right: 1px solid #d2d2d2;
}
table td {
    border-right: 1px solid #d2d2d2;
}
table td.bdt-n {border-top: none!important;}
table td.bdb-n {border-bottom: none!important;}
table td.bdl-n {border-left: none!important;}
table td.bdr-n {border-right: none!important;}

/*tbl_data*/
table.tbl_data th,
table.tbl_data td {
    padding: 12px 20px;
    border-bottom: 1px solid #d2d2d2;
}
table.tbl_data caption.unit {
    text-align: right;
}

table.min-t tr th:last-child,table.min-t tr td:last-child{
min-width: 80px;
text-align: center;}

/*tbl_p1*/
.tbl_p1 {
    border-top: 1px solid #d2d2d2;
}
.tbl_p1 th {
    background: #fafafa;
    width: 260px;
    border-right: 1px solid #d2d2d2;
}
.tbl_p1 th,
.tbl_p1 td {
    padding: 20px 20px;
    border-bottom: 1px solid #d2d2d2;
}
.tbl_p1 td {
    padding: 20px 40px;
}
.tbl_p2 {
    border-top: 1px solid #d2d2d2;
    width: auto;
    margin-bottom: 10px;
}
.tbl_p2 th {
    width: 260px;
    border-right: 1px solid #d2d2d2;
    text-align: center;
}
.tbl_p2 th,
.tbl_p2 td {
    padding: 20px 20px;
    border-bottom: 1px solid #d2d2d2;
}
.tbl_p2 td {
    padding: 20px 40px;
}
/*list*/
.news_lists {
    -webkit-flex: 1;
    flex: 1;
    border-top: 1px solid #ccc;
}
.news_lists a {
    display: block;
    padding: 16px 0;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.news_lists a:hover {
    background: #f9f9f9;

}
.news_lists li {
    border-bottom: 1px solid #ccc;
}
.news_lists span {
    margin-right: 16px;
    font-weight: normal;
}
.news_lists strong {
    font-weight: normal;
    flex: 1;
}
/*link_blk_wrap*/
.view_box_scr_wrap{
position: relative;
height: 362px;
}
@media all and (-ms-high-contrast: none){
  .view_box_scr_wrap{
  height: 47vh;
  }
}
.link_blk_wrap {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 0px 0px;
    overflow-y: auto;
}
.link_blk_wrap > li a{
    background: #f5f5f5;
    padding: 16px 48px 16px 20px;
    font-weight: bold;
    font-size: 1.8rem;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 10px;
    display: block;
}
.link_blk_wrap > li a:hover{
    background: #e8e8e8;
}
.link_blk_wrap > li a:before {
  content: '';
  position: absolute;
  right: 20px;
  top: calc( 50% - 6px );
  width: 8px;
  height: 8px;
  border-top: solid 3px currentColor;
  border-right: solid 3px currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.link_blk_wrap > li a:hover:before {
  right: 18px;
}

/*acordion*/
.acd_wrap + *{
    margin-top: 80px;
}
.acd_wrap > dt{
    background: #f5f5f5;
    padding: 16px 48px 16px 20px;
    font-weight: bold;
    font-size: 2.0rem;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 10px;
}
.acd_wrap > dt:hover{
    background: #e8e8e8;
}
.acd_wrap > dt:before {
  content: '';
  position: absolute;
  right: 20px;
  top: calc( 50% - 9px );
  width: 8px;
  height: 8px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.acd_wrap > dt.active:before {
  top: calc( 50% - 4px );
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.acd_wrap > dd {
    display: none;
    margin-bottom: 10px;
}
.acd_wrap > dd {
    word-break: break-all;
}
/*category_guide*/
.category_guide .blk {
    width: 48%;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-right: 4%;
    margin-bottom: 40px;
}
.category_guide .blk:nth-child(2n) {
    margin-right: 0;
}
.category_guide .blk:nth-last-child(-n+2) {
    margin-bottom: 0;
}
.category_guide .blk .top_link{
    -webkit-flex: 1;
    flex: 1;
    padding-right: 20px;
}
.category_guide .blk .top_link a{
    font-size: 2.7rem;
    font-weight: bold;
    color: #4a4a4a;
    position: relative;
    padding-left: 32px;
    display: block;
}
.category_guide .blk .top_link .icon_image{
    display: block;
    text-align: center;
    width: 80px;
    margin: 20px auto 0;
}
.category_guide .blk .top_link a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 11px;
    height: 11px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(135deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.category_guide .blk .sub_links{
    width: 60%;
    font-size: 1.8rem;
    border-left: 1px solid #707070;
    margin-left: 4%;
    padding-left: 20px;
}
.category_guide .blk .sub_links li:not(:last-child){
    margin-bottom: 6px;
}
.category_guide .blk .top_link + .img_wrap {
    margin-top: 20px;
}

/*list_decimal*/
.list_decimal {
    margin-left: 20px;
}
.list_decimal li {
    list-style-type: decimal;
}
.list_decimal li + li {
    margin-top: 1em;
}

/*list_dot*/
.list_dot {
    position: relative;
}
.list_dot:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0px;
    height: 20px;
    width: 100%;
    background-color: #fff;
    background: radial-gradient(#000 30%, transparent 30%) left bottom repeat;
    background-size: 10px 20px;
}
.list_dot li {

}
.list_dot li{
  position: relative;
}
.list_dot li:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0px;
    height: 20px;
    width: 100%;
  background-color: #fff;
  background:radial-gradient(#000 30%, transparent 30%) left bottom repeat;
  background-size: 10px 20px;
}
.list_dot:before,
.list_dot li:before{
  background-image:
    radial-gradient(#888 10%, transparent 10%);
}
.list_dot li a,
.list_dot li p {
    padding: 14px 20px;
    font-weight: bold;
    font-size: 2.0rem;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
}
.list_dot li a:before {
    content: '';
    position: absolute;
    right: 30px;
    top: calc( 50% - 6px );
    width: 8px;
    height: 8px;
    border-top: solid 3px currentColor;
    border-right: solid 3px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*list_dashed*/
.list_dashed {

}
.list_dashed li {
    border-bottom: 1px dashed #888;
}
.list_dashed li:last-child {
    border: none;
}
.list_dashed li a,
.list_dashed li p {
    padding: 14px 80px 14px 20px;
    font-weight: bold;
    font-size: 2.0rem;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
}
.list_dashed li a + a,
.list_dashed li p + p {
    padding-top: 0;
}
.list_dashed.fs_16 li a,
.list_dashed.fs_16 li p {
    font-size: 1.6rem;
}
.list_dashed.fs_n li a,
.list_dashed.fs_n li p {
    font-weight: normal;
}
/*list_li > rows*/
.list_dashed li > .rows > * {
    font-weight: normal;
}
.list_dashed li > .rows.stt span:first-child {
    width: 100px;
}
.list_dashed li > .rows.stt span:nth-child(2) {
    width: 120px;
}
.list_dashed li > .rows.stt span:last-child {
    -webkit-flex: 1;
    flex: 1;
}
.list_dashed li a:hover {
    background: #f9f9f9;
}
.list_dashed li a .data_size{
    display: inline-block;
    margin-left: 20px;
}
.list_dashed li .date_time_l{
    display: inline-block;
    margin-right: 40px;
    font-weight: normal;
}
.list_dashed li a .icon {
    /* margin-left: 100px; */
    /* float: right; */
    position: absolute;
    right: 10px;
    top: 11px;
}
.list_dashed li .rows {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.list_dashed li .img_wrap {
    display: block;
    margin-top: 10px;
}
/*list_font_size*/
.fs_small li a,
.fs_small li p {
    font-size: 1.6rem;
}
/*list_font_wegiht*/
.fs_normal li a,
.fs_normal li p {
    font-weight: normal;
}
/*list_solid*/
.solid li {
    border-style: solid;
}
/*link_corner*/
.link_corner li {
}
.link_corner li a {
    position: relative;
    padding: 10px 10px 10px 40px;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: bold;
}
.link_corner li a:hover {
    text-decoration: underline;
}
.link_corner li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
    width: 12px;
    height: 12px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*owl-carousel*/
.carousel_wrap {
    padding: 0 80px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    margin: 0;
}
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    visibility: hidden;
}
.owl-carousel .owl-nav button.owl-next:before ,
.owl-carousel .owl-nav button.owl-prev:before{
    content: '';
    position: absolute;
    top: calc(50% - 56px);
    width: 14px;
    height: 14px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
}
.owl-theme .owl-nav button.owl-next:hover span,
.owl-theme .owl-nav button.owl-prev:hover span {
    visibility: hidden;
}
.owl-carousel .owl-nav button.owl-prev:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: -40px;
}
.owl-carousel .owl-nav button.owl-next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -40px;
}

.owl-theme .owl-nav button.owl-next:hover,
.owl-theme .owl-nav button.owl-prev:hover {
    display: block;
    background: none;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #0b1d4e;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 12px;
    transition: opacity .2s ease;
    border-radius: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.owl-carousel a img {
    -webkit-transition: all .3s;
    transition: all .3s;
}
.owl-carousel a:hover img {
    opacity: .7;
}
.owl-carousel figcaption {
    font-size: 1.4rem;
    margin-top: 10px;
}
.owl-carousel figcaption .hash {
    display: block;
    margin-bottom: 6px;
}
/*more*/
.more {
    text-align: right;
    margin-top: 80px;
    width: 100%;
}
.more li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.more li a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
}
.more a .icon {
    margin-left: 40px;
}
.more a .icon img {
    height: 40px;
    width: auto;
}
.more a span {
    font-weight: normal;
}
.more a:hover span {
    text-decoration: underline;
}
.more.col li {
    flex-flow: column wrap;
}
.more.col li a {
    flex-flow: column wrap;
}
.more.col a .icon img {
    height: 50px;
    width: auto;
}
.more.col  a .icon {
    margin-left: 0;
    margin-bottom: 20px;
}
.more_p2 {
    text-align: left;
    margin-top: 40px;
}
.more_p2  a {

}
.more_p2  a span {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    font-weight: bold;
}
.more_p2  a span:before {
    content: '';
    position: absolute;
    right: 0px;
    top: calc( 50% - 7px );
    width: 10px;
    height: 10px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*more_link*/
.more_link {
    padding-right: 30px;
    font-size: 1.2rem;
}
.more_link {
    border: 1px solid #707070;
    display: inline-block;
    padding: 6px 8px;
    position: relative;
    padding-right: 50px;
    font-size: 1.4rem;
    cursor: pointer;
    line-height: 1.4;
}
.more_link:before {
    content: '';
    position: absolute;
    right: 12px;
    top: calc( 50% - 4px );
    width: 6px;
    height: 6px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}
.more_link:hover {
    border: 1px solid currentColor;
}
/*
header
*/
header{
    background-color: #fff;
    padding: 20px 0 0;
    border-bottom: 1px solid #eeeeee;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    -webkit-transition: top .5s;
       -moz-transition: top .5s;
        -ms-transition: top .5s;
         -o-transition: top .5s;
            transition: top .5s;

}

body.index header {
  background-color: rgba(255,255,255,0);
  border-bottom: 0px solid rgba(238,238,238,0);}

body.index header:hover{
  background-color: #fff;
}

body.index header .tg span:after{
  background: url(/asset/img/ext_link_w.svg) 0 0 no-repeat;}

body.index header.header_fixed .tg span:after{
  background: url(/asset/img/ext_link.svg) 0 0 no-repeat;}


#global_nav ul li a{
  pointer-events: auto;
}

body.index header.header_fixed,
header.header_fixed{
  background-color: #fff;
  border-bottom: 1px solid rgba(238,238,238,1);
  -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#headers {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#headers .logo {
    width: 140px;
    padding-bottom: 24px;
}
#headers .logo a,
body.index header.header_fixed #headers .logo a,
body.index header:hover #headers .logo a {
    background-image: url(../img/logo.svg);
    background-position: 0 bottom;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    height: 68px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
body.index #headers .logo a {
    background-image: url(../img/logo_w.svg);
    display: block;
}
#global_nav {
    -webkit-flex: 1;
    flex: 1;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
#global_nav ul {
    -webkit-flex: 1;
    flex: 1;
}
#global_nav ul.tops  {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 0 0 0 8%;
}
#global_nav ul li {
    margin-right: 0;
}

#global_nav ul li.dropdown-btn {
    margin-right: 1%;
    font-size: 14px;
}

#global_nav ul li.dropdown-btn:last-child{
margin: 0;}

#global_nav ul li a {
    display: block;
    font-weight: bold;
    text-align: center;
    position: relative;
    height: 100%;
    padding: 20px 0;
}
#global_nav ul li a:hover {
  color: #000000 !important;
}
#global_nav ul li a:hover:before,
#global_nav ul li a.active:before  {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0;
    z-index: 11;
    background: #10234e;
}

.company #global_nav ul li.menu_company .trg:before,
.jigyou #global_nav ul li.menu_jigyou .trg:before,
.case #global_nav ul li.menu_case .trg:before,
.ir #global_nav ul li.menu_ir .trg:before,
.recruit #global_nav ul li.news_recruit .trg:before{
  content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0;
    z-index: 11;
    background: #10234e;
}

#global_nav .h_search_wrap {
    width: 32px;
    margin-left: 20px;
    text-align: right;
    padding-bottom: 20px;
    overflow: hidden;
}
#global_nav .h_search_wrap button,
body.index header.header_fixed #global_nav .h_search_wrap button,
body.index header:hover #global_nav .h_search_wrap button  {
    background-image: url(../img/icon_search.png);
    background-position: 0 bottom;
    background-repeat: no-repeat;
    -webkit-background-size: auto 28px;
    background-size: auto 28px;
    display: block;
    height:32px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: -2px;
}
body.index #global_nav .h_search_wrap button {
    background-image: url(../img/icon_search_w.png);
}
body.index .scroll #global_nav .h_search_wrap button{
    background-image: url(../img/icon_search.png);

}
#global_nav .h_search_wrap button {
    cursor: pointer;
}
#global_nav .h_search_wrap img {
    width: 100%;
}
/* dropdown */
.dropdown {
    position: absolute;
    width: 100%;
    z-index: 10;
    background: #fff;
    left: 0;
    top: 111px!important;
    border-top: 1px solid #ccc;
    padding: 40px 0;
    opacity: 0;
    transition: all .3s;
    visibility: hidden;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.dropdown.open {
    visibility:visible;
    height: auto;
    opacity: 1;
}
.page_info {
    width: 345px;
    border-right: 1px solid #ccc;
    padding-right: 40px;
    /*margin-right: 40px;*/
}

.page_name p {
    font-weight: bold;
}

.page_catch span {
    font-size: 2.6rem;
}

.page_catch p {
    font-size: 2.0rem;
}

.page_catch figure {
    margin-top: 20px;
}

.global_nav_pages.rows {
    -webkit-flex: 1;
    flex: 1;
    /*padding-top: 1em;*/
}

.global_nav_pages{
  padding: 0 0 0 40px;
  border-left: 1px solid #ccc;
    position: relative;
    left: -1px;
}

#global_nav .global_nav_pages.rows a {
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 1.4rem;
}
#global_nav .global_nav_pages.rows a:hover {
    text-decoration: underline;
}
#global_nav .global_nav_pages.rows a:before {
    display: none;
}

#global_nav .global_nav_pages.rows .ttl {
    margin-bottom: 20px;
}
#global_nav .global_nav_pages.rows .ttl a,
#global_nav .global_nav_pages.rows .ttl span {
    font-size: 1.8rem;
    font-weight: bold;
}
#global_nav .global_nav_pages.rows li {
    margin-bottom: 10px;
    margin-left: 0px;
}
.dropdown .row_wrap {
    /*-webkit-flex: 1;*/
    /*flex: 1;*/
    margin-right: 8%;
    margin-bottom: 20px;
}
.dropdown .row_wrap:last-child {
    /*-webkit-flex: 1;*/
    /*flex: 1;*/
    margin-right:0;
}

#header_ir .dropdown .row_wrap{
width: 17%;}

.h_search_dropdown {
    opacity: 0;
    transition: all .3s;
    visibility:hidden;
    height: auto;
    transform: translateY(-600px);
    position: absolute;
    left: 0;
    top: 0;
}
.h_search_dropdown.open {
    display: block;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    top: 0;
    background: #fff;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);

}
.h_search_dropdown.close {
    transform: translateY(-600px);
    opacity: 0;
    visibility:hidden;
}
.h_search_dropdown label {
    position: relative;
    padding-bottom: 20px;
    z-index: 3;
}
.h_search_dropdown.open .icon {
    position: absolute;
    top: 10px;
    left: 0;
    width: 24px;
    pointer-events: none;
}
.h_search_dropdown.open .icon img {
    width: auto!important;
    height: auto;
}
.h_search_dropdown.open form {
	border: 1px solid #CCC;
}
.h_search_dropdown.open input[type="text"] {
    border: none;
    border-bottom: 0;
    width: 550px;
    font-size: 1.8rem;
    font-weight: normal;
    padding: 10px;
    background: none!important;
    text-indent: 0!important;
}


.h_search_dropdown.open .close {
    width: auto;
    font-size: 3rem;
    position: absolute;
    /* right: 10vw; */
    bottom: 10px;
    text-align: right;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    height: 32px;
}
.h_search_dropdown.open .close span {
    cursor: pointer;
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
}
.h_search_dropdown.open .close span:before {
    content: '';
    width: 32px;
    height: 3px;
    border-radius: 4px;
    background: #000;
    position: absolute;
    top: 15px;
    left: 0px;
    transform: rotate(-45deg);
}
.h_search_dropdown.open .close span:after {
    content: '';
    width: 32px;
    height: 3px;
    border-radius: 4px;
    background: #000;
    position: absolute;
    top: 15px;
    left: 0px;
    transform: rotate(-135deg);
}

.gsst_a .gscb_a{
color: #000!important;
font-size: 16px;
font-weight: normal;
font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
}

.h_search_dropdown.open table,
table.gsc-search-box,
table.gsc-search-box tr,
table.gsc-search-box td,
.gsc-input-box{
border:0!important;}

table.gsc-search-box td#gs_tti50,
table.gsc-search-box td.gsib_b{
border-bottom: 1px solid #000!important;
}

#___gcse_0 table.gsc-search-box td{
padding: 0;
}


.sp_sub_nav {
    display: none;
}
/* パンくず */
#breadcrumbs {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    width: 100%;
}
#breadcrumbs li {
    margin-right: 20px;
    font-size: 1.2rem;
    position: relative;
    color: #fff;
}
#breadcrumbs li:before {
    content: '';
    position: absolute;
    right: -11px;
    top: calc(50% - 4px);
    width: 5px;
    height: 5px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}
#breadcrumbs li:last-child:before {
    display: none;
}
#breadcrumbs li a,#breadcrumbs li span {
    color: #fff;
    font-weight: normal;
}
#breadcrumbs li a:hover{
    text-decoration: underline;
}

#breadcrumbs .rows{
align-items: center;}

/*
main
*/
main {
    margin: 111px auto 0;
    position: relative;
    padding-bottom: 120px;
    border-top: solid 1px #10234e;
    display: block;
}

body.index main{
margin: 0px auto 0;
}
body.index #mv{
overflow-y: hidden;
}
#mv {
    position: relative;
}
#mv + div {
    margin-top: 80px;
}


#mv .ttls{
    position: absolute;
}

#mv .p_rel .ttls{
position: relative;}

#mv .p_rel{
position: absolute;
margin: 0 auto;
top: 100px;
left: 0;
right: 0;}

#mv .ttls {
    left: 0;
}
#mv .ttls p:first-child {
    margin-bottom: 3.6vw;
}
#mv .ttls > * {
    display: block;
    color: #fff;
}
#mv .ttls .category_ttl {
    font-size: 1.8rem;
    padding-left: 60px;
    margin-bottom: 12px;
}
#mv .ttls .category_ttl:before {
    content: '';
    background: #ff0085;
    position: absolute;
    content: '';
    width: 13px;
    height: 38px;
    left: 22px;
    top: -18px;
    transform: skewX(-45deg);
}
#mv .ttls .page_ttl {
    font-size: 4.4rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    letter-spacing: 0.05em;
}
#mv .catch_ttl {
    font-size: 4.5rem;
    font-family: Times New Roman,Times;
    font-style: italic;
    font-weight: normal;
    left: 0;
    margin: 20px 0 5px;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1.5;
}
#mv .lead {
    left: 0;
    font-size: 1.7rem;
    letter-spacing: 0.07em;
    color: #fff;
    width: 36vw;
    max-width: 544px;
    line-height: 1.8;
}

#mv .bg_img{
max-height: 740px;
overflow: hidden;
}
#mv .bg_img img {
    width: 100%;
}

#mv.full-image .bg_img{
max-height: 100%;
overflow: visible;
}

.main_v_caption{
text-align: right;
font-size: 10px;
margin:15px 20px 0 0;}

/* page_ttls */
#page_header {
    padding: 40px 0;
    overflow: hidden;
    position: relative;
    color: #fff;
    height: 17vw;
    min-height: 180px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background: #E2F8EE;
}
#page_header.def {
    height: auto;
    padding: 80px 0 0;
    min-height: auto;
    min-height: initial;
    background: none;
    color: #222;
}
#page_header + section {
    margin-top: 80px;
}
#page_header .ttls > * {
    display: block;
}
#page_header .category_ttl {
    font-size: 2.2rem;
    margin-bottom: 12px;
}
#page_header .page_ttl {
    font-size: 4.4rem;
    font-weight: 400;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.01em;
}
#page_header .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#page_header .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*page_nav*/
.page_nav {
    margin-bottom: 60px;
}
:not(nav) + .page_nav {
    margin-top: 60px;
}
.page_nav ul {
    -webkit-align-items: stretch;
    align-items: stretch;
}
.page_nav li {
    width: 16.666%;
    position: relative;
}
.page_nav li:not(:last-child):before {
    content: '';
    height: 100%;
    width: 1px;
    background: #fff;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
.page_nav a {
    padding: 10px 14px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #bbb;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.page_nav a:hover {
    background: #444;
    color: #fff!important;
}
.page_nav a:hover:before,
.page_nav .active a:before {
    content: '';
    width: calc(100% - 1px);
    height: calc(100% - 2px);
    position: absolute;
    z-index: 2;
    top : 0px;
    left: -1px;
    border: 1px solid #bbb;
}
.page_nav .active a {
    background: #fff;
    color: #000!important;
}
.page_nav .active a:hover:before {

}
.page_nav li.active:not(:last-child):before,
.page_nav li.prev:not(:last-child):before {
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #000;
}



/*list_rows*/
.list_rows {
    -webkit-align-items: stretch;
    align-items: stretch;
}
.list_rows .in_row {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3vw;
    background: #f5f5f5;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
}
.list_rows .blk .in_row {
    width: 100%;
}

.rows_lm{
margin: 0 0 0 -3.5%;}

.rows_lm .in_row{
width: 29.8% !important;
margin-left: 3.5% !important;
margin-right: 0 !important;}

.list_rows a.in_row:hover {
    opacity: .7;
}
.list_rows .in_row:nth-child(3n) {
    margin-right: 0;
}
.list_rows .row_wrap {
    padding: 16px;
}
.list_rows .row_wrap .ttl {
    font-size: 1.8rem;
}
.list_rows .row_wrap .ttl + * {
    margin-top: 10px;
}
.tags{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow:row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.tags p{
    margin-right: 6px;
    margin-bottom: 6px;
}
.tags i {
    display: inline-block;
    border-radius: 999px;
    background: #ccc;
    color: #fff;
    padding: 3px 20px;
    font-size: 1.3rem;
}
.tags .network {
    background: #543789;
}
.tags .office {
    background: #069db9;
}

/*
article
*/
.h4_ttl {
    margin-bottom: 24px;
}
.h4_ttl span {
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-left: 44px;
    overflow: hidden;
    line-height: 1.6;
    padding-top: 6px;
}
.h4_ttl span:before {
    content: '';
    width: 6px;
    background: #ff0085;
    position: absolute;
    content: '';
    width: 9px;
    height: 42px;
    left: 22px;
    top: -13px;
    transform: skewX(-45deg);
}
.h4_ttl span i {
    display: inline-block;
    margin-left: 1em;
    font-size: 1.6rem;
}
article{
    margin-bottom: 120px;
}
#article_headers{
    margin-top: 40px;
    margin-bottom: 40px;
}
#article_headers h2{
    font-weight: bold;
    margin-bottom: 10px;
}
#article_headers h3{
    font-family: 'Noto Serif JP', serif;
    font-weight: 300;
    font-size: 3.4rem;
}
#article_details {
    margin-top: 40px;
}
#article_details p.detail {
    font-size: 1.8rem;
    line-height: 1.8;
    margin-bottom: 40px;
}
#article_details figure {
    margin-bottom: 40px;
}
#article_details figcaption {
    font-weight: bold;
    font-size: 1.4rem;
    margin-top: 10px;
    text-align: right;
}
#article_details figure img {
    width: 100%;
    border:1px solid #eeeeee;
}
.flexslider {
    margin-bottom: 0;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.flex-direction-nav a {
    opacity: 1;
    width: 60px;
    height: 60px;
}
.flex-direction-nav a:before {
    content: ''!important;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.flex-direction-nav a.flex-next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
    top: calc(50% - 30px);
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: -50px;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: -50px;
}
/*
index
*/

body.index main {
    border: none;
    padding-bottom: 0;
}
body.index footer {
    padding-top: 0!important;
}
body.index .trg {
    color: #fff;
}
body.index header.header_fixed .trg,
body.index header:hover .trg{
  color: #333;
}

body.index main {
    position: static;
}
body.index #mv,body.index #mv .bg_img {
    margin-bottom: 0;
}

body.index main.view{
  position: relative;
  top: -112px;
}

body.index #mv {
    background: #fff url(../img/top/mv.png) center  0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100vh;
    overflow-y: hidden;
}
body.index #mv h2.ttls {
    top: 50%;
    left: 0;
    right: 0;
    margin: 40px auto 0;
    z-index: 3;
    transform: translateY(-50%);
    width: 44vw;
    max-width: 895px;
    min-width: 620px;
}
body.index #mv h2.ttls img {
    width: 100%;
}
body.index .lead {
    font-size: 1.8rem;
    line-height: 1.6;
}
.index_topics .in_wrap {
    background: #fff;
    padding: 20px 40px;
    position: relative;
    top: -67px;
    margin-bottom: -67px;
}
.index_topics .ttl,
.news_wrap .ttl {
    width: 80px;
    font-size: 2.8rem;
    font-family: Times New Roman,Times;
    font-style: italic;
}
.index_topics ul {
    -webkit-flex: 1;
    flex: 1;
    border-left: 1px solid #ccc;
    padding-left: 20px;
    margin-left: 20px;
}
.index_topics a {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 2.4rem;
}
.index_topics a span {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
}
.index_topics a strong {
    font-weight: normal;
}
.index_topics a:hover strong {
    text-decoration: underline;
}
.index_news {
    background: #fff;
    padding: 80px 40px 80px;
    margin-top: 0;
}
.index_news .in_wrap{
padding: 0 40px;}

.news_wrap .ttl {
    width: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 2px solid #e2e2e2;
    padding-bottom: 10px;
}
.news_wrap .ttl span {
    font-weight: normal;
}
.news_wrap .ttl a,
.ttl_wrap a {
    font-size: 1.6rem;
    padding-right: 20px;
    position: relative;
}
.news_wrap .ttl a:hover,
.ttl_wrap a:hover {
    text-decoration: underline;
}
.news_wrap .ttl a:before,
.ttl_wrap a:before {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.news_wrap .news_lists {
    padding-left: 120px;
    border-top: none;
}
body.index h2 {
    font-weight: bold;
    text-align: left;
    font-size: 2.0rem;
}
body.index h3 {
    text-align: left;
}
body.index h4{
    font-size: 3rem;
    position: relative;
    margin: 24px 0;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
}

.serif-text-center{
font-size: 2rem;
margin: 0 0 10px;
text-align: center;
font-family: 'Noto Serif JP', serif;}

.index_eff {
    background: #EAFAFD;
    padding: 80px 0 0;
    margin-top: 0px;
}


.index_eff .sub_blk {
    background: #F8F8F8;
    margin-top: 0!important;
    padding: 80px 0;
}
.index_eff .more ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.about_wrap{
    margin: 0 auto;
}
.about_wrap .ttl {
    font-weight: bold;
    text-align: left;
    font-size: 2.0rem;
    text-align: center;
}
.about_wrap .eng {
    text-align: center;
}
h4.s_ttl,
p.s_ttl{
font-family: 'Noto Serif JP', serif;
font-weight: 100;
}
.about_wrap .s_ttl {
    padding-left: 0;
    text-align: center;
    font-size: 3rem;
    position: relative;
    margin: 24px 0;
}
.about_wrap .s_ttl span {
    font-weight: normal;
    display: inline-block;
    position: relative;
    padding: 0 30px;
}
.about_wrap .s_ttl span:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
    width: 12px;
    height: 12px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.about_wrap {
    margin-top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-flow: column nowrap;
}
.about_wrap .main_blk {
    margin: 0 auto 0;
}
.about_wrap .main_blk + * {
    margin-top: 80px;
}
* + .about_wrap {
    margin-top: 40px;
}
#jigyou_index_urban * + .about_wrap,
#jigyou_index_human * + .about_wrap{
  margin-top: 80px;
}
.about_wrap .main_blk p,
.about_wrap .main_blk div {
    width: 641px;
    margin-left: auto;
    margin-right: auto;
}

.about_wrap .main_blk figure {
    text-align: center;
    margin-top: 40px;
}
.about_wrap .rows {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.about_wrap .second_blk,.about_wrap .third_blk {
    width: 45%;
}
.about_wrap .btn_nav {
    margin-top: 20px;
}

.index .about_wrap .btn_nav{
  margin-top: 50px;
}

.index_fyb {
    padding: 80px 0;
    margin-top: 0;
    background-color: #ffffff;
}
.index_fyb .more {
    margin-top: 60px;
}
.index_fyb .more li {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.index_fyb .carousel_wrap {
    margin-top: 57px;
}

body.index .index_fyb .lead{
width: 50%;
max-width: 621px;
}

.index_be {
    background: #fff url(../img/top/be_bg.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    padding: 8% 0 10% 0;
    color: #fff;
    margin-top: 0;
    height: 55vw;
    min-height: 700px;
    max-height: 1063px;
}
.index_be .main_blk h2,.index_be .main_blk h3,.index_be .main_blk h4 {
    text-align: center;
}
.index_be .main_blk,.index_ctw .main_blk,.index_cs .main_blk {
    width: 600px;
    margin: 0 auto;
}
.index_be a,.index_ctw a,.index_cs a {
    color: #fff;
}
.index_ctw {
    background: #fff url(../img/top/ctw_bg.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 8% 0 10%;
    color: #fff;
    margin-top: 0;
    min-height: 46vw;
    max-height: 890px;
}
.index_ctw .main_blk{
    width: 600px;
    margin: 0;
}
.index_ctw .link_corner {
    margin-top: 40px;
}
.index_cs {
    background: #fff url(../img/top/cs_bg.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 8% 0 10%;
    color: #fff;
    margin-top: 0;
    min-height: 46vw;
    max-height: 890px;
}
.index_cs h2,.index_cs h3,.index_cs h4 {
    text-align: center!important;
}
/*
news
*/
body.news #mv {
    margin-bottom: 0;
}
nav.news_sorts {
    border-bottom: 1px solid #ccc;
    text-align: right;
    padding: 20px 0;
    margin-bottom: 40px;
}
nav.news_sorts select {
    padding: 10px 60px 10px 30px;
    font-size: 1.6rem;
    border: 1px solid #ccc;
    height: 50px;
    position: relative;
}
select.year {
  width: auto;
}
select.categori {
  width: auto;
}
nav.news_sorts .rows {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
nav.news_sorts .select_wrap {
    margin-left: 10px;
    position: relative;
}
nav.news_sorts .select_wrap:before {
    content: '';
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    width: 10px;
    height: 10px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    display: block;
    background: none;
    left: auto;
}


nav.news_sorts .select_wrap {
  width: 200px;
  overflow: hidden;
  text-align: center;
}
nav.news_sorts .select_wrap select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
nav.news_sorts .select_wrap select::-ms-expand {
    display: none;
}
nav.news_sorts .select_wrap {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  background: #ffffff;
}

.cp_ipselect.cp_sl01 select {
  padding: 8px 38px 8px 8px;
  color: #666666;
}

.news_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.news_list h4 {
    min-width: 200px;
}

span.category i {
    background: #ccc;
    color: #fff;
    padding: 6px 0;
    font-size: 1.4rem;
    line-height: 1;
    width: 140px;
    text-align: center;
    display: inline-block;
}
span.category .c_s1  {
    background: #4a4a4a;
}
span.category .c_s2  {
    background: #00b6e8;
}
span.category .c_s3  {
    background: #3b388b;
}
span.category .c_s4  {
    background: #00bea8;
}
span.category .c_s5  {
    background: #3b388b;
}
span.category .c_s6  {
    background: #1994b9;
}

/*
IR
*/
.ir_info {
    position: absolute;
    color: #fff;
    bottom: 16%;
    left: 0;
    width: 100%;
}
.ir_info_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.ir_info_blk {
    width: 520px;
}
.ir_info_blk .ttl {
    padding: 12px;
    font-size: 2.6rem;
    font-weight: bold;
}
#mv .ir_info .ir_info_wrap .ir_info_blk .ttl {
    padding: 0;
    font-size: 2.5rem;
}
.ir_info_blk .date {
  text-align: right;
  padding-bottom: 12px;
}
.ir_info_blk .securities_code {
    display: inline-block;
    font-size: 1.8rem;
    margin-left: 2em;
}
.ir_info_blk .update_time {
    font-size: 1.4rem;
}

.ir_info_blk dl {
    border-top: 1px solid #fff;
    font-weight: bold;
    -ms-align-items: stretch;
    align-items: stretch;
}
.ir_info_blk dt,
.ir_info_blk dd {
    border-bottom: 1px solid #fff;
    padding: 12px 0px 12px 0;
    font-weight: bold;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: left;
    align-items: center;
}
.ir_info_blk dt {
    width: 18%;
    font-size: 1.6rem;
}
.ir_info_blk dd {
    width: 32%;
    padding: 12px 8% 12px 0;
    font-size: 2rem;
}
.ir_info_blk dd#change,
.ir_info_blk dd#open,
.ir_info_blk dd#low{
padding: 12px 0 12px 0;}
.ir_info_blk .chert_link {
    color: #fff;
    font-weight: bold;
    position: relative;
}
.ir_info_blk .chert_link:hover {
    color: #ff0085;
}
.ir_info_blk .chert_link:before {
    content: '';
    position: absolute;
    right: -14px;
    top: calc(50% - 5px);
    width: 7px;
    height: 7px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ir_info_blk .more_p2 {
    width: 100%;
    text-align: right;
    margin-top: 20px;
}
.ir_info_blk .more_p2 a {
    color: #fff;
    font-size: 1.4rem;
}
.ir_info_blk .view_box_wrap {
  height: 100%;
}
.ir_info_blk .view_box.ir .close_txt {
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}
.ir_index_news {
    padding: 60px 0 60px;
}

.anchor_nav.ir_kojin li:nth-child(4n) {
    margin-right: 0;
}
/*index*/



.ir_file_lists {
    margin-bottom: 60px;
}
/*anchor_nav*/
.anchor_nav {
    background: #fafafa;
    margin-top: 0!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-justify-content: center;
    /*justify-content: center;*/ /*ie回避*/
}
.anchor_nav + * {
    margin-top: 60px;
}
.anchor_nav .rows {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    padding: 40px 0 0;
    padding-top: 30px;
    width: auto;
    max-width: 1200px;
}

.anchor_nav .rows li {
    width: 300px;
    text-align: left;
}
.anchor_nav .rows li:last-child {
    margin-right: 0;
}
.anchor_nav .rows a {
    padding: 0px 0px 20px;
    display: block;
    font-weight: bold;
    font-size: 1.7rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin:  0 30px;
}
.anchor_nav .rows a:hover {
    color: #FB157E;
}
.anchor_nav .rows a span {
    position: relative;
    display: block;
    padding-right: 26px;
    text-align: center;
}
.anchor_nav .rows a:hover span {
    text-decoration: underline;
}
.anchor_nav .rows a span:before {
    content: '';
    position: absolute;
    right: 3px;
    top: calc( 50% - 9px );
    width: 8px;
    height: 8px;
    border-top: solid 3px currentColor;
    border-right: solid 3px currentColor;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.anchor_nav .rows a span.external:before {
    content: '';
    position: absolute;
    right: 20px;
    top: calc( 50% - 9px );
    width: 8px;
    height: 8px;
    border-top: solid 3px currentColor;
    border-right: solid 3px currentColor;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*category_nav*/
.category_nav {
    border-bottom: 1px solid #888;
}
.category_nav + * {
    margin-top: 60px;
}
.category_nav .rows {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.category_nav li {
    position: relative;
    -webkit-flex: 1px;
    flex: 1px;
}
.category_nav li:before{
    content: '';
    -webkit-transition: all .3s;
    transition: all .3s;
}
.category_nav li a {
    font-weight: bold;
    padding: 20px;
    min-height: 80px;
    font-size: 1.5rem;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.category_nav li.active:before,
.category_nav li:hover:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fb157e;
}
.category_nav li.cn_trg{
    position: relative;
    z-index: 2;
}
.category_nav_sub {
    position: absolute;
    top: 84px;
    left: 50%;
    background: #fafafa;
    width: 250px;
    padding: 0px 0px;
    box-shadow: 0px 2px 3px 1px #00000030;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    right: 0;
    transform: translateX(-50%);
}
.category_nav li.cn_trg:hover a + .category_nav_sub {
    opacity: 1;
    visibility: visible;
}
.category_nav_sub ul {
    padding: 10px 0 0;
}
.category_nav_sub li:before{
    display: none;
}

.category_nav li .category_nav_sub li a{
min-height: 60px;
letter-spacing: -0.02em;}

.category_nav li:hover .category_nav_sub:before{
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fb157e;
}

.category_nav_sub li a {
    height: auto!important;
    padding: 10px 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.category_nav_sub li a:hover {
    background: #dfdfdf;
}
.data_lists {
    -webkit-align-items: stretch;
    align-items: stretch;
}
.data_lists li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.data_lists li:nth-child(3n) {
    margin-right: 0;
}
.data_lists li a {
    background: #f5f5f5;
    padding: 30px 0;
    font-size: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    flex-flow : column nowrap;
    -webkit-transition: all .3s;
    transition: all .3s;
    min-height: 216px;
    height: 100%;
}
.data_lists li a:hover {
    background: #e8e8e8;
}
.data_lists .datas {
    margin-bottom: 10px;
}
.data_lists .data_name {
    font-size: 3.2rem;
    font-weight: bold;
    color: #4a4a4a;
}
.data_lists .data_size {
    font-size: 1.4rem;
}

/*
info
*/
.info_contact_doui .bd_wrap {
    padding-bottom: 160px;
}
.info_contact_doui .btn_wrap .doui{
    margin-bottom: 20px;
    font-size: 1.8rem;
}

#inq_next.-disabled{
  background-color: #ccc;
  pointer-events: none;
}

/*
messages
*/
.messages_wrap .img_wrap{
    width: 48%;
    margin-top: 0;
}
.messages_wrap .lead_wrap{
    width: 46%;
    margin-right: 6%;
}
#messages .messages_wrap .in_wrap {
    padding-left: 300px;
}
#messages .messages_wrap .lead_wrap {
    width: 100%;
}
#messages .name {
  text-align: right;
  font-size: 3.2rem;
  font-weight: bold;
}
#messages .name p {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
#messages .name span {
  text-align: right;
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 1em;
}
/*
outline
*/
#outline_history .acd_wrap {
    margin-top: 60px;
}
#outline_history .acd_wrap .date {
    display: inline-block;
    width:87px;
    font-size: 1.4rem;
    font-weight: normal;
}
#outline_history .acd_wrap .txt {
    -webkit-flex: 1;
    flex: 1;
    font-size: 1.6rem;
}
#outline_history .acd_wrap dt,
#outline_history .acd_wrap dd li {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#outline_history .acd_wrap dd li .date {
    width: 120px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-right: 4%;
}
#outline_history .acd_wrap dd li .date i {

}
#outline_history .acd_wrap dd li * {
}
#outline_history .acd_wrap dd .list_dashed {
    margin-left: 58px;
}
#outline_officers {
    padding: 80px 0;
    margin-top: 80px;
}
#outline_officers h5 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    font-weight: bold;
}
#outline_officers .officers_lists {
    margin-bottom: 40px;
}
.officers_lists .blk {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.officers_lists .blk:nth-child(3n) {
    margin-right: 0;
}

.officers_lists .blk a,
.officers_lists .blk div.nolink{
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.officers_lists .blk a:hover  {
  opacity: .8;
}
.officers_lists .blk .photo {
    width: 150px;
    margin-right: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    left: 0;
    top: 0;
}
.officers_lists .blk .photo img {
    border-radius: 999px;
}
.officers_lists .blk .p_datas {
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.officers_lists .blk .p_datas span {
    display: block;
    font-weight: normal;
}
.officers_lists .data {
    color: #000;
}
.officers_lists .blk a:hover .p_datas .data {
    color: #000;
}
.officers_lists .blk .p_datas .op {
    font-size: 1.4rem;
    margin-bottom: 3px;
}
.officers_lists .blk .p_datas .name {
    font-size: 2.0rem;
}
.officers_lists .blk .link_biography {
    -webkit-transition: all .3s;
    transition: all .3s;
}
.officers_lists .blk .p_datas .link_biography span{
    font-size: 1.4rem;
    position: relative;
    display: inline-block;
}
.officers_lists .blk .p_datas .link_biography span:before {
    content: '';
    position: absolute;
    right: -14px;
    top: calc( 50% - 4px );
    width: 5px;
    height: 5px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.officers_lists .blk a:hover .link_biography {
    color: #FB157E;
}
.officers_lists .blk a:hover .link_biography span:before {
    border-top: solid 2px #FB157E;
    border-right: solid 2px #FB157E;
    right: -16px;
}
.officers_lists .view_box .rows {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 40px;
}
.officers_lists .view_box .p_history {
    height: 270px;
    overflow-y: scroll;
}
/*スクロールバー表示させる*/
.officers_lists .view_box .p_history::-webkit-scrollbar{
   width: 6px;
   height: 3px;
   border-radius: 999px;
}
.officers_lists .view_box .p_history::-webkit-scrollbar-thumb{
   background: #ccc;
   border-radius: 999px;
}

.officers_lists .view_box .p_history li {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 0 0 10px;
}

.officers_lists .view_box .p_history li:last-child{
  margin: 0 0 20px;
}
.officers_lists .view_box .p_history li span {
    font-weight: normal;
}
.officers_lists .view_box .p_history li .date {
    margin-right: 20px;
}
#outline_organization {
    margin-top: 80px;
}
#outline_access dd .tb_wrap {
    padding: 20px;
    font-size: 1.8rem;
    line-height: 1.8;
}
#outline_access dd .tb_wrap .ttl_wrap {
    width: 200px;
}
#outline_access dd .tb_wrap .blk_wrap {
    padding-top: 0;
}
#outline_access dd .tb_wrap .blk_wrap p + p {
    margin-top: 10px;
}

#outline_access_detail {
    margin-top: 80px;
}
#outline_access_detail .ttl {
    font-size: 4.5rem;
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
}
#outline_access_detail .data {
    margin-top: 20px;
    width: 100%;
}
#outline_access_detail .data span {
    display: inline-block;
    margin-right: 16px;
    font-weight: normal;
}
.direction_info {
    border-top: 1px solid #888;
    margin-top: 80px;
}
.direction_info p {
    padding: 20px 0;
}
#outline_access_detail .map_view{
    margin-top: 40px;
    height: 440px;
    background: #f5f5f5;
}
#outline_access_detail .map_view iframe{
    width: 100%;
    height: 440px;
}
#outline_access_detail .btn {
    margin-top: 40px;
}


/*group*/
.group_list {

}
.group_list .blk {
    width: 23%;
    margin-right: 2.666%;
}
.group_list .blk:nth-child(4n) {
    margin-right: 0;
}
.group_list .ttl{
    font-size: 2.0rem;
    text-align: center;
}

.group_list .tags{
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 10px;
}
.group_list .tags p{
    padding: 3px 12px;
    font-size: 1.1rem;
    border-radius: 999px;
    border: 1px solid #707070;
    margin-right: 4px;
    margin-bottom: 4px;
}
.group_list .sort_name.active{
    padding: 3px 12px;
    font-size: 1.1rem;
    border-radius: 999px;
    border: 1px solid #707070;
    background: #707070;
    color: #fff;
    margin-right: 4px;
    margin-bottom: 4px;
}
/*csr*/
#csr_activity {
    margin-top: 80px;
    padding: 80px 0;
}
#csr_sdgs .ti_wrap .img_wrap  {
    -webkit-align-items: center;
    align-items: center;
}
#csr_sdgs .img_wrap div:first-child {
    width: 68%;
    margin-right: 10px;
}
#csr_sdgs .img_wrap div:last-child {
    -webkit-flex: 1;
    flex: 1;
}
#csr_sdgs .txt_wrap {
    padding-left: 0;
}
#csr_sdgs .efforts_blk {
    margin: 80px 0;
}
#csr_sdgs .efforts_blk > div,
.worldskills .efforts_blk > div{
    margin-bottom: 40px;
    padding: 0;
    width: 48%!important;
    margin-right: 4%;
    margin-bottom: 40px;
}
#csr_sdgs .efforts_blk > div:nth-child(2n),
.worldskills .efforts_blk > div:nth-child(2n){
    margin-right: 0;
}
#csr_sdgs .efforts_blk .efforts_heading {
    padding: 26px 36px;
    min-height: 0%;
}
#csr_sdgs .efforts_blk .efforts_elm {
    background: #fff;
    min-height: 0%;
}
#csr_sdgs .efforts_blk .blk {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#csr_sdgs .efforts_blk .blk:hover {
}
#csr_sdgs .efforts_blk a,
#csr_sdgs .efforts_blk div.no_link_box{
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: #E2F8EE;
    height: 100%;
}
#csr_sdgs .efforts_blk a:hover {
    color: #222!important;
}
#csr_sdgs .efforts_blk .ttls {
    margin-bottom: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-flow: row nowrap;
    color: #0A4467;
    font-size: 2.2rem;
    position: relative;
    padding-right: 50px;
}

#csr_sdgs .efforts_blk .no_link_box .ttls{
padding: 0;}

#csr_sdgs .efforts_blk .no_link_box .ttls:before{
display: none;}

#csr_sdgs .efforts_blk .ttls + .lead_wrap {
    margin-top: 20px;
    border-top: 1px solid #007F84;
    padding-top: 20px;
}
#csr_sdgs .efforts_blk .ttls:before {
    content: '';
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%20%3Cg%20transform%3D%22translate(-926%20-5687)%22%3E%20%3Cg%20transform%3D%22translate(946.5%205711.65)%22%3E%20%3Cline%20x2%3D%2226.031%22%20transform%3D%22translate(0%209.253)%22%20fill%3D%22none%22%20stroke%3D%22%230A4467%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M74.97%2C18.156l8.9-8.9.011-.006-8.9-8.9%22%20transform%3D%22translate(-57.853)%22%20fill%3D%22none%22%20stroke%3D%22%230A4467%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(926%205687)%22%20fill%3D%22none%22%20stroke%3D%22%230A4467%22%20stroke-width%3D%221%22%3E%20%3Ccircle%20cx%3D%2234%22%20cy%3D%2234%22%20r%3D%2234%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2234%22%20cy%3D%2234%22%20r%3D%2233.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');    -webkit-background-size: 40px auto;
    background-size: 40px auto;
    color:#fff;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: calc(50% - 20px);

}
#csr_sdgs .efforts_blk .ttls span {
    font-size: 6.3rem;
    margin-right: 10px;
    line-height: 1;
}
#csr_sdgs .efforts_blk .ttl {
    margin: 0;
}
#csr_sdgs .efforts_blk .lead_wrap {
    width: 100%;
}
#csr_sdgs .efforts_blk .img_wrap {
    margin-top: 10px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
}
#csr_sdgs .efforts_blk .img_wrap p {
    width: calc(50% - 5px);
}
#csr_sdgs .efforts_blk .img_wrap p {
    width: calc(50% - 5px);
}
.sdgs_icons {
  flex-flow: row nowrap;
}
.sdgs_icons li {
  width: 54px;
}
.sdgs_icons li + li {
  margin-left: 10px;
}
#csr_diversity .more_p2{
    text-align: right;
}
#csr_report .lead_wrap{
    margin-bottom: 16px;
}
#csr_report .list_dot .img_wrap {
    margin-left: 40px;

}
#csr_report .list_dot img {
    width: 120px;
}
/*contact*/
.contact_form th {
    width: 320px;
    vertical-align: top;
}
form.confirm p + p {
    margin-top: .8em;
}
.contact_form #seal {
    text-align: right;
}
.contact_form .err {
    color: #fb1818;
    font-weight: normal;
    display: block;
    margin-top: .8em;
}

/*--------------------------------------------------------------

 ダイバーシティ推進方針

--------------------------------------------------------------*/

#diversity{
  color: #424242;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

#diversity .mokuji {
    position: relative;
    border: 2px solid #3094c6;
    padding: 60px 0 30px;
    border-radius: 6px;
    background: #edf8fd url(/company/sustainability/diversity/img/mokuji_bg.png) -2px -2px no-repeat;
    padding-left: 60px;
}
#diversity .mokuji a{
    color: #424242;
    position: relative;
    display: inline-block;
    padding-right: 40px;
}
#diversity .mokuji a:before {
    content: '';
    position: absolute;
    right: 0;
    top: calc( 50% - 9px );
    width: 8px;
    height: 8px;
    border-top: solid 3px #3094c6;
    border-right: solid 3px #3094c6;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#diversity .mokuji .rows{
  -webkit-align-items: stretch;
  align-items: stretch;
  flex-flow: row nowrap;

}
#diversity .mokuji li{
  font-size: 19px;
  font-weight: bold;
  line-height: 1.1em;
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px #ccc solid;

}
#diversity .mokuji li:last-child{
  border-right: none;
  padding-right: 0;
  margin-right: 0;

}
#diversity .mokuji p{
  margin-top: 18px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.8em;
}
.diversitytheme_wrap {
  -webkit-align-items: stretch;
  align-items: stretch;
}
.diversitytheme_wrap .blk {
  background: #ccc;
  padding: 16px;
  border-radius: 6px;
}
.diversitytheme_wrap .blk .img_wrap {
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 16px;
}
.diversitytheme_wrap .blk.n1 {
  background: #3094c6;
}
.diversitytheme_wrap .blk.n2 {
  background: #faab32;
}
.diversitytheme_wrap .blk.n3 {
  background: #ef872e;
}
.diversitytheme_wrap .link_wrap {
  padding-left: 16px;
  padding-right: 16px;
}
.diversitytheme_wrap .link_wrap a {
  display: block;
  color: #fff;
}

#diversity .tc_pink {
  color: #e02671;
}
/*
  contact
*/
/*
footer
*/
.pagetop {
    position: absolute;
    right: 60px;
    top: -30px;
    bottom: auto;
}
.pagetop.fixed {
    position: fixed;
    right: 60px;
    bottom: 60px;
    top: auto;
    z-index: 5;
}
.pagetop a {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 999px;
    position: relative;
    display: block;
}
.pagetop a:hover {
    background: rgba(0, 0, 0, 0.9);
}
.pagetop a:before {
    content: '';
    position: absolute;
    right: calc(50% - 8px);
    top: calc( 50% - 5px );
    width: 14px;
    height: 14px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
}
footer  {
    text-align: center;
    padding: 40px 0;
    position: relative;

}
footer #f_mv {
    background: #f9f9f9;
    text-align: center;
    padding: 80px 0;
    margin-bottom: 40px;
    border-top: 1px solid #ccc;
    position: relative;
}
footer #f_mv img{
max-width: 568px;
width: 100%;
height:auto;
}
#f_nav {
    margin-bottom: 40px;
}
#f_nav li:not(:last-child) {
    margin-right: 6%;
}
#f_nav a {
    font-weight: bold;
}
#f_nav_sub li:not(:last-child) {
    margin-right: 20px;
}
#f_nav_sub li a {
    font-weight: bold;
}
.footer_bottoms {
    border-top: 1px solid #000;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 20px;

}
.f_bnr_youtube_img{
  display: block;
  width: 80px;
}
#copyright p {
    font-weight: bold;
}
#sp-manu {
    display: none;
}

#ir_kabushiki_analysts table tr td:first-child{
width: 30%;}

#ir_kabushiki_stock .img_wrap img{
width: 100%;
max-width: 600px;}

#ir_kabushiki_dividends .img_wrap img{
width: 100%;
max-width: 400px;
}

.tg{
display: block;
position: relative;}

.tg span{
position: relative;
display: inline-block;
padding: 0 21px 0 0;}

.tg span:after{
content:"";
display: block;
width: 18px;
height: 18px;
background: url(/asset/img/ext_link.svg) 0 0 no-repeat;
background-size: 18px auto;
position: absolute;
right: 0;
top: 50%;
margin: -9px 0 0;
-webkit-transition: bacground-image .3s;
   -moz-transition: bacground-image .3s;
    -ms-transition: bacground-image .3s;
     -o-transition: bacground-image .3s;
        transition: bacground-image .3s;}

.tg:hover span:after,
.ext_link_i:hover span:after{
background: url(/asset/img/ext_link_p.svg) 0 0 no-repeat!important;}

body.index header:hover .tg span:after{
background: url(/asset/img/ext_link.svg) 0 0 no-repeat;}

.tac{
text-align: center;}

#movie-box.view_box{
max-width: 900px;
width: 86vw;
margin: 0 auto;
right: 0;
left: 0;
top: 50px;
height: auto;}

.ifram-wrap iframe{
width: 100%;
height: 50vw;
max-height: 473px;
min-height: 197px;
margin: 0 0 20px;}

#movie-box.view_box .close_txt{
position: relative;
margin: 0;
padding: 0;}

.top-movie-wrap{
position: absolute;
right: 20px;
width: 20vw;
bottom: 87px;
max-width: 480px;}

#top-news-banner.img_wrap{
margin:80px 0 0;
text-align: center;}

#top-news-banner.img_wrap img{
max-width: 700px;
width: 100%;}

.tab-button-wrap{
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;}

.tab-button-wrap li{
text-align: center;
width: 100%;}

.tab-button-wrap li a{
display: block;
padding: 24px;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
position: relative;}

.tab-button-wrap li:last-child a{
border-right: 0;}

.tab-button-wrap li.active a{
border-bottom: 1px solid #ffffff;
color: #fb157e;
font-weight: bold;}

.tab-button-wrap li.active a:after{
content: "";
display: block;
position: absolute;
top: -1px;
left: 0;
height: 3px;
width: 100%;
background-color: #fb157e;}

.tab-content{
display: none;
margin-top: -1px;
padding: 40px;
border-bottom: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;}

.tab-content.active{
display: block;}

.tab-content .next_blk:first-child{
margin-top: 0;}

.tab-content hr.line{
background: #d2d2d2;
border:none;}

span.caption{
display: block;
font-weight: normal;
text-indent: -1em;
padding-left: 1em;}

.scroll-area{
height: 200px;
overflow-y: scroll;}

.serif-border-box{
font-family: 'Noto Serif JP', serif;
font-weight: 400;
border:1px solid #ccc;
padding: 40px;
margin-bottom: 24px;}

.serif-border-box-t {
margin-bottom: 40px;}

.serif-border-box-t dl{
display: flex;
align-items: center;
font-size: 2.4rem;}

.serif-border-box-t dd{
flex:1;
border-left: 1px solid #ccc;
padding-left: 16px;
margin-left: 16px;}

.serif-border-box-copy{
font-size: 4.0rem;
line-height: 1.8;}

.serif-number-list{
margin-top: 24px;}

.serif-number-list dl,
.serif-number-list p{
display: flex;
font-size: 1.8rem;}

.serif-number-list p{
line-height: 1.8;}

.serif-number-list dl:not(:first-child){
margin-top: 8px;}

.serif-number-list p:not(:first-child){
margin-top: 16px;}

.serif-number-list dl{
flex:1;}


@media screen and (max-width: 1200px) {
    .in_wrap,.btn {
        width: 100%;
        padding: 0 4vw;
    }
    .btn_wrap.rows .btn {
        width: auto;
        padding: 0;
    }

    #global_nav .h_search_wrap {
        margin-left: 0;
    }
    .h_search_dropdown.open .close {
        left: calc(50% - 50%);
    }
    
    #mv .ttls .category_ttl {
        font-size: 1.7vw;
    }
    #mv .ttls .page_ttl {
        font-size: 3.8vw;
    }
    #mv .catch_ttl {
        font-size: 4vw;
    }

    #mv .p_rel{
      top:70px;}

    #mv .lead {
        width: 54vw;
        font-size: 1.4vw;
    }
    /* article */
    .flex-direction-nav a:before {
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
    }
    .flex-direction-nav .flex-prev {
      left: 20px;
    }
    .flexslider:hover .flex-direction-nav .flex-prev {
      left: 20px
    }
    .flex-direction-nav .flex-next {
      right: 20px;
    }
    .flexslider:hover .flex-direction-nav .flex-next {
      opacity: 0.7;
      right: 20px;
    }
    /*owl-carousel*/
    .carousel_wrap {
        padding: 0 40px;
    }
    .owl-carousel .owl-nav button.owl-prev:before {
        left: -25px;
    }
    .owl-carousel .owl-nav button.owl-next:before {
        right: -25px;
    }
    .owl-carousel .owl-nav button.owl-prev:before {
        left: -26px;
    }
    /* footer */
    .footer_bottoms {
        justify-content: center;
        padding: 40px 0 0;
    }
    .footer_bottoms #f_nav_sub {
        margin-bottom: 10px;
    }
    .footer_bottoms #copyright {
        width: 100%;
    }
    .index_topics {
        padding: 20px 10px;
    }
}
@media screen and (max-width: 980px) {
    .in_wrap {
        width: 100%;
        padding: 0 4vw;
    }
    .one_wrap {
      width: 100%;
    }

    #global_nav .h_search_wrap {
        margin-left: 0;
    }
    #headers .logo {
        width: 12vw;
        padding-bottom: 24px;
    }
    /*index*/
    .index_topics {
        padding: 20px 10px;
    }
    .about_wrap {
        padding: 0px 0;
        width: 100%;
    }
    .about_wrap .in_wrap {
        padding: 0 4vw;
        width: 100%;
    }
    .about_wrap .main_blk {
        width: 100%;
        margin: 0 auto 0px;
    }

    .about_wrap .rows > div {
        width: 100%;
        margin-top: 8vw;
    }
    .about_wrap .main_blk p, .about_wrap .main_blk div {
        margin-left: auto;
        width: 100%;
        /* margin-right: auto; */
    }
}
@media screen and (max-width: 768px) {
    /* from parts style*/
    input[type="text"],textarea {
        padding: 4px 8px;
        width: 100%;
    }
    textarea {
        height: 120px;
    }
    select {
        padding: 4px 8px;
        width: 100%;
    }
    .btn > * {
        /*background: #fff;*/
        /*color: #333!important;*/
        /*border: solid 1px #ccc;*/
        padding: 14px 0;
        display: block;
        width: 100%;
    }
    #sp-manu {
        display: block;
        position: absolute;
        left: 10px;
        top: calc(50% - -16px);
    }
    #sp-manu.active {
        display: block;
        position: absolute;
        left: auto;
        right: 10px;
        top: 0;
        width: 100%;
        background: #fff;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #sp-manu .menu-trigger,
    #sp-manu .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
    }
    #sp-manu .menu-trigger {
      position: relative;
      width: 32px;
      height: 26px;
      display: block;
    }
    #sp-manu .menu-trigger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #333;
      border-radius: 4px;
    }
    #sp-manu .menu-trigger span:nth-of-type(1) {
      top: 0;
    }
    #sp-manu .menu-trigger span:nth-of-type(2) {
      top: 11px;
    }
    #sp-manu .menu-trigger span:nth-of-type(3) {
      bottom: 0;
    }
    #sp-manu .menu-trigger span:nth-of-type(1) {
      -webkit-animation: menu-bar01 .75s forwards;
      animation: menu-bar01 .75s forwards;
    }
    @-webkit-keyframes menu-bar01 {
      0% {
        -webkit-transform: translateY(20px) rotate(45deg);
      }
      50% {
        -webkit-transform: translateY(20px) rotate(0);
      }
      100% {
        -webkit-transform: translateY(0) rotate(0);
      }
    }
    @keyframes menu-bar01 {
      0% {
        transform: translateY(20px) rotate(45deg);
      }
      50% {
        transform: translateY(20px) rotate(0);
      }
      100% {
        transform: translateY(0) rotate(0);
      }
    }
    #sp-manu .menu-trigger span:nth-of-type(2) {

      opacity: 1;
    }
    #sp-manu .menu-trigger span:nth-of-type(3) {
      -webkit-animation: menu-bar02 .75s forwards;
      animation: menu-bar02 .75s forwards;
    }
    @-webkit-keyframes menu-bar02 {
      0% {
        -webkit-transform: translateY(-20px) rotate(-45deg);
      }
      50% {
        -webkit-transform: translateY(-20px) rotate(0);
      }
      100% {
        -webkit-transform: translateY(0) rotate(0);
      }
    }
    @keyframes menu-bar02 {
      0% {
        transform: translateY(-20px) rotate(-45deg);
      }
      50% {
        transform: translateY(-20px) rotate(0);
      }
      100% {
        transform: translateY(0) rotate(0);
      }
    }
    #sp-manu .menu-trigger.active span:nth-of-type(1) {
      -webkit-animation: active-menu-bar01 .75s forwards;
      animation: active-menu-bar01 .75s forwards;
      top: -10px;
    }
    @-webkit-keyframes active-menu-bar01 {
      0% {
        -webkit-transform: translateY(0) rotate(0);
      }
      50% {
        -webkit-transform: translateY(20px) rotate(0);
      }
      100% {
        -webkit-transform: translateY(20px) rotate(45deg);
      }
    }
    @keyframes active-menu-bar01 {
      0% {
        transform: translateY(0) rotate(0);
      }
      50% {
        transform: translateY(20px) rotate(0);
      }
      100% {
        transform: translateY(20px) rotate(45deg);
      }
    }
    #sp-manu .menu-trigger.active span:nth-of-type(2) {
      opacity: 0;
    }
    #sp-manu .menu-trigger.active span:nth-of-type(3) {
      -webkit-animation: active-menu-bar03 .75s forwards;
      animation: active-menu-bar03 .75s forwards;
      bottom: -7px;
    }
    @-webkit-keyframes active-menu-bar03 {
      0% {
        -webkit-transform: translateY(0) rotate(0);
      }
      50% {
        -webkit-transform: translateY(-20px) rotate(0);
      }
      100% {
        -webkit-transform: translateY(-20px) rotate(-45deg);
      }
    }
    @keyframes active-menu-bar03 {
      0% {
        transform: translateY(0) rotate(0);
      }
      50% {
        transform: translateY(-20px) rotate(0);
      }
      100% {
        transform: translateY(-20px) rotate(-45deg);
      }
    }
    /*view_box*/
    .view_box {
        width: 86vw;
        height: 70vh;
        padding: 4vw;
        top: calc(50% - 35vh);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .view_box_scr_wrap{
      position: static;
      height: auto;
    }
    .link_blk_wrap{
      height: 77%;
      padding: 4vw;
    }
    .view_box .close_txt {
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 4vw 0 ;
        width: 100%;
    }
    .view_box.auto_h {
      height: 100%;
      max-height: 100%;
      width: 100%;
      left: 0;
      top: 0!important;
  }
    /*section*/
    section + section {
        margin-top: 40px;
    }
    /*window fit*/
    .in_wrap .sp_fit {
        width: auto!important;
        margin-left: -4vw!important;
        margin-right: -4vw!important;
    }
    /**/
    .r4 .blk{
        width: 48%;
        margin-right: 4%;
        margin-top: 0!important;
    }
    .r4 .blk:nth-child(2n){
        margin-right: 0!important;
    }
    .r4 .blk:nth-of-type(n+3){
      margin-top: 40px!important;
    }
    /*wrap*/
    .spc_wrap {
        padding: 0;
    }
    .sp_spc_wrap {
      padding: 8vw 4vw;
    }
    .in_wrap {
      padding: 0 4vw;
    }
    .hl_spc_wrap {
      padding-top: 8vw;
      padding-bottom: 8vw;
    }
    .lead_wrap.spc_wrap,
    .img_wrap.spc_wrap {
        padding: 4vw;
    }
    .one_wrap {
        width: 100%;
        padding: 0 4vw;
    }
    .acd_wrap {
        margin-left: -4vw;
        margin-right: -4vw;
    }
    .acd_wrap.spc_wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .acd_wrap > dt {
        margin-bottom: 6px;
        font-size: 1.8rem;
    }
    .el_wrap > div{
        width: 100%;
    }

    .el_wrap .lead_wrap {
        padding: 0;
        margin-top: 4vw;
    }
    .tb_wrap .ttl_wrap,.tb_wrap .img_wrap,.tb_wrap .blk_wrap {
        width: 100%;
        -webkit-flex: none;
        flex: none;
    }
    .tb_wrap .blk_wrap {
        padding-top: 0;
        margin-left: 0;
    }
    .ti_wrap .txt_wrap {
        -webkit-order: 1;
        order: 1;
        width: 100%!important;
        padding: 0 4vw!important;
    }
    .in_wrap .ti_wrap .txt_wrap{
        padding: 0!important;
    }
    .ti_wrap .img_wrap {
        width: 100%!important;
        -webkit-order: 2;
        order: 2;
        margin-top: 8vw!important;
    }
    .ti_wrap.sp_rev .txt_wrap {
        -webkit-order: 2;
        order: 2;
        margin-top: 8vw;
    }
    .ti_wrap.sp_rev .img_wrap {
        width: 100%!important;
        -webkit-order: 1;
        order: 1;
        margin-top: 0;
    }
    .ti_wrap + .ti_wrap {
        margin-top: 8vw;
    }
    .img_wrap img {
        width: 100%;
    }
    .tbl_wrap img {
        width: auto!important;
        max-width: initial!important;
        zoom: 0.5;
    }
    .tbl_wrap {
        overflow-x: scroll;
        position: relative;
        -webkit-overflow-scrolling: touch;
    }
    .tbl_wrap table {
        white-space: nowrap;
    }
    .tbl_wrap:before,
    .tbl_wrap:after {
        pointer-events: none;
    }
    .tbl_wrap:before {
        /*content: '';*/
        position: absolute;
        width: 20px;
        height: 20px;
        right: 0;
        top: 50%;
        display: block;
        background: #000;
    }

    .tbl_wrap:after {
        /*content: '';*/
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        display: block;
        background: #00000014;
    }
    .btn_wrap.rows {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .btn_wrap.rows .btn {
        width: 48%;
        padding: 0;
    }
    .btn_wrap.rows .btn > * {
        display: block;
        width: 100%;
    }
    .btn_wrap.rows > * + * {
        margin-left: 0;
    }
    .bd_wrap {
        border-left: none;
        border-right: none;
    }
    .bd_wrap.spc_wrap {
        padding: 8vw 4vw;
    }
    .extlink_wrap .extlink_btn{
      width: 100%;
    }
    .extlink_wrap .extlink_btn a {
        display: block;
        width: 100%;
        text-align: left;
    }
    .extlink_wrap .extlink_btn + .extlink_btn {
        margin-left: 0;
        margin-top: 10px;
    }
    /*next section*/
    .next_sec {
        margin-top: 40px;
    }
    .next_blk {
      margin-top: 8vw;
    }
    .next_elm {
      margin-top: 4vw;
    }
    /*text*/
    .heading_p1 {
        font-size: 2.4rem;
    }
    .heading_p1 + * {
        margin-top: 4vw;
    }
    .sttl {
        font-size: 2.1rem;
        font-weight: bold;
    }
    /*nav*/
    /*section_nav*/
    .section_nav .blk {
        width: 100%;
        margin: 0;
    }
    .section_nav .blk .bg {
        position: relative;
    }
    .section_nav .blk a{
      position: relative;
      display: block;
    }

    .section_nav .blk .bg .ttl {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 2rem;
        font-weight: normal;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 90%;
        height: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 4vw;
        color: #fff;

    }
    .section_nav .blk p.sp:before {
      content: '';
      position: absolute;
      right: 20px;
      top: 50%;
      margin: -5px 0 0;
      width: 10px;
      height: 10px;
      border-top: solid 2px #ffffff;
      border-right: solid 2px #ffffff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      display: block;
  }
    .section_nav .blk .txt_wrap {
      position: static;
      color: #333;
      padding: 4vw 0 8vw;
    }

    .section_nav .blk .txt_wrap .ttl {
      display: none;
    }
    /*category_nav*/
    .category_nav .in_wrap{
    padding: 0;}
    .category_nav li a{
    min-height: 100%;
    font-size: 1.4rem;}
    .category_nav {
        border-color: #e8e8e8;
        padding: 15px 0 15px;
        position: relative;
    }
    .category_nav .menu {
        font-family: Times New Roman,Times;
        font-size: 2rem;
        position: relative;
        font-weight: 500;
        cursor: pointer;
        padding: 0px 4vw;
    }
    .category_nav .menu:before {
        content: '';
        position: absolute;
        right: 4.3vw;
        top: calc( 50% - 8px );
        width: 10px;
        height: 10px;
        border-top: solid 2px currentColor;
        border-right: solid 2px currentColor;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .category_nav .menu.active:before {
        top: calc( 50% - 4px );
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .category_nav ul {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s;
        transition: all .3s;
        position: relative;
        display: none;
        left: 0;
        top: 59px;
    }
    .category_nav ul.open {
        opacity: 1;
        background: #f9f9f9;
        width: 100%;
        position: relative;
        top: 15px;
        display: flex;
        visibility: visible;
        height: auto;
        z-index: 9;
    }
    .category_nav ul li {
        -webkit-flex: none;
        flex: none;
        width: 50%;
    }
    .category_nav ul li:before{
        display: none!important;
    }
    .category_nav li.cn_trg:hover a + .category_nav_sub {
        opacity: 0;
        visibility: hidden;
    }
    /*anchor_nav*/
    .anchor_nav .rows a span:before{
    right: 3px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    }
    .anchor_nav {
        background: none;
        margin: 18px 4vw 40px!important;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    }
    .anchor_nav + * {
        margin-top: 20px;
    }
    .anchor_nav .rows {
        padding: 2vw 0;
        width: 100%;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .anchor_nav .rows li {
        width: 48%;
        margin-right: 4%;
    }
    .anchor_nav .rows li:nth-child(2n) {
        margin-right: 0;
    }
    .anchor_nav .rows a {
        padding: 10px 6px 10px 0;
      font-size: 1.2rem;
      margin: 0;
      letter-spacing: -0.01em;
    }
    .anchor_nav .rows a span {
        display: block;
        text-align: left;
        padding-right: 24px;
    }
    /*parts*/
    .eng {
        font-size: 8vw;
    }
    .index .about_wrap .btn_nav{
    margin-top: 30px;
    }
    .btn_nav li a {
        padding: 12px 12px;
        font-size: 1.6rem;
    }
    /*more*/
    .index_fyb .more{
      margin-top: 25px;
    }
    .more {
        margin-top: 40px;
    }
    .more.col li {
        flex-flow: row wrap;
        justify-content: flex-start;
    }
    .more.col a {
        flex-flow: row wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
        flex-flow: row wrap!important;
    }
    .more.col a .icon {
        margin-left: 20px;
        margin-bottom: 0;
    }
    .more.col a .icon img {
        height: 40px;
        width: auto;
    }
    .more.col a i {
        -webkit-order: 2;
        order: 2;
    }
    .more.col a span {
        -webkit-order: 1;
        order: 1;
    }

    .more_p2 {
        margin-top: 8vw;
        text-align: right;
    }
    .more_p2 a span {
        padding-right: 12vw;
        font-weight: normal;
    }
    .more_p2 a span:before {
        right: 4vw;
        border-top: solid 1px currentColor;
        border-right: solid 1px currentColor;
        top: calc( 50% - 5px );
        width: 7px;
        height: 7px;
    }

    /*more_link*/
    .more_link {
        padding-right: 30px;
        font-size: 1.2rem;
    }
    .more_link:before {
        content: '';
        position: absolute;
        right: 12px;
        top: calc( 50% - 4px );
        width: 6px;
        height: 6px;
        border-top: solid 2px currentColor;
        border-right: solid 2px currentColor;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);

    }
    .more_link:hover {
        border: 1px solid currentColor;
    }
    /*link_corner*/
    .link_corner li a {
        font-size: 2.0rem;
    }
    /**/
    .list_dot li a, .list_dot li p {
        padding: 14px 0;
        font-weight: bold;
        font-size: 1.6rem;
    }
    .list_dot li a:before {
        right: 9px;
    }
    /*list_dashed*/
    .list_dashed li a .data_size {
        display: inline-block;
        margin-left: 6px;
        font-size: 1.4rem;
    }
    /*header*/
    header {
        padding: 0;
        position: fixed;
        height: 56px;
        z-index: 12;
        background: #fff;
        width: 100%;
        top: 0!important;
        border-bottom: 1px solid #ccc;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    header.scroll {
        background: #fff!important;
    }
    header.scroll #sp-manu .menu-trigger span {
      background-color: #333!important;
    }
    #headers {
        -webkit-justify-content: center;
        justify-content: center;
    }

    #headers .logo {
        width: 100px;
        padding: 10px;
    }

    body.index header:hover{
      background-color: rgba(255,255,255,0);
    }
    body.index header:hover #headers .logo a{
      background-image: url(../img/logo_w.svg);
    }
    body.index header.scroll #headers .logo a {
      background-image: url(../img/logo.svg);
    }
    body.index header:hover #global_nav .h_search_wrap button{
      background-image:url(../img/icon_search_w.png);
    }
    body.index header:hover #global_nav .h_search_wrap button{
      background-image:url(../img/icon_search_w.png);
    }
    body.index header.scroll:hover #global_nav .h_search_wrap button{
      background-image:url(../img/icon_search.png);
    }
    #headers .logo a, body.index header.header_fixed #headers .logo a{
      height: 38px!important;
    }
    header.header_fixed{
    animation: none;
    }
    body.index main.view{
    position: static;
    top: 0;
    }
    #global_nav {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    #global_nav.active {
        height: 100vh;
        position: fixed;
        z-index: 10;
        background: #f9f9f9;
        overflow-y: auto;
    }

    #global_nav .h_search_wrap {
        position: absolute;
        right: 10px;
        top: calc(50% - -13px);
        padding: 0;
        overflow: hidden;
    }
    #global_nav .tops.rows {
        display: none;
    }
    #global_nav .tops.rows.open {
        position: absolute;
        width: 100%;
        top: 59px;
        left: 0;
        display: block;
        background: #fff;
        z-index: 999;
        border-top: 1px solid #ccc;
        overflow: hidden;
    }
    
    #global_nav ul.tops{
      margin: 0;}

    #global_nav ul li,
    #global_nav ul li:first-child {
        margin-right: 0;
        margin-left: 0;

    }
    #global_nav ul li a:before {
        display: none;
    }

    #global_nav ul li.dropdown-btn{
    margin: 0;
    }

    #global_nav .tops.rows > li {
        border-bottom: 1px solid #ccc;
    }
    #global_nav .tops.rows > li.sp_sub_nav{
      border-bottom: 0px solid #ccc;
    }
    .dropdown {
        position: static;
        width: 100%;
        z-index: 10;
        background: #f9f9f9;
        left: 0;
        top: 112px;
        border-top: 1px solid #ccc;
        padding: 0 0;
        opacity: 0;
        transition: all .3s;
        visibility: hidden;
        height: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dropdown.open {
        opacity: 1;
        visibility: visible;
    }
    .page_info {
        display: none;
    }
    .global_nav_pages{
      border:none;
      padding: 0;}
    .global_nav_pages.rows {
        -webkit-flex: 1;
        flex: 1;
        padding-top: 0;
    }

    .dropdown .global_nav_pages{
      display: block;
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease; 
    }

    .menu_company .dropdown .global_nav_pages{
      min-height: 300px;
    }

    .menu_jigyou .dropdown .global_nav_pages{
      min-height: 156px;
    }

    .menu_ir .dropdown .global_nav_pages{
      min-height: 450px; 
    }
      
    .dropdown.open .global_nav_pages ul.open{
      overflow: visible;
    }

    .dropdown .row_wrap {
        -webkit-flex: none;
        flex: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;

    }

    .dropdown .in_wrap {
        padding: 0;
    }

    #header_ir .dropdown .row_wrap{
      width: 100%;
    }

    #global_nav .global_nav_pages.rows .ttl {
        margin-bottom: 0;
    }
    #global_nav ul li a,
    #global_nav .global_nav_pages.rows .ttl a,
    #global_nav .global_nav_pages.rows .ttl span,
    #global_nav .global_nav_pages.rows .ttl + ul a {
        font-size: 1.6rem;
        font-weight: bold;
        text-align: left;
        padding: 14px 20px;
        display: block;
        cursor: pointer;
    }
    #global_nav .global_nav_pages.rows .ttl span a {
        padding: 0;
        display: inline-block;
    }
    #global_nav .trg {
        position: relative;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    #global_nav .trg:hover {
        background: #f9f9f9;
    }
    #global_nav .dropdown-btn .trg:before,
    .company #global_nav ul li.menu_company .trg:before,
    .jigyou #global_nav ul li.menu_jigyou .trg:before,
    .case #global_nav ul li.menu_case .trg:before,
    .ir #global_nav ul li.menu_ir .trg:before,
    .recruit #global_nav ul li.news_recruit .trg:before {
        content: '';
        position: absolute;
        right: 20px;
        top: calc(50% - 10px);
        width: 10px;
        height: 10px;
        border-top: solid 2px currentColor;
        border-right: solid 2px currentColor;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        display: block;
        background: none;
        left: auto;
    }
    #global_nav .dropdown-btn .trg.tg:before{
      display: none;
    }
    #global_nav #single_link .trg:before,
    #global_nav li:nth-child(4) .trg:before{
      -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: calc(50% - 6px);
    }
    .active .h_search_wrap{
    display: none;
    }
    #global_nav ul li a:hover:before {
        content: '';
        position: absolute;
        left: auto;
        right: 20px;
        top: calc(50% - 10px);
        width: inherit;
        height: inherit;
        background: none;
    }
    #global_nav .global_nav_pages.rows .ttl + ul {
        position: absolute;
        background: #f9f9f9;
        z-index: 10;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transition: .3s;
        visibility: hidden;
        transform: translateX(2000px);
        overflow: hidden;
    }
    #global_nav .global_nav_pages.rows .ttl span,
    #global_nav .global_nav_pages.rows .ttl + ul li.close a {
        position: relative;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    #global_nav .global_nav_pages.rows .ttl span:hover,
    #global_nav .global_nav_pages.rows .ttl + ul li.close a:hover {
        background: #f5f5f5;
    }
    #global_nav .global_nav_pages.rows .row_wrap.open li {
        margin-bottom: 0;
    }
    #global_nav .dropdown-btn .ttl span:before {
        content: '';
        position: absolute;
        right: 20px;
        top: calc(50% - 10px);
        width: 10px;
        height: 10px;
        border-top: solid 2px currentColor;
        border-right: solid 2px currentColor;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        display: block;
    }
    #global_nav .global_nav_pages.rows .ttl + ul.open {
        visibility: visible;
        transform: translateX(0px);
    }
    #global_nav .global_nav_pages.rows .ttl + ul li.close a {
        text-align: right;
        position: relative;
    }
    #global_nav .global_nav_pages.rows .ttl + ul li.close a:before {
        content: '';
        position: absolute;
        left: 20px;
        top: calc(50% - 5px);
        width: 10px;
        height: 10px;
        border-top: solid 2px currentColor;
        border-right: solid 2px currentColor;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        display: block;
    }
    .h_search_dropdown.open {
        display: block;
        height: 85px;
        position: fixed;
        z-index: 10;
        left: 0;
        width: 100%;
        top: 0;
        background: #fff;
        -webkit-align-items: start;
        align-items: start;
        -webkit-justify-content: left;
        justify-content: left;
        text-align: left;
        display: flex;
        visibility: visible;
        opacity: 1;
    }
    .h_search_dropdown.open .icon {
        top: calc(50% - 12px);
    }
    .h_search_dropdown.open .close {
        right: 10px;
        left: auto;
        width: 32px;
        padding: 0;
    }
    #___gcse_0{
    width: 75%;}

    .h_search_dropdown label {
        padding-bottom: 0;
    }
    .h_search_dropdown.open input[type="text"] {
        width: 80%;
    }
    .h_search_dropdown.open input[type="text"].sp-inb {
        width: 300px;
        font-size: 1.6rem;
        border-bottom: none;
    }
    .gsc-input-box{
    padding: 0!important;
    margin: 0!important;
    }
    #headers .gsc-search-box {
        margin-bottom: 0px;
        margin-left: 10px;
    }
    .sp_sub_nav {
        background: #f9f9f9;
        padding: 14px;
        display: block;
    }
    .sp_sub_nav a {
        padding-left: 0!important;
    }

    /* page_header */
    #page_header {
        height: 44vw;
        max-height: 180px;
    }
    #page_header + section {
        margin-top: 8vw;
    }
    #page_header.def {
        height: auto;
        max-height: 100%;
        background: none;
        color: #222;
        padding: 8vw 0 0;
    }
    #page_header .category_ttl {
        font-size: 1.8rem;
    }
    #page_header .page_ttl {
        font-size: 2.8rem;
    }

    /* main */
    main {
        top: 55px;
        margin-top: 0;
        margin-bottom: 55px;
        border-top: 0;
    }
    #mv {
        position: relative;
    }
    #mv + div {
        margin-top: 4vw;
    }
    
    #mv .lead {
        display: none;
    }

    #mv .p_rel{
    top: 30px;
    }

    #mv .ttls .category_ttl {
        font-size: 3vw;
        padding-left: 36px;
        margin-bottom: 13px;
        position: relative;
    }
    #mv .ttls .category_ttl:before {
        content: '';
        background: #ff0085;
        position: absolute;
        content: '';
        width: 9px;
        height: 26px;
        left: 12px;
        top: -10px;
        transform: skewX(-45deg);
    }
    #mv .ttls .page_ttl {
        font-size: 4.8vw;
    }
    #mv .catch_ttl {
        margin: 13px 0 0;
        font-size: 5vw;
    }
    body.casestudys #mv h2 p:last-child {
        width: 85%;
    }
    #breadcrumbs {
        bottom: 0;
        top: auto;
        border-top: 1px solid #ccc;
        position: absolute!important;
        margin: 0!important;
        overflow-x: auto;
    }
    /*スクロールバー表示させる*/
    #breadcrumbs::-webkit-scrollbar{
       width: 2px;
       height: 3px;
    }
    #breadcrumbs::-webkit-scrollbar-thumb{
       background: #efefef;
       border-radius: 999px;
    }
    #breadcrumbs .in_wrap {
        min-width: -moz-max-content;
        min-width: -webkit-max-content;
        min-width: -o-max-content;
        min-width: -ms-max-content;
    }
    #breadcrumbs li a, #breadcrumbs li span {
        color: #000;
        padding: 16px 0;
        display: block;
    }
    #breadcrumbs li:before {
        border-top: solid 1px #000;
        border-right: solid 1px #000;
    }
    :not(nav) + .page_nav{
      margin-top: 18px;
    }
    .page_nav {
        margin-top: 18px;
        margin-bottom: 30px;
    }
    .page_nav ul {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .page_nav li {
        width: 50%;
    }
    .page_nav li:nth-child(2n) {
        margin-right: 0;
    }
    .page_nav li:not(:nth-child(2n)) a {
        border-right: 1px solid #fff;
    }
    .page_nav li:first-child {
        border-left: none;
    }
    .page_nav li:before,.page_nav li:after,
    .page_nav li a:before,.page_nav li a:after  {
        display: none!important;
    }
    .page_nav li a {
        border-bottom: 1px solid #fff;
        font-size: 1.4rem;
    }
    .page_nav li.active a,.page_nav li a:hover {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .list_rows .in_row {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 3vw;
    }
    .rows_lm .in_row{
    width: 46.5% !important;}

    .list_rows .in_row:nth-child(3n) {
       margin-right: 2%;
    }
    .list_rows .in_row:nth-child(2n) {
        margin-right: 0;
    }
    .list_rows .row_wrap {
        padding: 12px;
    }
    .list_rows .row_wrap .ttl {
        font-size: 1.6rem;
    }

    .tags i {
        padding: 3px 8px;
        font-size: 1.2rem;
    }
    /* h */
    .h4_ttl {
        margin-bottom: 14px;
    }
    * + .h4_ttl {
        margin-top: 48px;
    }
    .h4_ttl span {
        font-size: 1.8rem;
        padding-left: 44px;
    }
    .h4_ttl span:before {
        content: '';
        height: 38px;
    }
    /*txt*/
    .ttl_p1 {
        font-size: 1.8rem;
    }
    .ttl_p2 {
        font-size: 1.8rem;
    }
    .ttl_p3 {
        font-size: 1.7rem;
    }
    /**/
    .carousel_wrap {
        padding: 0 4vw;
    }
    .index_fyb .carousel_wrap{
      margin-top: 20px;
    }
    .owl-carousel .owl-nav button.owl-prev:before {
        left: 0;
        bottom: 8px;
        top: auto;
    }
    .owl-carousel .owl-nav button.owl-next:before {
        right: 0;
        bottom: 8px;
        top: auto;
    }
    /*index*/
    body.index main {
        margin: 0;
        top: 0;
    }
    body.index #mv {
        height: 100vh!important;
    }
    body.index header {
        background: none;
        border-bottom: none;
    }
    body.index #mv h2.ttls {
        margin: -80px auto 0;
        width: 82vw;
        min-width: auto;
        max-width: 400px;
    }
    body.index .trg {
        color: #000;
    }
    body.index .index_fyb .lead {
    width: 100%;
    max-width: 100%;
    }
    body.index .lead {
        font-size: 1.6rem;
    }
    body.index #sp-manu .menu-trigger span {
        background-color: #fff;
    }
    body.index #sp-manu .menu-trigger.active span {
        background-color: #000;
    }
    .news_wrap .news_lists {
        padding-left: 0;
    }
    span.category i {
        font-size: 1rem;
        width: 100px;
    }
    .news_lists a {
        flex-flow: row wrap;
        -webkit-align-items: center;
        align-items: center;
    }
    .news_lists span {
        font-size: 1.2rem;
        margin-right: 8px;
    }
    body.index [class*="_blk"] {
        margin-top: 45px;
    }
    body.index .main_blk {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }
    body.index .main_blk h2,body.index .main_blk h3 {
        text-align: left;
        margin-top:18px;
    }
    .index_cs h2, .index_cs h3, .index_cs h4 {
        text-align: left!important;
    }
    body.index h4,
    .serif-head4 {
        font-size: 2.2rem;
        margin: 15px 0 5px;
    }
    .index_topics {
        margin: 0 auto 0 auto;
        padding: 4vw;
        top: -100px!important;
        position: relative;
    }
    .index_topics .in_wrap {
        padding: 20px 24px;
        top: 0;
        margin-bottom: 0;
    }

    .index_topics ul {
        -webkit-flex: none;
        flex: none;
        width: 100%;
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }
    .index_topics .ttl, .news_wrap .ttl {
        font-size: 2.0rem;
        font-family: Times New Roman,Times;
        font-style: italic;
    }
    .index_topics .ttl {
        width: 80px;
        margin-bottom: 2px;
    }
    .index_topics a {
        font-size: 1.8rem;
    }
    .index_topics a span {
        display: block;
        font-size: 1.4rem;
        border-left: 1px solid #ccc;
        padding-left: 10px;
        margin-left: 10px;
        position: absolute;
        top: 25px;
        left: 83px;
    }
    .index_topics a strong {
        margin-left: 0;
        display: inline-block;
        line-height: 1.2;
        font-size: 1.6rem;
    }
    .index_topics .icon {
        display: none;
    }
    .news_wrap {
        background: #fff;
        padding: 8vw 4vw ;
        margin-bottom: 4vw;
    }
    .news_wrap .in_wrap {
        padding: 0;
    }
    .news_wrap .ttl {
        padding-bottom: 6px;
    }
    .news_wrap .ttl a {
        display: none;
    }
    body.index h4,
    .serif-head4{
    font-weight: 600;
    }
    body.index .about_wrap h4{
        font-size: 1.8rem;
        text-align: left;
    }
    body.index .about_wrap .sub_blk h4 {
        padding-left: 0;
        text-align: center;
        font-size: 1.8rem;
    }
    body.index .about_wrap h4:before {
        top: calc(50% - 4px);
        width: 8px;
        height: 8px;
    }
    .index_ctw .link_corner {
        margin-top: 80px;
    }
    .index_be {
        background: #fff url(../img/top/be_bg_sp.png) 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 40px 0;
    }
    .index_be,
    .index_ctw,
    .index_cs{
      height: 134vw;
      min-height: 508px;
      max-height: 100%;
    }
    .index_be .main_blk h2,.index_be .main_blk h3,.index_be .main_blk h4 {
        text-align: left;
    }
    .index_ctw {
        background: #fff url(../img/top/ctw_bg_sp.png) center 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 40px 0 80px;
    }
    .index_cs {
        background: #fff url(../img/top/cs_bg_sp.png) center 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;

    }
    #jigyou_index_urban * + .about_wrap, 
    #jigyou_index_human * + .about_wrap{
      margin-top: 25px;
    }
    #jigyou_index_urban .lead_wrap p:not([class*="ttl_"]) + p,
    #jigyou_index_human .lead_wrap p:not([class*="ttl_"]) + p{
      margin-top: 20px;
    }
    #jigyou_index_urban .eng,
    #jigyou_index_human .eng{
      font-size: 2.5rem;
    }
    .index .about_wrap .sub_blk .eng,
    .about_wrap .eng{
    font-size: 2.5rem;
    }
    .index_eff,.index_eff .sub_blk {
        padding: 8vw 0;
    }
    .index_eff {
        padding-bottom: 0;
        margin-top: 0;
    }
    body.index .index_eff .main_blk {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    body.index .index_eff .main_blk figure {
        margin-left: -4vw;
        margin-right: -4vw;
    }
    /*article*/
    #article_headers {
        margin-top: 4vw;
        margin-bottom: 2vw;
    }
    #article_headers h3 {
        font-size: 2.4rem;
    }
    #article_details p.detail {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
    #article_details figure {
        margin-bottom: 20px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .flexslider {
        margin-bottom: 0;
        margin-left: -10px;
        margin-right: -10px;
        border: none;
    }
    .flexslider figure {
        margin-bottom: 20px;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .flexslider figcaption {
        padding-right: 10px;
    }
    /* news */

    nav.news_sorts .select_wrap:first-child{
      width: 33%;}

    nav.news_sorts .select_wrap:last-child{
      width: 50%;}

    nav.news_sorts .select_wrap select{
      padding: 10px 36px 10px 10px;
      font-size: 1.5rem;}

    nav.news_sorts .select_wrap:before{
    right: 14px;
    top: calc(50% - 8px);
    width: 8px;
    height: 8px;
    }

    .news_sorts select {
        height: 40px;
        padding: 5px 48px 5px 15px;
    }
    .news_lists .news_lists a {
        flex-flow: row wrap;
    }
    .news_list.rows {
        display: block;
    }
    .news_lists strong {
        width: 100%;
        margin-top: 15px;
        flex: auto;
    }
    /*data_lists*/
    .data_lists li {
        width: 100%;
        margin-right: 0;
    }
    .data_lists li a {
        background: #f5f5f5;
        padding: 30px 0;
        font-size: 20px;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        text-align: center;
        flex-flow: row nowrap;
        padding: 14px 20px;
        min-height: 100%;
        text-align: left;
    }
    .data_lists .datas {
        margin-bottom: 0;
    }
    .data_lists .data_name,
    .data_lists .data_size  {
        display: inline-block;
    }
    .data_lists .data_name {
        font-size: 1.8rem;
    }
    .data_lists .data_size {
        font-size: 1.8rem;
    }
    /*ir*/
    .ir_info{
      display: none;
    }
    .ir_top .ir_info{
      display: block;
    }
    .ir_info {
        position: static;
        color: #000;
        margin: 0 0 0px;
        padding: 20px 0;
        border-bottom: 1px solid #e8e8e8;
    }
    .ir_info_blk .ttl {
        font-size: 1.8rem;
        padding-left: 0;
        padding-right: 0;
    }
    .ir_info_blk .securities_code {
        font-size: 1.8rem;
        margin-left: 1em;
    }
    .ir_info_blk {
        width: 100%;
    }
    .ir_info_blk .chert_link {
        color: #000;
        font-weight: normal;
    }
    #mv .ir_info .ir_info_wrap .ir_info_blk .ttl{
      font-size: 1.7rem;
      margin:0 0 10px;
    }
    .ir_info_blk .securities_code,
    .ir_info_blk .date{
      font-size: 1.5rem;
    }
    .ir_info_blk dl {
        border-top: 1px solid #707070;
    }
    .ir_info_blk dt, .ir_info_blk dd {
        border-bottom: 1px solid #707070;
        font-size: 1.5rem;
        padding-left: 0;
        padding-right: 0;
        font-weight: normal;
        width: 50%;
    }
    .ir_info_blk dd {
        text-align: right;
        display: block;
    }
    .ir_info_blk .chert_link:before {
        display: none;
    }
    .ir_info_blk .update_time {
        text-align: right;
        display: block;
        width: 100%;
        font-weight: normal;
    }
    .ir_info_blk .more_p2 {
        margin-top: 10px;
        width: 100%!important;
        border-bottom: 0px solid #707070!important;
    }
    .ir_info_blk .more_p2 a {
        color: #000;
        font-size: 1.4rem;
        border-bottom: 0px solid #707070!important;
    }
    .ir_info_blk .more_p2 a span {
        padding-right: 4vw;
        font-weight: normal;
    }
    .ir_info_blk .more_p2 a span:before {
        right: 1vw;
    }
    .ir_index_news {
        background: #fafafa;
    }
    .ir_info_blk .view_box.open .view_box_wrap{
      height: 104vw;
      display: block;
      overflow-y: scroll;
      padding: 40px 0 0 0;
    }
    .ir_info_blk .view_box.open .close{
      top: 10px;
      background: #ffffff;
    }
    .ir_info_blk .view_box.open{
      overflow-x: hidden;
    }
    .category_guide .blk {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .category_guide .blk .top_link {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        flex: auto;
        height: auto;
        padding-right: 0;
    }
    .category_guide .blk .top_link a {
        font-size: 1.9rem;
        flex: 1;
    }
    .category_guide .blk .top_link a:before {
        top: 8px;
    }
    .category_guide .blk .top_link .icon_image {
        display: block;
        text-align: center;
        width: 40px;
        margin: 0;
    }
    .category_guide .blk .sub_links {
        border-top: 1px solid #707070;
        width: 100%;
        margin-left: 0;
        border-left: none;
        margin: 18px 0 0;
        padding-top: 18px;
        padding-left: 0;

    }
    .category_guide .blk .sub_links li{
    font-size: 1.6rem;
    }
    .category_guide .blk .sub_links li:not(:last-child){
    margin-bottom: 18px;
    }
    .category_guide .blk:nth-last-child(-n+2) {
        margin-bottom: 8vw;
    }
    .ir_info{
    display: none;}
    .ir_top .ir_info{
    display: block;}
    .ir_file_lists {
        margin-bottom: 0;
    }
    .ir_doc_lists {
        display: block;
    }
    .ir_doc_lists .blk_wrap {
        margin-left: 0;
        padding-top: 0;
    }
    .ir_kabushiki_analysts th,.ir_kabushiki_analysts td,#ir_kabushiki_analysts table tr td:first-child{
        width: 50%;
    }
    .ir_kabushiki_meeting th,.ir_kabushiki_meeting td {
        display: block;
        width: 100%!important;
        border-right: 0;
    }
    .ir_zaimu_results .rows .blk {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    /*list_dashed*/
    .list_dashed li {
        border-bottom: 2px dashed #e8e8e8;
    }
    .list_dashed a {
        overflow: hidden;
    }
    .list_dashed li a .icon {
        margin-left: 0;
        float: right;
    }
    .ir_keiei_message .lead_wrap {
        padding: 0!important;
    }
    /* messages */
    .messages_wrap .rows {


    }

    .messages_wrap .rows > div {
        width: 100%!important;
    }
    .messages_wrap .rows .lead_wrap {
        -webkit-order: 2;
        order: 2;
        margin: 0;
        margin-top: 4vw;
        padding: 4vw;
    }
    .messages_wrap .rows .img_wrap {
        -webkit-order: 1;
        order: 1;
        margin-top: 0;
    }
    .messages_wrap .in_wrap .name {
        font-weight: bold;
        font-size: 6vw;
    }
    .messages_wrap .in_wrap .name span {
        font-size: 76%;
        margin-right: 10px;
        display: inline-block;
    }
    /*outline*/
    #messages {
      margin-top: 0;
    }
    #messages .name {
      font-size: 1.8rem;
    }
    #messages .name span {
        font-size: 1.4rem;
    }
    #messages .messages_wrap .in_wrap {
      padding-left: 4vw;
    }
    #outline_history .list_dashed li p {
        padding: 14px 20px 14px 20px;
        font-size: 1.6rem;
    }
    #outline_history .list_dashed li p + p {
        padding-top: 0;
    }
    #outline_history .acd_wrap dd li .date {
      width: 90px;
    }
    #outline_history .acd_wrap dd li .date i + i {
      margin-left: 1em;
    }
    #outline_history .acd_wrap dd .list_dashed {
        margin-left: 0;
    }

    #outline_overview .blk_wrap {

    }
    #outline_overview .tbl_p1 th {
        width: 130px;
    }
    #outline_officers {
        padding: 40px 0;
        margin-top: 8vw;
    }

    .officers_lists .view_box .rows{
    margin: 0 0 28px;}

    .officers_lists .blk {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .officers_lists .blk .photo {
        width: 100px;
    }
    .officers_lists .view_box .p_history li .date{
      display: block;
      margin: 0 0 2px;
    }
    .officers_lists .view_box .p_history {
        height: 36vh;
    }
    #outline_access{
    margin: 18px 0 0;
    }
    #outline_access_detail {
        margin-top: 40px;
    }
    #outline_access dd .tb_wrap {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    #outline_access dd .tb_wrap .ttl_wrap {
        width: 90px;
        margin-right: 4vw;
    }
    #outline_access_detail .rows {
        margin-top: 4vw;
    }
    #outline_access_detail .ttl {
        width: 120px;
        font-size: 1.6rem;
        margin-top: 0;
    }
    #outline_access_detail .data {
        -webkit-flex: 1;
        flex: 1;
        margin-top: 0;
    }
    #outline_access_detail .data span {
        display: block;
        margin-right: 0;
    }
    .map_view {
        margin-left: -4vw;
        margin-right: -4vw;
        height: 60vw;
    }
    .map_view iframe {
        height: 60vw;
    }

    .direction_info {
        margin-top: 4vw;
    }
    .direction_btn {

    }
    .direction_btn a {
        display: block;
        padding: 12px 0px;
        border: 1px solid #b7b7b7;
        background: #fff;
        color: #585858;
        font-weight: bold;
    }
    .direction_btn a:hover {
        background: #f8f8f8;
    }
    .sort_blk {
        width: calc(100% + 4vw);
        position: relative;
        left: -2vw;
        margin-bottom: 0;
    }
    .sort_blk.rows .blk {
        width: 50%!important;
       margin: 0!important;
       margin-bottom: 4vw!important;
       padding: 0 2vw!important;
    }
    .sort_blk.rows .blk a {
       padding: 0;
    }
    .sort_blk.rows .blk .in_row {
        margin-bottom: 0;
    }
    .sort_blk.rows .blk:nth-child(2n) {
       margin-right: 0!important;
    }
    .group_list .ttl {
        font-size: 1.6rem;
    }
    .group_list .tags {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    /*csr*/
    #csr_heading {
        margin-top: 8vw!important;
    }
    #csr_activity {
        margin-top: 4vw;
        padding: 4vw 0;
        background: none;
    }
    #csr_sdgs .img_wrap{
        margin: 0;
        margin-top: 8vw;
    }
    #csr_sdgs .img_wrap div{
        width: 100%!important;
    }
    #csr_sdgs .img_wrap div + div {
        margin-top: 4vw;
    }
    #csr_sdgs .efforts_blk > div,
    .worldskills .efforts_blk > div{
        width: 100%!important;
        margin-right: 0;
    }
     .worldskills .efforts_blk > div{
      margin-bottom: 15px;
    }
    #csr_sdgs .efforts_blk .efforts_heading {
        padding: 4vw 4vw;
    }
    #csr_sdgs .efforts_blk .ttls {
        font-size: 1.8rem;
        padding-right: calc(40px + 4vw);
        margin-bottom: 4vw;
    }
    #csr_sdgs .efforts_blk .ttls span {
        font-size: 5.2rem;
        position: relative;
        left: 0;
        top: 3px;
    }
    #csr_sdgs .efforts_blk .ttls + .lead_wrap {
        padding-top: 4vw;
        margin-top: 4vw;
    }
    .sdgs_icon_wrap {

        margin-left: 0;
    }
    .sdgs_icon_wrap > .icon_wrap {
        margin-top: 4vw;
        width: 100%;
    }
    .sdgs_icon_wrap > .icon_wrap span {
        width: 14%;
        margin-right: 2%;
    }
    .sdgs_icons {
        flex-flow: row nowrap;
    }
    .sdgs_icons li {
        width: 54px;
    }
    #csr_diversity .img_wrap{
        margin-bottom: 4vw;
    }
    #csr_report .list_dot .img_wrap {
        margin-left: 0;
    }
    /*
    info
    */
    .info_contact_doui .bd_wrap {
        padding-bottom: 16vw;
    }

    /*conact*/
    .contact_form th {
        width: 120px;
        vertical-align: middle;
    }


    /* recruit */
    .recruit_index {
      margin-top: 0;
      padding-top: 0;
    }

    /* diversity */

    #diversity{
      width: 100%;
    }
    #diversity .mokuji {
        position: relative;
        border: 2px solid #3094c6;
        padding: 8vw 4vw;
        border-radius: 6px;
        background: #edf8fd url(/company/sustainability/diversity/img/mokuji_bg_sp.png) calc(100% + 2px) -2px no-repeat;
    }
    #diversity .mokuji .rows {
      flex-flow: row wrap;
    }
    #diversity .mokuji li {
      width: 100%;
      margin: 0;
      padding: 0;
      margin-bottom: 4vw;
      border: none;
      border-bottom: 1px solid #ccc;
      padding-bottom:4vw;
    }
    #diversity .mokuji li:last-child {
      border: none;
      padding: 0;
      margin: 0;
    }
    .diversitytheme_wrap {
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
    .diversitytheme_wrap .blk {
        width: 48%;
        margin: 0;
        margin-bottom: 4vw;

    }
    .diversitytheme_wrap .link_wrap {
        padding-left: 0;
        padding-right: 0;
        font-size: 1.4rem;
    }
    #diversity .table_mark {
        margin: 0 0 0 0;
        text-align: left;
    }

    /*footer*/
    .pagetop {
        top: -24px;
        bottom: auto;
        right: 20px;
        z-index: 12;
    }
    .pagetop.fixed {
        position: fixed;
        right: 20px;
        bottom: 20px;
        top: auto;
    }
    .pagetop a {
        width: 48px;
        height: 48px;
    }
    footer {
        padding: 0;
        position: relative;
    }
    footer #f_mv {
        padding: 50px 8vw 45px;
        margin-bottom: 0;
    }
    #f_mv img{
    width: 100%;
    max-width: 375px;}
    #f_nav {
        display: none;
    }
    #f_nav_sub {
        display: none;
    }
    .f_logo img {
        width: 120px;
        height: auto;
    }
    .footer_bottoms {
        border-top: none;
        padding-top: 0;
        text-align: center;
        padding: 20px 0;
    }
    #copyright {
        font-size: 1.2rem;
        text-align: center;
    }

    #ir-calendar .list_dashed li > .rows.stt span:first-child {
      display: inline-block;
      width: auto;
      margin: 0 10px 0 0;
    }

    #ir-calendar .list_dashed li > .rows.stt span:nth-child(2){
      display: inline-block;
      width: auto;
    }

    #ir-calendar .list_dashed li > .rows.stt span:last-child{
      display: block;
    }

    #ir-calendar .list_dashed li .rows{
      display: block;
      padding: 14px 20px 14px;
    }
    .worldskills .explain_txt {
      margin-top: 10px!important;
    }
    .worldskills .explain_txt {
      font-size: 1.1rem;
    }

    .top-movie-wrap{
      bottom: 120px;
      width: 70%;
      left: 0;
      right: 0;
      margin: 0 auto;}

    #top-news-banner.img_wrap img{
    max-width: 345px;}

    .scroll-area{
      height: 330px;
    }

    .serif-border-box-t{
      margin-bottom: 24px;
    }

    .serif-border-box-t dl{
      font-size: 1.8rem;
    }
    
    .serif-border-box-copy{
      font-size: 2.4rem;
    }

    .serif-number-list dl,
    .serif-number-list p{
      font-size: 1.4rem;
    }

    .serif-number-list p{
      line-height: 1.6;
    }
}

footer{
background-color: #fff;
}

body.index,body.index main,body.index header,body.index footer {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
body.index.view,
body.index main.view,
body.index header.view,
body.index footer.view {
    visibility: visible;
    opacity: 1;
}

.search-result {
  background: #fff;
  padding: 20px 0;
}
#cse-search-form {
  position: relative;
  z-index: 1;
}
#cse-search-form table td,
.search-result table td {
  border: none;
  padding: 0;
}
.gsc-loading-fade .gsc-result-info,
.gsc-loading-fade .gsc-loading-resultsRoot,
.gsc-loading-resultsRoot,
.gsc-loading-fade .gsc-loading-refinementsArea,
.gsc-loading-fade .gsc-adBlock,
.gsc-loading-fade .gsc-adBlockVertical,
.gsc-loading-fade .gsc-adBlockNoHeight {
  opacity: 1 !important;
}
#headers .gsc-clear-button,
#headers .gsc-search-button {
  display: none;
}
#headers td.gsc-input {
  position: relative;
}
#headers td.gsc-input::before {
  background: url(/asset/img/icon_search.png) 0 center no-repeat #fff;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
}
/********************************************/
/*                      */
/* add 2dogs                */
/*                      */
/********************************************/
/* add 2DOGS:NEWS */
.news section + section {
    margin-top: auto;
}

/* add 2DOGS:CASE */
a#navi4 {
  display:block;
}

a#navi4 span{
    font-size: 94%;
}
.rows_lm{
  margin: 0 0 0 -3.5%;
}

.rows_lm .in_row{
  width: 29.8% !important;
  margin-left: 3.5% !important;
  margin-right: 0 !important;
}

/* add 2DOGS:IR */
.list_dashed li {
  border-bottom: 1px dashed #e8e8e8;
}

.list_dashed li a.list_pdf_icon{
  background-image: url("../img/icon_pdf.png");
  background-size: 26px 26px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 14px 20px 14px 34px;
}
.list_dashed li a:hover {
  background-color: #f9f9f9;
}

.data_inner{
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:100%;
  border-bottom: 1px solid #e8e8e8;
}

.data_inner:last-child{
  border-bottom: none;
  padding: 0 0 0;
  margin: 0 0 0;
}


.dataof{
  font-size: 16px;
  font-weight: bold;
  width: 44%;
  max-width: 100px;
}

.with_dataof_list{
  margin: 0 0 0 40px;
  width: 100%;
}


@media screen and (max-width: 768px) {
  body{
  min-width: 100%;
  overflow: visible;
  }

  .data_inner{
    display: block;
    border-bottom: 2px solid #e8e8e8;
    margin: 20px 0;
  }

  .dataof{
    width: auto;
    max-width: 100%;
    padding: 0 20px 0;
  }

  .list_dashed li a.list_pdf_icon{
    background-position: 20px center;
    padding: 14px 20px 14px 57px;
  }

  .with_dataof_list{
    margin: 0;
  }

  /* CASE */
    .rows_lm .in_row{
    width: 46.5% !important;}

  .tab-button-wrap li a{
  font-size: 14px;
  padding: 16px 2%;}


}

/********************************************/
/*                      */
/* add 2dogs                */
/*                      */
/********************************************/
/* add 2DOGS:NEWS */
.news section + section {
    margin-top: auto;
}

/* add 2DOGS:CASE */
a#navi4 {
  display:block;
}

a#navi4 span{
    font-size: 94%;
}
.rows_lm{
  margin: 0 0 0 -3.5%;
}

.rows_lm .in_row{
  width: 29.8% !important;
  margin-left: 3.5% !important;
  margin-right: 0 !important;
}



/* add 2DOGS:IR */
.list_dashed li {
  border-bottom: 1px dashed #e8e8e8;
}

.list_dashed li a.list_pdf_icon{
  background-image: url("../img/icon_pdf.png");
  background-size: 26px 26px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 14px 20px 14px 34px;
}
.list_dashed li a:hover {
  background-color: #f9f9f9;
}

.data_inner{
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:100%;
  border-bottom: 1px solid #e8e8e8;
}

.data_inner:last-child{
  border-bottom: none;
  padding: 0 0 0;
  margin: 0 0 0;
}


.dataof{
  font-size: 16px;
  font-weight: bold;
  width: 44%;
  max-width: 100px;
}

.with_dataof_list{
  margin: 0 0 0 40px;
  width: 100%;
}

.case_noItem {
font-size: 2rem;
text-align: center;
margin: 80px 0;
}

.markDisc {
    margin: 25px 0;
}
.markDisc > li {
    margin-top: 15px;
}
.markDisc ul li {
    margin-top: 5px;
    margin-left: 30px;
    text-indent: -13px;
}


@media screen and (max-width: 768px) {
  .data_inner{
    display: block;
    border-bottom: 2px solid #e8e8e8;
    margin: 20px 0;
  }
  
  .h_search_dropdown.open form {
  width: 80%;
    margin: 20px 0;
    margin-left: 6%;
  }

  .dataof{
    width: auto;
    max-width: 100%;
    padding: 0 20px 0;
  }

  .list_dashed li a.list_pdf_icon{
    background-position: 20px center;
    padding: 14px 20px 14px 57px;
  }

  .with_dataof_list{
    margin: 0;
  }

  /* CASE */
    .rows_lm .in_row{
    width: 46.5% !important;}

}

.news #article_details a {
    text-decoration: underline;
}
/* / add 2DOGS:IR */

/* add 2DOGS:Search */

.result_number {
  color: #676767;
  font-size: 13px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 10px;
}

.result_number span {
  font-weight: bold;
}

.search_nodata {
  font-size: 16px;
  text-align: center;
  padding: 100px 0 50px;
}

.search_list li {
  margin-bottom: 20px;
}

.search_list li:first-child {
	margin-top: 30px;
}

.search_list .search_list_name {
  margin-bottom: 5px;
}

.search_list .search_list_name a {
  font-size: 18px;
  color: #000;
  text-decoration: underline;
}

.search_list .search_list_url {
  color: #888;
  margin-bottom: 5px;
  font-size: 13px;
}

/* / add 2DOGS:Search */