/* ===================================================================
CSS information
file name  :  style.css
style info :  All Page Desining
=================================================================== */
@charset "UTF-8";

/*--------
default
--------*/

html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  color: #774f2f;
  background-color: #F4EAEF;
  font-family: Avenir, 'Helvetica neue', Helvetica,  メイリオ, Meiryo,'游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

a:link {
  color: #34889d;
}

a:visited {
  color: #34889d;
}

a:hover { 
  color: #34889d;
}

.cf:before,.cf:after { 
  content:""; display:block;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}

#inner  {
  height: 100%;
  background: url(/m6/img/new_face/pc/emy/all_bg.png) repeat-y;
  background-position: center;
  background-attachment: fixed;
}

.second_page {
  width: 980px;
  min-width: 980px;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 50px;
  overflow: hidden;
  background-position: center top;
}

h1 img {
  font-size: 0%;
  line-height: 0;
  vertical-align: bottom;
}


#content {
  background: #f4eaef;
  margin: 0 auto;
}

#content .content_inner {
  background: url(/m6/img/new_face/pc/emy/all_bg.png) repeat-y;
  background-position: center;
  margin: 0 auto;
}

#content .content_wrap {
}

#content .content_main {
  position: relative;
}

#content .content_bg_btm {
  text-align: center;
}

/*--------
header
--------*/

#header {
  position: relative;
  text-align: center;
  background: url(/m6/img/new_face/pc/emy/main_visual_bg.png) repeat-x;
  background-position: center 70px;
  height: 534px;
  overflow-x: hidden;
  overflow-y: hidden;
}

#header::-webkit-scrollbar {
  display: none;
}

#header .sliding_door_left {
  /*background: url(/m6/img/new_face/pc/emy/sliding_door_left.png) repeat-x;*/
  position: absolute;
  left: 0;
  text-align: right;
  z-index: 3;
}

#header .sliding_door_right {
 /*background: url(/m6/img/new_face/pc/emy/sliding_door_right.png) repeat-x;*/
  position: absolute;
  right: 0;
  text-align: left;
  z-index: 3;
}

#header .sliding_door_right {
  position: absolute;
  right: 0;
  z-index: 1;
}

#header .main_visual_sub {
  position: absolute;
  top: -122px;
  left: 50%;
  margin-left: -490px; 
}

#header nav {
  height: 72px;
  background: url(/m6/img/new_face/pc/emy/navi_bg.jpg) repeat-x;
}

#header nav .navi_inner {
  margin: 0 auto;
  width: 955px;
}

#header nav .left_wrap {
  width: 280px;
  margin-top: 23px;
  float: left;
}

#header nav .right_wrap {
  margin-top: 20px;
  float: right;
}

#header nav ul li {
  float: left;
  text-align: center;
  margin-left: 35px;
}

#header nav ul li:first-child {
  margin-left: 0px;
}

#header h1 {
  position: relative;
  width: 180px;
  height: 444px;
  text-align: center;
  margin: 0 auto;
  padding-top: 20px;
}

#header p {
  margin-top: 120px;
}

#header .title_wrap {
  background: url(/m6/img/new_face/pc/emy/header_bg.jpg) no-repeat;
  background-position: center;
}

#header .title_wrap .header_btn {
  position: absolute;
  top: 0;
  right: -280px;
}

#header .title_wrap span {
  display: block;
  position: absolute;
  top: -4px;
  right: -669px;
}

/*--------
caption
--------*/

.caption {
  text-align: center;
}

.caption1 {
  margin: 0px 0px 0px;
}

.caption2 {

  margin: 20px 0px 25px;
}

.caption3 {

  margin: 20px 0px 50px;
}

.caption4 {
  margin: 35px 0px 50px;
}

.caption5 {
}

.caption6 {

  margin: 35px 0px 35px;
}

/*--------
contents1
--------*/

#fortune {
  position: relative;
  background: url(/m6/img/new_face/pc/emy/fortune_bg.png) repeat-x;
  height: 474px;
  padding: 55px 0px;
}

#fortune .fortune_wrap .bx-controls {
  display: none;
}

#fortune .fortune_triangle {
  position: absolute;
  left: 50%;
  bottom: -25px;
  margin-left: -23px;
}

#fortune #slider1 {
  width: 1660px;
  margin: 0 auto;

}

#fortune #slider1 li {
  float: left;
  list-style: none;
  position: relative;
  width: 332px;
  text-align: center;
}

/*--------
contents2
--------*/

#point {
  position: relative;
  width: 940px;
  margin: 110px auto 0px;
}

#point .content_main {
  position: relative;
  width: 938px;
  margin: 0 auto;
  background: url(/m6/img/new_face/pc/emy/content_mdl.png) repeat-y;
  background-position: center;
}

#point .content_main h1 {
  position: absolute;
  top: -75px;
  left: 50%;
  margin-left: -438px;

  text-align: center;
} 

#point .content_main ul {
  width: 900px;
  margin: 0 auto;
  padding :70px 0px 0px; 
}

#point .content_main ul li { 
  float: left;
  width: 430px;
  margin: 10px;
}

#point .content_btn {
  margin: 30px auto 0px;
  padding-bottom: 10px;
  text-align: center;
} 

/*--------
contents3
--------*/
#experience {
  position: relative;
  width: 940px;
  margin: 80px auto 0px;
}

#experience .content_main {
  position: relative;
  width: 878px;
  margin: 0 auto;
  padding: 79px 30px 0px;
  background: url(/m6/img/new_face/pc/emy/content_mdl.png) repeat-y;
  background-position: center;
}

#experience .content_main h1 {
  position: absolute;
  top: -75px;
  left: 50%;
  margin-left: -438px;

  text-align: center;
} 

#experience h2 {
  text-align: left;
}


#experience h3 {
  margin-top: 30px;
  margin-bottom: 15px;
}

#experience .experience1 {
    background: url(/m6/img/new_face/pc/emy/experience1_bg.png) no-repeat;
    width: 820px;
    height: 388px;
    margin: 0 auto;
    padding: 10px 47px 0px;
}

#experience .experience2 {
    background: url(/m6/img/new_face/pc/emy/experience2_bg.png) no-repeat;
    width: 820px;
    height: 388px;
    margin: 0 auto;
    padding: 10px 47px 0px;
}

#experience .experience3 {
    background: url(/m6/img/new_face/pc/emy/hanekawa2.png) no-repeat;
    width: 820px;
    height: 388px;
    margin: 0 auto;
    padding: 10px 47px 0px;
}

#experience .experience4 {
    background: url(/m6/img/new_face/pc/emy/kaji2.png) no-repeat;
    width: 820px;
    height: 388px;
    margin: 0 auto;
    padding: 10px 47px 0px;
}

#experience .experience5 {
    background: url(/m6/img/new_face/pc/emy/koosaka2.png) no-repeat;
    width: 820px;
    height: 388px;
    margin: 0 auto;
    padding: 10px 47px 0px;
}

/*--------
contents4
--------*/
#step {
  position: relative;
  width: 940px;
  margin: 90px auto 0px;
}

#step .content_main {
  position: relative;
  width: 676px;
  height: 300px;
  margin: 0 auto;
  padding: 130px 130px 0px;
  background: url(/m6/img/new_face/pc/emy/content_mdl.png) repeat-y;
  background-position: center;
}

#step .content_main .step_bg {
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -413px;
}

#step .content_main .slider2 {
  width: 827px;
}

#step .content_main h1 {
  position: absolute;
  top: -75px;
  left: 50%;
  margin-left: -438px;

  text-align: center;
} 

/*--------
second text
--------*/
#s_txt {
  width: 830px;
  font-size: 14px;
  text-align: left;
  line-height: 1.7em;
  margin: 0 auto;
  color: #774f2f;
  font-family: Avenir, 'Helvetica neue', Helvetica,  メイリオ, Meiryo,'游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  letter-spacing: 1px;
}

/* 2024.08.09 rk add ---*/
#s_txt_01a {
  width: 650px;
  font-size: 14px;
  text-align: left;
  line-height: 1.7em;
  margin: 0 auto;
  color: #774f2f;
  font-family: Avenir, 'Helvetica neue', Helvetica,  メイリオ, Meiryo,'游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  letter-spacing: 1px;
}

#s_txt h3, #s_txt_01a h3 {
  padding:20px 0 0 1px;
  font-size: 15px;
  margin:0;
  color: #943C8D;
  font-family: Avenir, 'Helvetica neue', Helvetica,  メイリオ, Meiryo,'游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  border-bottom: 1px dotted #a28a5b;
}

#s_txt p, #s_txt ul, #s_txt ol, #s_txt_01a p, #s_txt_01a ul, #s_txt_01a ol {
  padding-top: 15px;
}

#s_txt p, #s_txt ul, #s_txt_01a p, #s_txt_01a ul{
  padding-left: 20px;
}

#s_txt ul, #s_txt_01a ul {
  list-style:none;
}

#s_txt ol, #s_txt_01a ol {
  padding-left: 30px;
}

#s_txt a.body, #s_txt_01a a.body {
  font-size: 14px;
  line-height: 1.2em;
  color: #3488A6;
  text-decoration:none;
}

#s_txt a:hover, #s_txt_01a a:hover {
  font-size: 14px;
  line-height: 1.2em;
  color: #9BD3FF;
  text-decoration:none;
}

#s_txt a:active, #s_txt_01a a:active {
  font-size: 14px;
  line-height: 1.2em;
  color: #9BD3FF;
  text-decoration:none;
}

.mark_clr {
  color:#943C8D;
}

/*--------
footer
--------*/

#footer {
  min-width: 980px;
  height: 88px;
  text-align: center;
  margin: 0 auto;
}

#f_link {
  color: #774f2f;
  font-size: 14px;
  line-height: 1.5em;
  text-decoration:none;
  padding-top: 24px;
}

#f_link a:link {
  color: #34889d;
}

#f_link a:visited {
  color: #34889d;
}

#f_link a:hover {
  color: #34889d;
}

#f_link a:active {
  color: #34889d;
}

p.copyright {
  padding: 12px 0px 15px;
  font-size: 13px;
  color: #774f2f;
}

p.copyright a {
  color: #774f2f;
}

/*--------
second bg
--------*/

.second_bg #content .content_wrap {
  width: 941px;
  margin: auto;
}

.second_bg #form .content_main {
  background: url(/m6/img/new_face/pc/emy/form_mdl.png) repeat-y;
  background-position: center;
}

.second_bg #content .content_main .inner_bg{
  background: url(/m6/img/new_face/pc/emy/form_mdl.png) repeat-y;
  background-position: center;
}

.second_bg h1 {
  text-align: center;
}

/*--------
teller
--------*/
#teller section {
  padding:20px 0px ;
}

/*--------
form
--------*/

#form {
  width: 941px;
  margin: 0 auto;
}

#form .form_caption {
  text-align: center;
}

#form .form_bg_btm {
  text-align: center;
}

#form .form_text {
  text-align: center;
  margin-bottom: 30px;
}

#form article {
  padding: 15px 100px 27px;
  background: url(/m6/img/new_face/pc/emy/form_mdl.png) repeat-y;
  background-position: center;
}

#form article tr {
}

#form article th , #form article td {
  padding-bottom: 27px;
  vertical-align: middle;
}

#form article td {
  padding-left: 27px;
} 

#form article select {
  border: 1px solid #CCC;
  border-radius:0px !important;
  background: #fff;
  font-size:100%;
  vertical-align: middle;
  height:40px;
}

#form article .attention {
  font-size: 15px;
  color:#774f2f;
}

#form h4.toroku_txt {
  text-align: center;
}

div.radio-group {
}

div.radio-group input {
  opacity: 0;
}

div.radio-group div {
  position: relative;
}

div.radio-group input {
  position: absolute;
  left: 0px;
  outline:none;
}

div.radio-group label {
  cursor: pointer;
  padding: 12px 0px 0px 0px;
  float: left;
  background: url(/m6/img/new_face/pc/emy/index1_off.png) no-repeat;
  width:227px;
  height:36px;
  color:#ffffff;
  font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 17px;
  text-shadow: 1px 1px 0px #603a1d;
  line-height:1.4;
  text-align:center;
  vertical-align:middle;
}

div.radio-group label.checked  {
  background: url(/m6/img/new_face/pc/emy/index1_on.png) no-repeat;
  width: 227px;
  height: 35px;
}

div#blood div.radio-group label {
  cursor: pointer;
  padding: 12px 0px 0px 0px;
  float: left;
  background: url(/m6/img/new_face/pc/emy/index2_off.png) no-repeat;
  width: 112px;
  height: 38px;
  color: #ffffff;
  font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 17px;
  text-shadow: 1px 1px 0px #683d83;
  line-height:1.4;
  text-align:center;
  vertical-align:middle;
}

div#blood div.radio-group label.checked  {
  background: url(/m6/img/new_face/pc/emy/index2_on.png) no-repeat;
  width: 114px;
  height: 38px;
}

input[type="text"]:focus {
  outline: 0;
  border-color: #ffd800;
}

/*---------------------------------------------------------------------
  other
----------------------------------------------------------------*/
.clearfix:after { content:""; display:block; clear:both; height:0; }
* html .clearfix  { zoom: 1; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */