@charset "utf-8";
/* CSS Document */
@media print, screen and (min-width:680px){
/* ===============================================
#pagettlArea
=============================================== */
#pagettlArea {
  background:url(../img/pc_bg_main.png) center bottom repeat-x;
}
#pagettlArea > div{
  background:url(../img/pc_img_main.jpg) center top no-repeat;
  height: 400px;
  width: 960px;
  margin:0 auto;
  position:relative;
}
#pagettlArea h1{
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/pc_ttl_main.png);
  width: 482px;
  height: 247px;
  position:absolute;
  left: 24px;
  top: 32px;
}
#btMain{
  position:absolute;
  left: 16px;
  top: 298px;
}
#txtMain{
  position:absolute;
  left: 20px;
  top: 375px;
}

/* ===============================================
#contentArea
=============================================== */
#contentArea{
  font-size: 18px;
  line-height: 27px;
}
/* ===============================================
#sindanArea
=============================================== */
#sindanArea h2{
  text-indent:-9999px;
  overflow:hidden;
  height: 36px;
  background:url(../img/pc_ttl_shindan.png) left top no-repeat;
}
#sindanRead{
  margin-top: 30px;
  text-indent:-9999px;
  overflow:hidden;
  height: 218px;
  background:url(../img/pc_txt_shindan_read.png) left top no-repeat;
}
#popList{
  font-size: 0;
  line-height: 0;
  display: block;
  margin-top: 20px;
}
#popList li{
  display: inline-block;
  margin-left: 20px;
  width: 215px;
  height: 290px;
}
#popList li:first-child{
  margin-left: 0;
}
#popList1{
  background:url(../img/pc_txt_shindan_pop1.png) no-repeat;
}
#popList2{
  background:url(../img/pc_txt_shindan_pop2.png) no-repeat;
}
#popList3{
  background:url(../img/pc_txt_shindan_pop3.png) no-repeat;
}
#popList4{
  background:url(../img/pc_txt_shindan_pop4.png) no-repeat;
}
#shindanMeritArea{
  background-color:#eff7d8;
  position:relative;
  margin-top: 20px;
  padding:20px;
}
#meritList li{
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin-top: 20px;
  height: 31px;
}
#meritList li#meritList1{
  background:url(../img/pc_txt_shindan_1.png) no-repeat;
}
#meritList li#meritList2{
  background:url(../img/pc_txt_shindan_2.png) no-repeat;
}
#meritList li#meritList3{
  background:url(../img/pc_txt_shindan_3.png) no-repeat;
}
/* ===============================================
#stepArea
=============================================== */
#stepArea{
  margin-top: 60px;
}
#stepArea h2{
  text-indent:-9999px;
  overflow:hidden;
  height: 38px;
  background:url(../img/pc_ttl_step.png) left top no-repeat;
}
#stepRead{
  margin: 30px 0 40px;
  background:url(../img/pc_txt_step_read.png) no-repeat;
  height: 232px;
  text-indent:-9999px;
  overflow:hidden;
}
#stepTxt{
  margin:20px 0;
  background:url(../img/pc_txt_step_1.png) no-repeat;
  height: 30px;
  text-indent:-9999px;
  overflow:hidden;
}

/* ===============================================
#kingakuArea
=============================================== */
#kingakuArea{
  margin-top: 60px;
}
#kingakuArea h2{
  text-indent:-9999px;
  overflow:hidden;
  height: 38px;
  background:url(../img/pc_ttl_kingaku.png) left top no-repeat;
}
#kingakuArea h2 + p{
  margin-top: 30px;
}
#kingakuStep{
  margin-top: 40px;
  font-size: 0;
  line-height: 0;
  text-align:center;
}
#kingakuArea h3{
  margin-top: 70px;
  text-indent:-9999px;
  overflow:hidden;
  height: 107px;
  background:url(../img/pc_txt_kingaku_2.png) center top no-repeat;
}
#kingakuArea h3 + p{
  margin-top: 20px;
}

/* ===============================================
#contactArea
=============================================== */
#contactArea{
  margin-top: 40px;
  margin-bottom: 40px;
}
#formArea{
  background:url(../img/pc_bg_contact.png) center top no-repeat;
  width: 800px;
  height: 320px;
  margin:0 auto;
  position:relative;
}
#formRead{
  background:url(../img/pc_txt_contact.png) left no-repeat;
  text-indent:-9999px;
  overflow:hidden;
  height: 176px;
  width: 460px;
  position:absolute;
  top: 28px;
  left: 18px;
}
#btForm {
  position:absolute;
  top: 230px;
  left: 0;
  text-align:center;
  width: 100%;
}
#btForm a{
  display: block;
  background:url(../img/pc_bt_contact.png) no-repeat;
  text-indent:-9999px;
  overflow:hidden;
  width: 438px;
  height: 68px;
  margin:0 auto;
  text-align:left;
}
#btForm a:hover{
  opacity:.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#phoneArea{
  margin-top: 20px;
}
#phoneArea a{
  background:url(../img/pc_txt_phone.png) no-repeat;
  display: block;
  text-indent:-9999px;
  overflow:hidden;
  height: 140px;
  width: 800px;
  margin:0 auto;
}

}

@media screen and (max-width: 679px){
/* ===============================================
#pagettlArea
=============================================== */
#pagettlArea {
  background:url(../img/sp_bg_main.jpg);
  -moz-background-size: 100% auto;
  background-size: auto;
}
#pagettlArea h1{
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/sp_ttl_main.png) no-repeat;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  width: 100%;
  padding-bottom: 56.25%;;
}

/* ===============================================
#contentArea
=============================================== */
#contentArea{
  font-size: 12px;
  line-height: 16px;
  margin:0 5px;
}
/* ===============================================
#sindanArea
=============================================== */
#sindanArea h2{
  text-indent:-9999px;
  overflow:hidden;
  height: 26px;
  background:url(../img/sp_ttl_shindan.png) left top no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
#sindanRead{
  margin-top: 20px;
  text-indent:-9999px;
  overflow:hidden;
  height: 223px;
  background:url(../img/sp_txt_shindan_read.png) center top no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
#popList{
  font-size: 0;
  line-height: 0;
  display: block;
  margin: 20px -5px 0;
}
#popList li{
  display: inline-block;
  width: 25%;
  height: 176px;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
#popList li:first-child{
  margin-left: 0;
}
#popList1{
  background:url(../img/sp_txt_shindan_pop1.png) center top no-repeat;
}
#popList2{
  background:url(../img/sp_txt_shindan_pop2.png) center top no-repeat;
}
#popList3{
  background:url(../img/sp_txt_shindan_pop3.png) center top no-repeat;
}
#popList4{
  background:url(../img/sp_txt_shindan_pop4.png) center top no-repeat;
}
#shindanMeritArea{
  background-color:#eff7d8;
  margin-top: 20px;
  padding:15px 10px;
}
#meritList li{
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin-top: 20px;
  height:46px;
}
#meritList li#meritList1{
  background:url(../img/sp_txt_shindan_1.png) no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
#meritList li#meritList2{
  background:url(../img/sp_txt_shindan_2.png) no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  height: 72px;
}
#meritList li#meritList3{
  background:url(../img/sp_txt_shindan_3.png) no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
/* ===============================================
#stepArea
=============================================== */
#stepArea{
  margin-top: 30px;
}
#stepArea h2{
  text-indent:-9999px;
  overflow:hidden;
  height: 27px;
  background:url(../img/sp_ttl_step.png) left top no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
#stepRead{
  margin: 15px 0;
  background:url(../img/sp_txt_step_read.png) no-repeat;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  padding-bottom: 36%;
  text-indent:-9999px;
  overflow:hidden;
}
#stepTxt{
  margin: 15px 0;
  background:url(../img/sp_txt_step_1.png) no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  height: 40px;
  text-indent:-9999px;
  overflow:hidden;
}

/* ===============================================
#kingakuArea
=============================================== */
#kingakuArea{
  margin-top: 30px;
}
#kingakuArea h2{
  text-indent:-9999px;
  overflow:hidden;
  height: 27px;
  background:url(../img/sp_ttl_kingaku.png) left top no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
#kingakuArea h2 + p{
  margin-top: 20px;
}
#kingakuStep{
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
  text-align:center;
}
#kingakuStep img{
  width: 100%;
}
#kingakuArea h3{
  margin-top: 25px;
  text-indent:-9999px;
  overflow:hidden;
  height: 101px;
  background:url(../img/sp_txt_kingaku_2.png) center top no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
#kingakuArea h3 + p{
  margin-top: 17px;
}

/* ===============================================
#contactArea
=============================================== */
#contactArea{
  margin-top: 30px;
  margin-bottom: 30px;
}
#formArea{
  background:url(../img/sp_bg_contact.png) center top no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 308px;
  height: 160px;
  margin:0 auto;
  position:relative;
}
#formRead{
  background:url(../img/sp_txt_contact.png) left no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  text-indent:-9999px;
  overflow:hidden;
  height: 88px;
  width: 224px;
  position:absolute;
  top: 14px;
  left: 9px;
}
#btForm {
  position:absolute;
  top: 115px;
  left: 0;
  text-align:center;
  width: 100%;
}
#btForm a{
  display: block;
  background:url(../img/sp_bt_contact.png) no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  text-indent:-9999px;
  overflow:hidden;
  width: 219px;
  height: 34px;
  margin:0 auto;
  text-align:left;
}
#btForm a:hover{
  opacity:.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#phoneArea{
  margin-top: 10px;
}
#phoneArea a{
  background:url(../img/sp_txt_phone.png) no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  display: block;
  text-indent:-9999px;
  overflow:hidden;
  height: 95px;
  width: 310px;
  margin:0 auto;
}

}