@charset "UTF-8";
/* reset
   ========================================================================== */
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

dl dt {
  margin: 0;
  padding: 0;
}
dl dd {
  margin: 0;
  padding: 0;
}

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #333333;
}
@media (max-width: 768px) {
  a[href*="tel:"] {
    pointer-events: visible;
    text-decoration: underline;
  }
}

svg {
  height: 1em;
  width: auto;
}

/* Utility
   ========================================================================== */
@font-face {
  font-family: "Bree Serif";
  src: url("BreeSerif-Regular.eot?") format("eot"), url("BreeSerif-Regular.woff2") format("woff2"), url("BreeSerif-Regular.woff") format("woff");
}
.myFontClass {
  font-family: "Bree Serif";
}

.reset {
  line-height: 1.5rem;
  margin: 0;
  padding: 0;
}

.clearfix {
  min-height: 1px;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/*** main px ***/
html {
  scroll-behavior: auto;
}

.post_code {
  width: 5em !important;
}

hr {
  margin: 50px auto 0 auto;
}

.simekiri {
  margin: 10px auto 0 auto;
  font-size: 22px;
  line-height: 33px;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  font-weight: 600;
  color: #7c46b3;
  display: inline-block;
  border: 1px solid #7c46b3;
  padding: 0.5em 0.7em 0.3em 0.7em;
}

.work_shop {
  width: 1000px;
  max-width: calc(100% - 60px);
  padding: 30px;
  margin: 50px auto 0 auto;
  background: white;
  box-shadow: 0px 0px 3px 0px #CCC;
}
.work_shop > h2 {
  text-align: left;
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  font-size: 1.375rem;
  line-height: 2.0625rem;
}
.work_shop > h2 svg {
  margin: 0 0.3em 0 0;
}
.work_shop > figure {
  margin: 20px auto 0 auto;
  padding: 0;
}
.work_shop > div {
  margin: 20px auto 0 auto;
}
.work_shop > div.chuui ul li {
  text-align: left;
  margin: 0 0 0 2em;
  list-style: disc;
}
.work_shop > div.cancel {
  width: 780px;
  max-width: 100%;
  padding: 30px 0 0 0;
  border-radius: 10px;
}
.work_shop > div.cancel > h3 {
  font-size: 22px;
  line-height: 33px;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  font-weight: 600;
}
.work_shop > div.cancel table {
  border: 2px solid #333;
  color: #333;
  margin: 10px auto 0 auto;
}
.work_shop > div.cancel table tr th {
  border: 1px solid white;
  width: 50%;
  padding: 10px 0;
  border: 1px solid gray;
}
.work_shop > div.cancel table tr td {
  background: white;
  padding: 10px 0;
  font-weight: bold;
  border: 1px solid gray;
}
@media (max-width: 768px) {
  .work_shop > div.cancel table tr th {
    width: auto;
  }
}
.work_shop > div.cancel aside {
  margin: 10px auto 0 auto;
  text-align: right;
  font-size: 14px;
  line-height: 21px;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.work_shop > div.form {
  margin-top: 50px;
}
.work_shop > div.form > h3 {
  font-size: 26px;
  line-height: 39px;
  font-size: 1.625rem;
  line-height: 2.4375rem;
  color: #7c46b3;
  font-weight: 600;
}
.work_shop > div.form article.contact {
  width: 780px;
  max-width: calc(100% - 80px);
  margin: 30px auto 0 auto;
  font-size: 18px;
  line-height: 27px;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  border: 1px solid silver;
  padding: 40px;
  border-radius: 10px;
}
.work_shop > div.form article.contact > ul > li {
  padding: 20px 10px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid silver;
}
.work_shop > div.form article.contact > ul > li > label {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.work_shop > div.form article.contact > ul > li > label > div {
  text-align: left;
  width: calc(100% - 12em);
}
.work_shop > div.form article.contact > ul > li > label.email, .work_shop > div.form article.contact > ul > li > label.message {
  align-items: flex-start;
}
.work_shop > div.form article.contact > ul > li h3 {
  font-family: "Noto Sans JP", sans-serif;
  text-align: right;
  position: relative;
  width: 11em;
}
.work_shop > div.form article.contact > ul > li h3 span {
  font-size: 13px;
  padding: 0 0.5em;
  border-radius: 3px;
  color: white;
  position: absolute;
  left: 0;
}
.work_shop > div.form article.contact > ul > li h3 span.label-danger {
  background: red;
}
.work_shop > div.form article.contact > ul > li h3 span.label-success {
  background: #0da830;
}
.work_shop > div.form article.contact > ul > li > div {
  text-align: left;
  width: calc(100% - 12em);
}
@media (max-width: 768px) {
  .work_shop > div.form article.contact > ul > li > label {
    display: block;
  }
  .work_shop > div.form article.contact > ul > li > label h3 {
    text-align: left;
  }
  .work_shop > div.form article.contact > ul > li > label > div {
    width: auto;
    margin-top: 10px;
  }
  .work_shop > div.form article.contact > ul > li h3 {
    text-align: left;
    padding: 8px 0 0 3em;
  }
  .work_shop > div.form article.contact > ul > li h3 span {
    left: 0;
  }
  .work_shop > div.form article.contact > ul > li > div {
    margin: 5px 0 0 0;
  }
}
.work_shop > div.form .privacy {
  margin: 60px auto 0 auto;
  width: 800px;
  max-width: calc(100% - 60px);
  padding: 30px;
  background: #eee;
  border: 3px solid gray;
  height: 40vh;
  overflow-x: auto;
}
.work_shop > div.form .privacy ul li h3 {
  font-size: 18px;
  line-height: 27px;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

.w2022 > h2 {
  color: #0363B1;
}
.w2022 > h2 svg {
  fill: #0363B1;
}

#work_shop_2010 {
  width: 1060px;
  margin: 30px auto 50px auto;
  background: white;
  box-shadow: 0px 0px 3px 0px #CCC;
}
#work_shop_2010 > div {
  padding: 20px 20px 20px 20px;
}
#work_shop_2010 > div h2 {
  font-size: 23px;
  line-height: 34.5px;
  font-size: 1.4375rem;
  line-height: 2.15625rem;
  font-weight: bold;
  margin: 20px 0 20px 0;
}
#work_shop_2010 > div figure {
  margin: 0 0 0 0;
}
#work_shop_2010 > div div {
  margin: 20px 0 0 0;
}
@media (max-width: 1060px) {
  #work_shop_2010 {
    width: auto;
  }
}

#work_shop_1909 {
  width: 1060px;
  margin: 30px auto 50px auto;
  background: white;
  box-shadow: 0px 0px 3px 0px #CCC;
}
#work_shop_1909 > div {
  padding: 5px 20px 20px 20px;
}
#work_shop_1909 > div h2 {
  font-size: 23px;
  line-height: 34.5px;
  font-size: 1.4375rem;
  line-height: 2.15625rem;
  font-weight: bold;
  margin: 20px 0 0 0;
}
#work_shop_1909 > div form {
  padding: 10px 0 0 0;
}
#work_shop_1909 > div form fieldset {
  padding: 20px;
  border: 1px solid silver;
}
#work_shop_1909 > div > article h3 {
  color: #0363B1;
}
#work_shop_1909 > div > article > p {
  text-align: left;
}
#work_shop_1909 > div > article ul li {
  margin: 0 0 0 2em;
  list-style: disc;
  text-align: left;
}
#work_shop_1909 > div > article ul li.red {
  color: red;
  font-weight: bold;
}
#work_shop_1909 > div > article > div {
  border: 1px solid gray;
  margin: 30px 10%;
  padding: 20px;
}
#work_shop_1909 > div > article > div h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
#work_shop_1909 > div > article > div > ul {
  margin-top: 10px;
}
#work_shop_1909 > div > article#sanka > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 0 0;
  justify-content: space-between;
}
#work_shop_1909 > div > article#sanka > ul > li {
  width: 49%;
  margin: 20px 0 0 0;
  list-style: none;
}
#work_shop_1909 > div > article#sanka > ul > li:nth-child(1), #work_shop_1909 > div > article#sanka > ul > li:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 1060px) {
  #work_shop_1909 {
    width: auto;
  }
}
@media (max-width: 768px) {
  #work_shop_1909 > div > div {
    display: block;
  }
  #work_shop_1909 > div > div > div {
    width: auto;
  }
  #work_shop_1909 > div > div > div:nth-child(2) {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  #work_shop_1909 > div article#sanka ul {
    display: block;
  }
  #work_shop_1909 > div article#sanka ul li {
    width: 100%;
  }
  #work_shop_1909 > div article#sanka ul li:nth-child(2) {
    margin-top: 20px;
  }
}

article#chris {
  width: 1060px;
  margin: 50px auto 0 auto;
  box-shadow: 0px 0px 3px 0px #CCC;
  background: rgba(255, 255, 255, 0.7);
}
article#chris > div {
  margin: 0 auto;
  min-height: 500px;
  padding: 20px;
}
@media (max-width: 1060px) {
  article#chris {
    width: auto;
  }
  article#chris > div {
    padding: 15px;
  }
}

#breadcrumb {
  display: none;
}

.event_title {
  font-size: 23px;
  line-height: 34.5px;
  font-size: 1.4375rem;
  line-height: 2.15625rem;
  font-weight: bold;
  color: #0363B1;
  text-align: left;
  margin: 0 0 20px 0;
}

#shukufuku {
  padding: 60px 0 0 0;
}
#shukufuku > div {
  display: flex;
  flex-wrap: wrap;
}
#shukufuku > div > p {
  width: 25%;
  margin: 0 4% 0 1%;
  padding: 20px 0 0 0;
}
#shukufuku > div > div {
  width: 70%;
}
#shukufuku > div > div > p {
  font-style: italic;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
@media (max-width: 768px) {
  #shukufuku > div {
    display: block;
  }
  #shukufuku > div > p {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
  }
  #shukufuku > div > p img {
    max-width: 80%;
  }
  #shukufuku > div > div {
    width: auto;
    text-align: left;
  }
}

#naiyou {
  padding: 80px 0 0 0;
}
#naiyou > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
#naiyou > div > div {
  width: 70%;
  text-align: left;
}
#naiyou > div > div > p {
  padding: 0 0 1.5em 0;
}
#naiyou > div > div ul li:before {
  content: "◆";
  color: #72611F;
  margin: 0 0.3em 0 0;
}
#naiyou > div > p {
  width: 25%;
  margin: 0 4% 0 1%;
  padding: 0 0 0 0;
}
@media (max-width: 768px) {
  #naiyou > div {
    display: block;
  }
  #naiyou > div > p {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
  }
  #naiyou > div > p img {
    max-width: 80%;
  }
  #naiyou > div > div {
    width: auto;
    text-align: left;
  }
}

#shosai {
  border: 1px solid silver;
  margin: 60px 0 0 0;
  padding: 20px;
}
#shosai > dl {
  width: 40em;
  margin: 20px auto;
  border-bottom: 1px solid silver;
}
#shosai > dl dt {
  width: 7em;
  float: left;
  padding: 0.7em 0 0.5em 0;
  font-weight: bold;
}
#shosai > dl dd {
  padding: 0.7em 0 0.5em 5em;
  text-align: left;
  border-top: 1px solid silver;
}
@media (max-width: 768px) {
  #shosai > dl {
    width: auto;
  }
  #shosai > dl dt {
    width: auto;
    float: none;
    text-align: left;
    padding: 0.7em 0 0.2em 0;
    border-top: 1px solid silver;
  }
  #shosai > dl dd {
    padding: 0 0 0.5em 0;
    border-top: none;
  }
}
#shosai > p {
  text-align: left;
}
#shosai > div {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 0 0;
  font-size: 14px;
  line-height: 21px;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  display: none;
}
#shosai > div > div {
  text-align: left;
  width: 49%;
  margin-right: 2%;
}
#shosai > div > p {
  width: 49%;
  text-align: left;
}
@media (max-width: 768px) {
  #shosai > div > div {
    width: auto;
    margin-right: 0;
  }
  #shosai > div > p {
    width: auto;
    padding: 1.5em 0 0 0;
  }
}
#shosai > aside {
  position: relative;
  width: 100%;
}
#shosai > aside h3 {
  margin: 30px 0 5px 0;
  font-weight: bold;
}
#shosai > aside p {
  font-size: 12px;
  line-height: 18px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 0 auto 10px auto;
}

#kojin {
  border: 1px solid silver;
  margin: 60px 0 0 0;
  padding: 20px;
  display: none;
}
#kojin > div {
  display: flex;
}
#kojin > div p:nth-child(1) {
  text-align: left;
  width: 75%;
  margin-right: 2%;
}
#kojin > div p:nth-child(2) {
  width: 23%;
}
@media (max-width: 768px) {
  #kojin > div {
    display: block;
  }
  #kojin > div p:nth-child(1) {
    width: auto;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #kojin > div p:nth-child(2) {
    width: auto;
  }
}

#ph_list h2 {
  color: #0363B1;
}
#ph_list ul {
  display: flex;
  flex-wrap: wrap;
}
#ph_list ul li {
  width: 32%;
  margin-top: 15px;
}
#ph_list ul li:nth-child(3n+2) {
  margin-right: 2%;
  margin-left: 2%;
}
#ph_list ul li:nth-child(-n+3) {
  margin-top: 0;
}
@media (max-width: 768px) {
  #ph_list ul li {
    width: 49%;
  }
  #ph_list ul li:nth-child(3n+2) {
    margin-right: 0%;
    margin-left: 0%;
  }
  #ph_list ul li:nth-child(3) {
    margin-top: 15px;
  }
  #ph_list ul li:nth-child(odd) {
    margin-right: 2%;
  }
}
@media (max-width: 480px) {
  #ph_list ul {
    display: block;
  }
  #ph_list ul li {
    margin-top: 10px;
    width: auto;
  }
  #ph_list ul li:nth-child(2) {
    margin-top: 10px;
  }
  #ph_list ul li:nth-child(3) {
    margin-top: 10px;
  }
  #ph_list ul li:nth-child(odd) {
    margin-right: 2%;
  }
}

#profile > div {
  display: flex;
  flex-wrap: wrap;
}
#profile > div p {
  width: 32%;
  text-align: left;
  font-size: 14px;
  line-height: 21px;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
#profile > div p:nth-child(3n+2) {
  margin: 0 2%;
}
#profile > div p:nth-child(1) {
  text-align: center;
}
#profile > div p:nth-child(1) img {
  max-width: 60%;
}
@media (max-width: 768px) {
  #profile > div p {
    width: auto;
  }
  #profile > div p:nth-child(3n+2) {
    margin: 0 0 0 0;
  }
  #profile > div p:nth-child(1) {
    width: 100%;
  }
  #profile > div p:nth-child(1) img {
    max-width: 200px;
  }
  #profile > div p:nth-child(2) {
    width: 100%;
    padding: 15px 0 0 0;
  }
  #profile > div p:nth-child(3) {
    width: 100%;
    margin-top: 1em;
  }
}

#back {
  padding: 30px 0 0 0;
}
#back button {
  border: none;
  display: inline-block;
  padding: 0.7em 1.5em 0.5em 3.5em;
  margin-bottom: 0.3em;
  background: #746607;
  color: white;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: none;
  letter-spacing: 2em;
}
#back button:hover {
  background: #D6A750;
}

.voice {
  padding: 50px 0 0 0;
  color: #24651d;
}
.voice > p {
  font-size: 24px;
  line-height: 36px;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.voice > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.voice > div > div {
  width: 48.5%;
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
  display: flex;
  flex-direction: column;
  border-top: 1px dashed silver;
}
.voice > div > div p {
  text-align: left;
  padding: 0 10px 15px 10px;
}
.voice > div > div aside {
  margin-top: auto;
  text-align: right;
  padding: auto 10px auto 10px;
  font-size: 14px;
  line-height: 21px;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
@media (max-width: 768px) {
  .voice > p {
    text-align: left;
  }
  .voice > div {
    display: block;
  }
  .voice > div > div {
    width: auto;
  }
}/*# sourceMappingURL=index.css.map */