@charset "UTF-8";
/* CSS Document */

a {
    text-decoration:none;
    color:#333333;
}

a:hover {
    opacity:0.5;
}

#clear {
    width:100%;
    clear:both;
}

#clear_line {
    width:100%;
    clear:both;
    border-bottom:#CCCCCC 1px solid;
    padding:18px 0;
}

#clear_dot {
    width:100%;
    clear:both;
    border-bottom:#999999 1px dotted;
    padding:4px 0;
}

#clear_margin_botm_15px {
    width:100%;
    clear:both;
    margin-bottom:15px;
}

#clear_margin_botm_35px {
    width:100%;
    clear:both;
    margin-bottom:35px;
}

#clear_margin_botm_45px {
    width:100%;
    clear:both;
    margin-bottom:45px;
}

#clear_margin_botm_50px {
    width:100%;
    clear:both;
    margin-bottom:50px;
}

#clear_margin_botm_60px {
    width:100%;
    clear:both;
    margin-bottom:60px;
}

#clear_margin_botm_70px {
    width:100%;
    clear:both;
    margin-bottom:70px;
}

#clear_margin_botm_80px {
    width:100%;
    clear:both;
    margin-bottom:80px;
}

#clear_margin_botm_100px {
    width:100%;
    clear:both;
    margin-bottom:100px;
}

#clear_margin_botm_150px {
    width:100%;
    clear:both;
    margin-bottom:150px;
}

p{
    font-size:15px;
    line-height:180%;
    }

body{
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    background:#2983B7;
    overflow:hidden;
    }

#main_box{

    max-width:900px;
    margin:50px auto 0 auto;
    background:#FFFFFF;
    box-shadow:0px 0px 7px 1px #5e687a;
-moz-box-shadow:0px 0px 7px 1px #5e687a;
-webkit-box-shadow:0px 0px 7px 1px #5e687a;
padding:50px 0;
    }

#logo{
    text-align:center;
    margin-bottom:40px;
    }

#login_box{
    width:630px;
    margin:0 auto 0 auto;
    }

#midashi_01{
    font-size:22px;
    font-weight:bolder;
    color:#3E489C;
    margin-bottom:5px;
    }

#midashi_02{
    font-size:16px;
    font-weight:bolder;
    color:#3E489C;
    text-align:center;
    margin-bottom:20px;
    }

#login_box_sub{
    background:#EFEFEF;
    text-align:center;
    padding:40px 0;
    }

#login_box_sub2{
    background:#FFC;
    text-align:center;
    padding:40px 0;
    }

.honbun_01{
    font-size:14px;
    line-height:150%;
    }

.honbun_03{
    font-size:14px;
    line-height:150%;
    margin-bottom:10px;
    }

.honbun_04{
    font-size:14px;
    line-height:150%;
    margin-bottom:10px;
    }

.honbun_03 a{
    text-decoration:underline;
    }

.focus{
color:#969696;
}

input, select, textarea {
font-size: 110%;
padding:1%;
margin:6px 0;
}

.text input{width:70%;}

#login_l{
    float:left;
    margin-left:8%;
    margin-top:20px;
    }

#login_r{
    float:right;
    margin-right:8%;
    margin-top:5px;
    }

.login_btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
}

.login_btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#login_list{
    margin-top:15px;
    }

#login_list li{
    font-size:14px;
    margin:5px 0;
    background:url("/img/icon_01.png") no-repeat left center;
    padding-left:23px;
    }

footer{
    text-align:center;
    color:#FFFFFF;
    padding-top:30px;
    font-size:14px;
    padding-bottom:20px;
    }

#f_tel{
    font-size:35px;
    font-weight:bolder;
    }

#popup{
    width:700px;
    background:#FFFFFF;
    margin:50px auto;
    text-align:center;
    padding:40px 0;
    }

#popup_copy{
    display:block;
    color:#2983B7;
    border-bottom:#2983B7 1px solid;
    border-top:#2983B7 1px solid;
    font-size:15px;
    font-weight:bolder;
    width:85%;
    margin:0 auto 10px auto;
    }

#popup_tel{
    font-size:60px;
    text-align:150%;
    font-weight:bolder;
    }

#popup_time{
    font-size:21px;
    }

#popup_return{margin-top:15px; font-size:18px;}

#login_time{
    font-size:14px;
    float:right;
    line-height:280%;
    }

.name{
    font-size:19px;
    font-weight:bolder;
    text-align:left;
    width:90%;
    margin:0 auto;
    }

#btn_01{
    width:90%;
    margin:0 auto;
    }

#btn_01 img{max-width:100%;}

#btn_01 li a{
    /* box-shadow */
box-shadow:0px 0px 7px 1px #989898;
-moz-box-shadow:0px 0px 7px 1px #989898;
-webkit-box-shadow:0px 0px 7px 1px #989898;

/* border-radius */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
width:45%;
margin:2% 2.5%;
float:left;


line-height:50%;


    }

#btn_01 li a span{
    font-size:14px;
    line-height:100%;
    display:block;
    margin-top:-0px;
    }

#moushikomi_box{
    width:90%;
    margin:0 auto;
    background:#FFFFFF;
    padding:1% 2%;
    margin-bottom:15px;
    }

#box_l_txt{
    float:left;
    color:#3E489C;
    font-size:26px;
    font-weight:bolder;
    }

#box_r_txt{
    float:right;
    font-size:26px;
    font-weight:bolder;
    }

#login_l_02{
    float:left;
    margin-left:10%;
    margin-top:20px;
    width:40%;
    font-size:22px;
    font-weight:bolder;
    }
#login_r_02{
    float:right;
    margin-right:10%;
    margin-top:20px;
    width:40%;
    font-size:22px;
    font-weight:bolder;
    }

#midashi_03{
    font-size:27px;
    font-weight:bolder;
    color:#000;
    margin-bottom:5px;
    line-height:150%;
    }

#torihiki_list{
    width:90%;
    margin:0 auto;
    background:#FFFFFF;
    border:#000000 1px solid;
    text-align:left;
    font-size:16px;
    }

#torihiki_list dt{
    float:left;
    padding:3% 0 3% 3%;
    background:#DDE5F1;
    width:180px;
    font-weight:bolder;
    }


#torihiki_list dd{
    padding:3% 0 3% 210px;
    border-bottom:#000000 1px solid;
    min-height:25px;
    }

dt#zandaka{min-height:48px;}
dd#zandaka{min-height:48px;}


#torihiki_list dd:last-child{
    border:none;
    }

#btn_02 a{
  background: #ff8400;
  background-image: -webkit-linear-gradient(top, #ff8400, #ffa352);
  background-image: -moz-linear-gradient(top, #ff8400, #ffa352);
  background-image: -ms-linear-gradient(top, #ff8400, #ffa352);
  background-image: -o-linear-gradient(top, #ff8400, #ffa352);
  background-image: linear-gradient(to bottom, #ff8400, #ffa352);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  color:#FFF;
  display:flex;
  min-width:150px;

}

#btn_02 a:hover {
  background: #ffc619;
  text-decoration: none;
  opacity:1;
}

#btn_03 a{
  background: #1e88e5;
  background-image: -webkit-linear-gradient(top, #1e88e5, #64b5f6);
  background-image: -moz-linear-gradient(top, #1e88e5, #64b5f6);
  background-image: -ms-linear-gradient(top, #1e88e5, #64b5f6);
  background-image: -o-linear-gradient(top, #1e88e5, #64b5f6);
  background-image: linear-gradient(to bottom, #1e88e5, #64b5f6);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 30px;
  text-decoration: none;
  display: flex;
  min-width: 150px;
}

#btn_03 a:hover{
  background: #1565c0; /* 濃い青・単色 */
  background-image: none;
  text-decoration: none;
  opacity: 1;
}

#form_list{
    width:90%;
    margin:0 auto;
    }

#form_list dt{
    font-size:16px;
    font-weight:bolder;
    float:left;
    line-height:150%;
    padding-top:10px;
    }




#form_list_02{
    width:90%;
    margin:0 auto;
    margin-bottom:20px;
    }

#form_list_02 dt{
    font-size:16px;
    font-weight:bolder;
    float:left;
    line-height:150%;
    padding-top:20px;
    }


#form_list_02 dd{
    text-align:left;
    padding-left:100px;
    padding-top:20px;
    }

.lof{text-align:right; margin-top:25px; margin-right:15px;}


/*input.focus{height:2.0em;}*/
p#login_form_p{margin-bottom:0.8rem;}
#ex_txt{text-align:left;}

br.sp{display:none;}


span.red{color:#F00;}


ul.maintenance_menu_btn{display:flex; justify-content: space-around; margin-bottom:35px;}

.maintenance table{padding-bottom:10px; margin-bottom:10px;}
.maintenance table td{padding-right:15px;}

#post h3{font-size:1.2rem; margin-bottom:1.5rem; font-weight:bold;}

.footer_navidial img{width:50%;}

.top_news_section dl{
background: #fff;
padding: 3%;
border: #c7d4ed 5px solid;
border-radius: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 2.0rem;
margin-bottom: 1.5%;
}

/*会員お知らせ*/
.member_notice{margin:1rem 3rem;}
.member_notice a{font-weight:bold;}
.member_notice dl{

display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 1.5%;
}


.member_notice dl dt{
width: 20%;
border-bottom: #4472c4 1px dotted;
padding-bottom: 3%;
margin-bottom: 3%;
}

.member_notice dl dd{
width: 75%;
border-bottom: #4472c4 1px dotted;
padding-bottom: 3%;
margin-bottom: 3%;
text-align:left;
}

.member_notice dl dt:last-of-type{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

.member_notice dl dd:last-of-type{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

.notice_article{text-align:left;}
.notice_article p.date{padding-bottom:5%;}
.notice_back{padding-top:5%;}
.notice_back p{text-align:right;}