@charset "UTF-8";
/*
Theme Name: 株式会社マルチク テーマ
Theme URI: NONE
Author: DESIGN OFFICE STYLE, INC.
Author URI: https://www.style-d.org/
Description: 株式会社マルチク専用のテーマです
Version: 1.0
License URI: https://www.style-d.org/
*/
html {
  font-size: 100%; /* ここをjQueryで書き換えます。 */
}

body {
  font-family: kozuka-gothic-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #231815;
  font-feature-settings: "palt";
  font-size: 1rem; /* remで指定（1rem = 16px） */
  line-height: 1;
}

.animation {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.displaynone {
  display: none !important;
}

body.nonscroll {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.bg_white {
  background-color: #fff;
}

.btn_anime {
  position: relative;
  overflow: hidden;
  transition: ease 0.2s;
}
.btn_anime span {
  z-index: 2;
  position: relative;
}
.btn_anime:before {
  height: 100%;
  width: 100%;
  bottom: -100%;
  left: 0;
  right: 0;
  position: absolute;
  content: "";
  display: block;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
.btn_anime:hover {
  color: #fff;
}
.btn_anime:hover:before {
  bottom: 0%;
}
.btn_anime.c_white:hover {
  color: #231815 !important;
}
.btn_anime.c_white:before {
  background-color: #fff;
}
.btn_anime.c_black:hover {
  color: #fff;
}
.btn_anime.c_black:before {
  background-color: #231815;
}
.btn_anime.c_green:hover {
  color: #fff;
}
.btn_anime.c_green:before {
  background-color: #004d31;
}

img {
  vertical-align: bottom;
}

img.pc {
  display: block !important;
}
@media screen and (max-width: 768px) {
  img.pc {
    display: none !important;
  }
}

img.sp {
  display: none !important;
}
@media screen and (max-width: 768px) {
  img.sp {
    display: block !important;
  }
}

br.pc {
  display: block;
}
@media screen and (max-width: 768px) {
  br.pc {
    display: none;
  }
}

br.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  br.sp {
    display: block;
  }
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.f_order1 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.f_order2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}

.f_order3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}

.f_order4 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4;
}

.mg_regular {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .mg_regular {
    margin-bottom: 5vw;
  }
}

.mg_20, .rows-2 .item img {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .mg_20, .rows-2 .item img {
    margin-bottom: 1vw;
  }
}

.ocsize {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .ocsize {
    width: 87%;
  }
}

.icsize {
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .icsize {
    width: 95%;
  }
}

.separate {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.separate.reverse .left {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
@media screen and (max-width: 768px) {
  .separate.reverse .left {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.separate.reverse .right {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
@media screen and (max-width: 768px) {
  .separate.reverse .right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
.separate > div, .separate > h5 {
  width: 580px;
}
@media screen and (max-width: 768px) {
  .separate > div, .separate > h5 {
    width: 100%;
  }
}
.separate.navset .nav {
  width: 280px;
}
@media screen and (max-width: 768px) {
  .separate.navset .nav {
    display: none;
  }
}
.separate.navset .contents {
  width: calc(100% - 280px - 20px);
}
@media screen and (max-width: 768px) {
  .separate.navset .contents {
    width: 100%;
  }
}
.separate img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.separate .right {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
@media screen and (max-width: 768px) {
  .separate .right {
    margin-bottom: 5vw;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.separate .left {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
@media screen and (max-width: 768px) {
  .separate .left {
    margin-bottom: 5vw;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}

.taglist::after {
  content: "";
  clear: both;
  float: none;
  display: block;
}
.taglist li {
  float: left;
  list-style: none;
  margin-right: 3px;
  margin-bottom: 3px;
}
.taglist li.current > a, .taglist li.current > span {
  background-color: #231619;
  color: #fff;
  border: 1px solid #231619;
}
.taglist li > a, .taglist li > span {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
  height: 32px;
  border-radius: 50em;
  background: #fff;
  border: 1px solid #e2e2e2;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  color: #231619;
}
@media screen and (max-width: 768px) {
  .taglist li > a, .taglist li > span {
    font-size: 13px;
    font-size: 3.0373831776vw;
    height: auto;
    padding: 0.6em 1em;
  }
}

.dl-table .taglist li {
  float: left;
  list-style: none;
  margin-right: 3px;
  margin-bottom: 1px;
}
.dl-table .taglist li > a, .dl-table .taglist li > span {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.1em 1em;
  height: auto;
  background: #fff;
  border: 1px solid #e2e2e2;
  box-shadow: none;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .dl-table .taglist li > a, .dl-table .taglist li > span {
    font-size: 12px;
    font-size: 2.8037383178vw;
  }
}

.rows-3::after {
  content: "";
  display: block;
  width: 333px; /* 子要素と同じ幅 */
}
@media screen and (max-width: 768px) {
  .rows-3::after {
    display: none;
  }
}
.rows-3 .item {
  width: 333px;
}
@media screen and (max-width: 768px) {
  .rows-3 .item {
    width: 100%;
  }
}
.rows-3 .item img {
  max-width: 100%;
}

.rows-2 .item {
  width: 530px;
}
.rows-2 .item img {
  max-width: 100%;
}
.rows-2 .item h5 {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .rows-2 .item h5 {
    font-size: 18px;
    font-size: 4.2056074766vw;
  }
}
.rows-2 .item h6 {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .rows-2 .item h6 {
    font-size: 16px;
    font-size: 3.738317757vw;
  }
}
.rows-2 .item p {
  font-size: 16px;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  .rows-2 .item p {
    font-size: 14px;
    font-size: 3.2710280374vw;
  }
}
.rows-2 .item .dl-table.number {
  width: 300px;
}
.rows-2 .item .dl-table.number dt {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .rows-2 .item .dl-table.number dt {
    width: 100%;
  }
}
.rows-2 .item .dl-table.number dd {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .rows-2 .item .dl-table.number dd {
    width: 100%;
  }
}

right html,
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

body {
  background-color: #f5f1ed;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  font-style: normal;
  color: a maincolor;
}

.ocsize {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .ocsize {
    width: 87%;
  }
}

.icsize {
  width: innercontent_size_pc;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .icsize {
    width: 100%;
  }
}

header {
  position: relative;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  header {
    background-size: cover;
  }
}
header .menubtn {
  width: 47px;
  height: 47px;
  display: block;
  position: fixed;
  z-index: 10;
  top: 20px;
  right: 20px;
  cursor: pointer;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  header .menubtn {
    width: 10vw;
    height: 10vw;
    top: 8vw;
    right: 5vw;
  }
}
header .menubtn img {
  width: 100%;
  height: auto;
}
header > article .menu {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #f5f1ed;
  opacity: 0;
  visibility: hidden;
}
header > article .menu.active {
  z-index: 1000;
  opacity: 1;
  visibility: visible;
}
header > article .menu .menubtn {
  width: 47px;
  height: 47px;
  display: block;
  position: fixed;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  header > article .menu .menubtn {
    width: 10vw;
    height: 10vw;
    top: 8vw;
    right: 5vw;
  }
}
header > article .menu .menubtn img {
  width: 100%;
  height: auto;
}
header > article .menu nav {
  box-sizing: border-box;
  width: 1000px;
  margin: auto;
  padding: 120px 100px 0px 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  header > article .menu nav {
    width: 100%;
    padding: 6vw;
  }
}
header > article .menu nav .chicken {
  width: 210px;
  display: block;
  position: absolute;
  top: 380px;
  right: 200px;
}
@media screen and (max-width: 768px) {
  header > article .menu nav .chicken {
    position: fixed;
    margin: 0 auto;
    width: 25vw;
    top: inherit;
    bottom: 0;
    right: 0;
    left: 0;
  }
}
header > article .menu nav .chicken img {
  width: 100%;
}
header > article .menu nav h2 {
  width: 120px;
  display: block;
  margin-bottom: 40px;
}
header > article .menu nav h2 img {
  width: 100%;
}
header > article .menu nav .globalmenu {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  header > article .menu nav .globalmenu {
    padding: 0vw;
  }
}
header > article .menu nav .globalmenu li {
  margin-bottom: 30px;
}
header > article .menu nav .globalmenu li a h5 {
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  color: #004d31;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  header > article .menu nav .globalmenu li a h5 {
    font-size: 30px;
    font-size: 7.0093457944vw;
    margin-bottom: 1vw;
  }
}
header > article .menu nav .globalmenu li a h5 span {
  font-family: m-plus-2p, sans-serif;
  font-weight: 500;
  font-weight: 300;
}
header > article .menu nav .globalmenu li a h4 {
  font-size: 16px;
  font-family: zen-maru-gothic, sans-serif;
  font-weight: 400;
  color: #231815;
}
@media screen and (max-width: 768px) {
  header > article .menu nav .globalmenu li a h4 {
    font-size: 16px;
    font-size: 3.738317757vw;
  }
}

body.home header {
  min-height: 700px;
  background-image: url(/images/home/mainimg_home.jpg);
}
@media screen and (max-width: 768px) {
  body.home header {
    min-height: 14vh;
  }
}
body.home #introduction {
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  body.home #introduction {
    padding: 10vw 0;
  }
}
body.home #introduction section.icsize .siire {
  position: relative;
  padding: 0 100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  body.home #introduction section.icsize .siire {
    padding: 0 0 55vw 0;
    margin-bottom: 10vw;
  }
}
body.home #introduction section.icsize .siire h3 {
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-size: 40px;
  line-height: 62px;
  letter-spacing: 4px;
  font-weight: 300;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  body.home #introduction section.icsize .siire h3 {
    font-size: 26px;
    font-size: 6.0747663551vw;
    line-height: 1.4em;
    margin-bottom: 3vw;
  }
}
body.home #introduction section.icsize .siire p {
  font-family: zen-maru-gothic, sans-serif;
  font-size: 16px;
  line-height: 35px;
  letter-spacing: 1.28px;
}
@media screen and (max-width: 768px) {
  body.home #introduction section.icsize .siire p {
    line-height: 2em;
    letter-spacing: 0.3em;
    font-size: 14px;
    font-size: 3.2710280374vw;
    margin-bottom: 3vw;
  }
}
body.home #introduction section.icsize .siire .chicken {
  width: 210px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 50px;
}
@media screen and (max-width: 768px) {
  body.home #introduction section.icsize .siire .chicken {
    margin: 0 auto;
    width: 30vw;
    height: auto;
    top: inherit;
    bottom: 0;
    right: 0;
  }
}
body.home #introduction section.icsize .siire .chicken img {
  width: 100%;
  height: auto;
}
body.home #introduction #brand > .item {
  background-color: #fff;
  padding: 50px 30px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item {
    width: 100%;
    padding: 10vw 5vw;
  }
}
body.home #introduction #brand > .item img.mainphoto {
  margin-bottom: 50px;
  aspect-ratio: 47/30;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item img.mainphoto {
    margin-bottom: 5vw;
  }
}
body.home #introduction #brand > .item img.subphoto {
  margin-bottom: 50px;
  aspect-ratio: 470/317;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item img.subphoto {
    margin-bottom: 5vw;
  }
}
body.home #introduction #brand > .item .concept {
  width: 380px;
  margin: auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item .concept {
    width: auto;
    margin-bottom: 10vw;
  }
}
body.home #introduction #brand > .item .concept h5 {
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-size: 20px;
  line-height: 35.16px;
  letter-spacing: 2px;
  color: #004d31;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item .concept h5 {
    margin-bottom: 5vw;
    font-size: 20px;
    font-size: 4.6728971963vw;
    line-height: 1em;
  }
}
body.home #introduction #brand > .item .concept p {
  font-family: zen-maru-gothic, sans-serif;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.56px;
  text-align: justify;
  min-height: 14em;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item .concept p {
    font-size: 14px;
    font-size: 3.2710280374vw;
    line-height: 1.8em;
  }
}
body.home #introduction #brand > .item .discription h4 {
  text-align: center;
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  color: #004d31;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 2px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #004d31;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item .discription h4 {
    font-size: 20px;
    font-size: 4.6728971963vw;
    line-height: 1.6em;
  }
}
body.home #introduction #brand > .item .discription ul li {
  list-style: none;
  margin-bottom: 15px;
  width: auto;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item .discription ul li {
    margin-bottom: 3vw;
  }
}
body.home #introduction #brand > .item .discription ul li:last-of-type {
  width: 100%;
  margin-bottom: 0;
}
body.home #introduction #brand > .item .discription ul li h5 {
  font-family: zen-maru-gothic, sans-serif;
  color: #004d31;
  font-weight: bold;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 1.12px;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item .discription ul li h5 {
    font-size: 14px;
    font-size: 3.2710280374vw;
  }
}
body.home #introduction #brand > .item .discription ul li p {
  font-family: zen-maru-gothic, sans-serif;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item .discription ul li p {
    font-size: 12px;
    font-size: 2.8037383178vw;
  }
}
body.home #introduction #brand > .item .discription ul.separate li {
  width: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand > .item .discription ul.separate li {
    width: 100%;
  }
}
body.home #introduction #brand .title_brand {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand .title_brand {
    margin-bottom: 5vw;
  }
}
body.home #introduction #brand .title_brand h3 {
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-size: 25px;
  line-height: 1em;
  letter-spacing: 2.5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand .title_brand h3 {
    font-size: 25px;
    font-size: 5.8411214953vw;
    line-height: 1.6em;
    margin-bottom: 0px;
  }
}
body.home #introduction #brand .title_brand h4 {
  font-family: Times New Roman;
  font-style: normal;
  font-size: 15px;
  line-height: 1em;
  letter-spacing: 0.6px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  body.home #introduction #brand .title_brand h4 {
    font-size: 15px;
    font-size: 3.5046728972vw;
    line-height: 1.6em;
  }
}
body.home #quality {
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  body.home #quality {
    padding: 10vw 0;
  }
}
body.home #quality > section .motto {
  position: relative;
  padding: 0 100px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  body.home #quality > section .motto {
    padding: 0 0 0 0;
    margin-bottom: 10vw;
  }
}
body.home #quality > section .motto h2 {
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 40px;
  line-height: 62px;
  letter-spacing: 4px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  body.home #quality > section .motto h2 {
    font-size: 26px;
    font-size: 6.0747663551vw;
    line-height: 1.4em;
    margin-bottom: 3vw;
  }
}
body.home #quality > section .motto p {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 35px;
  letter-spacing: 1.28px;
}
@media screen and (max-width: 768px) {
  body.home #quality > section .motto p {
    line-height: 2em;
    letter-spacing: 0.3em;
    font-size: 14px;
    font-size: 3.2710280374vw;
    margin-bottom: 3vw;
  }
}
body.home #quality > section .mottolist .item {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  body.home #quality > section .mottolist .item {
    margin-bottom: 6vw;
  }
}
body.home #quality > section .mottolist .item img {
  margin-bottom: 20px;
  aspect-ratio: 333/230;
}
@media screen and (max-width: 768px) {
  body.home #quality > section .mottolist .item img {
    margin-bottom: 3vw;
  }
}
body.home #quality > section .mottolist .item h4 {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 1.28px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  body.home #quality > section .mottolist .item h4 {
    font-size: 16px;
    font-size: 3.738317757vw;
    line-height: 1.8em;
  }
}
body.home #quality > section .mottolist .item h4::before {
  content: "■";
  color: #004d31;
  margin-right: 0.5em;
}
body.home #quality > section .mottolist .item p {
  font-family: zen-maru-gothic, sans-serif;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.52px;
}
@media screen and (max-width: 768px) {
  body.home #quality > section .mottolist .item p {
    font-size: 13px;
    font-size: 3.0373831776vw;
    line-height: 1.8em;
  }
}
@media screen and (max-width: 768px) {
  body.home #howtobuy {
    width: 100%;
  }
}
body.home #howtobuy section.icsize {
  position: relative;
  padding: 50px 0;
}
body.home #howtobuy section.icsize:nth-child(1) {
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize:nth-child(1) .items .item {
    padding: 10vw 0 0vw 0;
  }
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize:nth-child(1) .items .item h3 {
    padding: 0 0vw;
  }
}
body.home #howtobuy section.icsize:nth-child(1) .items .item:last-of-type {
  border-left: none;
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize {
    padding: 10vw 0;
  }
}
body.home #howtobuy section.icsize h3 {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0.8px;
  margin-bottom: 10px;
  color: #004d31;
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize h3 {
    font-size: 18px;
    font-size: 4.2056074766vw;
    padding: 0 10vw;
    line-height: 1.8em;
    margin-bottom: 2vw;
  }
  body.home #howtobuy section.icsize h3 br {
    display: none;
  }
}
body.home #howtobuy section.icsize .chicken {
  width: 365px;
  display: block;
  position: relative;
  margin-top: -130px;
  margin-right: 0;
  right: 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize .chicken {
    width: 40vw;
    right: 0px;
    margin-top: -21vw;
  }
}
body.home #howtobuy section.icsize .chicken img {
  width: 100%;
  height: auto;
}
body.home #howtobuy section.icsize .items {
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize .items {
    padding: 0 10vw;
  }
}
body.home #howtobuy section.icsize .items .item {
  box-sizing: border-box;
}
body.home #howtobuy section.icsize .items .item:last-of-type {
  border-left: dashed 1px #CCCCCC;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize .items .item:last-of-type {
    border-left: none;
    padding-left: 0;
  }
}
body.home #howtobuy section.icsize .items h4 {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 44.3px;
  letter-spacing: 0.64px;
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize .items h4 {
    font-size: 14px;
    font-size: 3.2710280374vw;
  }
}
body.home #howtobuy section.icsize .items p {
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.52px;
  margin-bottom: 15px;
}
body.home #howtobuy section.icsize .items img {
  width: 462px;
}
@media screen and (max-width: 768px) {
  body.home #howtobuy section.icsize .items img {
    width: 100%;
    margin: auto;
  }
}
body.home #howtobuy section.icsize .items a.btn {
  display: -webkit-flex;
  display: flex;
  border: 1px solid #004d31;
  font-size: 12px;
  letter-spacing: 0.48px;
  color: #004D31;
  width: 220px;
  height: 32px;
  border-radius: 50em;
  justify-content: center;
  align-items: center;
  background-image: url(../images/btn_arrow_mini.svg);
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 10px;
  font-family: zen-maru-gothic, sans-serif;
}
body.home #howtobuy section.icsize .items a.btn:hover {
  color: #fff;
}
body.home #founding section {
  padding: 150px 0;
}
@media screen and (max-width: 768px) {
  body.home #founding section {
    padding: 10vw 0;
  }
}
body.home #founding section h3 {
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 62px;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  body.home #founding section h3 {
    font-size: 23px;
    font-size: 5.3738317757vw;
    letter-spacing: 0;
    line-height: 1.8em;
    margin-bottom: 5vw;
  }
}
body.home #founding section .title_home_founding {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  body.home #founding section .title_home_founding {
    margin-bottom: 5vw;
  }
}
body.home #founding section .title_home_founding h4 {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 4.4px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  body.home #founding section .title_home_founding h4 {
    font-size: 20px;
    font-size: 4.6728971963vw;
    line-height: 1.8em;
    margin-bottom: 1vw;
  }
}
body.home #founding section .title_home_founding h5 {
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 768px) {
  body.home #founding section .title_home_founding h5 {
    font-size: 12px;
    font-size: 2.8037383178vw;
    line-height: 1.8em;
    margin-bottom: 1vw;
  }
}
body.home #founding section .btnwrapper {
  width: 720px;
  margin: auto;
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  body.home #founding section .btnwrapper {
    width: 90%;
  }
}
body.home #founding section .btnwrapper a {
  font-family: zen-maru-gothic, sans-serif;
  width: 350px;
  height: 54px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50em;
  color: #004d31;
  background: #FFFFFF;
  border-style: Solid;
  border-color: #004d31;
  border-width: 1px;
  background-image: url(../../common/images/btn_home_arrow.png);
  background-size: 20px 24px;
  background-repeat: no-repeat;
  background-position: left 30px center;
  font-size: 16px;
}
body.home #founding section .btnwrapper a.btn_anime:hover {
  color: #fff;
}
@media screen and (max-width: 768px) {
  body.home #founding section .btnwrapper a {
    font-size: 14px;
    font-size: 3.2710280374vw;
    width: calc(50% - 3vw);
    height: 10vw;
    background-size: 3vw;
    background-position: left 3vw center;
  }
}

body.company header {
  min-height: 486px;
  background-image: url(../../images/company/header.jpg);
}
@media screen and (max-width: 768px) {
  body.company header {
    min-height: 14vh;
  }
}
body.company main {
  font-family: zen-maru-gothic, sans-serif;
}
body.company main article > section {
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  body.company main article > section {
    padding: 10vw 0;
  }
}
body.company main article > section h1 {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #004d31;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  body.company main article > section h1 {
    font-size: 20px;
    font-size: 4.6728971963vw;
    margin-bottom: 10vw;
  }
}
body.company main article > section h2 {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 1.28px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  body.company main article > section h2 {
    font-size: 16px;
    font-size: 3.738317757vw;
  }
}
body.company main article .separate {
  flex-wrap: wrap;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  body.company main article .separate {
    margin-bottom: 10vw;
  }
}
body.company main article .separate h3 {
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.8px;
  color: #004d31;
  margin-bottom: 30px;
}
body.company main article .separate .item {
  width: 510px;
}
body.company main article .separate .item p {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.56px;
  text-align: justify;
  margin-bottom: 1.6em;
}
body.company main article .separate .item p:last-of-type {
  margin-bottom: 0;
}
body.company main article .rinen {
  width: 510px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  body.company main article .rinen {
    width: auto;
    margin-bottom: 10vw;
  }
}
body.company main article .rinen h3 {
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.8px;
  color: #004d31;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  body.company main article .rinen h3 {
    font-size: 20px;
    font-size: 4.6728971963vw;
    margin-bottom: 5vw;
  }
}
body.company main article .rinen h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.64px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  body.company main article .rinen h4 {
    font-size: 16px;
    font-size: 3.738317757vw;
    margin-bottom: 5vw;
  }
}
body.company main article .rinen ol li {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  margin-bottom: 0.5em;
  height: 26px;
  padding-left: 36px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 26px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  body.company main article .rinen ol li {
    font-size: 16px;
    font-size: 3.738317757vw;
    margin-bottom: 5vw;
  }
}
body.company main article .rinen ol li:nth-of-type(1) {
  background-image: url(../../common/images/num_01.png);
}
body.company main article .rinen ol li:nth-of-type(2) {
  background-image: url(../../common/images/num_03.png);
}
body.company main article .rinen ol li:nth-of-type(3) {
  background-image: url(../../common/images/num_03.png);
}
@media screen and (max-width: 768px) {
  body.company main article .companyinfo .item:nth-of-type(1) {
    margin-bottom: 10vw;
  }
}
body.company main article .companyinfo .item h4 {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  background-color: #fff;
  height: 44px;
  color: #004d31;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  body.company main article .companyinfo .item h4 {
    font-size: 16px;
    font-size: 3.738317757vw;
    justify-content: center;
  }
}
body.company main article .companyinfo .item dl.about {
  font-family: kozuka-gothic-pro, sans-serif;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  body.company main article .companyinfo .item dl.about {
    font-size: 13px;
    font-size: 3.0373831776vw;
  }
}
body.company main article .companyinfo .item dl.about dt, body.company main article .companyinfo .item dl.about dd {
  margin-bottom: 10px;
}
body.company main article .companyinfo .item dl.about dt {
  width: 80px;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.company main article .companyinfo .item dl.about dt span {
  width: 20%;
}
body.company main article .companyinfo .item dl.about dd {
  width: calc(100% - 90px);
  padding-left: 20px;
}
body.company main article .companyinfo .item dl.history {
  font-family: kozuka-gothic-pro, sans-serif;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  body.company main article .companyinfo .item dl.history {
    font-size: 13px;
    font-size: 3.0373831776vw;
  }
}
body.company main article .companyinfo .item dl.history dt, body.company main article .companyinfo .item dl.history dd {
  margin-bottom: 10px;
}
body.company main article .companyinfo .item dl.history dt.year {
  width: 64px;
}
body.company main article .companyinfo .item dl.history dt.month {
  width: 120px;
  text-align: right;
}
body.company main article .companyinfo .item dl.history dd {
  width: calc(100% - 184px);
  padding-left: 20px;
}

body.group header {
  min-height: 486px;
  background-image: url(../../images/group/header.jpg);
}
@media screen and (max-width: 768px) {
  body.group header {
    min-height: 14vh;
  }
}
body.group main article section {
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  body.group main article section {
    padding: 10vw 0;
  }
}
body.group main article section h1 {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #004d31;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  body.group main article section h1 {
    font-size: 20px;
    font-size: 4.6728971963vw;
  }
}
body.group main article section h2 {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 1.28px;
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  body.group main article section h2 {
    font-size: 16px;
    font-size: 3.738317757vw;
    margin-bottom: 10vw;
  }
}
body.group main article section .groupcompany {
  font-family: zen-maru-gothic, sans-serif;
  width: 770px;
  margin: auto auto 80px auto;
}
@media screen and (max-width: 768px) {
  body.group main article section .groupcompany {
    width: auto;
    margin: auto auto 10vw auto;
  }
}
body.group main article section .groupcompany h5 {
  font-weight: bold;
  font-size: 20px;
  line-height: 49.89px;
  letter-spacing: 2px;
  background-color: #004d31;
  height: 44px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-bottom: 15px;
}
body.group main article section .groupcompany p {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.56px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  body.group main article section .groupcompany p {
    font-size: 14px;
    font-size: 3.2710280374vw;
    line-height: 1.8em;
    margin-bottom: 3vw;
  }
}
body.group main article section .groupcompany .addr {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  body.group main article section .groupcompany .addr {
    flex-wrap: wrap;
  }
}
body.group main article section .groupcompany .addr h6 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.56px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  body.group main article section .groupcompany .addr h6 {
    font-size: 14px;
    font-size: 3.2710280374vw;
    width: 100%;
    margin-bottom: 3vw;
  }
}
body.group main article section .groupcompany .addr a {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 110px;
  color: #231815;
  font-size: 12px;
  background-color: #fff;
  background-image: url(../../common/images/btn_group_arrow.png);
  background-size: 10px 14px;
  background-repeat: no-repeat;
  background-position: left 10px center;
}
body.group main article section .groupcompany .addr a:hover {
  color: #fff;
}

footer {
  padding: 50px 0;
  background-color: #fff;
}
footer .icsize {
  text-align: center;
}
footer .icsize h4 {
  width: 370px;
  margin: auto auto 20px auto;
}
@media screen and (max-width: 768px) {
  footer .icsize h4 {
    width: 90%;
  }
}
footer .icsize h4 img {
  width: 100%;
}
footer .icsize h5 {
  font-family: m-plus-2p, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.96px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  footer .icsize h5 {
    font-size: 16px;
    font-size: 3.738317757vw;
  }
}
footer .icsize h5 a {
  color: #231815;
}
footer .icsize h6 {
  font-family: m-plus-2p, sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 768px) {
  footer .icsize h6 {
    font-size: 10px;
    font-size: 2.3364485981vw;
  }
}
footer .icsize h6:last-of-type {
  margin-bottom: 1em;
}
footer .icsize p {
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 768px) {
  footer .icsize p {
    font-size: 10px;
    font-size: 2.3364485981vw;
  }
}

main .title_home {
  margin: auto auto 100px auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main .title_home {
    margin: auto auto 10vw auto;
  }
}
main .title_home h2 {
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-size: 26px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main .title_home h2 {
    font-size: 23px;
    font-size: 5.3738317757vw;
    margin-bottom: 5vw;
  }
}
main .title_home h1 {
  width: 640px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  main .title_home h1 {
    width: 80vw;
  }
}
main .title_home h1 img {
  width: 100%;
}

.banner {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 40px 0 0px 0;
}

.globalmenu + .banner {
  justify-content: flex-start;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .globalmenu + .banner {
    justify-content: center;
    padding: 0 0px;
  }
}