@charset "utf-8";
/*
-------------------------------------------------- */
/* ==================================================
main
================================================== */
/* 
-------------------------------------------------- */
/* reset
-------------------------------------------------- */
iframe {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
}
/* 
-------------------------------------------------- */
/* base
-------------------------------------------------- */
body, td, th {
  color: #4b4b4b;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック", "Hiragino Sans", Osaka, "遊ゴシック", YuGothic, "ＭＳ ゴシック", "sans-serif";
  text-rendering: optimizelegibility;
}
body {
  margin: 0;
  text-align: center;
}
a:link {
  color: #666;
  text-decoration: none;
}
a:visited {
  color: #666;
}
a:hover {
  color: #666;
  text-decoration: underline;
}
a:active {
  color: #666;
}
img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
.eng {
  font-family: "Open Sans", sans-serif;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/* 
-------------------------------------------------- */
/* display
-------------------------------------------------- */
.d-inline-block {
  display: inline-block;
}
/* 
-------------------------------------------------- */
/* text
-------------------------------------------------- */
.text-center {
  text-align: center;
}
/* 
-------------------------------------------------- */
/* index
-------------------------------------------------- */
.header {
  background-image: url("../images/y01-bg-head.png");
  height: 60px;
}
.header a {
  display: inline-block;
}
.header .logo {
  margin: 0 auto;
  max-width: 1020px;
  text-align: right;
  width: 100%;
}
.footer {
  color: #4b4b4b;
  padding: 40px 10px;
}
.footer-menu {
  margin: 0 0 1.0em;
}
.copyright .menu {
  display: block;
  margin-top: 10px;
}
.content {
  font-size: 0;
}
.s01 {
  background-image: url("../images/y01-bg-index.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
.s02 {
  background-color: #fff8ee;
}
.s03 {
  background-color: #FFFFFF;
}
.s04 {
  background-color: #fff8ee;
}
/* 
-------------------------------------------------- */
/* common
-------------------------------------------------- */
h1, .page-header {
  font-size: 24px;
  font-weight: 400;
}
.page-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  margin: 0 auto 40px;
  max-width: 1020px;
  padding: 0 20px;
  text-align: justify;
  width: 100%;
}
ul.kome {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kome > li {
  padding-left: 1em;
  text-indent: -1em;
}
ul.kome > li:before {
  content: "※";
}
.text-center {
  text-align: center;
}
/* 
-------------------------------------------------- */
/* about
-------------------------------------------------- */
.about {
  border-collapse: separate;
  margin: 1.0em auto 0;
}
.about th, .about td {
  display: block;
  text-align: left;
}
.about th {
  color: #999;
  font-weight: 400;
}
.about td {
  margin: 0 0 1.0em;
}
/* 
-------------------------------------------------- */
/* contact
-------------------------------------------------- */
.form-item {
  margin: 1.0em 0;
}
.form-item label {
  display: block;
}
input[type="text"], input[type="email"], select, textarea {
  border: 1px solid #CCC;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
}
textarea {
  display: block;
  height: 200px;
  padding: 10px;
}
.btn {
  background-color: #fd6b68;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  color: #FFF;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 20px;
}
.btn:hover {
  opacity: 0.8;
}
.btn-reset {
  background-color: #999;
  margin: 20px 0 0;
}
/* 
-------------------------------------------------- */
/* gotop
-------------------------------------------------- */
.triangle-up {
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 50px solid #83308B;
  display: block;
  height: 0;
  margin: auto;
  width: 0;
}
.triangle-up:hover {
  border-bottom-color: deeppink;
}
/*
-------------------------------------------------- */
/*
-------------------------------------------------- */
@media only screen and (min-width: 480px) {
  /*
-------------------------------------------------- */
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/*
-------------------------------------------------- */
@media only screen and (min-width: 1020px) {
  /*
-------------------------------------------------- */
  h1, .page-header {
    font-size: 64px;
  }
  .page-content {
    font-size: 20px;
    padding: 0 40px;
  }
  .about {
    margin: 3.0em auto;
  }
  .about th, .about td {
    border-top: 2px solid #FFF;
    border-bottom: 1px solid #E2E2E2;
    display: table-cell;
    padding: 0.75em 1.5em;
  }
  .about th {
    background-color: #EEE;
    color: #666;
  }
  .about td {
    border-left: 3px solid #4d93ea;
  }
  .btn {
    font-size: 20px;
    padding: 20px 40px;
  }
  .btn-reset {
    margin: 0 0 0 10px;
  }
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/*
-------------------------------------------------- */
/*
-------------------------------------------------- */
/* ==================================================
end of main
================================================== */