@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 13px;
  line-height: 17px;
  margin: 10px 0 0;
  padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.footer-widgets:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-image: url('./assets/images/dotted-map.png');
  background-size: contain;
  opacity: .8;
}

.lightbox-loader{
  background-image: url('./assets/images/preloader.svg');
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  text-align: justify;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  margin: 0;
}
a {
  color: #337ab7;
  text-decoration: none;
  color: #503C28;
  background-color: transparent;
}
a:visited {
  text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:focus, a:hover {
  color: #503C28;
}
ol, ul {
  /*list-style: none;*/
  padding: 0;
}

/*h2 h3 style*/
.singleBlog.recuitment_blog h2,
.recuitment_blog h2{
  padding: 0.5em !important;
    background: #503c28e8;
    border-bottom: solid 3px black;
    color: white !important;
}
.singleBlog.recuitment_blog h3,
.recuitment_blog h3 {
  padding: 0.25em 0.5em !important;
    background: #fff !important;
    border-left: solid 5px #503C28 !important;
}
.recuitment_blog ol,
.recuitment_blog ul {
  padding-left: 15px !important;
}
.singleBlog .container a{
  text-decoration: underline !important;
  color:#00aced !important;
}

#slideMenu li{
  list-style: none;
}
div#contents {
  margin-top: -10px;
}
/* Start Header */
#headerTop {
  position: relative;
  height: 80vh;
  overflow: hidden;
  background: url('./assets/images/472A9540_1.jpeg') no-repeat center;
  background-size: cover;
}
#headerTop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.25);*/
  /*background-color: rgba(255, 255, 255, 0.47);*/
}
#headerInner {
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
#headerInner>img {
  height: 40px;
  width: auto;
}
#headerInner>h1 {
  display: block;
  margin-top: 20px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: white;
}
#loading {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #503C28;
}
#loadingInner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1001;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  border: 2px solid #faf7f5;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.75s infinite linear;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
    100% { transform: rotate(360deg);
  }
}
/* End Header */

/* Start Global Menu */
#headerBottom {
  display: block;
  width: 100%;
  background-color: white;
}
.bottom {
  box-sizing: content-box;
  max-width: 1100px;
  table-layout: fixed;
  width: 100%;
  margin: 0 auto;
  /* overflow: hidden; */
}
.normalBottom{
  box-sizing: border-box;
}
.bottom-clearfix:after, .bottom:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#headerNav {
  display: block;
}
#headerNav>ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
#headerNav>ul>li {
  display: table-cell;
  text-decoration: none;
}
#headerNav>ul>li>a {
  display: block;
  padding: 23px 0 20px;
  text-align: center;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  border-bottom: solid 3px white;
  -webkit-transition: all .5s linear;
}
#headerNav>ul>li>a>span {
  display: block;
  margin-top: 5px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  font-size: 11px;
}
#headerNav>ul>li>a:hover {
  border-bottom: solid 3px #503C28;
}
/* End Global Menu */

/*Start slideMenu*/
#slideMenuBtn {
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 100;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  overflow: hidden;
  background-color: #503C28;
  border-radius: 50%;
  -webkit-transition: all .5s linear;
}
#slideMenuBtn:hover{
  cursor:pointer
}
#slideMenuBtn>img {
  width: auto;
  height: 20px;
  margin-top: 15px;
}
#slideMenu {
  display: block;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 95;
  width: 1000px;
  height: 100%;
  background-color: #803333;
}
#slideMenu ul {
  width: 100%;
  padding-top: 110px;
}
#slideMenu ul>li {
  width: 100%;
}
#slideMenu ul>li>a {
  display: block;
  width: 100%;
  padding: 10px;
  font-family: "Roboto Slab", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: white;
  -webkit-transition: all .5s linear;
}
#slideMenu ul>li>a:hover{
  opacity:0.5
}
#slideMenu ul>li>a>img {
  height: 40px;
  width: auto;
  margin-bottom: 10px;
}
#slideMenuSnsBtn {
  margin-top: 20px;
  padding-left: 10px;
}
#slideMenuSnsBtn>a {
  display: inline-block;
}
#slideMenuSnsBtn>a>img {
  height: 50px;
  width: auto;
}
#slideMenuSnsBtn>a+a {
  margin-left: 10px;
}
/*End slideMenu*/

/*footer start here*/
.foot {
  display: block;
  background-color: #2e2317;
}
#footUpper {
  padding-top: 40px;
}
#footerP {
  float: left;
  margin-top: 0;
}
#footTitle img {
  margin-top: 5px;
  height: 40px;
}
#footList .social-icon {
  height: 50px;
  width: auto;
}
#footTitle, #footList{
  display: inline-flex;
}
.foot .bottom {
  padding: 0 20px;
}
#footList li:nth-child(2) {
  margin-left: 15px;
}
#pos{
  display: none;
}
#footCopyright {
  display: block;
  font-family: Arial,sans-serif;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  padding: 40px 0;
  color: white;
}
#gotop>img {
  width: auto;
  height: 10px;
  margin-top: 20px;
  border: 0;
}
#gotop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #503C28;
  border-radius: 50%;
  -webkit-transition: all .5s linear;
}
/*end footer*/

/*Start about*/
.aboutInner1 {
  float: left;
  width: 50%;
}
#menu01 {
  background-color: #faf7f5;
}
.aboutInner1 > .aboutHeader1 {
  padding: 50px 40px 50px 100px;
  display: block;
  max-width: 100%;
  -webkit-transition: all .5s linear;
}
.aboutHeader2 {
  padding-left: 0;
}

.aboutHeader2 img{
  width: 100%;
}
#menu01 > .bottom{
  max-width: 100%;
}
/*End about*/

/*Start concept*/
.title {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-left: 0;
  font-size: 36px;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #503C28;
  border-left: none;
}
.title>span {
  display: block;
  margin-top: 11px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  font-size: 12px;
}
.title > .line{
  width: 90px;
  border-bottom: 2px solid black;
}
/*.title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 80px;
  height: 2px;
  background-color: #503C28;
}*/
.description h3 {
  display: block;
  font-size: 2.0em;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.05em;
  color: #503C28;
  margin-bottom: 30px;
  line-height: 1.4;
}
.description:last-child {
  margin-bottom: 0;
}
.description {
  line-height: 1.8;
}
.description strong {
  font-weight: bold;
  color: #503C28;
  background: linear-gradient(transparent 60%, #fe9 60%);
}
#menu02 {
  position: relative;
  padding: 100px 0;
}
.conceptHeader {
  flex-direction: row-reverse;
}
.conceptHeader {
  float: right;
}
.conceptHeader {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
}
.concept-container {
  padding: 20px;
}
.concept-container {
  display: block;
  width: 100%;
  max-width: 100%;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -ms-transition: all .5s linear;
  -o-transition: all .5s linear;
}
#menu02:after {
  background-image: url('./assets/images/472A0085_1.jpeg');
  background-size: cover;
}
.bottom:after, .bottom:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#menu02:after {
  display: block;
  content: "";
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: 200px;
  background: url('./assets/images/472A0085_1.jpeg') no-repeat center;
  background-size: cover;
}
/*End concept*/

/*Start schedule*/
.schedule {
  padding: 60px 20px 100px 20px;
  background-color: #faf7f5;
  clear: both;
}
.schTh{
  width: 50%;
  padding-left: 30%;
  font-weight: normal;
}
.scheduleTable {
  line-height: 1.8;
}
.scheduleTable table {
  overflow: hidden;
  height: auto;
  margin-left: -10px;
  margin-right: -10px;
  border-collapse: separate;
  border-spacing: 10px;
  width: calc(100% + 10px);
}

.scheduleTable th.time {
  line-height: 1.4;
  border-right: solid 2px #e6deda;
  white-space: nowrap;
  text-align: right;
  padding-right: 1em;
}
.button:after, .scheduleTable:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 16px;
  margin-top: -8px;
  background: url() no-repeat center;
  background-size: cover
}
.scheduleGarter3 {
  background-color: #fff;
  text-align: center;
  margin: 40px 0;
}
.schedulePanel {
  padding: 40px;
  padding-top: 70px;
  position: relative;
}
.scheduleTag {
  left: 50%;
  width: 100px;
  margin-left: -50px;
  padding: 8px 0;
  font-family: "Roboto Slab",serif;
  font-weight: 700;
  color: #fff;
  background-color: #803333;
  border-radius: 0;
  position: absolute;
  display: block;
}
.scheduleBadge {
  padding: 15px;
  font-size: 20px;
  display: block;
  font-family: Arial,sans-serif;
  font-style: italic;
  font-weight: normal;
  color: #803333;
  background-color: transparent;
  border: solid 2px #803333;
  margin-bottom: 20px;
}
small {
  text-align: left;
  line-height: 1.8;
}
.notes p {
  margin: 0;
}
.button:hover,
.scheduleTable input[type="submit"]:hover {
  cursor: pointer;
  background-color: #5c2424;
}
.scheduleTable em {
  font-family: Arial,sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  color: #803333;
}
.sch-content {
  text-align: left;
}
td.notes {
  padding-top: 15px;
}

/*End shedule*/

/*Start Menu*/
.concept.menu {
  padding: 60px 0 80px 0;
  clear: both;
}
.concept.profile .bottom,
.concept.menu .bottom,
.concept.blog .bottom{
  padding: 20px;
}
.concept.menu .title,
.concept.profile .title,
.concept.blog .title {
  margin-bottom: 40px;
}
.mtb-20{
  margin: 20px 0;
}
.menu1 {
  float: left;
}
.menu2 {
  float: right;
}
.menu1{
  display: block;
  width: 50%;
  max-width: 50%;
  padding-right: 20px;
}
.menu2 {
  display: block;
  width: 50%;
  max-width: 50%;
  padding-left: 20px;
}
.menu1-1, .menu2-1 {
  border: none;
  padding: 40px;
  background-color: #faf7f5;
}
.title-sub {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  font-family: "Roboto Slab", serif;
  letter-spacing: 0.1em;
  background-color: transparent;
  border-radius: 0;
  color: #503C28;
}
.title-sub>span {
  position: relative;
  z-index: 2;
  padding: 0 1em 0 0;
  background-color: #faf7f5;
}
.title-sub:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #503C28;
}
.description h3>span {
  display: block;
  font-size: 0.7em;
}
.description>:last-child {
  margin-bottom: 0;
}
.description p {
  line-height: 1.8;
}
.menu-explain {
  height: 103px;
}
.menu-content>small {
  line-height: 1.4;
}
.menu-detail {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.menu-img {
  width: 100%;
  height: auto;
  margin-top: 10px;
}
.menu-content, .blog-text{
    word-wrap: break-word;
}
.menu-content table {
  overflow: hidden;
  width: calc(100% + 10px);
  height: auto;
  margin-left: -10px;
  margin-right: -10px;
  border-collapse: separate;
  border-spacing: 10px;
}
.menu-content table th.time {
  font-family: Arial,sans-serif;
  font-size: 16px;
  font-style: italic;
  text-align: right;
}
.menu-content table td {
  padding-left: calc(1em - 10px);
  line-height: 1.4;
  text-align: left;
}
.timeTable {
  font-weight: bold;
  color: #803333;
}
.menu1 h4:nth-child(7),
.menu2 h4:nth-child(7) {
  color: #803333;
}
.title-sub-price {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  font-family: "Roboto Slab",serif;
  letter-spacing: 0.1em;
  background-color: transparent;
  border-radius: 0;
}
.title-sub-price>span {
  position: relative;
  z-index: 2;
  padding: 0 1em 0 0;
  background-color: #faf7f5;
}
.title-sub-price:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #803333;
}
.price {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #803333;
}
.price>span {
  font-size: 30px;
  margin-right: 5px;
  font-family: Arial,sans-serif;
  font-style: italic;
  font-weight: normal;
}
.price>em {
  font-size: 50px;
  font-family: Arial,sans-serif;
  font-style: italic;
  font-weight: normal;
}
.menu3 {
  display: block;
  width: 100%;
  max-width: 100%;
  padding-top: 40px;
  text-align: center;
  clear: both;
}
.button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 22px;
  width: 400px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  color: white;
  background-color: #803333;
  border-radius: 4px;
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
.button:hover {
  background-color: #502424;
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
.button span {
  color: white;
}
.button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 16px;
  margin-top: -8px;
  background: url("./assets/images/icon_arrow02.svg") no-repeat center;
  background-size: cover;
}
/*End Menu*/

/*Start Blog*/
.concept.blog {
  padding: 60px 0 80px 0;
}
.blog-container {
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  margin: -5px;
}
.blog-content {
  display: block;
  width: 33.333%;
  max-width: 33.333%;
  padding: 10px;
  box-sizing: border-box;
}
.blog1 {
  opacity: 1;
  line-height: 1.5;
}
.blog1 img {
  margin-bottom: 5px;
  width: 100%;
  height: auto;
}
.blog1 h3, .modal-body span{
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4;
  color: #503C28;
}
.blog1 p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
}
.blog1 .time {
  display: block;
  font-family: Arial,sans-serif;
  font-size: 12px;
  font-style: italic;
  vertical-align: bottom;
  margin-bottom: 0;
}
.blog1 .time>span {
  margin-left: 1em;
  padding-left: 1em;
  border-left: solid 1px #e6deda;
}
.singleBlog .title {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
.blog_image_single{
  padding: 20px 0;
}
.blog_image_single img{
  width: 100%;
  height: auto;
}
/*End Blog*/

/*Start Profile*/
.concept.profile {
  padding: 60px 0 80px 0;
  background-color: #faf7f5;
}
.profile1 {
  float: left;
}
.profile2 {
  float: right;
}
.profile1 {
  display: block;
  width: 100%;
  padding-right: 20px;
}
.profile2 {
  display: block;
  width: 50%;
  max-width: 50%;
  padding-left: 20px;
}
.profile1 .menu1-1,
.profile2 .menu2-1{
  background-color: white;
  overflow: hidden;
  min-height: 415px;
}
.description ul li {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.4;
}
.description ul {
  padding: 0 1em;
}
/*.description ul li:before {
  content: '●';
  position: absolute;
  top: 0;
  left: 0;
  color: #503C28;
}*/
.profile-image {
  padding-right: 20px;
  display: table-cell;
}
.profile-container {
  vertical-align: middle;
  display: table-cell;
}
.title-sub-child {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  color: #503C28;
}
.concept.profile h4.title-sub:nth-child(2),
.concept.profile h4.title-sub-child {
  margin-top: -15px;
}
.profile1 .title-sub>span,
.profile2 .title-sub>span {
  position: relative;
  z-index: 2;
  padding: 0 1em 0 0;
  background-color: white;
}
.description ul li+li {
  margin-top: 5px;
}
.menu-content table th {
  padding-right: 1em;
  line-height: 1.4;
  border-right: solid 2px #e6deda;
  white-space: nowrap;
  font-weight: normal;
}
/*End Profile*/

/*Start singleBlog*/
.singleBlog.container {
  padding: 20px;
}
.singleBlog .bottom.single {
  max-width: 768px;
}
.singleBlog p {
  line-height: 1.8;
}
.singleBlog .menu-container .menu-content h3,
.menu-content.blogTable .menu-container h3 {
  display: block;
  padding: 20px 10px;
  font-size: 1.6em;
  font-weight: bold;
  text-align: left;
  color: #503C28;
  background-color: white;
  border: solid 1px #f2e9e4;
  border-radius: 4px;
  margin-bottom: 30px;
}
.menu-content.blogTable .menu-container h3 {
  background-color: #faf7f5;
}
section.concept.singleBlog {
  background-color: #faf7f5;
  padding: 100px 0;
}
.singleBlogImg {
  margin-bottom: 30px;
}

.singleBlog .title>span {
  margin-top: 16px;
}
.menu-content.blogTable .menu-container {
  background-color: white;
  padding: 40px;
}
.singleBlog table {
  overflow: hidden;
  width: 100%;
  height: auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.singleBlog table th {
  padding: 0.7em 1em;
  font-weight: bold;
  line-height: 1.4;
  white-space: nowrap;
  background-color: #f2e9e4;
  border: solid 1px #e9dcd3;
  width: 20%;
}
.singleBlog table td {
  padding: 0.7em 1em;
  line-height: 1.4;
  text-align: left;
  background-color: white;
  border: solid 1px #f2e9e4;
}
.menu-content.blogTable tr:first-child td a,
.menu-content.blogTable tr:nth-child(6) td a {
  color: #365899;
  text-decoration: underline;
}
.menu-content.blogTable tr:first-child td a:hover,
.menu-content.blogTable tr:nth-child(6) td a:hover {
  text-decoration: none;
}
.social-link {
  border: 0 !important;
  padding: 10px 0 20px 0 !important;
  margin: 0 !important;
  margin-bottom: 15px !important;
}
.social-link div {
  float: left !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 5px 0px 0 !important;
  min-height: 30px !important;
  line-height: 18px !important;
  text-indent: 0 !important;
}
#fb-button {
  display: none;
}
.fb_iframe_widget {
  display: inline-block;
  position: relative;
}
.fb_iframe_widget span {
  display: inline-block;
  position: relative;
  text-align: justify;
}
/*End singleBlog*/

/*Start contact*/

/*Contact form 7*/
.wpcf7-submit {
  position: relative;
    display: inline-block;
    overflow: hidden;
    width: 400px;
    padding: 17px;
    font-weight: bold;
    color: white;
    background-color: #803333;
    border-radius: 6px;
    border-width: 0;
}
.screen-reader-response{
  display: none;
}
.wpcf7-not-valid-tip, .wpcf7-validation-errors{
  color:#803333;
}
/*End Contact form 7 */
section#menu07 {
  padding: 60px 20px 80px 20px;
  background-color: #faf7f5;
}
.column {
  width: 100%;
  column-count: 2;
}
.contactForm em {
  font-weight: bold;
  color: #803333;
}
#menu07 h2.title {
  margin-bottom: 26px;
}
.contactForm input[type="text"] {
  width: 100%;
  padding: 1em;
  border: solid 1px #f2e9e4;
  background-color: white;
  border-radius: 4px;
}
.contactForm select {
  width: 100%;
  padding: 1em 1em;
  font-size: 1em;
  line-height: 1;
  color: #A4A4A4;
  border: solid 1px #f2e9e4;
  background-color: white;
  border-radius: 4px;
}
.contactForm textarea {
  width: 100%;
  padding: 1em;
  border: solid 1px #f2e9e4;
  background-color: white;
  border-radius: 4px;
  resize: none;
}
div.conntact_12 > div > input[type="submit"]:nth-child(1) {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 400px;
  padding: 17px;
  font-weight: bold;
  color: white;
  background-color: #803333;
  border-radius: 6px;
  border-width: 0;
}
div.conntact_12 > div > input[type="submit"]:nth-child(1):hover {
  background-color: #502424;
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
div.conntact_12 > div > input[type="submit"]:nth-child(1):focus {
  outline: 0;
  border: 0;
}
.contact-detail dt:nth-child(1) {
  margin-bottom: 10px;
}
.contact-detail dt {
  font-weight: bold;
  color: #503C28;
  border-bottom: solid 1px #f2e9e4;
}
.contact-detail {
  /*margin: 0px 5px 25px 0;*/
  padding-top: 5px;
  margin: 0 0 25px 0;
}
.contactForm dt {
  margin: 10px 0 10px 0;
  padding-bottom: 5px;
}
input[type="submit"] {
  text-align: center;
  margin: 30px;
}
input, textarea {
  font-size: 16px;
}
.contactForm.s-botton {
  text-align: center;
}
.contactForm * {
  line-height: 1.8;
}
/*End contact*/

.breakers{
  display: block !important;
  white-space: pre-line !important;
}
.red-border{
  border: solid 1px #f38383;
}
.container,.contact-table {
  width: 100%;
}
.contactinfo{
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4;
  color: #503C28;
}
.contact-th{
  width: 150px;
}
.contact-table {
  width: 75%;
  margin-left: 20%;
}
.info{
  margin-left: 55px;
}
.blog_image{
  max-height: 200px;
  overflow: hidden;
}
.absoluteimage{
  position: relative;
}
.absoluteimage p{
  position: absolute;
  left: 100px;
  bottom: 100px;
  color: white;
  font-size: 23px;
}
.absoluteimage img{
  width:100%;
}
.embedmap{
  padding-left: 50%; 
}
.pd40l{
  padding-left: 40%;
}
.pd40r{
  padding-right: 40%;
}
.mh400{
  min-height: 400px;
}
.pt150{
  padding-top: 150px;
}
.menuLogo{
  width: 240px!important;
}
.post-categories li{
  list-style: none;
}
/*Mobile below*/
@media screen and (min-width: 960px) and (max-width: 1024px){
  .concept.menu,
  .concept.profile,
  .concept.blog {
    padding: 100px 20px;
  }
  .concept.profile .bottom,
  .concept.menu .bottom,
  .concept.blog .bottom {
    padding: 0px;
  }
}
@media screen and (min-width: 960px) {
/* Concept Responsive 960- */
  .conceptHeader {
    margin: -50px;
  }
  .conceptHeader>.concept-container {
    padding: 50px;
  }
/* Footer Responsive 960- */
  #footList {
    float: right;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px){
  .concept.menu {
    padding: 60px 0 80px 0;
  }
  .concept.profile {
    padding: 60px 0 100px 0;
  }
  .concept.profile .bottom,
  .concept.menu .bottom,
  .concept.blog .bottom {
    padding: 0px;
  }
/* Concept Responsive 768-959 */
  .conceptInner {
    padding: 100px 20px;
  }
/* Blog Responsive 768-959 */
  .blog-content {
    width: 50% !important;
    max-width: 50%;
  }
  .concept.blog {
    padding: 80px 20px;
  }
  .singleBlog .menu-container {
    padding: 0px;
  }
/* Menu Responsive 768-959 */
  .menu-container {
    padding: 20px;
  }
/* Menu, Profile Responsive 768-959 */
  .concept.menu .title,
  .concept.profile .title{
    padding: 20px;
  }
  .concept.menu .title:after,
  .concept.profile .title:after {
    left: 20px;
  }
  .menu1,
  .profile1 {
    padding-right: 10px;
  }
  .menu2,
  .profile2 {
    padding-left: 10px;
  }
/* Contact Responsive 768-959 */
  section#menu07 {
    padding: 100px 20px;
  }
}
@media screen and (max-width: 959px) {
/* Profile Responsive -959 */
  .profile1, .profile2 {
    width: 100%;
    max-width: 100%;
  }
  .profile1, .profile2 {
    padding: 0;
  }
  .profile1 {
    padding-bottom: 20px;
  }
/* Schedule Responsive -959 */
  .schedule {
    padding: 80px 20px 100px 20px;
  }
/* Footer Responsive -959 */
  #footTitle {
    display: block;
    text-align: center;
  }
  #footList {
    text-align: center;
    display: block;
    margin-top: 20px;
  }
  #footList li {
    display: inline-block;
  }
  #footTitle img {
    height: 30px;
    width: auto;
  }
  .foot .bottom {
    padding: 0
  }
}
@media screen and (min-width: 768px) {
/* Header Responsive 768- */
  #headerInner>h1 {
    margin-top: 40px;
    font-size: 16px;
  }
  #headerInner>img {
    height: 70px;
  }
/* Concept Responsive 768- */
  #menu02 {
    padding-bottom: 100px;
  }
  .conceptHeader>.concept-container {
    display: block;
    width: 50%;
    max-width: 50%;
    margin-left: 280px;
  }
  #menu02:after {
    top: 0;
    left: 50%;
    z-index: 1;
    width: 50%;
    height: 100%;
    left: 0;
  }
/* Contact Responsive 768- */
  .contactGarter >.contactGrid_12 {
    padding: 10px;
  }
  .contactGrid>.contact_6 {
    display: block;
    width: 50%;
    max-width: 50%;
  }
  .contactForm input[type="submit"] {
    width: 400px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  
/* Header Responsive -768 */
  #headerNav {
    display: none;
  }
  #slideMenuBtn {
    display: block;
  }
  
/* About Responsive -768 */
  #menu01 > div > div.aboutInner1 > div > img {
    width: 100%;
    height: 794px;
  }
  .aboutInner1 > .aboutHeader1, .aboutHeader2 {
    padding: 0 20px;
  }
  #menu01 > div > div.aboutInner1 > div {
    padding: 0px 25px 0px 0px;
  }
  .bottom1 > .aboutInner1 {
    width: 100%;
    margin: 100px 20px;
  }
  #menu01 > div.bottom > div {
    float: right;
  }
/* Concept Responsive -768 */
  .concept.blog {
    padding: 80px 20px 100px 20px;
  }
  /* Schedule Responsive -768 */
  .schedulePanel {
    padding: 20px;
  }
  .scheduleBadge {
    margin-top: 30px;
  }
  .menu03_buttom {
    padding: 20px;
    padding-top: 10px;
  }
/* Blog Responsive -768 */
  .blog-content {
    display: block;
    width: 50% !important;
    max-width: 50% !important;
  }
  .blog .bottom {
    width: 100%;
  }
  .blog1 h3 {
      font-size: 1.0em;
    }
   .blog1 img {
      margin-bottom: 5px;
      width: 100%;
      height: auto;
      max-width: 300px;
      margin: auto;
      display: block;
  }
}
@media screen and (max-width: 767px) {
  .mh400{
    min-height: auto;
  }
  .embedmap{
    padding-left: 0; 
  }
  .table-responsive{
    border:none!important;
  }
  .absoluteimage p {
    left: 35px;
    bottom: 20px;
    font-size: unset;
  }
  /*contact form 7 responsive*/
  .wpcf7-submit{
      margin: 0 auto!important;
    width: 100%;
  }
  /*custom*/
  .schTh {
      width: auto;
      padding-left: 0;
  }
  .bottom{
      box-sizing: border-box;
  }
  .schedulePanel {
      padding: 15px;
  }
  .aboutInner1 > .aboutHeader1{
    padding: 50px 20px;
  }

  .title {
    font-size: 25px;
        margin-top: 10px;
  }
  .concept.profile,
  .concept.menu,
  .concept.blog {
    padding: 20px 10px;
  }
/* About Responsive -767 */
  #menu01 > div > div.aboutInner1 > div > img {
    width: 100%;
    height: auto;
    padding: 20px 0;
  }
  .aboutHeader1, .aboutHeader2 {
    display: block;
    padding: 0px;
    margin:0 20px;
  }
  .aboutInner1 {
    width: 100%;
  }
/* Concept Responsive -767 */
  .conceptHeader {
    margin-bottom: 120px;
  }
  .description h3 {
    font-size: 1.6em;
  }
  #menu02 {
    padding-botom: 40px;
    padding-top: 0px;
  }
  #menu02 .bottom {
    width: 100%;
  }
/* Menu Responsive -767 */
  .menu1, .menu2 {
    width: 100%;
    max-width: 100%;
  }
  .menu1 .description h3 {
     margin-top: 0;
  }
  .menu1,
  .profile1
  ,.pb-20 {
    padding-bottom: 20px;
  }
  .menu2{
    padding-left: 0;
    padding-right: 20px;
  }
  .menu1-1, .menu2-1 {
    padding: 20px;
  }
  .menu3 {
    padding: 20px;
    padding-left: 0;
  }
  a.button {
    width: 100%;
    padding: 20px;
  }
  .menu03_buttom .button {
    margin-bottom: 0;
  }
  .title-sub>span,
  .title-sub-price {
      font-size: 15px;
  }
  .price>span {
     font-size: 20px;
  }
  .price>em {
     font-size: 40px;
  }
/* Profile Responsive -767 */
  .profile1,
  .profile2 {
    /*padding-right: 20px;*/
  }
  .profile-container h3 {
        margin-top: 0;
    }
/* Blog Responsive -767 */
  .blog-container {
    /*margin-right: 10px;*/
  }
  .blog-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 40px;
  }
  .singleBlog .blog-content {
    padding: 10px;
    padding-bottom: 40px;
  }
  .menu-content.blogTable .menu-container {
    padding: 20px;
  }
/* Schedule Responsive -767 */
  .schedule {
    padding: 40px 20px;
  }
  .concept.profile .bottom,
  .concept.menu .bottom,
  .concept.blog .bottom {
    padding: 10px;
  }
  .menu03_buttom {
    padding: 0;
    padding-top: 10px;
  }
  .button span {
    font-size: 14px;
  }
  .scheduleBadge {
    padding: 10px;
    font-size: 16px;
  }
  .scheduleTable table {
        line-height: 1.8;
    }
    .sch-content {
        line-height: 1.4;
    }
/* Contact Responsive -767 */
  section#menu07 {
    padding: 40px 20px;
  }
  .column {
    column-count: 1;
  }
  div.conntact_12 > div > input[type="submit"]:nth-child(1) {
    width: 100%;
    margin: 0 auto;
  }
  .contact_12.contact_6:nth-child(2) {
    margin-top: -25px;
  }
}

@media screen and (min-width: 347px) and (max-width: 767px){
    .concept.profile h4.title-sub:nth-child(2),
    .concept.profile h4.title-sub-child {
        margin-top: 10px;
    }
}
.headconf {
  text-align: center;
}

.btn-primary {
    color: #fff;
    background-color: #803333 !important; 
    border-color: #a94442 !important; 
}
.btn-primary:hover {
    color: #fff;
    background-color:#a94442 !important; 
    border-color:  #803333 !important;
}
.modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}
.modal-header {
    padding: 5px;
    border-bottom: 0px;
}
.modal-body {
  position: relative;
  height: 430px;
}
/*
pagination start
*/
.pagination{
  width: 100%;
}
.pagination .next{
  float: right;
}
.pagination .right{
  float: left;
}
.view-more-container{
  text-align: center;
    margin-top: 100px;
}
.view-more-container a{
  font-size: 16px;
    font-weight: bold;
}

@media (min-width: 768px){
  .modal-sm {
    width: 600px;
  }
  .modal-dialog {
    width: 600px !important;
    margin: 30px auto;
  }
}


/********** temp fixes ***********/

.profile .table-responsive {
  float: left;
  width: 400px;
  padding-bottom: 20px;
}

.blog-container .blog_image {
  margin-bottom: 20px;
  margin-top: 10px;
}

.blog-container .blog-text {
  margin-top: 10px;
}
.job-form-radio {
	display: flex;
}



#post-23401 {
    padding: 10rem 30rem;
}

@media (max-width: 1024px) {
    #post-23401 {
        padding: 8rem 15rem;
    }
}

@media (max-width: 768px) {
    #post-23401 {
        padding: 5rem 5rem;
    }
}

@media (max-width: 480px) {
    #post-23401 {
        padding: 3rem 2rem;
    }
}