@charset "utf-8";
/*
css : information
*/
.information-panel {
/*
 width: 80% !important;
 max-width: 800px !important;
*/
 max-width: 99vw !important;
 width: 99vw !important;
 height: auto !important;
 margin-left: auto;
 margin-right: auto;
 padding-top: 4rem;
 padding-bottom: 4rem;
 text-align: center;
 font-family: 'Nunito', 'Marcellus', 'Noto Sans JP', sans-serif !important;
/*
 font-size: 1em;
*/
 font-size: 1.2em;
 overflow-y: visible !important;
}
.information-panel * {
/*
 line-height: 1.8rem;
*/
 line-height: 2.0rem;
 padding-top: 0;
 padding-bottom: 0;
 font-family: 'Nunito', 'Marcellus', 'Noto Serif JP', sans-serif !important;
 letter-spacing: 0.2rem;
/*
 font-size: 1rem;
*/
 font-size: 1.2rem;
}
.information-panel ol {
 text-align: left;
}
.information-panel div ,
.information-panel table {
 margin-top: 1rem;
 margin-bottom: 1rem;
 table-layout: fixed;
}
.information-panel > div ,
.information-panel > table {
/*
 width: 80%;
*/
 height: auto !important;
 width: 60%;
 max-width: 60vw !important;
 margin: 1rem auto !important;
 table-layout: fixed;
}
.information-panel > table > tbody > tr > td {
 padding-left: 4rem;
 padding-right: 4rem;
 overflow-y: visible !important;
}
.information-panel table table {
/*
 width: 60%;
*/
 width: 90%;
 margin-top: 0;
 margin-bottom: 0;
}
.information-panel table[border="0"] {
 border: 0px none transparent;
}
.information-panel td {
 padding: 0.5rem 1rem;
}
.information-panel th[align="left"] ,
.information-panel td[align="left"] {
 margin-left: 0;
 margin-right: auto;
}
.information-panel th[align="left"] * ,
.information-panel td[align="left"] * {
 margin-left: 0;
 margin-right: auto;
}
.information-panel th[align="center"] ,
.information-panel td[align="center"] {
 margin-left: auto;
 margin-right: auto;
}
.information-panel th[align="center"] * ,
.information-panel td[align="center"] * {
 margin-left: auto;
 margin-right: auto;
}
.information-panel th[align="center"] p,
.information-panel td[align="center"] p,
.information-panel th[align="center"] table ,
.information-panel td[align="center"] table {
 margin-top: 5rem;
/*
 margin-bottom: 5rem;
*/
}
.information-panel th[align="right"] ,
.information-panel td[align="right"] {
 margin-left: auto;
 margin-right: 0;
}
.information-panel th[align="right"] * ,
.information-panel td[align="right"] * {
 margin-left: auto;
 margin-right: 0;
}
.information-panel table[border="0"] th:not([border]),
.information-panel table[border="0"] td:not([border]),
.information-panel th[border="0"],
.information-panel td[border="0"]{
 border: 0px none transparent;
}
.information-panel h1,
.information-panel h2,
.information-panel h3,
.information-panel h4,
.information-panel td[bgcolor="#999999"]{
/*
 background-color: #999999;
 font-family: 'Nunito', 'Marcellus', 'Noto Sans JP', sans-serif !important;
*/
 background-color: #fff;
}
.information-panel td[bgcolor="#999999"]{
/*
 background-color: #999999;
*/
 background-color: #fff;
 font-family: 'Nunito', 'Marcellus', 'Noto Sans JP', sans-serif !important;
 padding-left: 2rem;
 padding-right: 2rem;
}
.information-panel h1 *,
.information-panel h2 *,
.information-panel h3 *,
.information-panel h4 *,
.information-panel td[bgcolor="#999999"] * {
/*
 background-color: #999999;
 background-color: #C0C0C0;
*/
 color: #000;
}
.information-panel h1,
.information-panel h2,
.information-panel h3,
.information-panel h4,
.information-panel td[bgcolor="#999999"] div {
 margin: 1rem 0;
/*
 height: 4rem;
 line-height: 4rem;
 font-size: 1.8rem;
 letter-spacing: 0.6rem;
*/
 line-height: 4rem;
 font-size: 3.0rem;
 letter-spacing: 0.5rem;
}
.information-panel h1:not(:first-of-type)::before,
.information-panel h2:not(:first-of-type)::before,
.information-panel h3:not(:first-of-type)::before,
.information-panel h4:not(:first-of-type)::before {
 content: "\A";
 white-space: pre;
}
.information-panel td[bgcolor="#999999"] div {
 padding: 0 2rem;
}
.information-panel td[bgcolor="#999999"] span {
/*
 letter-spacing: 0.6rem;
*/
 font-size: 3.0rem;
 letter-spacing: 0.5rem;
}
.information-panel tr[bgcolor="#FF0000"]{
 background-color: #FF0000;
 color: #FFFFFF;
}
.information-panel tr[bgcolor="#FF0000"] * {
 background-color: #FF0000;
 color: #FFFFFF !important;
}
.information-panel tr[bgcolor="#FF0000"] td div {
 height: 4rem;
 line-height: 4rem;
 padding: 0 2rem;
 font-size: 1.8rem;
 letter-spacing: 0.6rem;
 font-family: 'Nunito', 'Marcellus', 'Noto Sans JP', sans-serif !important;
}
.information-panel td[bgcolor="#cccccc"]{
 background-color: #cccccc;
}
.information-panel td[bgcolor="#cccccc"] * {
 background-color: #cccccc;
}
.information-panel font[align="left"],
.information-panel b[align="left"],
.information-panel p[align="left"]{
 text-align: left;
}
.information-panel font[align="center"],
.information-panel b[align="center"],
.information-panel p[align="center"]{
 text-align: center;
}
.information-panel font[align="right"],
.information-panel b[align="right"],
.information-panel p[align="right"]{
 text-align: right;
}
.information-panel font:not([align]) ,
.information-panel b:not([align]) ,
.information-panel p:not([align]) {
 text-align: left;
}
.information-panel a:link,
.information-panel a:visited,
.information-panel a:active,
.information-panel a {
 color: #000000 !important;
 text-decoration: underline;
}

.information-panel .team-table {
 width: 80%;
 margin: 1rem auto;
 border: 1px solid red;
}
.information-panel .saiyou-table{
 width: 90%;
 margin: 1.5rem auto 1.5rem auto;
/*
 border: 1px solid #999999 !important;
*/
}
.information-panel .trade-list div ,
.information-panel .recruit-list div {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: flex-start;
 align-content: stretch;
}
.information-panel .trade-list h4 ,
.information-panel .recruit-list h4 {
 width: 25% !important;
 max-width: 25% !important;
 line-height: 2rem !important;
 margin: 0 0 2rem 0 !important;
 display: table-cell;
 font-size: 1.6rem;
 font-weight: normal;
 text-align: left;
 vertical-align: top;
}
.information-panel .trade-list h4::before ,
.information-panel .recruit-list h4::before {
	content: "" !important;
}
.information-panel .trade-list .sub-paragraph ,
.information-panel .trade-list p ,
.information-panel .recruit-list p {
 width: calc( 75% - 2em ) !important;
 max-width: calc( 75% - 2em ) !important;
 line-height: 2rem !important;
 margin: 0 0 2rem 2em !important;
 display: table-cell;
 vertical-align: top;
}
.information-panel .trade-list .sub-paragraph ul ,
.information-panel .trade-list .sub-paragraph p {
 width: 99% !important;
 max-width: 99% !important;
 margin: 0 0 0 0 !important;
 display: block;
}
.information-panel .trade-list .sub-paragraph ul li {
 width: calc( 99% -2rem );
 margin-bottom: 1rem !important;
 font-size: 1.6rem;
 font-weight: normal;
}
.information-panel .trade-list .sub-paragraph ul li::after {
 clear: both !important;
 content: "\A";
 white-space: pre;
}
/*
.information-panel .saiyou-table::after{
 content: "\A";
 white-space: pre;
}
*/
.information-panel .saiyou-table td,
.information-panel .saiyou-table td * {
 line-height: 2rem;
 font-size: 1.5rem;
}
.information-panel .saiyou-table td {
 border: 1px solid #999999 !important;
 padding: 0.5rem 2%;
}
.information-panel .saiyou-table td[bgcolor="#999999"] {
 border: 0px none transparent !important;
 padding: 0.5rem 0;
}
.information-panel .saiyou-table td[bgcolor="#999999"] div {
 letter-spacing: 0.2rem;
}
.information-panel .saiyou-table td[bgcolor="#999999"] span {
 font-size: 1.9rem;
}
.information-panel .saiyou-table td[bgcolor="#cccccc"] {
 line-height: 2rem;
 border: 1px solid #999999 !important;
}
.information-panel .saiyou-table td.no-border {
 border: 0 none transparent !important;
}
.left-text {
 padding-top: 1.5rem;
 padding-bottom: 1.5rem;
 text-align: left;
}
/*
.left-text::after{
 content: "\A";
 white-space: pre;
}
*/
.left-text * {
 font-size: 1.5rem;
}
.left-text h2 {
 margin-top: 0.5rem;
 margin-bottom: 0.5rem;
 font-size: 1.8rem;
}
.style1 ,
.style1 span {
 font-size: 1.6rem;
}
ol.style1 li {
 font-size: 1.6rem !important;
 text-align: left !important;
}
.style2 ,
.style2 span {
 font-size: 1.9rem;
 color: #000;
}
h4.style2 {
 font-size: 1.9rem !important;
 color: #000 !important;
}
.style4 ,
.style4 span {
 font-size: 1.6rem;
}
.style6 ,
.style6 span {
 font-size: 1.9rem;
}
.style7 ,
.style7 span {
 font-size: 1.6rem;
}

.access-panel {
 width: 80% !important;
 max-width: 800px !important;
 text-align: center;
 font-family: 'Nunito', 'Marcellus', 'Noto Sans JP', sans-serif !important;
 padding: 0 0 !important;
}
.access-panel .access-map {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
 }
.access-panel .access-map img {
 width: calc( 100vw * 0.4 );
 height: auto;
 fit-object: contain;
}
.access-panel .style1 ,
.access-panel .style7 {
 color: #B48F6D;
}
.access-panel .style7 {
/*
 width: 60% !important;
*/
 width: 80% !important;
 max-width: 80vw !important;
 margin-left: auto !important;
 margin-right: auto !important;
}
.access-panel .table-dl {
 border: 0px none transparent;
 background: transparent;
}
.access-panel .table-dl dt,
.access-panel .table-dl dd{
 border: 0px none transparent;
 background: transparent;
}
.access-panel .table-dl dt{
 width: 10rem;
}
.access-panel .table-dl dd{
 width: calc( 100% - 10rem );
 color: #B48F6D !important;
}
.access-panel .table-dl dd p{
 margin: 0 0;
 padding: 0 0;
}
.access-panel .table-dl dd a:link,
.access-panel .table-dl dd a:visited,
.access-panel .table-dl dd a:hover,
.access-panel .table-dl dd a:active,
.access-panel .table-dl dd a{
 color: #B48F6D !important;
 font-weight: bold;
}
.access-panel .holiday .days:not(:first-of-type)::before {
 content: "・";
}
.access-panel .open .label {
 display: inline-block;
 width: 10rem;
}
.info-imgs {
 width: 100% !important;
}
.info-imgs::after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.info-imgs > img ,
.info-imgs > figure {
/*
 width: 75% !important;
 max-width: 75vw !important;
*/
 width: 60% !important;
 max-width: 60vw !important;
 margin: 3rem auto;
}
.info-imgs > figure > img {
 width: 100% !important;
 max-width: 60vw !important;
}
.info-imgs > figure.alignnone:nth-child(odd) {
 margin-left: 0 !important;
}
.info-imgs > figure.alignnone:nth-child(even) {
 margin-right: 0 !important;
}
.info-imgs > figure img {
 margin-top: 3rem;
}
.info-imgs > figure figcaption {
 color: #000 !important;
 font-size: 1.5em !important;
 font-weight: bold;
}
.info-imgs.align-left > figure figcaption {
 text-align: left !important;
}
.info-imgs.align-right > figure figcaption {
 text-align: right !important;
}
.info-imgs > figure figcaption .sub-caption::before {
 content: "\A";
 height: 0;
 display: block;
 visibility: hidden;
}
.information-panel div.contact-us{
 width: 60%;
 max-width: 60vw !important;
 text-align: right !important;
}
.information-panel .contact-us a{
 color: #ff0000 !important;
 font-size: 1.5em !important;
 text-decoration: none;
}
.information-panel .contact-us a:hover,
.information-panel .contact-us a:visited,
.information-panel .contact-us a:link,
.information-panel .contact-us a:active,
.information-panel .contact-us a{
 text-decoration: none !important;
}

@media all and (max-width: 1030px) {
 .information-panel .team-table {
  width: 99%;
  margin: 0.5rem auto;
 }
 .information-panel .team-table img{
  min-width: 20vw;
 }
}
@media all and (max-width: 1030px) and (orientation: portrait) {
 #site-content{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
 }
 .information-panel td[bgcolor="#999999"] div {
  letter-spacing: 0.1rem;
 }
 .information-panel td[bgcolor="#999999"] span {
  letter-spacing: 0.1rem;
 }
 .information-panel .saiyou-table td{
 line-height: 1.6rem;
 font-size: 0.9rem;
 }
 .style1 ,
 .style1 span {
  font-size: 1.6rem;
 }
 .style2 ,
 .style2 span {
  line-height: 2.1rem;
  font-size: 2.0rem;
  text-indent: 0;
 }
 .style4 ,
 .style4 span {
  font-size: 1.6rem;
 }
 .style6 ,
 .style6 span {
  font-size: 2.0rem;
 }
 .style7 ,
 .style7 span {
  font-size: 1.6rem;
 }
}
@media screen and (max-width: 1024px) {
 .information-panel {
  padding-left: 10vw !important;
  padding-right: 10vw !important;
 }
 .information-panel > div ,
 .information-panel > table {
  width: 99%;
  max-width: 99% !important;
 }
}
@media all and (max-width: 780px) {
 .information-panel .trade-list h4 ,
 .information-panel .recruit-list h4 {
  width: 100% !important;
  max-width: 100% !important;
  text-decoration: underline;
 }
 .information-panel .trade-list .sub-paragraph ,
 .information-panel .trade-list p ,
 .information-panel .recruit-list p {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 2rem 1em !important;
 }
 .information-panel .trade-list .sub-paragraph ul {
 list-style: none !important;
}
 .information-panel .trade-list .sub-paragraph ul li {
  width: 100% !important;
  word-break: keep-all;
  line-break: strict;
  line-height: 1.8em;
 }
 .information-panel .trade-list .sub-paragraph ul li::before {
  content: "・" !important;
  display: inline-block !important;
  float: left !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  position: relative !important;
  top: -0.5rem !important;
  left: -2rem !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
  text-align: left !important;
}
 .information-panel .trade-list .sub-paragraph ul li::after {
  clear: both !important;
  content: "\A" !important;
  white-space: pre !important;
  font-size: 1.6rem !important;
 }
}
@media all and (max-width: 780px) and (orientation: portrait) {
 .information-panel > div ,
 .information-panel > table {
/*
  width: 68%;
  max-width: 68vw !important;
  max-width: 99vw !important;
*/
  width: 99%;
  max-width: calc(99vw - 2em) !important;
 }
 .information-panel > table > tbody > tr > td {
  padding-left: 1rem;
  padding-right: 1rem;
 }
 .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
/*
  width: 99% !important;
  max-width: 800px !important;

  width: 100% !important;
  max-width: 100vw !important;
*/
  width: 99% !important;
  max-width: 99vw !important;
 }
 .information-panel {
/*
  width: 99% !important;
  padding-left: 10vw;
  padding-right: 10vw;
*/
  width: 99% !important;
  max-width: calc(100vw - 2em) !important;
  padding-top: 0 !important;
  padding-left: 10vw !important;
  padding-right: 10vw !important;
 }
 .information-panel * {
/*
  line-height: 1.2rem;
*/
  letter-spacing: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
 }
 .information-panel td {
  padding-bottom: 0 !important;
 }
 .information-panel td[bgcolor="#999999"] {
/*
  padding-left: 1rem;
  padding-right: 1rem;
*/
  padding-left: 0;
  padding-right: 0;
 }
 .information-panel td[bgcolor="#999999"] div {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
/*
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
*/
 }
 .information-panel table[border="0"][height="208"]{
  width: 100%;
 }
 .information-panel .saiyou-table{
  width: 98%;
 }
 .left-text * {
 font-size: 0.9rem;
 }
 .access-panel {
  width: 90% !important;
  max-width: auto !important;
 }
 .access-panel .style1 ,
 .access-panel .style7 {
  font-size: 1.5rem;
 }
 .access-panel .style1 span ,
 .access-panel .style7 span {
  font-size: 1.5rem;
 }
 .info-imgs > img ,
 .info-imgs > figure {
/*
  width: 85% !important;
  max-width: 85vw !important;
*/
  padding-left: 0 !important;
  padding-right: 0 !important;
 }
}

@media all and (max-width: 760px) and (orientation: portrait) {
 body {
/*
  max-width: 100vw;
*/
  width: 99%;
  max-width: 99vw;
  padding-left: 0px;
  padding-right: 0px;
  overflow-x: hidden !important;
 }
 #site-content {
  width: 98% !important;
  max-width: 98vw !important;
  margin: 0 auto !important;
  padding: 0 0 !important;
 }
 #site-content article {
  width: 99%;
  max-width: 99vw;
 }
 .information-panel {
   margin-left: 0  !important;
   margin-right: 0  !important;
   padding-left: 0.5em !important;
   padding-right: 0.5em !important;
 }
 .information-panel > div ,
 .information-panel > table {
  width: 99% !important;
  max-width: 99vw !important;
  margin: 0 auto !important;
  padding: 0 0 !important;
  border: 0px none #FFF !important;
 }
 .information-panel td[bgcolor="#999999"] div {
  letter-spacing: 0;
 }
 .information-panel td[bgcolor="#999999"] span {
  letter-spacing: 0;
 }
 .information-panel tr[bgcolor="#FF0000"] td div {
  font-size: 1.5rem;
  letter-spacing: 0;
 }
 .information-panel td[bgcolor="#999999"] span {
  line-height: 1.8rem;
  font-size: 1.8rem;
 }
 .info-imgs > img ,
 .info-imgs > figure {
  width: 65% !important;
  max-width: 65vw !important;
 }
 .info-imgs > figure figcaption {
  font-size: 1.0em !important;
 }
 .access-panel .access-map {
  margin-bottom: 1rem;
 }
 .access-panel .access-map img {
  width: calc( 100vw * 0.8 );
 }
 .access-panel .style1 ,
 .access-panel .style7 {
  font-size: 1.2rem;
 }
 .access-panel .style1 span,
 .access-panel .style7 span {
  font-size: 1.2rem;
 }
 .access-panel .style7 {
  width: 99% !important;
 }
 .access-panel .table-dl dt{
  width: 8rem;
  padding-top: 0;
 }
 .access-panel .table-dl dd{
  width: calc( 99% - 8rem );
  padding-top: 0;
 }
 .access-panel .address .street::before {
  content: "\A";
  white-space: pre;
 }
 .access-panel .holiday .days:not(:first-of-type)::before {
  content: "\A";
  white-space: pre;
 }
 .access-panel .open .label {
  width: 7.5rem;
 }
 .access-panel .open .start::before {
  content: "\A　";
  white-space: pre;
 }
 .style1 ,
 .style1 span {
/*
  font-size: 1.1rem;
*/
  font-size: 1.2rem;
 }
 .style2 ,
 .style2 span {
  line-height: 3.0rem !important;
  font-size: 2.0rem !important;
/*
  padding-left: 0 !important;
  padding-right: 0 !important;

  text-indent: 0 !important;
*/
  padding-left: 1rem !important;
  padding-right: 1rem !important;
 }
 span.style2 {
  display: inline-block !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
 }
 .style4 ,
 .style4 span {
  font-size: 1.0rem;
 }
 .style6 ,
 .style6 span {
  font-size: 1.1rem;
 }
 .style7 ,
 .style7 span {
  font-size: 1.0rem;
 }
}
@media all and (max-width: 360px) and (orientation: portrait) {
 .information-panel > table > tbody > tr > td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
 }
 .information-panel td[bgcolor="#999999"] div {
  font-size: 1rem;
  font-weight: bolder;
  letter-spacing: 0;
 }
 .information-panel td[bgcolor="#999999"] span {
  font-size: 1rem;
  font-weight: bolder;
  letter-spacing: 0;
 }
 .information-panel div.clear {
  height: 0.5em !important;
  font-size: 1px !important;
 }
 .information-panel div.clear br {
  display: none;
 }
}