@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 10, common.scss */
html, body, #wrapper { width: 100%; max-height: 100%; min-height: 100vh; }

/* line 11, common.scss */
body { -webkit-text-size-adjust: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; line-height: 1.8; word-break: break-word; font-display: swap; font-weight: 400; color: #313131; font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif; font-size: 16px; /*transform: rotate( .03deg);*/ }
@media only screen and (max-width: 750px) { /* line 11, common.scss */
  body { font-size: 15px; } }

/* line 15, common.scss */
h1, h2, h3, h4, h5, h6, p, span, em, b, i, dl, dt, dd, ol, ul, li, tr, th, td, div { letter-spacing: 0.05em; font-feature-settings: "palt" 1; /*-webkit-text-stroke-width: 0.25px;*/ }

/* line 16, common.scss */
ul li, ol li { display: inline-block; vertical-align: top; font-size: 16px; font-size: 1rem; line-height: 1.8rem; }
@media only screen and (max-width: 750px) { /* line 16, common.scss */
  ul li, ol li { font-size: 15px; } }

/* line 17, common.scss */
p, p a, div, ul, ol, li, li a, dl, dt, dt a, dd, dd a, section, span, em, i, strong, b { box-sizing: border-box; /*text-align: justify; text-justify: inter-ideograph;*/ }

/* line 18, common.scss */
i { font-style: normal; }

/* line 21, common.scss */
.flexImg { overflow: hidden; position: relative; }
/* line 22, common.scss */
.flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; }
/* line 23, common.scss */
.flexImg.ab { height: 0; padding: 100%; }
/* line 24, common.scss */
.flexImg.ab img { position: absolute; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }

/* line 28, common.scss */
.mainColor { color: #a88a00; }

/* line 29, common.scss */
.bg-mainColor { background-color: #a88a00; }

/* line 30, common.scss */
.bd-mainColor { border-color: #a88a00; }

/* line 31, common.scss */
.subColor { color: #63a087; }

/* line 32, common.scss */
.bg-subColor { background-color: #63a087; }

/* line 33, common.scss */
.bd-subColor { border-color: #63a087; }

/* line 34, common.scss */
.baseFontColor { color: #313131; }

/* line 38, common.scss */
.jpG { font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif; }

/* line 39, common.scss */
.jpM { font-family: "YakuHanMP", "Shippori Mincho", serif; }

/* line 40, common.scss */
.jpH { font-family: "YakuHanMP", "Shippori Mincho", serif; }

/* line 41, common.scss */
.en { font-family: "Lato", sans-serif; }

/*.enG{ font-family:$enG;}
.enM{ font-family:$enM;}*/
/* line 50, common.scss */
body { position: relative; background: #fff; }

/* line 51, common.scss */
#wrapper { text-align: center; /*background:#fff;*/ position: relative; overflow: hidden; min-width: 1200px; }

/* line 53, common.scss */
.inner { max-width: 1100px; margin: auto; }

/* line 54, common.scss */
.innerW { max-width: 1200px; margin: auto; }

/* line 55, common.scss */
#mainContents { overflow: hidden; }
/* line 56, common.scss */
#mainContents::before, #mainContents::after { content: ""; width: 545px; height: 100%; /*height: 1000%;*/ background-size: 100% auto !important; position: absolute; }
/* line 57, common.scss */
#mainContents::before { background: url("../img/bgL.png") repeat-y top; right: 72%; }
/* line 58, common.scss */
#mainContents::after { background: url("../img/bgR.png") repeat-y top; left: 72%; }

/* line 61, common.scss */
#home #mainContents::before { top: 45%; height: 45%; }
/* line 62, common.scss */
#home #mainContents::after { top: 18%; }

/* line 65, common.scss */
#work #mainContents::before { top: 32%; }
/* line 66, common.scss */
#work #mainContents::after { top: 14%; height: 70%; }

/* line 69, common.scss */
#about #mainContents::before { /*top: 45%;*/ display: none; }
/* line 70, common.scss */
#about #mainContents::after { top: 33%; height: 50%; }

/* line 73, common.scss */
#contact #mainContents::before { /*top: 45%;*/ display: none; }
/* line 74, common.scss */
#contact #mainContents::after { top: 23%; height: 50%; }

@media only screen and (max-width: 750px) { /* line 81, common.scss */
  #wrapper { overflow: hidden; min-width: 100%; }
  /* line 83, common.scss */
  .inner { max-width: 100%; }
  /* line 84, common.scss */
  .innerW { max-width: 100%; }
  /* line 85, common.scss */
  #mainContents { overflow: hidden; }
  /* line 86, common.scss */
  #mainContents::before, #mainContents::after { width: 545px; height: 100%; background-size: 60% auto !important; position: absolute; }
  /* line 87, common.scss */
  #mainContents::before { background: url("../img/bgL.png") repeat-y top left; right: auto; left: -45%; }
  /* line 88, common.scss */
  #mainContents::after { background: url("../img/bgR.png") repeat-y top right; left: auto; right: -45%; }
  /* line 91, common.scss */
  #home #mainContents::before { top: 29.5%; height: 45%; }
  /* line 92, common.scss */
  #home #mainContents::after { top: 16.5%; height: 45%; }
  /* line 95, common.scss */
  #work #mainContents::before { top: 20.25%; height: 60%; }
  /* line 96, common.scss */
  #work #mainContents::after { top: 12%; height: 70%; }
  /* line 99, common.scss */
  #about #mainContents::before { /*top: 45%;*/ display: none; }
  /* line 100, common.scss */
  #about #mainContents::after { top: 29%; height: 50%; }
  /* line 103, common.scss */
  #contact #mainContents::before { top: 37%; height: 30%; display: block; }
  /* line 104, common.scss */
  #contact #mainContents::after { top: 14%; height: 50%; } }
/* line 111, common.scss */
a, a:link, a:visited { color: #63a087; text-decoration: none; outline: none; transition: .5s; display: inline-block; }

/* line 112, common.scss */
a:hover { color: rgba(99, 160, 135, 0.5); text-decoration: none; transition: .5s; opacity: .7; }

/* line 113, common.scss */
a img { transition: .5s; }

/*a:hover img{ opacity: 0.6;}*/
/* line 115, common.scss */
*::selection { background: rgba(99, 160, 135, 0.8); color: #fff; }

@media print, screen and (min-width: 751px) { /* line 123, common.scss */
  .sp, .spOnly, .tbOnly { display: none !important; }
  /* line 124, common.scss */
  .pc, .pc-tb { display: inline-block !important; vertical-align: top !important; }
  /* line 125, common.scss */
  .pc-sp { display: inline-block !important; vertical-align: top !important; }
  /* スマホのみtellink有効（init.jsにも要設定） */
  /* line 127, common.scss */
  a[href^="tel:"] { cursor: default; } }
@media only screen and (max-width: 750px) { /* line 134, common.scss */
  .pc, .tbOnly, .pc-tb { display: none !important; margin: 0; padding: 0; width: 0; height: 0; }
  /* line 135, common.scss */
  .sp, .spOnly { display: inline-block !important; vertical-align: top !important; }
  /* line 136, common.scss */
  .pc-sp { display: inline-block !important; vertical-align: top !important; } }
@media screen and (min-width: 601px) and (max-width: 750px) { /* line 143, common.scss */
  .pc, .spOnly { display: none !important; margin: 0; padding: 0; width: 0; height: 0; }
  /* line 144, common.scss */
  .sp, .tbOnly, .pc-tb { display: inline-block !important; vertical-align: top !important; }
  /* line 145, common.scss */
  .pc-sp { display: none !important; margin: 0; padding: 0; width: 0; height: 0; } }