@charset "utf-8";

/* -------------------------------------------------------
本文_共通
------------------------------------------------------- */
a {
    color: #008cd6;
}
a:hover {
    color: #6a265a;
    text-decoration: underline;
}
a:visited {
    color: #0a9a9a;
}
span.heijitsu01 {
    background-color: #efb953;
    padding: 2px 5px;
    margin: auto 0.5em;
}
span.kyujitsu01 {
    background-color: #db7474;
    padding: 2px 5px;
    margin: auto 0.5em;
}
span.doyou01 {
    background-color: #5697ff;
    padding: 2px 15px;
    margin: auto 0.5em;
}
.maintext_area p {
    margin: 15px 15px;
    line-height: 1.5em;
}

.maintext_area h3 {
    font-size: 1.4rem;
    color: #555555;
      margin-top: 50px;
  margin-bottom: 10px;
    text-align: left;
}
.maintext_area h4 {
    font-size: 1.2rem;
    color: #008cd6;
    text-align: left;
}
.maintext_area hr {
    width: 60% ;
    border:1px dotted #cccccc;
}
.maintext_area p.notext {
    height: 1.5em;
    padding: 0;
    margin: 0;
}
.maintext_area table {
    width: 90%;
    margin: 50px auto 0px;
}
.maintext_area th {
    background-color:#afeeee;
    padding: 15px;
    border: solid 1px #cccccc;

}
.maintext_area td {
    background-color:#ffffff;
    padding: 15px;
    border: solid 1px #cccccc;

}
table.border_non td,th{
    border: 0;
}

p.note {
    text-align: right;
    color: #4682b4;
    font-size: 0.9em;
    line-height:1em;
    margin:0;
    padding:0;
}
p.note02 {
    text-align: left;
    color: #4682b4;
    font-size: 0.9em;
}
.txt_strg01 {
    font-weight: 800 ;
    color: #a02934;
}
.icon_link01 {
width: 13px;
height: 13px;
margin: 0 10px 0 0;
vertical-align: 0.1em;
fill:#cc3333;
}

/* -------------------------------------------------------
枠関連
------------------------------------------------------- */
.waku_border01 {
    border: 3px solid #008cd6 ;
    padding: 10px;
    width: 80%;
    margin: auto;
    text-align: center;
}
.waku_border02 {
    border: 1px dashed #008cd6 ;
    padding: 0px;
    width: 80%;
    margin: auto;
    text-align: center;
}
.waku_border03 {
    border: 1px solid #008cd6 ;
    padding: 10px;
    width: 80%;
    margin: auto;
    background-color: #fff6e6;
    
}
/* ----------　以下、本木追加分　------------------------------- */

.waku_border04 {
    border: 2px solid #cc3300 ;
    padding: 10px;
    width: 80%;
    margin: auto;
    background-color: #ffffff;
    text-align:left;
}
.waku_border05{
    border:none;
    margin:auto;
    padding: 20px;
    background-color: #dcdcdc;    
}
.waku_border06{
    border:none;
    width: 80%;
    margin: auto;
    background-color: #ffffff;    
}
.underline_01{
    text-decoration-color: #b22222;
    text-decoration-line: underline;
}
.maintext_area .inquiry_area {
    border: none ;
    width: 100%;
    margin: auto;
    background-color: #ffffff;
    margin: 0;
    padding: 20px 0 0 0;
}


.maintext_area .inquiry_area div.waku_border07_inquiry {
    border: 1px solid #5a5acc ;
    width: 80%;
    margin: auto;
    background-color: #fcfcfc;    
}

.maintext_area .inquiry_area div.waku_border07_links {
    border: 1px solid #5a5a5a ;
    width: 80%;
    margin: auto;
    background-color: #ffffff;    
}
.maintext_area .inquiry_area div.waku_border07_links ul{
    width: 100%;
    margin: auto;
}

.maintext_area .inquiry_area div.waku_border07_links ul li {
    display:inline-block;
    width:auto;
    float:none;
    margin-right:20px;
    margin-bottom:0.5em;
    line-height: 1.8em;
    background-color:#fcfcfc;
    white-space:nowrap;
    padding: 3px 5px 0px 5px;
    border: 1px solid #d0d0d0 ;
}
.maintext_area .acbt_area {
    border: 1px solid #d9d9d9 ;
    width: 80%;
    margin: auto;
    background-color: #fcfcfc;
    margin: 30px auto;
    padding: 1em 0 ;
}
.maintext_area .acbt_area p{
    font-size: 0.8em;
}
.cl {
    clear: both;
}
.maintext_area .recruit_btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
    margin:auto;
}
.maintext_area .recruit_btn p {
    width: calc(90% / 2);
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    margin: 1.5em 0 3em 0;
    padding: 30px 0 ;
    box-sizing: border-box;
    text-align: center;
}
/* -------------------------------------------------------
20180830本木追加インターン用
------------------------------------------------------- */
.maintext_area .intern_btn {
    flex-wrap: wrap;
    width: 45%;
    margin:auto;
}

.maintext_area .intern_btn p {   
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    margin: 1.5em 0 3em 0;
    padding: 30px 0 ;
    box-sizing: border-box;
    text-align: center;
}

/* -------------------------------------------------------
Q&A
------------------------------------------------------- */
.maintext_area .qanda_area ol.qa_area {
    padding: 0.5em 1.5em;
    line-height: 1.4em;
}
.maintext_area .qanda_area ol.qa_area li {
    list-style-type: decimal;
    line-height: 1.4em;
    margin-bottom: 2em;
    color: #666666;
}

.maintext_area .qanda_area ol.qa_area a {
    color: #008cd6;
    margin: 0;
    padding: 0;
}
.maintext_area .qanda_area ol.qa_area b {
    color: #f08080;
}
.maintext_area .qanda_area ol.qa_area i {
    color: #333333;
    display: block;
    margin-top: 1em;
}



/* -------------------------------------------------------
お金を借りる
------------------------------------------------------- */
table.roan_table {
    width: 100%;
}
table.roan_table th {
    text-align:center;
}
table.roan_table td {
    font-size: 0.8em;
}


/* -------------------------------------------------------
金庫概要
------------------------------------------------------- */
.about_ul01 {
    padding: 1.5em;
}
.about_ul01 li {
    list-style-type: square;
    color: #444a37;
    font-size: 1em;
}
.about_ul02 {
    padding: 1em;
}
.about_ul01 li {
    list-style-type: square;
    color: #463d2c;
    font-size: 1em;
}
.about_ol {
    margin: 1em;
    padding: 1em;
    list-style-type: decimal;
}
.about_ol li.type_decimal {
    line-height: 1.8em;
}
.about_ol li.type_decimal ul {
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
}
.about_ol li.type_decimal ul li {
    color: #000000;
    margin: 0 0;
    padding: 0;
}
.about_ol ul li {
    line-height: 1.8em;

}
/* -------------------------------------------------------
リスト一般追加
------------------------------------------------------- */
.com_ul01 {
    padding: 1em;
}
.com_ul01 li {
    list-style-type: square;
    color: #444a37;
    font-size: 1em;
}
.com_ul02{
    padding: 1em;
}
.com_ul02 li {
    list-style-type: none;
    font-size: 1em;
}
/* -------------------------------------------------------
画像関連（右寄せ左寄せ・テキスト回り込み解除）
------------------------------------------------------- */
.pic_left {
    float: left;
    padding: 1em 1.5em;
}
.pic_left_clear {
    clear: left;
}
.pic_right {
    float: right;
    padding: 1em 1.5em;
}
.pic_right_clear {
    clear: right;
}
.pic_both_clear {
    clear: both;
}
/* -------------------------------------------------------
信金感（画像関連
------------------------------------------------------- */
.shinkinkan_area {
    width: 90%;
    margin-bottom: 50px;
}
.shinkinkan_area ul<li {

}
.shinkinkan_area li {
    padding: 0.3em 0 0 0 ;
    margin: 0;
}
.pic_left02 {
    float: left;
    width: 50%;
    padding: 0 0 30px 0 ;
    margin: 0;
    text-align: center;
    background-color: "#ffaaff"
}
.pic_left02_right {
    float: right;
    width: 50%;
    padding: 0;
    margin: 0;
    background-color: "#ffffaa"
}
.pic_left02_clear {
    clear: both;
}
/* -------------------------------------------------------
ボタン PC.css 1400行あたり
------------------------------------------------------- */
.maintext_area .square_btn2:active,
.maintext_area .square_btn2:hover {
  border: solid 1px #03A9F4;
  box-shadow: none;
  text-shadow: none;
  text-decoration: none;
  color: #DDD;
}
.maintext_area .square_btn3 {
  position: relative;
  display: inline-block;
  padding: 2em 3.5em;
  text-decoration: none;
  color: #FFF;
  background: #649d17;
  border: solid 1px #649d17;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin: 3em 0 0 0 ;
}
.maintext_area .square_btn3 a {
    color: #ffffff;
}
.maintext_area .square_btn3 a:visited {
    color: #dddddd;
}
.maintext_area .square_btn3:active,
.maintext_area .square_btn3:hover {
  border: solid 1px #649d17;
  box-shadow: none;
  text-shadow: none;
  text-decoration: none;
  color: #DDD;
}
/* =========================================================
styleguide midashi
========================================================= */
.midashi01{
font-size: 2.8rem;
  color: #008cd6;
  text-align: left;
  font-weight: normal;
  margin-top: 50px;
}
.midashi02{
    font-size: 1.4rem;
  color: #555555;
  border-bottom: 4px solid #00a8a0;
  text-align: left;
  padding-bottom: 13px;
  margin-top: 50px;
  margin-bottom: 10px;
}
.midashi03{
    font-size: 1.2rem;
  text-align: left;
  color: #008cd6;
  border-left: 4px solid #888888;
  padding-left: 9px;
  margin-bottom: 10px;
}

.midashi01_b{
font-size: 2.8rem;
  color: #008cd6;
  text-align: left;
  font-weight: bold;
    margin-top: 50px;
}
.midashi02_b{
  text-align: left;
    font-size: 1.4rem;
  color: #555555;
  border-left: 8px solid #008cd6;
  padding-left: 14px;
  margin-top: 50px;
  margin-bottom: 10px;
}
.midashi03_b{
    font-size: 1.2rem;
  text-align: left;
  color: #555555;
}
.midashi03_b span{
  background: #eaeaea;
  padding: 13px 50px 13px 13px;
  display: inline-block;
}
.midashi01_c{
font-size: 2.8rem;
  text-align: left;
  color: #555555;
  border-bottom: 4px solid #00a99c;
  padding-bottom: 20px;
  font-weight: normal;
    margin-top: 50px;
}
.midashi02_c{
    font-size: 1.4rem;
  text-align: left;
  color: #008cd6;
  margin-top: 50px;
  margin-bottom: 10px;
}
.midashi03_c{
    font-size: 1.2rem;
  text-align: left;
  color: #555555 ;
  border-left: 4px solid #00a8a0;
  padding-left: 9px;
}

.midashi04{
  /*font-size: 44px;*/
  margin:60px 0 50px;
font-size: 2.8rem;
  color: #000000;
  font-weight: normal;
}
.midashi05{
    font-size: 1.4rem;
  color: #555555;
  border-bottom: 4px solid #d68c00;
  text-align: left;
  padding-bottom: 13px;
  margin-top: 50px;
  margin-bottom: 10px;
}
.midashi05_b{
  text-align: left;
    font-size: 1.4rem;
  color: #555555;
  border-left: 8px solid #d68c00;
  padding-left: 14px;
  margin-top: 50px;
  margin-bottom: 10px;
}
.midashi05_c{
    font-size: 1.2rem;
  text-align: left;
  color: #0c746f ;
  border-left: 4px solid #00a8a0;
  padding-left: 0.5em;
    margin-top: 1.8em;
    margin-left: 0.5em;
}
.midashi06 {
    font-size: 1rem;
    line-height: 1.5em;
    padding: 0;
    margin: 2em 0 0 0;
    color: #255330;
    font-family: "Arial Black", Gadget, sans-serif;
}
.midashi06 strong {
    font-size: 4rem;
    color: #255330;
    line-height: 0.9;
    vertical-align:bottom;

    font-weight: bold;
}
.midashi06 span {
    vertical-align:bottom;
    color: #255330;
}
h4.midashi07{
    font-size: 2.5 em !important;
    text-align: left;
    color: #008cd6;
    padding-left: 9px;
    margin-bottom: 10px;
    padding-top: 2em;
}




/*　動画てすと　*/
.videoframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.videoframe-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.snslogo {
  width: 100%;
  padding:2em 0;
}
.snslogo h3 {
font-size: 1.5em;
color:#008cd6;
margin:30px 0 0 0;
}
.snslogo li {
list-style: none;
font-size: 1.2em;
width: 40%;
padding:1em 0;
text-align: center;
display: inline-block;
}

/*ウィンドウ幅が767px以上の場合に適用*/
@media screen and (max-width: 767px) { 

.snslogo li {
list-style: none;
font-size: 1.2em;
width: 100%;
padding:1em 0;
text-align: center;
}

}