@charset "UTF-8";

/*   common_pc.css   */
/* 【PC版】ヘッダー・フッターのcss */

/* ---------ヘッダー--------- */
header {
  width:1000px;
  margin:0 auto 10px;
}

/* header top */
.hd_top_area {
  width:100%;
  height:70px;
  display: flex;
  padding-top:25px;
  margin-bottom:10px;
  justify-content: space-between;
}

h1 img {
  width:167px;
}

/* 電話番号・お問い合せ */
ul.tel_area {
  display:flex;
  width:420px;
  height:50px;
  justify-content: space-between;
}

ul.tel_area li {}

ul.tel_area li img {
  width:76px;
  height:auto;
}

ul.tel_area li:nth-child(n + 2) {
  width:220px;
  text-align: right;
  letter-spacing: 0.04em;
}

ul.tel_area li span {
  font-size:28px;
  letter-spacing: 0;
  display: block;
  height:35px;
}

ul.tel_area li:nth-child(n + 3) {
  display: block;
  width:100px;
  height:50px;
  text-align:center;
}

ul.tel_area li:nth-child(n + 3) a {
  display: block;
  width:100%;
  height:50px;
  color:#ffffff;
  background-color:#bbbbbb;
  text-align:center;
  line-height: 50px;
}
ul.tel_area li:nth-child(n + 3) a:hover {
  background-color:#C4C4C4;
  transition : 0.3s;
}

/* header bottom  */
.hd_bottom_area {
  width:100%;
  height:50px;
}

nav.header_navi ul.hd_navi_main {
  height:50px;
  display: flex;
  justify-content: space-between;
}

nav.header_navi ul.hd_navi_main li {
  width:110px;
  border-left:solid 1px #707070;
  text-align: center;
  line-height: 50px;
}

nav.header_navi ul.hd_navi_main li a {
  display: block;
  line-height: 50px;
}
nav.header_navi ul.hd_navi_main li:hover,nav.header_navi ul.hd_navi_main li a:hover {
  color:#b286bc;
  transition : 0.3s;
}
nav.header_navi ul.hd_navi_main li.navi_form {
  border:0px;
}

nav.header_navi ul.hd_navi_main li.navi_form a {
  display: block;
  line-height: 50px;
  color:#ffffff;
  background-color:#B286BC;
}
nav.header_navi ul.hd_navi_main li.navi_form a:hover {
  background-color:#C9AAD0;
  transition : 0.3s;
}

/* Submenu */
nav.header_navi ul.hd_navi_main li ul.hd_navi_sub {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
}

nav.header_navi ul.hd_navi_main li ul.hd_navi_sub li {
  height:40px;
  display: block;
  margin-bottom:1px;
  border-left:0px;
}

nav.header_navi ul.hd_navi_main li ul.hd_navi_sub li a {
  width:100%;
  height:40px;
  font-size:9px;
  background-color:#ffffff;
  line-height: 40px;
  letter-spacing: 0;
}

nav.header_navi ul.hd_navi_main li ul.hd_navi_sub li a:hover {
  background-color:#ebdbef;
  color:#707070;
  transition : 0.3s;
}

nav.header_navi ul.hd_navi_main li:nth-child(n + 2) {
  position: relative;
}

/* ホバーで検定メニュー表示 */
nav.header_navi ul.hd_navi_main li:nth-child(n + 2):hover ul.hd_navi_sub {
    display: block;
}

nav.header_navi ul li ul li a:hover{

}

/* ---------ヘッダーend--------- */

/* ---------フッターend--------- */
footer{
  width:100%;
  background-color: #f6f6f6;
  margin-top:60px;
  padding:35px 0;
}

.footer_area {
  width:880px;
  margin:0 auto;
  height:130px;
  display: flex;
  justify-content: space-between;
}

.footer_left_area {
  width:230px;
}

.footer_left_area img {
  width:230px;
}

.footer_right_area {
  width:600px;
}

.footer_navi_top {
  display: flex;
  justify-content:space-between;
  margin-bottom:20px;
}

.footer_navi_middle {
  display: flex;
  justify-content:flex-start;
  gap:20px;
  margin-bottom:20px;
}

.footer_navi_middle li {
  width:190px;
  height:50px;
  line-height: 50px;
  text-align: center;
  border:solid 1px #bbbbbb;
}

.footer_navi_middle li:hover {
  background-color:#E3E3E3;
  border:solid 1px #E3E3E3;
  transition : 0.3s;
}

.footer_navi_middle li a {
  display: block;
  width:100%;
  height:50px;
  line-height: 50px;
  text-align: center;
}

.footer_navi_middle li a:hover {
    color:#707070;
}


.footer_copyright_area {
  font-size:12px;
}

/* ---------フッターend--------- */