@charset "utf-8";

/* ----------------------
 init
----------------------- */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
  margin: 0; padding: 0;
  background-color: #231815;
  font-size: 13px; line-height: 1.8; color: #fff; font-weight: 400; font-style: normal;
  font-family: "BIZ UDGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*,*::before, *::after {
  box-sizing: border-box;
}
img {
  /*max-width: 100%; height: auto;*/
  vertical-align: bottom;
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}
a:link, a:visited {
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, ul, li, p, dl, dt, dd ,form{
  margin: 0; padding: 0;
}
li{
  list-style: none;
}
input, button, textarea, select {
  font: inherit;
}
@media only screen and (max-width:640px) {
  body {
    font-size: 3.125vw;
  }
  img {
    width: 100%; height: auto;
  }
}

/* ----------------------
 common
----------------------- */
#wrap {
  width: 100%; min-width: 1400px;
  overflow: hidden;
}
#wrap .content {
  width: 1200px;
  margin: 0 auto;
}
main {
  width: 960px;
  float: right;
}
aside {
  width: 186px;
  float: left;
  text-align: center;
}
h3{
  padding: 1px 0 0 40px; margin-bottom: 15px;
  background-color: #595656;
  font-size: 15px; line-height: 32px; font-weight: 400;
  background-position: left center;
  background-repeat: no-repeat;
}
ul.indent1 li {
  padding-left: 1em;
  text-indent: -1em;
}
ul.indent1_5 li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.sp-only{
  display: none;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}
@media only screen and (max-width:640px) {
  #wrap {
    min-width: auto;
  }
  #wrap .content {
    width: 100%;
  }
  main,
  aside {
    width: 100%;
    padding: 0 4.6875vw;
    float: none;
  }
  h3{
    padding: 0 0 0 8.125vw; margin-bottom: 2.5vw;
    font-size: 3.28125vw; line-height: 6.875vw;
    background-size: auto 100%;
  }
  .sp-only{
    display: block;
  }
}

/* ----------------------
 header
----------------------- */
header {
  width: 100%; min-width: 1400px; height: 140px;
  overflow: hidden;
}
header .container {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
header h1 {
  padding: 12px 0 12px 14px;
}
header .trigger{
  display: none;
}
header ul {
  width: 965px; height: 44px;
  position: absolute; right: 5px; top: 27px;
}
header li {
  width: 193px;
  padding-right: 12px;
  float: left;
}
header li a {
  width: 181px; height: 44px;
  display: block;
  background-image: url("../image/header_menu.png");
}
header li a span {
  display: none;
}
header li:nth-child(1) a {background-position: 0 0;}
header li:nth-child(2) a {background-position: -181px 0;}
header li:nth-child(3) a {background-position: -362px 0;}
header li:nth-child(4) a {background-position: -543px 0;}
header li:nth-child(5) a {background-position: -724px 0;}
header li:nth-child(1) a:hover {background-position: 0 bottom;}
header li:nth-child(2) a:hover {background-position: -181px bottom;}
header li:nth-child(3) a:hover {background-position: -362px bottom;}
header li:nth-child(4) a:hover {background-position: -543px bottom;}
header li:nth-child(5) a:hover {background-position: -724px bottom;}

header .pop {
  width: 100vw; min-width: 1400px; height: 35px;
  position: absolute; left: 430px; top: 80px;
}
header .pop p {
  font-size: 16px; line-height: 35px;
  background-image: url("../image/header_pop_bg.png");
  background-position: left center;
  background-repeat: no-repeat;
}
header .pop p:nth-child(1) {
  color: #d18f2a;
  background-color: #ba511f;
}
header .pop p:nth-child(2) {
  color: #8ba3c7;
  background-color: #3962ad;
  display: none;
}
header .pop.change  p:nth-child(1) {
  display: none;
}
header .pop.change  p:nth-child(2) {
  display: block;
}

@media only screen and (max-width:640px) {
  header {
    min-width: auto; height: 25vw;
  }
  header .container {
    width: 100%;
  }
  header h1 {
    width: 45vw;
    padding: 0;
    position: absolute; left: 4.6875vw; top: 1.875vw; z-index: 1000;
  }
  header .trigger {
    width: 11.5625vw; height: 12.1875vw;
    display: block;
    position: absolute; right: 4.6875vw; top: 2.1875vw; z-index: 1000;
    background-color: #ba511f;
    background-image: url("../image/header_trigger.png");
    background-size: 100% auto;
  }
  .menu_open header .trigger {
    background-color: #FFF;
    background-image: url("../image/header_close.png");
  }
  header ul {
    width: 100%; height: 19.6875vw;
    position: relative; right: auto; top: auto;
  }
  header li {
    display: none;
  }
  header .pop {
    width: 100%; min-width: auto; height: 5.46875vw;
    position: relative; left: auto; top: auto;
    background-image: url("../image/header_pop_bg_sp.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
  header .pop p {
    padding-left: 4.6875vw;
    font-size: 3.2vw; line-height: 5.46875vw;
    background: none !important;
  }
  header .pop.change  p:nth-child(1) {
    display: block;
  }
  header .pop.change  p:nth-child(2) {
    display: none;
  }
}

/* ----------------------
 .sp_menu
----------------------- */
.menu_sp,
.menu_sp_bg {
  display: none;
}
@media only screen and (max-width:640px) {
  .menu_open .menu_sp,
  .menu_open .menu_sp_bg {
    display: block;
  }
  .menu_sp{
    width: 100vw;
    position: absolute; left: 0; top: 0; z-index: 101;
  }
  .menu_sp .container{
    width: 90.625vw;
    margin: 0 auto; padding-top: 30vw;
  }
  .menu_sp ul {
    width: 100%;
  }
  .menu_sp li {
    width: 100%;
    padding-bottom: 0.625vw;
    background-image: url("../image/menu_sp_line.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .menu_sp li a {
    padding-left: 15.9375vw;
    display: block;
    background-image: url("../image/menu_sp_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    font-size: 4.375vw; line-height: 14.375vw; color: #FFF;
  }
  .menu_sp_bg {
    width: 100vw; height: 100vh;
    background-color: rgba(186,81,31,0.95);
    position: fixed; left: 0; top: 0; z-index: 100;
  }
}
/* ----------------------
 aside
----------------------- */
aside .block1 {
  margin-bottom: 30px;
  background-color: #3962ad;
  font-size: 12px;
}
aside .block1 .text1 {
  padding: 8px 0;
  font-size: 10px;
}
aside .block1 .text2 {
  padding: 8px 0 12px 0;
}
aside .block1 .text3 {
  padding: 8px 0;
  font-size: 10px;
}
aside .block1 .btn a{
  width: 100%; height: 36px;
  display: block;
  background-image: url("../image/side_btn1.png");
  background-position: center top;
  background-repeat: no-repeat;
}
aside .block1 .btn a span{
  display: none;
}
aside .block1 .btn a:hover {
  background-position: center bottom;
}
aside .block2 {
  margin-bottom: 30px;
  font-size: 12px;
}
aside .block2 p{
  padding: 4px 0;
}
aside .block2 .text1 {
  color: #ec6d81;
}
aside .block2 .text2 a {
  color: #FFF;
}
aside .block2 .text3 a {
  color: #b491b2;
}
aside .block3 .btn a{
  width: 100%; height: 186px;
  display: block;
  background-image: url("../image/side_btn2.png");
}
aside .block3 .btn a span{
  display: none;
}
aside .block3 .btn a:hover {
  background-position: 0 bottom;
}
@media only screen and (max-width:640px) {
  aside .block1 {
    display: none;
  }
  aside .block1_sp {
    background-color: #3962ad;
  }
  aside .block1_sp .pic1 {
    width: 100%; height: 44.84375vw;
    position: relative;
    background-image: url("../image/side_pic1_sp.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
  aside .block1_sp .text1 {
    position: absolute; left: 1.5625vw; bottom: 0;
    font-size: 2.34375vw; line-height: 6.875vw; text-align: left;
  }
  aside .block1_sp .pic2 {
    padding: 1.5625vw 1.875vw;
    position: relative;
  }
  aside .block1_sp .text2 {
    font-size: 2.8125vw; text-align: left;
  }
  aside .block1_sp .btn{
    position: absolute; right: 1.5625vw; top: 5vw;
  }
  aside .block1_sp .btn a{
    width: 38.28125vw; height: 7.96875vw;
    display: block;
    background-image: url("../image/side_btn1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  aside .block1_sp .btn a span{
    display: none;
  }
  aside .block1_sp .text3 {
    position: absolute; right: 1.875vw; top: 14.375vw;
    font-size: 2.34375vw; text-align: right;
  }
  aside .block2 {
    width: 50%;
    margin-bottom: 0; padding-top: 7.5vw;
    float: left;
    font-size: 3.125vw; text-align: left;
  }
  aside .block2 p{
    padding: 0.625vw 0;
  }
  aside .block3 {
    width: 44.375vw;
    padding: 3.75vw 0;
    float: right;
  }
  aside .block3 .btn a{
    width: 100%; height: 44.375vw;
    background-size: 100% auto;
  }
  aside .block3 .btn a:hover {
    background-position: 0 top;
  }
}

/* ----------------------
 footer
----------------------- */
footer p{
  width: 1200px;
  padding: 30px 0 20px 242px; margin: 0 auto;
  font-size: 10px;
}
@media only screen and (max-width:640px) {
  footer p{
    width: 96%;
    padding: 5vw 0; margin: 0 auto;
    font-size: 2.5vw;
  }
  footer p span{
    font-size: 1.875vw;
  }
}

/* ----------------------
 #mv
----------------------- */
#mv {
  width: 100%; min-width: 1400px; height: 613px;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}
#mv .container {
  width: 1258px; height: 550px;
  margin: 0 auto;
  position: relative; z-index: 10;
}
#mv .pic1 {
  width: 1258px; height: 550px;
  position: absolute; left: 0; top: 0;
  background-image: url("../image/mv_pic1.png");
}
#mv .pic2 {
  position: absolute; left: 620px; top: 359px;
}
#mv .pic2 span{
  width: 221px; height: 171px;
  display: block;
  background-image: url("../image/mv_pic2.png");
}
#mv .pic3 {
  position: absolute; left: 793px; top: 224px;
}
#mv .pic3 span{
  width: 317px; height: 300px;
  display: block;
  background-image: url("../image/mv_pic3.png");
}
#mv .btn {
  position: absolute; left: 0; top: 0;
  /*position: absolute; left: 564px; top: 84px;*/
}
#mv .btn a {
  width: 1258px; height: 550px;
  /*width: 424px; height: 148px;*/
  display: block;
}
#mv .btn a span {
  display: none;
}
#mv.btn_hover .pic1 {
  background-position: left bottom;
}
#mv.btn_hover .pic2 span,
#mv.btn_hover .pic3 span{
  display: none;
}
@media only screen and (max-width:640px) {
  #mv {
    min-width: auto; height: 84.0625vw;
    margin-top: 0;
  }
  #mv .container {
    width: 100%; height: 78.125vw;
  }
  #mv .pic1 {
    width: 100%; height: 78.125vw;
    background-image: url("../image/mv_pic_sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #mv .pic2,
  #mv .pic3 {
    display: none;
  }
  #mv .pic2 span,
  #mv .pic3 span{
    background: none;
  }
  #mv .btn {
    /*left: 43.75vw; top: 11.25vw;*/
  }
  #mv .btn a {
    width: 100%; height: 78.125vw;
    /*width: 56.25vw; height: 15vw;*/
  }
}

/* #home */
#home #mv{
  margin-bottom: 30px;
}
#home #mv .pic1 {
  left: 100vw;
}
#home #mv .pic2,
#home #mv .pic3{
  opacity: 0;
}
#home #mv .btn {
  display: none;
}
#home #mv.s1 .pic1{
  animation: slideIn 2s ease-out forwards;
}
#home #mv.s2 .pic2{
  animation: fadeIn 0.3s ease-out forwards;
}
#home #mv.s3 .pic3{
  animation: fadeIn 0.3s ease-out forwards;
}
#home #mv.s4 .btn{
  display: block;
}
@keyframes slideIn {
  from {left: 100vw;}
  to {left: 0;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@media only screen and (max-width:640px) {
  #home #mv{
    margin-bottom: 0;
  }
  #home #mv .pic1 {
    left: 0;
  }
  #home #mv .btn {
    display: block;
  }
  #home #mv.s1 .pic1,
  #home #mv.s2 .pic2,
  #home #mv.s3 .pic3 {
    animation: none !important;
  }
}

/* .title */
#mv .title_bg {
  width: 100vw; min-width: 1400px; height: 92px;
  margin-right: -600px;
  position: absolute; right: 50%; bottom: 0; z-index: 1;
  background-color: #CCC;
  background-image: url("../image/title_bg.png");
  background-position: right center;
  background-repeat: no-repeat;
}
#mv .title {
  width: 100vw; height: 92px;
  margin-right: -600px;
  position: absolute; right: 50%; bottom: 0; z-index: 11;
  line-height: 92px;
}
#mv .title h2{
  width: 1200px;
  position: absolute; right: 0; top: 0;
  font-size: 45px; font-weight: 700; color: #FFF;
}
#mv .title p{
  position: absolute; right: 80px; top: 0;
  font-size: 20px; color: #FFF;
}
@media only screen and (max-width:640px) {
  #mv .title_bg {
    width: 100%; min-width: auto; height: 16.25vw;
    margin-right: 0;
    position: absolute; right: 0; bottom: 0;
    background-color: #CCC;
    background-image: url("../image/title_bg.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
  #mv .title {
    width: 100%; height: 16.25vw;
    margin-right: 0;
    position: absolute; right: 0; bottom: 0;
    line-height:1;
  }
  #mv .title h2{
    width: 100%;
    padding: 3.125vw 0 1.5625vw 4.6875vw;
    position: relative; right: auto; top: auto;
    font-size: 6.25vw; line-height:1;
  }
  #mv .title p{
    padding-left: 4.6875vw;
    position: relative; right: auto; top: auto;
    font-size: 2.8125vw;
  }
}
/* ----------------------
 #bc
----------------------- */
#bc {
  width: 100%; min-width: 1400px;
}
#bc .container {
  width: 1200px;
  margin: 0 auto;
  font-size: 16px; line-height: 50px;
}
#bc .container a {
  color: #FFF;
}
@media only screen and (max-width:640px) {
  #bc {
    min-width: auto;
  }
  #bc .container {
    width: 90.625vw;
    font-size: 2.1875vw; line-height: 11.25vw; 
  }
}
/* ----------------------
 #home
----------------------- */
#home #mv{
  height: 578px;
}
@media only screen and (max-width:640px) {
  #home #mv{
    height: 78.125vw;
  }
}
/* #lead */
#lead {
  width: 100%; height: 35px;
  margin-bottom: 50px;
}
#lead .container{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
#lead .pop {
  width: 100vw; min-width: 1400px; height: 35px;
  position: absolute; right: 0; top: 0;
}
#lead .pop p {
  font-size: 16px; line-height: 35px; text-align: right;
  background-position: right center;
  background-repeat: no-repeat;
}
#lead .pop p:nth-child(1) {
  color: #e8bb5a;
  background-color: #d19029;
  background-image: url("../image/lead_pop_bg1.png");
}
#lead .pop p:nth-child(2) {
  color: #8ba3c7;
  background-color: #3962ad;
  background-image: url("../image/lead_pop_bg2.png");
  display: none;
}
#lead .pop.change  p:nth-child(1) {
  display: none;
}
#lead .pop.change  p:nth-child(2) {
  display: block;
}
@media only screen and (max-width:640px) {
  #lead {
    width: 100%; height: 5.46875vw;
    margin-bottom: 7.5vw;
  }
  #lead .container{
    width: 100%;
  }
  #lead .pop {
    width: 100%; min-width: auto; height: 5.46875vw;
    background-image: url("../image/lead_pop_bg_sp.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
  #lead .pop p {
    padding-right: 4.6875vw;
    font-size: 3.2vw; line-height: 5.46875vw;
    background: none !important;
  }
  #lead .pop.change  p:nth-child(1) {
    display: block;
  }
  #lead .pop.change  p:nth-child(2) {
    display: none;
  }
}

/* #wrap */
#home #wrap {
  background-image: url("../image/bg_home.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
#home h3 {
  background-image: url("../image/h3_icon1.png");
}
#home .main-block1 {
  width: 461px;
  float: left;
}
#home .main-block1 .text{
  padding-bottom: 23px;
}
#home .main-block2 {
  width: 461px;
  float: right;
}
#home .main-block2 .text{
  padding-bottom: 10px;
}
#home .main-block3 {
  width: 100%;
}
#home .main-block3 .text {
  padding: 30px 0;
  font-size: 20px; text-align: center;
}
#home .main-block4 {
  width: 461px;
  float: left;
}
#home .main-block4 .text {
  padding-bottom: 20px;
}
#home .main-block5 {
  width: 461px;
  float: right;
  position: relative;
}
#home .main-block5 .pic{
  position: absolute; left: 30px; top: 34px;
}
@media only screen and (max-width:640px) {
  #home #wrap {
    background-image: url("../image/bg_home_sp.jpg");
    background-size: 100% auto;
  }
  #home .main-block1 {
    width: 100%;
    padding-bottom: 10vw;
    float: none;
  }
  #home .main-block1 .text{
    padding-bottom: 2.5vw;
  }
  #home .main-block2 {
    width: 100%;
    float: none;
  }
  #home .main-block2 .text{
    padding-bottom: 2.5vw;
  }
  #home .main-block3 {
    width: 100%;
  }
  #home .main-block3 .text {
    padding: 7.5vw 0 11.25vw;
    font-size: 4.21875vw;
  }
  #home .main-block4 {
    width: 100%;
    float: none;
  }
  #home .main-block4 .pic{
    width: 65.9375vw;
  }
  #home .main-block4 .text {
    padding-bottom: 2.5vw;
  }
  #home .main-block5 {
    width: 100%; height: 23.75vw;
    float: none;
  }
  #home .main-block5 .pic{
    width: 64.0625vw;
    position: absolute; left: 39.0625vw; top: -41.875vw;
  }
}

/* ----------------------
 #model
----------------------- */
#model #mv .title_bg {
  background-color: #3962ad;
}
#model #wrap{
  background-image: url("../image/bg_model.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
#model main{
  padding-top: 23px;
}
#model h3 {
  background-image: url("../image/h3_icon2.png");
}
#model main .pic {
  margin-top: 28px;
}
#model main .caption {
  padding: 0 10px;
  font-size: 12px; line-height: 36px;
  background-color: #3962ad;
}
#model .main-block1 {
  width: 461px;
  float: left;
}
#model .main-block1 .text{
  color: #000;
}
#model .main-block2 {
  width: 461px;
  float: right;
}
#model .main-block2 .text{
  padding-bottom: 23px;
  color: #000;
}
#model .main-block3 {
  width: 100%;
}
#model .main-block3 .text {
  padding: 80px 0 150px;
  font-size: 20px; text-align: center;
}
@media only screen and (max-width:640px) {
  #model #wrap{
    background-image: url("../image/bg_model_sp.jpg");
    background-size: 100%;
  }
  #model main{
    padding-top: 4.375vw;
  }
  #model main .pic {
    margin-top: 4.375vw;
  }
  #model main .caption {
    padding: 1.25vw 1.875vw;
    font-size: 2.8125vw; line-height: 1.5;
  }
  #model .main-block1 {
    width: 100%;
    padding-bottom: 11.25vw;
    float: none;
  }
  #model .main-block2 {
    width: 100%;
    float: none;
  }
  #model .main-block2 .text{
    padding-bottom: 0;
  }
  #model .main-block3 {
    width: 100%;
  }
  #model .main-block3 .text {
    padding: 11.25vw 0 15.625vw;
    font-size: 4.21875vw;
  }
}

/* ----------------------
 #company
----------------------- */
#company #mv .title_bg {
  background-color: #d19029;
}
#company #wrap{
  background-image: url("../image/bg_common.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
#company main{
  padding-top: 23px;
}
#company h3 {
  background-image: url("../image/h3_icon3.png");
}
#company h4 {
  margin-bottom: 5px;
  font-size: 16px; font-weight: 400; color: #d18f2a;
}
#company .main-block1 {
  width: 461px;
  float: left;
}
#company .main-block1 .list1 {
  padding-bottom: 30px;
}
#company .main-block1 .list1 span {
  margin-right: 0.5em;
  color: #d18f2a;
}
#company .main-block1 .list2 {
  padding-bottom: 74px;
}
#company .main-block1 .list2 span {
  margin-right: 0.5em;
  color: #3d62ad;
}
#company .main-block2 {
  width: 461px;
  float: right;
}
#company .main-block3 {
  width: 100%;
}
#company .main-block3 .text {
  padding: 120px 0 30px;
  position: relative;
  font-size: 20px; text-align: center;
}
#company .main-block3 .pic {
  position: absolute; left: 2px; top: 22px;
}
#company .main-block4 {
  padding-bottom: 40px;
}
@media only screen and (max-width:640px) {
  #company #wrap{
    background-image: url("../image/bg_common_sp.jpg");
    background-size: 100% auto;
  }
  #company main{
    padding-top: 3.4375vw;
  }
  #company h4 {
    margin-bottom: 0.625vw;
    font-size: 3.75vw;
  }
  #company .main-block0 {
    padding-bottom: 4.375vw;
  }
  #company .main-block0 .text1{
    font-size: 4.375vw; font-weight: 700; color: #FFF;
  }
  #company .main-block1 {
    width: 100%;
    padding-bottom: 5vw;
    float: none;
  }
  #company .main-block1 .list1 {
    padding-bottom: 4.375vw;
  }
  #company .main-block1 .list2 {
    padding-bottom: 4.375vw;
  }
  #company .main-block1 .list2 span {
    margin-right: 0.5em;
    color: #3d62ad;
  }
  #company .main-block2 {
    width: 100%;
    float: none;
  }
  #company .main-block3 {
    width: 100%;
  }
  #company .main-block3 .text {
    padding: 11.25vw 0 6.875vw;
    font-size: 4.21875vw;
  }
  #company .main-block3 .pic {
    width: 35vw;
    margin: 3.75vw auto 0 auto;
    position: relative; left: auto; top: auto;
  }
  #company .main-block4 {
    height: 66.25vw;
    padding-bottom: 0;
    position: relative;
  }
  #company .main-block4 .pic {
    width: 95.3125vw; height: 55.3125vw;
    position: absolute; left: 0; top: 0;
    background-image: url("../image/company_pic4_sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #company .main-block4 .pic img{
    display: none;
  }
}
  
/* ----------------------
 #misakichi
----------------------- */
#misakichi #mv .title_bg {
  background-color: #ec6d81;
}
#misakichi #wrap{
  background-image: url("../image/bg_common.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
#misakichi main{
  height: 1260px;
  position: relative;
  background-image: url("../image/misakichi_bg.png");
  background-repeat: no-repeat;
  line-height: 1.4;
}
#misakichi main .block {
  width: 100%; position: relative;
}
#misakichi main .text1 {
  position: absolute; left: 0; top: 495px;
  font-size: 15px;
}
#misakichi main .text2 {
  position: absolute; left: 0; top: 580px;
  font-size: 17px; color: #e8bb5a;
}
#misakichi main .text3 {
  position: absolute; right: 0; top: 555px;
  font-size: 12px;
}
#misakichi main .text4 {
  position: absolute; right: 0; top: 710px;
  font-size: 15px;
}
#misakichi main .text5 {
  position: absolute; right: 0; top: 985px;
  font-size: 13px;
}
#misakichi main .text6 {
  position: absolute; left: 0; top: 1160px;
  font-size: 12px;
}
#misakichi main .text7 {
  position: absolute; left: 340px; top: 1160px;
  font-size: 12px;
}
#misakichi main .btn {
  position: absolute; right: 0; top: 1085px;
}
#misakichi main .btn a {
  width: 281px; height: 108px;
  display: block;
  background-image: url("../image/misakichi_btn.png");
}
#misakichi main .btn a:hover {
  background-position: 0 bottom;
}
#misakichi main .btn a span {
  display: none;
}
#misakichi main .qa{
  width: 193px; height: 240px;
  position: absolute; left: 210px; top: 194px;
  background-image: url("../image/misakichi_qa.png");
}
#misakichi main .qa.s2{ background-position: 0 -240px; }
#misakichi main .qa.s3{ background-position: 0 -480px; }
#misakichi main .qa.s4{ background-position: 0 -720px; }
#misakichi main .qa.s5{ background-position: 0 -960px; }
#misakichi main .qa.s6{ background-position: 0 -1200px; }

@media only screen and (max-width:640px) {
  #misakichi #wrap{
    background-image: url("../image/bg_misakichi_sp.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #misakichi main{
    height: 483.125vw;
    position: relative;
    background: none !important;
    line-height: 1.4;
  }
  #misakichi main .text1 {
    position: absolute; left: 0; top: 111.25vw;
    font-size: 2.96875vw;
  }
  #misakichi main .text2 {
    position: absolute; left: 0; top: 131.71875vw;
    font-size: 2.96875vw;
  }
  #misakichi main .text3 {
    position: absolute; right: 0; top: 235.3125vw;
    font-size: 2.8125vw;
  }
  #misakichi main .text4 {
    position: absolute; right: auto; left: 0; top: 255.3125vw;
    font-size: 3.28125vw;
  }
  #misakichi main .text5 {
    position: absolute; right: auto; left: 0; top: 466.71875vw;
    font-size: 2.1875vw;
  }
  #misakichi main .text6 {
    position: absolute; left: auto; right: 0; top: 345.78125vw;
    font-size: 3.28125vw;
  }
  #misakichi main .text7 {
    position: absolute; left: 0.625vw; top: 413.28125vw;
    font-size: 3.28125vw;
  }
  #misakichi main .btn {
    width: 40vw;
    position: absolute; right: 1.875vw; top: 439.375vw;
  }
  #misakichi main .btn a {
    width: 40vw; height: 15.37vw;
    background-size: 100% auto;
  }
  #misakichi main .btn a:hover {
    background-position: 0 0;
  }
  #misakichi main .qa{
    width: 45.625vw; height: 56.71875vw;
    position: absolute; left: auto; right: 0; top: 40vw;
    background-image: url("../image/misakichi_qa_sp.png");
    background-size: 100% auto;
  }
  #misakichi main .qa.s2{ background-position: 0 -56.71875vw; }
  #misakichi main .qa.s3{ background-position: 0 -113.4375vw; }
  #misakichi main .qa.s4{ background-position: 0 -170.15625vw; }
  #misakichi main .qa.s5{ background-position: 0 -226.875vw; }
  #misakichi main .qa.s6{ background-position: 0 -283.59375vw; }
}

/* ----------------------
 #privacy
----------------------- */
#privacy #mv .title_bg {
  background-color: #b491b2;
}
#privacy #wrap{
  background-image: url("../image/bg_privacy.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
#privacy main {
  padding-top: 20px; padding-bottom: 20px;
  font-size: 16px; line-height: 1.65; color: #000;
}
#privacy main .block {
  padding-bottom: 25px;
}
#privacy main h4 {
  font-size: 25px; font-weight: 700; color: #bb511f;
}
#privacy main .text1 {
  font-size: 20px; color: #bb511f;
}
#privacy main .text2 {
  font-size: 14px;
}
#privacy main h5 {
  font-size: 21px; font-weight: 700; color: #bb511f;
}
#privacy main h6 {
  font-size: 19px; font-weight: 700; color: #3d62ad;
}
#privacy main a {
  color: #3d62ad;
}

@media only screen and (max-width:640px) {
  #privacy #wrap{
    background: none;
  }
  #privacy main {
    padding-top: 3.75vw; padding-bottom: 12.5vw;
    background-image: url("../image/bg_privacy_sp.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 3.4375vw;
  }
  #privacy main .block {
    padding-bottom: 4.0625vw;
  }
  #privacy main h4 {
    font-size: 4.53125vw;
  }
  #privacy main .text1 {
    font-size: 3.90625vw;
  }
  #privacy main .text1 br,
  #privacy main ul br {
    display: none;
  }
  #privacy main .text2{
    font-size: 2.96875vw;
  }
  #privacy main h5 {
    font-size: 3.59375vw;
  }
  #privacy main h6 {
    font-size: 3.59375vw;
  }
  #privacy main a {
    color: #3d62ad;
  }
}

/* ----------------------
 #contact
----------------------- */
#contact #wrap{
  background-image: url("../image/bg_contact.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
#contact main{
  padding-top: 23px;
  color: #000;
}
#contact aside {
  padding-top: 523px;
}
#contact h3 {
  background-image: url("../image/h3_icon4.png");
  color: #FFF;
}
#contact .main-block1 {
  padding-bottom: 28px;
}
#contact .main-block1 .text1 {
  font-size: 17px;
}
#contact .main-block1 .text2 {
  font-size: 15px;
}
#contact .main-block1 .text2 span {
  color: #e60012;
}
#contact table { 
  width: 100%; 
  border-collapse: collapse; 
  font-size: 16px; line-height: 20px; 
} 
#contact th, 
#contact td {
  border: #060001 2px solid; 
}
#contact th {
  width: 212px;
  padding: 26px 0 26px 16px; 
  background-color: #feeabe; 
  font-size: 16px; line-height: 1.4; font-weight: 400; text-align: left; vertical-align: top;
}
#contact th span {
  color: #e60012;
}
#contact td {
  padding: 18px 16px; 
}
#contact input[type="text"] {
  width: 100%;
  margin: 0; padding: 8px;
  border: 0;
  border-radius: 3px;
  border: #a0a0a0 1px solid;
  box-sizing: border-box;
  font-size: 16px; line-height: 1.4;
}
#contact input#name1,
#contact input#name2 {
  width: 260px;
}
#contact input#zip1, 
#contact input#zip2 {
  width: 130px;
}
#contact textarea {
  width: 100%;
  margin: 0; padding: 8px;
  border: 0;
  border-radius: 3px;
  border: #a0a0a0 1px solid;
  box-sizing: border-box;
  resize: vertical;
}
#contact .main-block2 {
  padding-bottom: 35px;
}
#contact .main-block2 .box {
  width: 100%;
}
#contact .main-block2 .box p {
  display: inline-block; vertical-align: middle;
}
#contact .main-block2 .box .zipsearch {
  width: 99px;
  cursor: pointer;
}
#contact .main-block2 .box .zipsearch .btn:hover {
	opacity: 0.7;
}
#contact .main-block2 .box .text1 {
  width: 280px;
  font-size: 12px;
}
#contact .error {
  padding-top: 5px;
  color: #e60012;
}
#contact .main-block3{
  font-size: 15px;
}
#contact .main-block3 h4{
  font-size: 18px; font-weight: 400; color: #f08437;
}
#contact .main-block3 .text1,
#contact .main-block3 .text2,
#contact .main-block3 .text4 {
  padding-bottom: 20px;
}
#contact .main-block3 .text3 {
  padding-bottom: 10px;
}
#contact .main-block3 .box {
  padding: 12px 20px; margin-bottom: 20px;
  border: #f08437 1px solid;
  background-color: #fffde4;
}
#contact .main-block3 span {
  color: #f08437;
}
#contact .main-block4 {
  padding-bottom: 50px;
}
#contact .main-block4 th{
  width: 280px;
}
#contact .main-block4 td span {
  color: #f08437;
}
#contact .main-block4 label {
  padding-right: 1em;
}
#contact .main-block4 input{
  margin-right: 8px;
}
#contact .main-block5 {
  padding-bottom: 50px;
  font-size: 0; text-align: center;
}
#contact .main-block5 img {
  margin: 0 20px;
  display: inline-block; vertical-align: top;
  cursor: pointer;
}
#contact .main-block5 img {
  margin: 0 20px;
  display: inline-block; vertical-align: top;
  cursor: pointer;
}
#contact .main-block5 .btn{
	min-width: 205px; height: 54px;
  margin: 0 20px;
  display: inline-block; vertical-align: top;
	border: none;
	background-image: url("../image/contact_form_btn1.png");
  background-repeat: no-repeat;
	font-size: 0;
	cursor: pointer;
}
#contact .main-block5 .btn:hover {
	opacity: 0.7;
}
#contact .main-block5 .btn1{
	background-image: url("../image/contact_form_btn1.png");
}
#contact .main-block5 .btn2{
	background-image: url("../image/contact_form_btn2.png");
}
#contact .main-block5 .btn3{
	background-image: url("../image/contact_form_btn3.png");
}
#contact .main-block5 .btn4{
	background-image: url("../image/contact_form_btn4.png");
}
#contact .main-block6 {
  padding-bottom: 40px;
  font-size: 15px;
}
#contact .main-block6 .text1 a {
  color: #b491b2;
}
#contact .main-block7 h4 {
  padding: 25px 0 50px;
  font-size: 60px; font-weight: 400; color: #ba511f;
}
#contact .main-block7 .text1 {
  padding-bottom: 50px;
  font-size: 23px; line-height: 2;
}
#contact .main-block8 .btn a {
  padding: 25px 60px;
  display: inline-block;
  background-color: #d19029;
  font-size: 18px; color: #FFF;
}
#contact .main-block8 .btn a:hover {
	opacity: 0.7;
}
@media only screen and (max-width:640px) {
  #contact #wrap{
    background: none;
  }
  #contact main{
    padding-top: 4.375vw; margin-bottom: 4.6875vw;
    background-color: #FFF;
  }
  #contact aside {
    padding-top: 0;
  }
  #contact .main-block1 {
    padding-bottom: 3.28125vw;
  }
  #contact .main-block1 .text1 {
    font-size: 3.125vw;
  }
  #contact .main-block1 .text2 {
    font-size: 2.5vw;
  }
  #contact .main-block1 .text2 span {
    color: #e60012;
  }
  #contact table { 
    width: 100%;
    border-top: #060001 2px solid; 
    font-size: 2.8125vw; line-height: 1.4; 
  } 
  #contact th {
    padding: 2.5vw 0 2.5vw 1.875vw; 
    border-top: none;
    font-size: 2.8125vw;
  }
  #contact td {
    padding: 1.875vw 1.875vw; 
    border-top: none;
  }
  #contact input[type="text"] {
    padding: 1.25vw;
    font-size: 2.8125vw;
  }
  #contact input#name1,
  #contact input#name2 {
    width: 30.625vw;
  }
  #contact input#zip1, 
  #contact input#zip2 {
    width: 20vw;
  }
  #contact textarea {
    width: 100%;
    padding: 1.25vw; height: 8em;
  }
  #contact .main-block2 {
    padding-bottom: 3.28125vw;
  }
  #contact .main-block2 th,
  #contact .main-block2 td {
    width: 100%;
    display: block;
  }
  #contact .main-block2 .box .zipsearch {
    width: 17.34375vw;
  }
  #contact .main-block2 .box .text1 {
    width: 100%;
    padding-top: 1.25vw;
    font-size: 1.71875vw;
  }
  #contact .main-block2 .box .text1 br {
    display: none;
  }
  #contact .main-block3{
    font-size: 2.5vw;
  }
  #contact .main-block3 h4{
    font-size: 3.125vw;
  }
  #contact .main-block3 .text1,
  #contact .main-block3 .text2,
  #contact .main-block3 .text4 {
    padding-bottom: 3.125vw;
  }
  #contact .main-block3 .text3 {
    padding-bottom: 0.9375vw;
  }
  #contact .main-block3 .box {
    padding: 2.5vw 3.125vw; margin-bottom: 3.125vw;
  }
  #contact .main-block4 {
    padding-bottom: 6.875vw;
  }
  #contact .main-block4 th {
    width: 50%;
  }
  #contact .main-block4 td {
    text-align: center;
  }
  #contact .main-block4 label {
    padding-right: 0.5em;
  }
  #contact .main-block4 input{
    margin-right: 2px;
  }
  #contact .main-block5 {
    padding-bottom: 7.5vw;
  }
  #contact .main-block5 img {
    width: 42.5vw;
    margin: 0 1.40625vw;
  }
  #contact .main-block6 {
    padding-bottom: 40px;
    font-size: 2.5vw;
  }
  #contact .main-block7 h4 {
    padding: 3.75vw 0 7.8125vw;
    font-size: 9.375vw;
  }
  #contact .main-block7 .text1 {
    padding-bottom: 7.8125vw;
    font-size: 3.75vw;
  }
  #contact .main-block8 {
    text-align: center;
    padding-bottom: 7.8125vw;
  }
  #contact .main-block8 .btn a {
    padding: 3.75vw 9.375vw;
    font-size: 2.8125vw;
  }
}