@charset "utf-8";
/*@orange2: rgba(244,157,47,0.8);
@blue: rgba(0,150,223,1);
*/
.sans {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.serif {
  font-family: '游明朝体', '游明朝', 'YuMincho', 'Roboto Slab', Garamond, 'Times New Roman', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'serif';
}
.marugo {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
.mochiy {
  font-family: "Mochiy Pop One", sans-serif;
}
@font-face {
  font-family: 'Noto Sans JP Bold';
  src: url('../font/NotoSansJP-ExtraBold.ttf') format('truetype');
  font-display: swap;
}
.noto-sans-jp-bold {
  font-family: "Noto Sans JP Bold";
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('../font/NotoSansJP-Regular.ttf') format('truetype');
  font-display: swap;
}
.noto-sans-jp {
  font-family: "Noto Sans JP";
  font-style: normal;
}
/*
@font-face {
	font-family: 'Zen Kaku Gothic Antique';
	src: url('../font/ZenKakuGothicAntique-Bold.ttf') format('truetype');
	font-display: swap;
}
.zen-kaku-gothic-antique-bold {
	font-family: "Zen Kaku Gothic Antique";
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Yuji Syuku';
	src: url('../font/YujiSyuku-Regular.ttf') format('truetype');
	font-display: swap;
}
.YujiSyuku-Regular {
	font-family: "Yuji Syuku";
	font-weight: 500;
	font-style: normal;
}
*/
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #141414;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  *,
  *:before,
  *:after {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  *,
  *:before,
  *:after {
    font-size: 3vw;
  }
}
* *,
*:before *,
*:after * {
  font-size: inherit;
}
table,
caption,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
table {
  width: 100%;
}
img {
  pointer-events: none;
  max-width: 100%;
}
a {
  color: blue;
  font-size: inherit;
  cursor: pointer;
  display: inline-block;
  word-break: break-all;
}
a:hover,
a.active {
  cursor: pointer;
}
a * {
  color: inherit;
}
a img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  a img:hover {
    opacity: 1;
  }
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
a img,
iframe {
  border: none;
}
iframe {
  display: block;
}
li {
  margin-left: 1rem;
}
input,
textarea,
select,
button {
  font-size: 100%;
  font-family: inherit;
}
select {
  margin: inherit;
}
span,
s,
strike,
strong,
em,
u {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: initial;
}
strong {
  font-weight: bold;
}
strong * {
  font-weight: inherit;
}
.scroll {
  overflow-y: scroll;
}
.scroll::-webkit-scrollbar {
  width: 15px;
  height: 10px;
}
.scroll::-webkit-scrollbar-track {
  background: #ffffff;
  border: solid 1px #141414;
}
.scroll::-webkit-scrollbar-thumb {
  background: #141414;
}
.pc {
  display: initial;
}
@media screen and (max-width: 600px) {
  .pc {
    display: none;
  }
}
.sp {
  display: none;
}
@media screen and (max-width: 600px) {
  .sp {
    display: initial;
  }
}
.pad {
  display: none;
}
@media screen and (max-width: 1000px) {
  .pad {
    display: initial;
  }
}
@media screen and (min-width: 1000px) and (orientation: portrait) {
  .pad {
    display: initial;
  }
}
.order.o01 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.order.o02 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.order.o03 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.order.o04 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.order.o05 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.order.o06 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.order.o07 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.order.o08 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.order.o09 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.order.o10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.order.o11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.order.o12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.order.o13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.order.o14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.order.o15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
@media screen and (max-width: 600px) {
  .order.o01pad {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order.o02pad {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order.o03pad {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order.o04pad {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order.o05pad {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order.o06pad {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order.o07pad {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order.o08pad {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order.o09pad {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order.o10pad {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order.o11pad {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order.o12pad {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .order.o13pad {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order.o14pad {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .order.o15pad {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
}
@media screen and (max-width: 600px) {
  .order.o01sp {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order.o02sp {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order.o03sp {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order.o04sp {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order.o05sp {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order.o06sp {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order.o07sp {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order.o08sp {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order.o09sp {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order.o10sp {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order.o11sp {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order.o12sp {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .order.o13sp {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order.o14sp {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .order.o15sp {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
}
.loading {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  -webkit-box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
          box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
  -webkit-animation: cssload-spin ease infinite 4.6s;
          animation: cssload-spin ease infinite 4.6s;
}
@-webkit-keyframes cssload-spin {
  0%,
  100% {
    -webkit-box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
            box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
  }
  25% {
    -webkit-box-shadow: -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49;
            box-shadow: -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49;
  }
  50% {
    -webkit-box-shadow: -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf;
            box-shadow: -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf;
  }
  75% {
    -webkit-box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
            box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}
@keyframes cssload-spin {
  0%,
  100% {
    -webkit-box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
            box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
  }
  25% {
    -webkit-box-shadow: -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49;
            box-shadow: -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49;
  }
  50% {
    -webkit-box-shadow: -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf;
            box-shadow: -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf;
  }
  75% {
    -webkit-box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
            box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}
.mhover {
  -webkit-animation: mhover linear 1.5s forwards;
          animation: mhover linear 1.5s forwards;
}
@-webkit-keyframes mhover {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.7;
  }
}
@keyframes mhover {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.7;
  }
}
.zoom {
  -webkit-animation: zoom linear 0.1s forwards;
          animation: zoom linear 0.1s forwards;
}
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.fadein {
  -webkit-animation: fadein ease 3s;
          animation: fadein ease 3s;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.fadeout {
  -webkit-animation: fadeout ease 3s;
          animation: fadeout ease 3s;
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.mixin-btn {
  background-color: #ec6c00;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 1000px) {
  .mixin-btn {
    font-size: 1.15rem;
  }
}
@media screen and (max-width: 600px) {
  .mixin-btn {
    font-size: 1.15rem;
  }
}
@media screen and (max-width: 1000px) {
  .mixin-btn {
    padding: 10px 40px;
  }
}
@media screen and (max-width: 600px) {
  .mixin-btn {
    padding: 10px 20px;
  }
}
/** ベース設計 **/
html {
  scroll-padding-top: 220px;
  /*@media all and (max-width: @layout-sp-width) {
		scroll-padding-top: 207px;
	}*/
  scroll-behavior: smooth;
}
@media all and (max-width: 1000px) {
  html {
    scroll-padding-top: 294px;
  }
}
html body {
  position: relative;
  overflow-x: hidden !important;
  width: 100%;
  margin: initial;
  -webkit-text-size-adjust: 100%;
  min-height: 101vh;
}
header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
}
header .ins {
  max-width: 100%;
  width: 1000px;
  max-width: 1000px;
  margin: auto;
  z-index: 2;
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 50px 10px 27px 10px;
  position: relative;
  /*border-bottom: solid 1px;*/
  /*justify-content: space-between;*/
}
@media screen and (max-width: 1000px) {
  header .ins {
    width: 1000px;
  }
}
@media screen and (max-width: 600px) {
  header .ins {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  header .ins {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  header .ins {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  header .ins {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 600px) {
  header .ins {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 1000px) {
  header .ins {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 600px) {
  header .ins {
    padding: 10px 10px;
  }
}
@media all and (max-width: 600px) {
  header .ins {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
header .ins .title {
  width: 274px;
  max-width: 100%;
  padding: initial;
}
@media screen and (max-width: 1000px) {
  header .ins .title {
    width: 274px;
  }
}
@media screen and (max-width: 600px) {
  header .ins .title {
    width: 180px;
  }
}
@media screen and (max-width: 1000px) {
  header .ins .title {
    padding: 0 0 20px 0;
  }
}
@media screen and (max-width: 600px) {
  header .ins .title {
    padding: 0 0 10px 0;
  }
}
header .ins .menu {
  width: 630px;
  max-width: 100%;
  margin-left: auto;
}
@media screen and (max-width: 1000px) {
  header .ins .menu {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  header .ins .menu {
    width: 100%;
  }
}
@media all and (max-width: 900px) {
  header .ins .menu {
    width: calc(100% - 100px);
    /*margin: auto;*/
  }
}
@media all and (max-width: 600px) {
  header .ins .menu {
    width: 100%;
    margin: auto;
  }
}
header .ins .menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 0 15px 0;
}
@media screen and (max-width: 1000px) {
  header .ins .menu ul {
    padding: 0 0 15px 0;
  }
}
@media screen and (max-width: 600px) {
  header .ins .menu ul {
    padding: 0 0 10px 0;
  }
}
@media all and (max-width: 600px) {
  header .ins .menu ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px 0;
  }
}
header .ins .menu ul li {
  width: 104px;
  list-style-type: none;
  padding-bottom: 2px;
  border-bottom: #ec6c00 solid 1px;
  text-align: center;
}
@media all and (max-width: 600px) {
  header .ins .menu ul li {
    /*width: calc((100% - 40px) / 2);*/
    width: initial;
  }
}
@media all and (max-width: 600px) {
  header .ins .menu ul li:first-of-type {
    margin-left: initial;
  }
}
header .ins .menu ul li a {
  /*text-decoration: underline black 1px;
							padding-bottom: 2px;
							margin-bottom: 2px;*/
  text-decoration: none;
  color: #141414;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  header .ins .menu ul li a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  header .ins .menu ul li a {
    font-size: 1rem;
  }
}
header .ins .h_contact {
  width: 100%;
  text-align: right;
  line-height: 100%;
  /*margin-left: auto;*/
}
@media all and (max-width: 600px) {
  header .ins .h_contact {
    text-align: center;
  }
}
header .ins .h_contact span {
  color: #141414;
  font-size: 0.85rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  header .ins .h_contact span {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 600px) {
  header .ins .h_contact span {
    font-size: 0.85rem;
  }
}
header .ins .h_contact span > span {
  display: inline-block;
}
main {
  /*position: relative;
	padding-bottom: 100px;
	z-index: 1;
	background: url(../img/bg.png) top center;
	background-attachment: fixed;*/
}
main section {
  /*position: relative;
		top: 0;
		left: 0;
		z-index: 2;*/
}
main .ins {
  width: 1000px;
  max-width: 1000px;
  margin: auto;
  position: relative;
  z-index: 2;
  padding: 20px 10px;
}
@media screen and (max-width: 1000px) {
  main .ins {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  main .ins {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  main .ins {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 600px) {
  main .ins {
    padding: 20px 10px;
  }
}
footer > div {
  width: 1000px;
  max-width: 1000px;
  margin: auto;
  position: relative;
  z-index: 2;
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /*border-top: solid 1px @gray;*/
  padding: 100px 10px;
  text-align: center;
  /*.contact_us {
			.mixin-flex(wrap, center, center);
			.mixin-flex-gap(10px 0, 10px 0, 10px 0);
			.mixin-padding(0, 20px, 0);

			@media all and (max-width: @layout-pad-width) {
				.mixin-flex(wrap, flex-start, flex-start);
			}

			span {
				.mixin-font(@sizeM, @sizeLLsp, normal, @black, @sizeM);
			}

			>span {
				&:after {
					content: "／";
					.mixin-font(inherit, inherit, inherit, inherit, inherit);
					transform: translateX(100%);

					@media all and (max-width: @layout-pad-width) {
						display: none;
					}
				}
			}

			>div {
				.mixin-flex(wrap, center, center);
				.mixin-flex-gap(10px, 5px, 10px);

				@media all and (max-width: @layout-pad-width) {
					.mixin-flex(wrap, flex-start, flex-start);
				}
			}
		}*/
  /*small {
			display: none;
			.mixin-font(@sizeS, @sizeS, normal, @black, @sizeS);
			padding: 0 10px 0 0;

			span {
				display: inline-block;
				font-size: 180%;
				transform: translate(0, 10%);
			}
		}*/
}
@media screen and (max-width: 1000px) {
  footer > div {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  footer > div {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  footer > div {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 600px) {
  footer > div {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 1000px) {
  footer > div {
    padding: 100px 10px;
  }
}
@media screen and (max-width: 600px) {
  footer > div {
    padding: 50px 10px;
  }
}
@media all and (max-width: 600px) {
  footer > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
footer > div > div {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
footer > div > div > span {
  display: inline-block;
  color: #141414;
  font-size: 1.6rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  footer > div > div > span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  footer > div > div > span {
    font-size: 1.6rem;
  }
}
footer > div > span {
  display: inline-block;
}
footer > div ul {
  /*display: inline-block;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  padding-top: 10px;
  text-align: left;
  margin: auto;
}
footer > div ul li {
  list-style-type: none;
}
footer > div ul li a {
  text-decoration: none;
  color: #141414;
}
footer .totop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: initial;
  right: 0;
  bottom: 0;
  left: initial;
  z-index: 5;
  -webkit-transform: translate(-50%, -90%);
          transform: translate(-50%, -90%);
  width: 50px;
  height: 50px;
  margin: auto;
  border-radius: 50%;
  background: #ec6c00;
  border: solid #ffffff 1px;
}
@media screen and (max-width: 600px) {
  footer .totop {
    position: fixed;
    top: initial;
    right: 0;
    bottom: 0;
    left: initial;
    z-index: 100;
    -webkit-transform: translate(-10px, -100%);
            transform: translate(-10px, -100%);
  }
}
footer .totop:after {
  display: block;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
  content: "";
  width: 12px;
  height: 12px;
  margin: auto;
  border: 0;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
}
body {
  /* 共通 */
  /* /.共通 */
  /* モーダル中身 */
  /* /.モーダル中身 */
  /* 共通 */
  /* /.共通 */
}
body .red {
  color: #e50112;
}
body .layer.active {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  /*width: 100vw;*/
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
body .layer.active .modal_window {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 800px;
  z-index: 2;
  background-color: #fff;
  border-radius: 20px;
  border: solid 5px #ec6c00;
  width: calc(100% - 60px);
  max-height: 90%;
  /*overscroll-behavior: contain!important;*/
  /*height: 90%;

			@media all and (max-width: @layout-sp-width) {
				height: 90%;
			}*/
}
body .layer.active .modal_window .simplebar-content-wrapper {
  -ms-scroll-chaining: none !important;
      overscroll-behavior: contain !important;
}
body .layer.active .modal_window .modal_close {
  position: fixed;
  top: -1px;
  right: 0;
  text-align: center;
  z-index: 2;
}
body .layer.active .modal_window .modal_close span {
  display: inline-block;
  padding: 5px;
  min-width: 100px;
  background-color: #ec6c00;
  color: white;
  cursor: pointer;
  border-radius: 0 0 0 10px;
}
body .layer.active .modal_window .modal_stage {
  /*overflow-y: scroll;*/
  padding: 30px 20px;
}
@media all and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage {
    /*scrollbar-color: @green @white;
				scrollbar-width: thin !important;
				border-radius: 15px;*/
  }
  body .layer.active .modal_window .modal_stage::-webkit-scrollbar {
    width: 15px;
    height: 10px;
  }
  body .layer.active .modal_window .modal_stage::-webkit-scrollbar-track {
    background: transparent;
  }
  body .layer.active .modal_window .modal_stage::-webkit-scrollbar-thumb {
    background: black;
  }
}
body .layer.active .modal_window .modal_stage .name_box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 15px 0;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .name_box {
    padding: 0 0 15px 0;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .name_box {
    padding: 0 0 10px 0;
  }
}
@media all and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .name_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body .layer.active .modal_window .modal_stage .name_box .name {
  color: #141414;
  font-size: 2.5rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .name_box .name {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .name_box .name {
    font-size: 1.7rem;
  }
}
body .layer.active .modal_window .modal_stage .pr_box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 20px 0;
  border-bottom: dotted 2px #141414;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .pr_box {
    padding: 0 0 20px 0;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .pr_box {
    padding: 0 0 20px 0;
  }
}
@media all and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .pr_box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
}
body .layer.active .modal_window .modal_stage .pr_box p {
  width: 420px;
  max-width: 600px;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .pr_box p {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .pr_box p {
    width: 100%;
  }
}
body .layer.active .modal_window .modal_stage .pr_box .img {
  width: 305px;
  max-width: 305px;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .pr_box .img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .pr_box .img {
    width: 100%;
  }
}
body .layer.active .modal_window .modal_stage .detail {
  /*.mixin-padding(0 0 30px 0, initial, 0 0 30px 0);*/
}
body .layer.active .modal_window .modal_stage .detail .about {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 20px auto;
}
@media all and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .detail .about {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
body .layer.active .modal_window .modal_stage .detail .about ul {
  width: 445px;
  max-width: 445px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 30px;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .detail .about ul {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .detail .about ul {
    width: 100%;
  }
}
body .layer.active .modal_window .modal_stage .detail .about ul li {
  /*width: calc((100% - 55px) / 2);*/
  list-style-type: none;
  margin-left: initial;
  font-size: 0.9rem;
}
body .layer.active .modal_window .modal_stage .detail .about ul li:last-of-type {
  width: 100%;
}
body .layer.active .modal_window .modal_stage .detail .about ul li:before {
  content: '■';
  display: inline-block;
  color: #ec6c00;
}
body .layer.active .modal_window .modal_stage .detail .about .btn {
  width: 238px;
  max-width: 238px;
  margin: auto;
  padding: 7px 20px;
  color: #ffffff;
  background: #ec6c00;
  text-decoration: none;
  border-radius: 30px;
  -webkit-box-shadow: 6px 6px #ccc;
          box-shadow: 6px 6px #ccc;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .detail .about .btn {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .detail .about .btn {
    width: 100%;
  }
}
body .layer.active .modal_window .modal_stage .detail .about .btn img {
  display: inline-block;
  width: 17px;
}
body .layer.active .modal_window .modal_stage .message_box {
  padding: 20px 0 0 0;
  border-top: solid #ec6c00 3px;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media all and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box {
    gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body .layer.active .modal_window .modal_stage .message_box .box {
  width: 100%;
}
@media all and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .box {
    width: 60%;
  }
}
body .layer.active .modal_window .modal_stage .message_box .e_img {
  display: block;
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .message_box .e_img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .e_img {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .e_img {
    min-width: initial;
    width: 35%;
  }
}
body .layer.active .modal_window .modal_stage .message_box .fukidashi {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 10px;
  background-color: #43af35;
  text-align: center;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .message_box .fukidashi {
    padding: 5px 25px;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .fukidashi {
    padding: 5px 25px;
  }
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .message_box .fukidashi {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .fukidashi {
    font-size: 1.15rem;
  }
}
body .layer.active .modal_window .modal_stage .message_box .fukidashi span {
  display: inline-block;
  line-height: 1.2;
}
body .layer.active .modal_window .modal_stage .message_box .fukidashi:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 27%;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #43af35 transparent transparent;
  translate: -50% 100%;
}
body .layer.active .modal_window .modal_stage .message_box .employee_name {
  color: #141414;
  font-size: 1.6rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .message_box .employee_name {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .employee_name {
    font-size: 4.4vw;
  }
}
body .layer.active .modal_window .modal_stage .message_box .employee_name .small {
  color: #141414;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .message_box .employee_name .small {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .employee_name .small {
    font-size: 0.85rem;
  }
}
body .layer.active .modal_window .modal_stage .message_box .employee_name .small2 {
  color: #141414;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window .modal_stage .message_box .employee_name .small2 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .employee_name .small2 {
    font-size: 0.85rem;
  }
}
@media all and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .employee_name .small2 {
    display: block;
  }
}
body .layer.active .modal_window .modal_stage .message_box .message {
  width: 100%;
}
@media all and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .message {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box .message p {
    display: none;
  }
}
@media all and (max-width: 600px) {
  body .layer.active .modal_window .modal_stage .message_box p {
    width: 100%;
  }
}
body .layer.active .modal_window[data-modal="adtec"] .name {
  color: #141414;
  font-size: 2.3rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  letter-spacing: -0.2rem;
}
@media screen and (max-width: 1000px) {
  body .layer.active .modal_window[data-modal="adtec"] .name {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 600px) {
  body .layer.active .modal_window[data-modal="adtec"] .name {
    font-size: 1.7rem;
  }
}
body .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 1000px) {
  body .flex {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
body .btn_box {
  padding: 37px 0 0 0;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  body .btn_box {
    padding: 37px 0 0 0;
  }
}
@media screen and (max-width: 600px) {
  body .btn_box {
    padding: 37px 0 0 0;
  }
}
body .btn_box .btn {
  width: 238px;
  max-width: 238px;
  padding: 7px 20px;
  color: #ffffff;
  background: #666666;
  text-decoration: none;
  border-radius: 50px;
  -webkit-box-shadow: 6px 6px #ccc;
          box-shadow: 6px 6px #ccc;
}
@media screen and (max-width: 1000px) {
  body .btn_box .btn {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body .btn_box .btn {
    width: 100%;
  }
}
body .btn_box .btn img {
  display: inline-block;
  width: 17px;
}
body main > section .main {
  padding: 60px 10px 135px 10px;
  background: url(../img/main/bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
}
@media screen and (max-width: 1000px) {
  body main > section .main {
    padding: 60px 10px 135px 10px;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main {
    padding: 20px 10px 100px 10px;
  }
}
@media all and (max-width: 1000px) {
  body main > section .main {
    background-size: 180%;
    /*background-position: top center;*/
  }
}
body main > section .main > div {
  width: 1012px;
  max-width: 100%;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div {
    width: 100%;
  }
}
body main > section .main > div.main_top {
  position: relative;
  width: 1110px;
  max-width: 100%;
  padding-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.main_top {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.main_top {
    width: 100%;
  }
}
body main > section .main > div.main_top .copy {
  text-align: center;
  width: 1000px;
  max-width: 100%;
  margin: auto;
  padding: 0 0 43px 0;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.main_top .copy {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.main_top .copy {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.main_top .copy {
    padding: 0 0 43px 0;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.main_top .copy {
    padding: 0 0 15px 0;
  }
}
body main > section .main > div.main_top .copy.pc {
  display: block;
}
@media all and (max-width: 600px) {
  body main > section .main > div.main_top .copy.pc {
    display: none;
  }
}
body main > section .main > div.main_top .copy.sp {
  display: none;
}
@media all and (max-width: 600px) {
  body main > section .main > div.main_top .copy.sp {
    display: block;
  }
}
body main > section .main > div.main_top h1 {
  width: 1110px;
  max-width: 100%;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.main_top h1 {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.main_top h1 {
    width: 100%;
  }
}
body main > section .main > div.main_top h1 img {
  width: 100%;
}
body main > section .main > div.main_top a {
  display: block;
  position: absolute;
  top: initial;
  right: 0;
  bottom: 0;
  /*transform: translateX(-20px);*/
  -webkit-transform: translate(-4px, 30px);
          transform: translate(-4px, 30px);
  width: 218px;
  max-width: 218px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.main_top a {
    width: 25%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.main_top a {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  body main > section .main > div.main_top a {
    position: initial;
    -webkit-transform: initial;
            transform: initial;
    margin: auto;
  }
}
body main > section .main > div.main_top a img {
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.main_top a img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.main_top a img {
    width: 100%;
  }
}
body main > section .main > div.summary {
  padding: 0 0 90px 0;
  text-align: center;
  /*p {.d;
							.mixin-padding(0 0 30px 0, 0 0 30px 0, 0 0 30px 0);
							.mixin-font(@sizeM*1.15, @sizeL, normal, @black, @sizeM*1.15);
							line-height: 2.8rem;
							letter-spacing: 0.1;

							>span {
								display: inline-block;
							}

							@media all and (max-width: @layout-pad-width) {
								text-align: left;
							}
						}*/
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.summary {
    padding: 0 10px 90px 10px;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.summary {
    padding: 0 10px 60px 10px;
  }
}
body main > section .main > div.summary .copy {
  display: block;
  width: 890px;
  max-width: 890px;
  margin: auto;
  padding: 0 0 30px 0;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.summary .copy {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.summary .copy {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.summary .copy {
    padding: 0 0 30px 0;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.summary .copy {
    padding: 0 0 30px 0;
  }
}
body main > section .main > div.summary .notes {
  width: 890px;
  max-width: 890px;
  border: dotted 2px #141414;
  padding: 10px 30px;
  background: #ffffff;
  border-radius: 30px;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.summary .notes {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.summary .notes {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.summary .notes {
    margin: auto;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.summary .notes {
    margin: 0 auto 30px auto;
  }
}
body main > section .main > div.summary .notes span {
  color: #141414;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.summary .notes span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.summary .notes span {
    font-size: 1rem;
  }
}
body main > section .main > div.summary .notes span > span {
  display: inline-block;
}
body main > section .main > div.summary .illust {
  display: none;
}
@media all and (max-width: 600px) {
  body main > section .main > div.summary .illust {
    display: block;
    width: 250px;
    max-width: 250px;
    margin: auto;
  }
}
@media all and (max-width: 600px) and screen and (max-width: 1000px) {
  body main > section .main > div.summary .illust {
    width: 100%;
  }
}
@media all and (max-width: 600px) and screen and (max-width: 600px) {
  body main > section .main > div.summary .illust {
    width: 100%;
  }
}
body main > section .main > div.detail {
  padding: 0 0 74px 0;
  /*.btn_box {
							.mixin-padding(37px 0 0 0, 37px 0 0 0, 37px 0 0 0);

							.btn {
								.mixin-width(260px, 100%, 100%, 260px);
								font-size: @sizeL;
								padding: 10px 30px;
								font-weight: bold;
								box-shadow: 6px 6px #ccc;

								img {
									width: 17px;
								}
							}
						}*/
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail {
    padding: 0 10px 74px 10px;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail {
    padding: 0 10px 74px 10px;
  }
}
body main > section .main > div.detail .orange_box {
  display: block;
  width: 68px;
  max-width: 68px;
  /*min-width: 68px;*/
  height: 68px;
  background: #ec6c00;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail .orange_box {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail .orange_box {
    width: 100%;
  }
}
@media all and (max-width: 1000px) {
  body main > section .main > div.detail .orange_box {
    height: initial;
    width: initial;
    min-width: initial;
    min-height: 58px;
    padding: 10px;
    border-radius: 5px;
  }
}
body main > section .main > div.detail .orange_box > span {
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  white-space: nowrap;
  line-height: 1.5rem;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail .orange_box > span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail .orange_box > span {
    font-size: 1.1rem;
  }
}
body main > section .main > div.detail > dl {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 10px;
}
@media all and (max-width: 1000px) {
  body main > section .main > div.detail > dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 515px;
    margin: auto;
  }
}
@media all and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top {
    padding-bottom: 20px;
  }
}
body main > section .main > div.detail > dl.top > div > div {
  /*align-items: center;*/
  gap: 18px;
}
@media all and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div > div {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
body main > section .main > div.detail > dl.top > div.left {
  width: 515px;
  max-width: 515px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.left {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.left {
    width: 100%;
  }
}
body main > section .main > div.detail > dl.top > div.left .date {
  padding: 0 0 40px 0;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.left .date {
    padding: 0 0 40px 0;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.left .date {
    padding: 0 0 40px 0;
  }
}
body main > section .main > div.detail > dl.top > div.left .date dd img {
  width: 380px;
  max-width: 380px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.left .date dd img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.left .date dd img {
    width: 100%;
  }
}
body main > section .main > div.detail > dl.top > div.right {
  width: 478px;
  max-width: 478px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right {
    max-width: initial;
  }
}
body main > section .main > div.detail > dl.top > div.right .subject {
  padding: 0 0 40px 0;
  /*@media all and (max-width: @width1) {
												padding-bottom: 20px;
											}*/
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right .subject {
    padding: 0 0 40px 0;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .subject {
    padding: 0 0 40px 0;
  }
}
body main > section .main > div.detail > dl.top > div.right .subject dd {
  line-height: 2.4rem !important;
  color: #141414;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "Noto Sans JP Bold";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right .subject dd {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .subject dd {
    font-size: 2.4rem;
  }
}
@media all and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .subject dd {
    line-height: 2.8rem !important;
  }
}
body main > section .main > div.detail > dl.top > div.right .subject dd .red {
  display: block;
  padding-top: 5px;
  color: #e50112;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "Noto Sans JP Bold";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  line-height: 1.5rem;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right .subject dd .red {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .subject dd .red {
    font-size: 1.15rem;
  }
}
body main > section .main > div.detail > dl.top > div.right .company dd {
  /*line-height: 2.4rem !important;*/
  color: #141414;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "Noto Sans JP Bold";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  padding: initial;
  /*.small {
													.mixin-font(@sizeM, @sizeM, normal, @black, @sizeM);
													writing-mode: vertical-rl;

													@media all and (max-width: @layout-sp-width) {
														display: inline-block;
													}
												}*/
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right .company dd {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .company dd {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right .company dd {
    padding: 0 0 40px 0;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .company dd {
    padding: 0 0 40px 0;
  }
}
@media all and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .company dd {
    /*line-height: 3.5rem !important;*/
  }
}
body main > section .main > div.detail > dl.top > div.right .company dd .big {
  color: #141414;
  font-size: 4.2rem;
  font-weight: bold;
  font-family: "Noto Sans JP Bold";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  /*&:before {
														display: inline-block;
														content: "最大";
														transform: rotate(-25deg)translate(17px, -30px);
														padding: 0 5px;
														background: #000;
														color: @white;
														font-size: @sizeM*1.1;
														.marugo;
														line-height: 1.3rem;

														@media all and (max-width: @layout-sp-width) {
															margin: 0 5px;
															transform: translateY(-15px);
															font-size: @sizeM*1.3;
															line-height: 1.7rem;
														}
													}*/
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right .company dd .big {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .company dd .big {
    font-size: 4.2rem;
  }
}
body main > section .main > div.detail > dl.top > div.right .company dd .big2 {
  font-size: 1.6rem;
  color: #141414;
  font-size: 3rem;
  font-weight: bold;
  font-family: "Noto Sans JP Bold";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right .company dd .big2 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .company dd .big2 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div.right .company dd .big2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div.right .company dd .big2 {
    font-size: 2.4rem;
  }
}
body main > section .main > div.detail > dl.top > div.right .company dd .small2 {
  letter-spacing: 0.1rem;
}
body main > section .main > div.detail > dl.top > div dd {
  width: 425px;
  max-width: 425px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.top > div dd {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.top > div dd {
    width: 100%;
  }
}
body main > section .main > div.detail > dl.top > div dd > span {
  line-height: 1.5rem !important;
}
body main > section .main > div.detail > dl.top > div dd .sp2 {
  display: none;
}
@media all and (max-width: 325px) {
  body main > section .main > div.detail > dl.top > div dd .sp2 {
    display: initial;
  }
}
body main > section .main > div.detail > dl.bottom {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 10px;
}
@media all and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom {
    gap: 30px 0;
  }
}
@media all and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body main > section .main > div.detail > dl.bottom > div {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 18px;
}
body main > section .main > div.detail > dl.bottom .kaijyo {
  width: 515px;
  max-width: 515px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom .kaijyo {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.bottom .kaijyo {
    width: 100%;
  }
}
body main > section .main > div.detail > dl.bottom .kaijyo dd {
  line-height: 2.4rem !important;
  color: #141414;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "Noto Sans JP Bold";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd {
    font-size: 2.4rem;
  }
}
@media all and (max-width: 600px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd {
    line-height: 2.8rem !important;
  }
}
body main > section .main > div.detail > dl.bottom .kaijyo dd .midle {
  color: #141414;
  font-size: 1.6rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd .midle {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd .midle {
    font-size: 1.15rem;
  }
}
body main > section .main > div.detail > dl.bottom .kaijyo dd > span {
  display: block;
  /*&.note2 {.d;
												line-height: 1.7rem;
												text-indent: -0.5em;
												padding-left: 1em;

												&:before {
													content: '※';
													display: inline-block;
													width: 10px;
													height: 10px;
												}
											}*/
}
body main > section .main > div.detail > dl.bottom .kaijyo dd > span.address {
  color: #141414;
  font-size: 1.15rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  padding: 20px 0 10px 0;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd > span.address {
    font-size: 1.15rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd > span.address {
    font-size: 1.15rem;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd > span.address {
    padding: 20px 0 10px 0;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd > span.address {
    padding: 20px 0 10px 0;
  }
}
body main > section .main > div.detail > dl.bottom .kaijyo dd > span.note {
  color: #141414;
  font-size: 0.85rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  /*line-height: 1.7rem;*/
  /*text-indent: -0.5em;*/
  /*padding-left: 1em;*/
  /*&:before {
													content: '■';
													display: inline-block;
													width: 10px;
													height: 10px;
												}*/
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd > span.note {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.bottom .kaijyo dd > span.note {
    font-size: 1rem;
  }
}
body main > section .main > div.detail > dl.bottom .map {
  width: 478px;
  max-width: 478px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom .map {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.detail > dl.bottom .map {
    width: 100%;
  }
}
@media all and (max-width: 1000px) {
  body main > section .main > div.detail > dl.bottom .map {
    text-align: center;
    margin: auto;
  }
}
body main > section .main > div.detail > dl.bottom .map iframe {
  width: 100%;
}
body main > section .main > div.survey .survey1 {
  margin-inline: auto;
  border-radius: 16px;
  padding: 10px;
  margin-bottom: 30px;
  background: -webkit-gradient(linear, left top, right top, from(#f7fe01), to(#45b14b));
  background: linear-gradient(to right, #f7fe01, #45b14b);
}
body main > section .main > div.survey .survey1 > div {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*flex-direction: column;*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  background: linear-gradient(169deg, #ebf906 10%, #8ed12a 40%, #71c438 90%);
  border-radius: 16px;
  padding: 26px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .survey1 > div {
    padding: 0 26px 10px 26px;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .survey1 > div {
    padding: 26px 10px;
  }
}
@media all and (max-width: 1000px) {
  body main > section .main > div.survey .survey1 > div {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
body main > section .main > div.survey .survey1 > div > img {
  max-width: 437px;
  /*max-width: 540px;*/
}
body main > section .main > div.survey .survey1 > div > img.img1 {
  width: 437px;
  /*width: 540px;*/
}
@media all and (max-width: 1100px) {
  body main > section .main > div.survey .survey1 > div > img.img1 {
    width: calc((100% - 40px) / 2);
    max-width: 540px;
    /*width: 100%;*/
  }
}
@media all and (max-width: 600px) {
  body main > section .main > div.survey .survey1 > div > img.img1 {
    width: 100%;
    max-width: 440px;
  }
}
body main > section .main > div.survey .survey1 > div > img.img2 {
  width: 440px;
  display: inline-block;
  padding-top: 32px;
}
@media all and (max-width: 1100px) {
  body main > section .main > div.survey .survey1 > div > img.img2 {
    width: calc((100% - 40px) / 2);
  }
}
@media all and (max-width: 600px) {
  body main > section .main > div.survey .survey1 > div > img.img2 {
    width: 100%;
    max-width: 440px;
    padding-top: initial;
  }
}
body main > section .main > div.survey .survey1 > div .btn_box {
  display: block;
  width: 100%;
  /*.mixin-padding(20px 0 0 0, 20px 0 0 0, 20px 0 0 0);*/
  padding-top: initial;
}
body main > section .main > div.survey .survey1 > div .btn_box .btn {
  width: 740px;
  max-width: 740px;
  /*background: @gray;
										color: @white;*/
  /*text-decoration: none;*/
  /*padding: 7px 20px;*/
  border-radius: 50px;
  border: solid 3px #ffffff;
  background: rgba(0, 108, 181);
  -webkit-box-shadow: 6px 6px #6aa62c;
          box-shadow: 6px 6px #6aa62c;
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .survey1 > div .btn_box .btn {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .survey1 > div .btn_box .btn {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .survey1 > div .btn_box .btn {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .survey1 > div .btn_box .btn {
    font-size: 1.6rem;
  }
}
body main > section .main > div.survey .survey1 > div .btn_box .btn img {
  width: 38px;
  max-width: 38px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .survey1 > div .btn_box .btn img {
    width: 38px;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .survey1 > div .btn_box .btn img {
    width: 17px;
  }
}
body main > section .main > div.survey .survey1 > div .note_box {
  text-align: left !important;
}
body main > section .main > div.survey .survey1 > div .note_box .note {
  /*display: inline-block;*/
  /*.mixin-padding(15px 0 0 0, 10px 0 0 0, 10px 0 0 0);*/
  display: block;
  color: #141414;
  font-size: 0.85rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  line-height: 1.7rem;
  text-indent: -1.2em;
  padding-left: 1em;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .survey1 > div .note_box .note {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .survey1 > div .note_box .note {
    font-size: 1.1rem;
  }
}
@media all and (max-width: 600px) {
  body main > section .main > div.survey .survey1 > div .note_box .note {
    text-indent: -0.9em;
    padding-left: 1em;
  }
}
body main > section .main > div.survey .survey1 > div .note_box .note:before {
  content: '※';
  /*display: inline-block;*/
  width: 18px;
  height: 18px;
  /*margin-right: 10px;*/
  /*vertical-align: middle;*/
}
body main > section .main > div.survey .suvey2 {
  border-top: dotted 3px #e50112;
  border-bottom: dotted 3px #e50112;
  padding: 10px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  text-align: center;
}
@media all and (max-width: 1000px) {
  body main > section .main > div.survey .suvey2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body main > section .main > div.survey .suvey2 .midashi {
  width: 315px;
  max-width: 315px;
  background: #e50112;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "Noto Sans JP Bold";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  padding: 10px;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .suvey2 .midashi {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .suvey2 .midashi {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .suvey2 .midashi {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .suvey2 .midashi {
    font-size: 1.3rem;
  }
}
@media all and (max-width: 1000px) {
  body main > section .main > div.survey .suvey2 .midashi {
    margin: auto;
  }
}
body main > section .main > div.survey .suvey2 .midashi .mark {
  display: inline-block;
  -webkit-transform: rotate(28deg);
          transform: rotate(28deg);
}
body main > section .main > div.survey .suvey2 p {
  text-align: left;
  width: 665px;
  max-width: 665px;
  color: #141414;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "Noto Sans JP Bold";
  font-style: normal;
  line-height: 160%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  letter-spacing: -0.01rem;
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .suvey2 p {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .suvey2 p {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .suvey2 p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .suvey2 p {
    font-size: 1.3rem;
  }
}
@media all and (max-width: 1000px) {
  body main > section .main > div.survey .suvey2 p {
    /*text-align: center;*/
    margin: auto;
  }
}
body main > section .main > div.survey .suvey2 p .red {
  color: #e50112;
}
body main > section .main > div.survey .suvey2 p .note {
  display: block;
  color: #141414;
  font-size: 0.85rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  /*text-align: right;*/
  /*@media all and (max-width: @layout-sp-width) {
										text-align: center;
									}*/
}
@media screen and (max-width: 1000px) {
  body main > section .main > div.survey .suvey2 p .note {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section .main > div.survey .suvey2 p .note {
    font-size: 1rem;
  }
}
body main > section .main > div.survey .suvey2 p .car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
@media all and (max-width: 600px) {
  body main > section .main > div.survey .suvey2 p .car {
    gap: 20px;
  }
}
body main > section .main > div.survey .suvey2 p .car img {
  width: 200px;
}
@media all and (max-width: 600px) {
  body main > section .main > div.survey .suvey2 p .car img {
    width: 120px;
  }
}
body main > section > section.check {
  position: relative;
  border-top: solid 8px #ec6c00;
  border-bottom: solid 8px #ec6c00;
  background: #fffac8;
  padding: 87px 0 20px 0;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check {
    padding: 87px 10px 20px 10px;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check {
    padding: 87px 10px 20px 10px;
  }
}
body main > section > section.check .triangle {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 67px solid transparent;
  border-left: 67px solid transparent;
  border-top: 40px solid #ec6c00;
  border-bottom: 0;
}
body main > section > section.check .midashi {
  width: 1000px;
  max-width: 1000px;
  margin: auto;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 27px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .midashi {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .midashi {
    width: 100%;
  }
}
@media all and (max-width: 1000px) {
  body main > section > section.check .midashi {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
body main > section > section.check .midashi > div.illust {
  width: 140px;
  max-width: 140px;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .midashi > div.illust {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .midashi > div.illust {
    width: calc((100% - 40px) / 2);
  }
}
body main > section > section.check .midashi > div.illust img {
  display: block;
  width: 140px;
  max-width: 140px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .midashi > div.illust img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .midashi > div.illust img {
    width: 100%;
  }
}
@media all and (max-width: 1000px) {
  body main > section > section.check .midashi > div.illust img {
    padding-bottom: initial;
  }
}
@media all and (max-width: 1000px) {
  body main > section > section.check .midashi > div.man {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media all and (max-width: 1000px) {
  body main > section > section.check .midashi > div.woman {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media all and (max-width: 1000px) {
  body main > section > section.check .midashi .midashi_box {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}
body main > section > section.check .midashi .midashi_box .copy {
  display: block;
  color: #141414;
  font-size: 1.8rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .midashi .midashi_box .copy {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .midashi .midashi_box .copy {
    font-size: 1.6rem;
  }
}
body main > section > section.check .midashi .midashi_box h2 {
  color: #141414;
  font-size: 3.25rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
  text-shadow: 0px 0px 1.2px #141414;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .midashi .midashi_box h2 {
    font-size: 3.25rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .midashi .midashi_box h2 {
    font-size: 2.4rem;
  }
}
body main > section > section.check .midashi .midashi_box .note {
  color: #141414;
  font-size: 1.15rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .midashi .midashi_box .note {
    font-size: 1.15rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .midashi .midashi_box .note {
    font-size: 1rem;
  }
}
body main > section > section.check .midashi .midashi_box .note .plus_btn {
  position: relative;
  display: inline-block;
  width: 23px;
  height: 23px;
  background: #ec6c00;
  margin: 0 5px 0 5px;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
body main > section > section.check .midashi .midashi_box .note .plus_btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "＋";
  padding: 8px;
  color: #ffffff;
  font-size: 0.85rem;
}
body main > section > section.check .company_box .notes {
  width: 1000px;
  max-width: 1000px;
  margin: auto;
  text-align: right;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .company_box .notes {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .company_box .notes {
    width: 100%;
  }
}
@media all and (max-width: 1050px) {
  body main > section > section.check .company_box .notes {
    min-width: initial;
    min-width: 500px;
    width: 500px;
    margin: auto;
  }
}
@media all and (max-width: 700px) {
  body main > section > section.check .company_box .notes {
    width: calc(100% - 100px);
    margin: auto;
  }
}
@media all and (max-width: 600px) {
  body main > section > section.check .company_box .notes {
    min-width: 100%;
  }
}
body main > section > section.check .company_box .notes > span {
  color: #141414;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .company_box .notes > span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .company_box .notes > span {
    font-size: 0.85rem;
  }
}
body main > section > section.check .company_box .inner {
  padding: 50px 0 0 0;
  width: 1000px;
  max-width: 1000px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .company_box .inner {
    padding: 50px 0 0 0;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .company_box .inner {
    padding: 40px 0 0 0;
  }
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .company_box .inner {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .company_box .inner {
    width: 100%;
  }
}
@media all and (max-width: 1000px) {
  body main > section > section.check .company_box .inner {
    gap: initial;
  }
}
body main > section > section.check .company_box .inner dl {
  width: calc(50% - 10px);
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .company_box .inner dl {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .company_box .inner dl {
    width: 100%;
  }
}
@media all and (max-width: 1050px) {
  body main > section > section.check .company_box .inner dl {
    min-width: initial;
    min-width: 500px;
    margin: auto;
  }
}
@media all and (max-width: 700px) {
  body main > section > section.check .company_box .inner dl {
    width: calc(100% - 100px);
    margin: auto;
  }
}
@media all and (max-width: 600px) {
  body main > section > section.check .company_box .inner dl {
    min-width: 100%;
  }
}
body main > section > section.check .company_box .inner dl > div {
  width: 100%;
  margin-bottom: 15px;
}
body main > section > section.check .company_box .inner dl > div dt {
  width: 100%;
  padding: 0 0 10px 0;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .company_box .inner dl > div dt {
    padding: 0 0 10px 0;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .company_box .inner dl > div dt {
    padding: 0 0 10px 0;
  }
}
body main > section > section.check .company_box .inner dl > div dd {
  width: 100%;
}
body main > section > section.check .company_box .inner dl > div dd .click_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  width: 100%;
  gap: 10px;
}
body main > section > section.check .company_box .inner dl > div dd .click_count li {
  cursor: pointer;
  border: solid 1px;
  background: white;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
body main > section > section.check .company_box .inner dl > div dd .click_count li.small .flex span:first-of-type {
  font-size: 1rem;
}
body main > section > section.check .company_box .inner dl > div dd .click_count li.small .flex span:last-of-type {
  font-size: 0.9rem;
}
body main > section > section.check .company_box .inner dl > div dd .click_count li.small2 {
  letter-spacing: -0.1rem;
}
body main > section > section.check .company_box .inner dl > div dd .click_count li .flex {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body main > section > section.check .company_box .inner dl > div dd .click_count li span {
  padding: 10px 5px;
  white-space: nowrap;
}
body main > section > section.check .company_box .inner dl > div dd .click_count li span:first-of-type {
  color: #141414;
  font-size: 1.1rem;
  font-weight: normal;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 160%;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .company_box .inner dl > div dd .click_count li span:first-of-type {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .company_box .inner dl > div dd .click_count li span:first-of-type {
    font-size: 1.1rem;
  }
}
body main > section > section.check .company_box .inner dl > div dd .click_count li:after {
  content: "＋";
  height: 100%;
  padding: 10px 20px;
  color: #ffffff;
  background-color: #ec6c00;
}
@media screen and (max-width: 1000px) {
  body main > section > section.check .company_box .inner dl > div dd .click_count li:after {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 600px) {
  body main > section > section.check .company_box .inner dl > div dd .click_count li:after {
    padding: 10px;
  }
}
body main > section > section.check .company_box .inner dl > div dd .click_open {
  display: none;
}
body main > section > section.check .company_box .inner dl > div dd .click_open .click_stage.active {
  display: initial;
}