@charset "Shift_JIS";

/* common 
-------------------------------------------------------------*/
body { min-width: 960px; }
.sp { display: none; }

a, button {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

a:hover, button:hover {
  -webkit-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
}

/* layout 
-------------------------------------------------------------*/
.contents { ; }

.inner_cnt {
  margin: auto;
  width: 960px;
}

/* button */
.btn01 {
  color: #646464;
  text-align: center;
  text-decoration: none;
  border: 1px solid #C7C7C7;
  display: inline-block;
}

.btn01:hover {
  color: #989898;
  background: #DADFE3;
}

/* header 
-------------------------------------------------------------*/
#header {
  border-bottom: 1px solid #E5EAED;
  height: 92px;
  z-index: 1;
  background: #fff;
  overflow: hidden;
  position: relative;
}

#header h1 {
  padding: 30px 0 0;
  float: left;
}

#g_nav {
  letter-spacing: -.40em;
  text-align: right;
  float: right;
}

#g_nav ul {
  vertical-align: top;
  padding: 40px 0 0 20px ;
}

#g_nav > ul > li {
  letter-spacing: normal;
  vertical-align: top;
  padding: 0 0 0 30px;
  display: inline-block;
}

#g_nav > ul > li ul { display: none; }

#g_nav li a {
  text-decoration: none;
  display: block;
  position: relative;
}

#g_nav li a:hover { opacity: 0.6; }

/* footer 
-------------------------------------------------------------*/
#footer {
  padding: 50px 0 30px;
  z-index: 1;
  background: #E5EAED;
  position: relative;
}

#footer h2 {
  font-weight: 500;
  padding: 15px 0 20px;
  position: relative;
}

#ft_siteindex {
  padding: 0 0 48px;
  border-top: 1px dotted #848484;
  width: 787px;
  float: left;
}

#ft_nav > ul { float: left; }
#ft_nav > ul:nth-of-type(1) { width: 30%; }
#ft_nav > ul:nth-of-type(2) { width: 35%; }
#ft_nav > ul:nth-of-type(3) { width: 25%; }
#ft_nav > ul ul { padding: 2px 0 15px; }
#ft_nav > ul ul ul { padding: 0; }
#ft_nav > ul > li > a { font-size: 16px; }
#ft_nav li li li a { font-size: 13px; }

#ft_nav a {
  text-decoration: none;
  padding: 5px 0;
  display: block;
}

#ft_nav a:hover { opacity: 0.6; }

#ft_link {
  padding: 0 0 48px;
  border-top: 1px dotted #848484;
  width: 253px;
  float: right;
}

#ft_link li { padding: 4px 0 0; }
#ft_link li:first-child { padding: 0; }
#ft_link li a:hover { opacity: 0.6; }

#ft_sub_nav {
  padding: 12px 0 0;
  border-top: 1px dotted #848484;
}

#ft_sub_nav li {
  padding: 0 20px 0 0 ;
  display: inline-block;
}

#ft_sub_nav li a {
  font-size: 12px;
  text-decoration: none;
}

#ft_sub_nav li a:hover { text-decoration: underline; }

#footer .copy {
  font-size: 10px;
  padding-top: 5px;
}

/* form 
-------------------------------------------------------------*/
[placeholder] { font-family: "中ゴシックBBB", -apple-system, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

input[type=text], textarea {
  border-radius: 5px;
  font-size: 16px;
  padding: 18px 20px;
  border: none;
  background: #f4f4f4;
}

textarea {
  width: 100%;
  height: 200px;
}

.select-wrap {
  display: inline-block;
  position: relative;
}

.select-wrap:before {
  pointer-events: none;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin: auto;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  width: 9px;
  height: 9px;
  z-index: 1;
  top: 0;
  right: 15px;
  bottom: 4px;
  content: "";
  position: absolute;
}

select {
  -moz-appearance: none;
  text-overflow: '';
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
  font-family: "中ゴシックBBB", -apple-system, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: inherit;
  color: inherit;
  text-indent: 0.01px;
  vertical-align: middle;
  padding: 10px 50px 10px 20px;
  border: none;
  height: 55px;
  background: none transparent;
  background: #f4f4f4;
  outline: none;
}

select option {
  color: #333;
  background-color: #fff;
}

select::-ms-expand { display: none; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.w100 { width: 100%; }
.w35 { width: 35%; }
.w25 { width: 25%; }
.w20 { width: 20%; }