@charset "UTF-8";

.corporate_Block {
position: relative;
padding-top: 80px;
}
.corporate_Block:first-of-type { padding-top: 0;}

.corporate_Block h3 {
padding: 0 0 10px;
margin: 0 0 20px;
color: #757575;
font-size: 18px;
font-weight: 600;
border-bottom: 4px double #93cdd6;
}

/* 各セクション設定 */

/*===============
index.html
===============*/
/* ごあいさつ */
#corporate_Wrap01 {}
#corporate_Wrap01 h4 {
padding: 0 0 30px;
font-size: 20px;
font-family: a-otf-futo-min-a101-pr6n,serif;
font-weight: 400;
font-style: normal;
line-height: 1.8;
letter-spacing: 0.5px;
}
#corporate_Wrap01 p {
font-size: 16px;
line-height: 2;
}
.name {
position: absolute;
right: 0;
padding: 30px 0 0;
font-size: 12px;
font-family: a-otf-futo-min-a101-pr6n,serif;
font-weight: 400;
font-style: normal;
line-height: 1.4;
}
.name small {
font-family: a-otf-futo-min-a101-pr6n,serif;
font-weight: 400;
font-style: normal;
}
.name span {
padding: 0 0 0 8px;
font-size: 28px;
font-family: ro-shino-std,serif;
font-weight: 400;
font-style: normal;
}
/* 企業理念 */
#corporate_Wrap02 { padding-top: 130px;}
#corporate_Wrap02 .rinen_Wrap {
width: 100%;
padding: 20px;
background-color: #fff;
border: 8px double #ddd;
box-sizing: border-box;
}
#corporate_Wrap02 .rinen_Wrap .rinen_Box:last-of-type { padding: 40px 0 0;}
#corporate_Wrap02 .rinen_Wrap .rinen_Box > h3 {
padding: 0 0 10px;
margin: 0 0 20px;
color: #757575;
font-size: 18px;
font-weight: 600;
border: none;
}
#corporate_Wrap02 .rinen_Wrap .rinen_Box > h4 {
display: block;
padding: 15px 20px;
background: url(../img/corporate/bg.png) no-repeat center center;
background-size: auto 100%;
font-size: 18px;
font-weight: 600;
line-height: 2;
text-align: center;
box-sizing: border-box;
}
#corporate_Wrap02 .rinen_Wrap .rinen_Box li { border-bottom: 1px dotted #ddd;}
#corporate_Wrap02 .rinen_Wrap .rinen_Box dl {
width: 100%;
padding: 18px 0;
}
#corporate_Wrap02 .rinen_Wrap .rinen_Box dt {
width: 9em;
padding: 0 10px 0;
font-size: 16px;
font-weight: 600;
box-sizing: border-box;
}
#corporate_Wrap02 .rinen_Wrap .rinen_Box dd {
width: calc(100% - 9em);
padding: 0 10px 0;
font-size: 14px;
line-height: 1.5;
box-sizing: border-box;
}

/*===============
index02.html
===============*/
/* 会社概要 */
#corporate_Wrap03 {}
#corporate_Wrap03 .corporate_outline { width: 100%;}
#corporate_Wrap03 .corporate_outline > .corporate_outline_list { border-bottom: 1px dotted #ddd;}
.corporate_outline_list .List_Box {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 22px 0 18px;
font-size: 14px;
line-height: 1.4;
box-sizing: border-box;
}
.corporate_outline_list .List_Box > dt {
width: 20%;
font-weight: 600;
}
.corporate_outline_list .List_Box > dd {
width: 80%;
padding: 0 0 0 20px;
box-sizing: border-box;
}
.corporate_outline_list .List_Box > dd > ul.flex {
flex-wrap: wrap;
padding-left: 1em;
}
.corporate_outline_list .List_Box > dd > ul.flex > li { padding: 0 40px 2px 0;}
.corporate_outline_list .List_Box > dd > ul { padding-left: 1em;}
.corporate_outline_list .List_Box > dd > ul > li {
padding: 0 0 2px;
list-style: disc;
}
.corporate_outline_list .List_Box > dd > .flex {
width: 100%;
padding: 0 0 5px;
}
.corporate_outline_list .List_Box > dd > .flex:last-of-type { padding-bottom: 0;}
.corporate_outline_list .List_Box > dd > .flex > dt { width: 40%;}
.corporate_outline_list .List_Box > dd > .flex > dd {
width: 60%;
padding: 0 0 0 10px;
box-sizing: border-box;
}
/* 沿革 */
#corporate_Wrap04 {}
#corporate_Wrap04 .corporate_history { width: 100%;}
.corporate_history_list .List_Box {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size: 14px;
line-height: 1.4;
box-sizing: border-box;
}
.corporate_history_list .List_Box > dt {
width: 20%;
padding: 18px 0 15px 10px;
font-weight: 600;
border-bottom: 2px solid #000;
box-sizing: border-box;
}
.corporate_history_list .List_Box > dd {
width: 80%;
padding: 18px 0 15px 10px;
border-bottom: 2px solid #aaa;
box-sizing: border-box;
}
/* 事業所案内 */
#corporate_Wrap05 {}
#corporate_Wrap05 .corporate_office { width: 100%;}
#corporate_Wrap05 .corporate_office > .corporate_office_list { border-bottom: 1px dotted #ddd;}
.corporate_office_list .List_Box {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 22px 0 18px;
font-size: 14px;
line-height: 1.4;
box-sizing: border-box;
}
.corporate_office_list .List_Box > dt {
width: 30%;
font-weight: 600;
}
.corporate_office_list .List_Box > dd {
width: 70%;
padding: 0 0 0 20px;
box-sizing: border-box;
}

/*===============
index03.html
===============*/
/* 九州電力グループ環境憲章 */
#corporate_Wrap06 h3,
#corporate_Wrap07 h3,
#corporate_Wrap08 h3 {
color: #66ab37;
border-bottom: 4px double #66ab37;
}
.lead_Txt {
font-size: 18px;
line-height: 1.8;
}
#corporate_Wrap06 ul,
#corporate_Wrap07 ul {
width: 100%;
padding: 0 0 0 1em;
list-style: decimal;
}
#corporate_Wrap06 li,
#corporate_Wrap07 li,
#corporate_Wrap08 li {
padding: 0 0 20px 5px;
line-height: 1.6;
}
#corporate_Wrap06 ul { padding-top: 30px;}
#corporate_Wrap07 ul + p {
padding-bottom: 30px;
font-size: 12px;
text-align: right;
}
#corporate_Wrap08 { padding-top: 130px;}
#corporate_Wrap08 > div {
padding: 30px 0 10px;
border-bottom: 1px solid #ddd;
}
#corporate_Wrap08 > div:first-of-type { padding-top: 0;}
#corporate_Wrap08 h4 {
padding-bottom: 15px;
color: #888;
font-size: 18px;
font-weight: 600;
}
#corporate_Wrap08 ul {
width: 100%;
padding: 0 0 0 1em;
list-style: disc;
}

/*===============
index04.html
===============*/
/* 採用情報 */
#corporate_Wrap09 {}
#corporate_Wrap09 .flex {
justify-content: space-between;
width: 100%;
}
#corporate_Wrap09 .lead_Txt { padding-bottom: 15px;}
#corporate_Wrap09 .flex > div,
#corporate_Wrap09 .flex article { width: 48%;}
#corporate_Wrap09 .flex article {
padding: 20px;
border: 2px solid #ddd;
box-sizing: border-box;
}
#corporate_Wrap09 .flex article h5 {
padding: 0 0 10px;
border-bottom: 2px solid #ddd;
font-size: 18px;
text-align: center;
}
#corporate_Wrap09 .flex article ul { padding: 15px 0 0;}
#corporate_Wrap09 .flex article ul li { padding-bottom: 18px;}
#corporate_Wrap09 .flex article ul li:last-of-type { padding-bottom: 0;}
#corporate_Wrap09 .flex article a[href^="tel"] { pointer-events: none;}


/* タブ切り替え */
.tab_wrap{
width: 100%;
margin: 0 auto;
}
input[type="radio"]{display: none;}

.tab_area {
width: 96%;
padding: 30px 0 50px;
margin: 0 auto;
font-size: 0;
text-align: center;
}
.tab_area label {
display: inline-block;
width: calc((100% - 61px) / 3);
padding: 20px 0;
margin-right: 30px;
font-size: 18px;
cursor: pointer;
box-sizing: border-box;
transition: 0.2s;
}
.tab_area label:last-child { margin-right: 0;}
.tab_area label:hover { opacity: 0.5;}
.tab_panel {
width: 100%;
padding-bottom: 80px;
display:none;
}
#tab1 ~ .tab_area .tab1_label,
#tab2 ~ .tab_area .tab2_label {
  color: #8c8c8c;
  background-color: #fff;
  border: 1px solid #8c8c8c;
}
#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label {
  color: #fff;
  background-color: #005C81;
  border: 1px solid #005C81;
}
#tab1:checked ~ .panel_area #panel1,
#tab2:checked ~ .panel_area #panel2 { display: block;}

.tab_panel > .lead_Txt {
  padding-bottom: 35px !important;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}
.tab_panel > a {
  display: block;
  max-width: 350px;
  padding: 25px;
  margin: 35px auto 0;
  color: #fff;
  background-color: #FF8D3F;
  border-radius: 150px;
  font-size: 18px;
  text-align: center;
  transition: .3s;
}
.tab_panel > a:hover { opacity: .5;}


.recruit_list {
  width: 100%;
  border: 1px solid #888;
  box-sizing: border-box;
}
.recruit_list li {
  width: 100%;
  padding: 17px 0;
  border-bottom: 1px solid #888;
}
.recruit_list li:last-of-type { border-bottom: none;}
.recruit_list dl {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: stretch;
  width: 100%;
  font-size: 15px;
  line-height: 1.6;
}
.recruit_list dt {
  width: 25%;
  padding: 5px 0 0;
  border-right: 1px dotted #888;
  text-align: center;
  box-sizing: border-box;
}
.recruit_list dd {
  width: 75%;
  padding: 0 20px;
  box-sizing: border-box;
}



/*===========================
sp
===========================*/
@media only screen and (max-width: 768px) {

/*===============
index.html
===============*/
/* 企業理念 */
#corporate_Wrap02 { padding-top: 130px;}
#corporate_Wrap02 .rinen_Wrap { padding: 15px;}
#corporate_Wrap02 .rinen_Wrap .rinen_Box > h4 {
padding: 15px;
background-size: 100%;
text-align: left;
}
#corporate_Wrap02 .rinen_Wrap .rinen_Box > h4 br { display: none;}

#corporate_Wrap02 .rinen_Wrap .rinen_Box dl {
  flex-direction: column;
width: 100%;
padding: 18px 0;
}
#corporate_Wrap02 .rinen_Wrap .rinen_Box dt {
width: 100%;
padding: 0 0 15px;
}
#corporate_Wrap02 .rinen_Wrap .rinen_Box dd {
width: 100%;
padding: 0;
}

/*===============
index02.html
===============*/
/* 会社概要 */
#corporate_Wrap03 .corporate_outline > .corporate_outline_list { border-bottom: none;}
.corporate_outline_list .List_Box {
flex-direction: column;
width: 100%;
padding: 0;
}
.corporate_outline_list .List_Box > dt {
width: 100%;
padding: 8px 0;
background-color: #ddd;
text-align: center;
}
.corporate_outline_list .List_Box > dd {
width: 100%;
padding: 8px 10px 20px;
}
.corporate_outline_list .List_Box > dd > ul.flex > li { padding: 0 30px 2px 0;}
.corporate_outline_list .List_Box > dd > dl.flex {
flex-direction: column;
width: 100%;
padding: 8px 0 5px;
border-bottom: 1px dotted #ccc;
}
.corporate_outline_list .List_Box > dd > .flex > dt { width: 100%;}
.corporate_outline_list .List_Box > dd > .flex > dd {
width: 100%;
padding: 2px 0 0;
}
/* 沿革 */
.corporate_history_list .List_Box { align-items: stretch;}
.corporate_history_list .List_Box > dt {
width: 30%;
padding: 15px 0;
}
.corporate_history_list .List_Box > dd {
width: 70%;
padding: 15px 0;
}
/* 事業所案内 */
.corporate_office_list .List_Box { flex-direction: column;}
.corporate_office_list .List_Box > dt {
width: 100%;
padding-bottom: 15px;
}
.corporate_office_list .List_Box > dd {
width: 100%;
padding: 0;
}

/*===============
index03.html
===============*/
.lead_Txt {
  padding-bottom: 15px;
  font-size: 16px;
}
.lead_Txt br { display: none;}

#corporate_Wrap06 ul,
#corporate_Wrap07 ul { padding: 0 0 0 1.2em;}
#corporate_Wrap06 li,
#corporate_Wrap07 li,
#corporate_Wrap08 li { font-size: 14px;}

#corporate_Wrap08 h4 { font-size: 16px;}

/*===============
index04.html
===============*/
/* 採用情報 */
#corporate_Wrap09 .flex { flex-direction: column;}
#corporate_Wrap09 .flex > div,
#corporate_Wrap09 .flex article { width: 100%;}
#corporate_Wrap09 .flex > div p:last-of-type { text-align: center;}
#corporate_Wrap09 .flex article { margin: 15px 0 0;}
#corporate_Wrap09 .flex article ul { padding: 15px 0 0;}
#corporate_Wrap09 .flex article a[href^="tel"] { pointer-events: unset;}



/* タブ切り替え */
.tab_area label {
display: block;
width: 100%;
margin: 0 0 15px;
}
.tab_area label:last-child { margin: 0;}
.tab_panel > .lead_Txt {
  font-size: 15px;
  text-align: left;
}
.recruit_list li { padding: 0;}
.recruit_list dl {
  flex-direction: column;
  font-size: 14px;
  line-height: 1.5;
}
.recruit_list dt {
  width: 100%;
  padding: 10px 0;
  background-color: #dbdbdb;
  border-right: none;
}
.recruit_list dd {
  width: 100%;
  padding: 10px 10px 20px;
}

}