/* コーポレートサイト　ＰＣサイズcss */
@charset "utf-8";
@media screen and (min-width: 600px){

/*#wrap { -webkit-text-size-adjust: 100%; }*/
#page { -webkit-text-size-adjust: 100%; }

/*******************************
 header
********************************/
header { 
  min-height: 70px; 
  border-bottom: 2px #ccc solid; 
  overflow: hidden; }
#header { 
  max-width: 1000px; 
  min-height: 70px;
  margin: auto; 
  position: relative;}
#header .logo_ex a { 
  display: block; 
  float: left;
  width:339px; 
  height: 55px; 
  margin: 8px 0 0 10px;
  background: url(../img/common/logo_ex.png) no-repeat; 
  text-indent: -9999px; }
#header_menu {
  display: block; 
  float: right; 
  margin: 10px 10px 10px 0;
  font-size: 13px;  }
#header_menu li { 
  float: right; 
  border-right: 1px #aaa solid; 
  padding-right: 10px; 
  margin-right: 10px; }
#header_menu li:first-child { 
  border-right:none; 
  padding-right: 0; 
  margin-right: 0; }
  
/*******************************
 footer 
********************************/
footer { overflow: hidden; }
#wrap_section_menu { 
  overflow: hidden; 
  background: #404040; 
  padding: 30px 10px 0; 
  font-size: 13px; 
  color: #fff; }
#wrap_section_menu a { color: #fff; }
#slidetoggle_menu { 
  max-width: 1000px; 
  margin: auto; }
.footermenu { 
  width: calc(100% / 3); 
  float: left; }
.section_menu { margin: 0 0 30px;  }
.section_menu .ctg { display: inline-block; 
  text-indent: 0;
  font-size: 14px;  
  border-left: 3px #ff0000 solid; 
  margin: 0 0 10px; 
  padding-left: 5px;}
.section_menu .ctg.open:hover { text-decoration: none; }
.section_menu ul { margin-left: 40px; }
.section_menu ul li { margin-bottom: 15px; }
#footer { 
  text-align: center; 
  margin: 20px 0; 
  font-size: 13px; }
#footer #cr { margin-bottom: 10px;  }
#footer ul {}
#footer li { 
  display: inline; 
  border-right: 1px #aaa solid;
  margin-right: 10px; 
  padding-right: 10px; }
#footer li:last-child { 
  border-right: none; 
  margin-right: 0; 
  padding-right: 0; }

/*******************************
 global menu
********************************/
/*第二階層メニュー表示させるためにsitepublisカスタマイズ*/
#headerArea,
.pbNested { overflow: visible; }

#wrap_navi { 
  width: 100%; 
  margin: auto;  
  text-align: center;
  position: relative;z-index: 1000;}
#section_navi { 
  display: table; 
  width: 100%;
  max-width: 1000px; 
  padding: 0 10px; 
  margin: auto; }
#section_navi:after{
  content:"";
  height:1px;
  display:block;
  clear:both;}

#section_navi li.menu-categ { 
  vertical-align: middle; 
  /*width: calc(100% / 6); グローバルメニュー表示を増やす時は、ここの数字を変える*/
  width: calc(100% / 5); 
  max-width: 163px; 
  margin: 0; 
  padding: 0; 
  display: table-cell; }


#section_navi a.menu-categ-name { 
  line-height:98px; 
  padding:0; 
  color: #000; 
  cursor: pointer;
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
#section_navi a.menu-categ-name:hover{
  color: #ff0000; 
  text-decoration: none; }
#section_navi a.menu-categ-name.saiyo{ 
  line-height: 50px; 
  background: #404040; 
  color: #fff;}
#section_navi a.menu-categ-name.saiyo:hover{
  color: #fff; 
  text-decoration: none; 
  opacity: 0.7; }
#section_navi a.menu-categ-name.gnavi_crt {color: #ff0000; }

/* 第二階層メニュー */
.list_bg { 
  display:none;
  width:100%; 
  min-height:180px; 
  padding: 20px 0 0;
  background:rgba(0,0,0,0.90); 
  position:absolute;
  top:98px;
  left:0;}
#section_navi ul.menu-categ-list { 
  max-width: 1000px;
  margin: auto; 
  text-align: left;}
#section_navi li ul.menu-categ-list li {
float: left;
  color:#fff; 
  width: calc(100% / 3); 
  margin: 0;
  word-break: break-all; }
#section_navi li ul.menu-categ-list.inquiry li {
float: left;
  color:#fff; 
  width: calc(100% / 2); 
  margin: 0;
  word-break: break-all; }
#section_navi li ul.menu-categ-list li a {
  display:block; 
  color: #fff;
  padding:0 10px 20px;}

/*******************************
 button
********************************/
.btn, a.btn { 
  display: inline-block; 
  padding: 5px 10px;
  color:#fff; 
  background: #788994;
  cursor:pointer; 
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);}
.btn:hover, a.btn:hover { opacity: 0.8; text-decoration: none;}


/*******************************
 bread
 *******************************/
#wrap_bread { 
  background: #dfdfdf; 
  overflow: hidden; 
  padding: 0 10px; 
  text-align: center; }

/*ul.section_bread  { 
  text-align: left; 
  height: 40px; 
  line-height: 40px; 
  width: 100%;
  max-width: 1000px;  
  margin: auto; 
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

ul.section_bread li { 
  display: inline;  
  margin-right: 5px; 
  padding-right: 15px;
  background: url(../img/common/arrow_bread_r.png) no-repeat;
  background-size: auto 9px; 
  background-position: center right; }
ul.section_bread li:last-child { background: none; }
*/


.pbBlockNavigation  { 
  text-align: left; 
  width: 100%;
  max-width: 1000px;
  height: 40px;
  line-height: 40px;
  margin: auto;
  padding: 0;
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.pbBlockNavigation a {  }

.pbBlockNavigation img { 
  width: 6px; 
  height: 9px; 
  margin: 0 5px; 
  vertical-align: middle;}

#wrap_bread {background: #404040; color: #fff;}
#wrap_bread a { color: #fff; }




/*******************************
 link
 *******************************/

/*******************************
 form
 *******************************/
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family:Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Helvetica,Arial,sans-serif;
  font-size:100%;}

/* form - text area */
input[type="text"],
input[type="tel"],
input[type="email"]  {
  height: 30px; 
  padding:5px 10px;
  background: #fff; 
  border: 1px #ccc solid; 
  -moz-box-shadow: inset 1px 4px 6px -6px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 1px 4px 6px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 6px -6px rgba(0,0,0,0.5);}
input:focus { background: #ffffcc;}

/* form - pulldown 
select { 
  padding: 5px 40px 5px 5px; 
  height: 40px; 
  border: 1px #8baeca solid; 
  background: #fff url(../img/arrow_pd.png) no-repeat; 
  background-position: top right;}
select::-ms-expand {display: none;}
*/
/* form - btn */
input[type="submit"] { 
  height: 40px; 
  line-height: 40px; 
  padding: 0 0 0 5px;
  color:#fff; 
  letter-spacing: 0.2em;
  background: #788994;
  cursor:pointer;  
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);}
input[type="submit"]:hover { opacity: 0.7;}

textarea {
  padding:5px 10px;
  background: #fff; 
  border: 1px #ccc solid; 
  -moz-box-shadow: inset 1px 4px 6px -6px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 1px 4px 6px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 6px -6px rgba(0,0,0,0.5);}
textarea:focus { background: #ffffcc;}

/*radio & checkbox*/
input[type=radio],
input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;}
input[type=radio] + label,
input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;}
@media (min-width: 1px) {
  input[type=radio],
  input[type=checkbox] { display: none; margin: 0;}
  input[type=radio] + label,
  input[type=checkbox] + label { padding: 0 0 0 24px; }
  input[type=radio] + label::before,
  input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;}
  input[type=radio] + label::before {
    border: 2px solid #ccc;
    border-radius: 30px;}
  input[type=checkbox] + label::before { border: 2px solid #ccc;}
  input[type=radio]:checked + label::after,
  input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;}
  input[type=radio]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #ff0000;
    border-radius: 8px;}
  input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #ff0000;
    border-bottom: 3px solid #ff0000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}
}















/*******************************
 contents
********************************/
#wrap_inner { 
  max-width: 1000px; 
  margin: auto; 
  padding: 0 10px; 
  word-break: break-all;
  overflow: hidden;}

#sb-site { min-height: 10px !important; } /* min-height: 940px; を打ち消すため */

.go_top { 
  max-width: 1000px; 
  text-align: right; 
  margin: 50px auto 10px; 
  padding: 0 10px; }

/* sns */
#social { }
#social ul { }
#social li { 
  display: inline-block; 
  margin: 0 10px 0 0; }
#social li:last-child { margin: 0 0 0 0; }

/*******************************
 page title
********************************/
#wrap_title { margin-top: 40px; }
#wrap_title h1 { 
  max-width: 1000px; 
  padding: 0 10px; 
  font-size: 41px; 
  line-height: 1.2; 
  margin: 0 auto; 
  border-bottom: 1px #ccc solid; 
  padding-bottom: 25px; 
  margin-bottom: 40px;
  display: block;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;}
#wrap_title h1 span.sub { font-size: 20px; margin-left: 30px;}
/* ニュース記事ページなど　h2見せない用 */
#wrap_title_02 { height: 30px }
#wrap_title_02 span { display: none; }

/*投資家情報トップ　h2*/
#wrap_ir_title { 
  background: #eee; 
  height: 200px; 
  padding: 0 10px; 
  margin-bottom: 30px; 
  overflow: hidden; }
#wrap_ir_title h1 { 
  max-width: 1000px; 
  font-size: 41px; 
  line-height: 1.2; 
  margin: 40px auto 0;}
/*投資家情報　第二階層以降　h2*/
#wrap_ir_title_02 { margin-top: 40px; }
#wrap_ir_title_02 h1 { 
  max-width: 1000px; 
  padding: 0 10px; 
  font-size: 41px; 
  line-height: 1.2; 
  margin: 0 auto; 
  border-bottom: 1px #ccc solid; 
  padding-bottom: 25px; 
  margin-bottom: 40px;
  display: block;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;}
#wrap_ir_title_02 h1 span.sub { font-size: 20px; margin-left: 30px;}

/*english top　h1*/
#wrap_en_title { 
  background: #e5f0fa url(../img/english/ti_bgimg.png) no-repeat; 
  background-size: auto 200px; 
  background-position: right top;
  height: 200px; 
  padding: 0 10px; 
  margin-bottom: 30px; 
  overflow: hidden; }
#wrap_en_title h1 { 
  max-width: 1000px; 
  font-size: 41px; 
  line-height: 1.2; 
  margin: 40px auto 0;
  text-shadow: 2px 2px 1px #e5f0fa,
  -2px 2px 1px #e5f0fa,
  2px -2px 1px #e5f0fa,
  -2px -2px 1px #e5f0fa; 


}
/*english　h1*/
#wrap_en_title_02 { margin-top: 40px; }
#wrap_en_title_02 h1 { 
  max-width: 1000px; 
  padding: 0 10px; 
  font-size: 41px; 
  line-height: 1.2; 
  margin: 0 auto; 
  border-bottom: 1px #ccc solid; 
  padding-bottom: 25px; 
  margin-bottom: 40px;
}
#wrap_en_title_02 h1 span.sub { display: inline-block; font-size: 20px; }






/* メインコンテンツ　見出し */
#section_main h2 { 
  font-size: 26px; 
  line-height: 1.5; 
  border-left: 4px #ff0000 solid; 
  margin-bottom: 30px; 
  padding-left: 10px; 
  font-weight: normal;}
#section_main h2.b_none { border-left: none; padding-left: 0; }

.pbTitleBlock { 
  font-size: 26px; 
  line-height: 1.5; 
  border-left: 4px #ff0000 solid; 
  margin-bottom: 30px; 
  padding-left: 5px; 
  font-weight: normal;}


#section_main h3 { 
  font-size: 20px; 
  line-height: 1.5; 
  margin: 0 0 30px; 
  font-weight: normal;}

#section_main h4 { 
  font-size: 21px; 
  line-height: 1.2; 
  font-weight: bold;  
  margin-bottom: 30px; }

#section_main h5 { 
  font-size: 16px; 
  line-height: 1.2; 
  font-weight: bold;
  margin-bottom: 20px;  }


/*******************************
 main column
********************************/
/*#section_main { 
  width: calc(70% - 40px);
  max-width: 660px; 
  float: left; }*/
#wrap_inner .pbHorizontalNested:nth-child(1) { 
  width: calc(70% - 40px);
  max-width: 660px; 
  float: left;}
#section_main { width: 100%; }

.more { 
  display: inline-block; 
  background: url(../img/common/arrow_more.png) no-repeat; 
  background-position: right top;  
  padding-right: 30px; 
  background-size: 26px auto;
  line-height: 26px;}

.back { 
  display: inline-block; 
  background: url(../img/common/arrow_back.png) no-repeat; 
  background-position: left top;  
  padding-left: 30px; 
  background-size: 26px auto;
  line-height: 26px;}

/*ul.top_newslist li .cg,
ul.newslist li .cg,
table.pbBlockNews .cg*/
.cg { 
  float: left; 
  display: inline-block; 
  font-size: 13px; 
  width: 90px; 
  height: 25px; 
  line-height: 25px; 
  margin: 0 10px 5px 0;
  background: #ccc; 
  text-align: center; }

/*ul.top_newslist li .cg_press,
ul.newslist li .cg_press,
table.pbBlockNews .cg_press*/.cg_press { background: #ff5948; color: #fff; }/*プレス*/
/*ul.top_newslist li .cg_info,
ul.newslist li .cg_info,
table.pbBlockNews .cg_info*/.cg_info { background: #ff9a16; color: #fff; }/*　お知らせ*/
/*ul.top_newslist li .cg_enquete,
ul.newslist li .cg_enquete,
table.pbBlockNews .cg_enquete*/.cg_enquete { background: #a0c238; color: #fff; }/*アンケート*/
/*ul.top_newslist li .cg_ir_disclosure,
ul.newslist li .cg_ir_disclosure,
table.pbBlockNews .cg_ir_disclosure*/.cg_ir_disclosure { background: #00a5e7; color: #fff; }/*適時開示*/
/*ul.top_newslist li .cg_ir_brief,
ul.newslist li .cg_ir_brief,
table.pbBlockNews .cg_ir_brief*/.cg_ir_brief { background: #86b200; color: #fff; letter-spacing: 1em; text-indent: 1em; }/*短信*/
/*ul.top_newslist li .cg_ir_report,
ul.newslist li .cg_ir_report,
table.pbBlockNews .cg_ir_report*/.cg_ir_report { background: #ffa737; color: #fff; letter-spacing: 1em; text-indent: 1em;  }/*有報*/
/*ul.top_newslist li .cg_ir_settlement,
ul.newslist li .cg_ir_settlement,
table.pbBlockNews .cg_ir_settlement*/.cg_ir_settlement { background: #f981a3; color: #fff; }/*決算説明*/
/*ul.top_newslist li .cg_ir_communication,
ul.newslist li .cg_ir_communication,
table.pbBlockNews .cg_ir_communication*/.cg_ir_communication { background: #15aeb8; color: #fff; }/*株主通信*/
/*ul.top_newslist li .cg_ir_meeting,
ul.newslist li .cg_ir_meeting,
table.pbBlockNews .cg_ir_meeting*/.cg_ir_meeting { background: #ae7dd7; color: #fff; }/*株主総会*/
/*ul.top_newslist li .cg_ir_info,
ul.newslist li .cg_ir_info,
table.pbBlockNews .cg_ir_info*/.cg_ir_info { background: #48b758; color: #fff; }/*irお知らせ*/

/* pager */
.pager { text-align: center; padding: 10px 0; }
.pager ul { 
  text-align: center;
  display: table; 
  width: 100%; }
.pager li { 
  height: 40px; 
  line-height: 40px; 
  width: calc(100% /15); 
  max-width: 44px; 
  display: table-cell; 
  margin: auto; }

.pager li.page_crt span { 
  display: block; 
  height: 40px; line-height: 40px; 
  border:1px #ccc solid; 
  margin: 0 2px; 
  background: #404040; color: #fff;
  white-space: nowrap; }

.pager li a { 
  display: block; 
  height: 40px; line-height: 40px; 
  border:1px #ccc solid; 
  margin: 0 2px; 
  background: #fff;
  white-space: nowrap; }
.pager li a:hover { 
  text-decoration: none; 
  background: #ccc; }

.pager li.prev a { 
  display: block; 
  border:none; 
  background: url(../img/common/arrow_menu_left_gr.png) no-repeat; 
  background-position: center;  
  background-size: 36px auto;
  text-indent: -9999px;}
.pager li.prev a:hover { opacity: 0.7; }
.pager li.next a { 
  display: block; 
  border:none; 
  background: url(../img/common/arrow_menu_right_gr.png) no-repeat; 
  background-position: center;  
  background-size: 36px auto;
  text-indent: -9999px;}
.pager li.next a:hover { opacity: 0.7; }

.pager li.pager_dots { }


/* arrow */
.arrow_correction { 
  position:relative;
  padding:0 0 0 18px; 
  margin-left: 30px; }
.arrow_correction:before {
  content:"";
  display:block;
  border-bottom:2px solid #888;
  border-left:2px solid #888;
  width:10px;
  height:10px;
  position:absolute;
  top:0%;
  left:0;
  margin-top:-3px;}


/*******************************
 right column
********************************/
/*#section_right { 
  width: 30% !important; 
  max-width: 300px !important;  
  float: right;  }*/
#wrap_inner .pbHorizontalNested:nth-child(2) { 
  width: 30%; 
  max-width: 300px;  
  float: right; }
#section_right { width: 100%; }

#section_right .right_menu,
#section_right .right_menu_news { 
  margin-bottom: 20px; 
  overflow: hidden;  }
#section_right .right_menu h2,
#section_right .right_menu_news h2 { 
  display: block; 
  padding: 10px 10px; 
  background:#404040; 
  color: #fff; }

#section_right .right_menu ul,
#section_right .right_menu_news ul {  }
#section_right .right_menu li,
#section_right .right_menu_news li { 
  padding:0; 
  border-bottom: 1px #fff solid; }
#section_right .right_menu li:last-child,
#section_right .right_menu_news li:last-child { border-bottom: none; }


#section_right .right_menu li a,
#section_right .right_menu_news li a { 
  padding: 10px 20px 10px 10px;
  background:#dfdfdf url(../img/common/arrow_menu_right.png) no-repeat; 
  background-position: right center; 
  background-size: 18px auto; 
  color: #000; 
  display: block; }
#section_right .right_menu li a:hover,
#section_right .right_menu_news li a:hover { text-decoration: none; 
  background:#ccc url(../img/common/arrow_menu_right.png) no-repeat;
  background-position: right center; 
  background-size: 18px auto; }

/*right menu - 記事検索*/
.right_menu_src {
  text-align: center; 
  margin-bottom: 20px; }
.right_menu_src form div { text-align: left; }

.right_menu_src h2 { text-align: left;
  display: block; 
  margin: 0 0 10px 0;
  padding: 10px 10px; 
  background:#404040; 
  color: #fff; }

.right_menu_src input[type="text"] {
  width: calc( 100% - 100px);
  height: 30px; 
  padding:5px 5px; 
  margin: 0 0 5px 0;}

.right_menu_src input[type="submit"] { 
  width: 48px; 
  height: 40px; 
  line-height: 40px; 
  padding: 0 0 0 2px;
  letter-spacing: 0.2em;
  font-size: 13px; 
  text-align: center;}

/*第二階層メニュー*/
#section_right .right_menu .menu_second a,
#section_right .right_menu_news .menu_second a { 
  padding: 10px 20px 10px 40px;
  background:#ccc url(../img/common/arrow_menu_right.png) no-repeat; 
  background-position: right center; 
  background-size: 18px auto; 
  color: #000; 
  display: block; }
#section_right .right_menu .menu_second a:hover,
#section_right .right_menu_news .menu_second a:hover { text-decoration: none; 
  background:#bbb url(../img/common/arrow_menu_right.png) no-repeat;
  background-position: right center; 
  background-size: 18px auto; }

/*第三階層メニュー*/
#section_right .right_menu ul.menu_third,
#section_right .right_menu_news ul.menu_third {  }

#section_right .right_menu .menu_third li,
#section_right .right_menu_news .menu_third li { 
  padding:0; border-bottom: 1px #fff solid; }
#section_right .right_menu .menu_third li:last-child,
#section_right .right_menu_news .menu_third li:last-child { border-bottom: none; }

#section_right .right_menu .menu_third a,
#section_right .right_menu_news .menu_third a { 
  padding: 10px 20px 10px 80px;
  background:#bbb url(../img/common/arrow_menu_right.png) no-repeat; 
  background-position: right center; 
  background-size: 18px auto; 
  color: #000; 
  display: block; }
#section_right .right_menu .menu_third a:hover,
#section_right .right_menu_news .menu_third a:hover { text-decoration: none; 
  background:#aaa url(../img/common/arrow_menu_right.png) no-repeat;
  background-position: right center; 
  background-size: 18px auto; }

.section_block .more {
    float: right;
}

/*******************************
 support class
********************************/
.pc_none { display: none; }


.vision-bg {
    background: url(//image.excite.co.jp/jp/corp/img_tezuka_vison.jpg);
    background-position: right 0;
    background-size: 300px auto;
    background-repeat: no-repeat;
}


.p-director {
    margin-bottom: 24px;
    border-bottom: 1px #ccc solid;
}
.p-director section {
    margin-bottom: 24px;
}
.p-director section:after {
    content: "";
    display: block;
    clear: both;
}
.director-img {
    float: left;
    width: 180px;
    height: 240px;
    margin-right: 16px;
    background: #eee;
}
.director-img img {
    width: 180px;
    height: 240px;
    object-fit: cover;
}
#section_main h4.director-title {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 1.4;
}
.director-tx {
    font-size: 14px;
    line-height: 1.6;
    word-break: break-word;
}
.director-catch {
    font-size: 12px;
}

}