@charset "utf-8";

/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, 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 {
  box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

:before,
:after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
  box-sizing: border-box;
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
  cursor: default; /* 1 */
  font-size: 62.5%;
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent /* 4 */;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
  padding: 0;
  display: block;
  background-color: #fff;
  color: #333;
  text-align: left;
  font-size: 1.6rem;
  font-family:Meiryo,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,sans-serif;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: 0.05em;
  -webkit-text-size-adjust: 100%;
  cursor: auto;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */

hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

hr.border-line {
  clear: both;
  margin: 4em 0;
  width: 100%;
  height: 0.1rem;
  display: block;
  border: none;
  background-color: #ececec;
}

.daiken-section.bottom-line{border-bottom: solid 0.1rem #ececec;} 

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

:-webkit-inner-spin-button,
:-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

:-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}



/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

:-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

:-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

:-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */

a,area,button,input,label,select,summary,textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

a:visited { color: #333;}
a:hover { color: #333;}
a:focus,
a:active { color: #333;}




/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}


img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border: none;
  background: transparent;
  vertical-align: bottom;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dl, dt, dd {
  margin: 0;
  padding: 0;
}

em { font-style: normal;}


/* aspect * ========================================================================== */

.aspect-1-1 { aspect-ratio: 1 / 1;}
.aspect-3-2 { aspect-ratio: 3 / 2;}
.aspect-235-57 { aspect-ratio: 235 / 57;}
.aspect-68-23 { aspect-ratio: 68 / 23;}
.aspect-124-33 { aspect-ratio: 124 / 33;}

/* HEADER
 * ========================================================================== */

.inc_reformq_header{
  position: fixed;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #fff;
  z-index: 1000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Roboto, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo UI", Meiryo, sans-serif;
}

.inc_reformq_header .head-catch{
  position: relative;
  margin: 0;
  padding: 0.1rem 0.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #666;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  z-index: 1000;
}

.inc_reformq_header .head-catch strong{ font-weight: normal;}

.inc_reformq_header .head-inner{
  position: relative;
  margin: 0;
  padding: 0 1rem;
  width: 100%;
  height: 6.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  z-index: 999;
}

.inc_reformq_header .head-logo{
  margin: 0 0 0 2rem;
  width: 18rem;
}

.inc_reformq_header .head-pc{
  margin: 0;
  padding: 0 8rem 0 0;
  height: 6.7rem;
  width: calc(100% - 20rem);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.head-pc dl,
.head-sp{ display: none;}

.global-navi dl{
  margin: 1.5em 1em 0.5em;
  width: 30rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1.6rem;
}

.inc_reformq_header .tel{ width: 6em;}
.inc_reformq_header .time{ width: calc(100% - 6em);}
.inc_reformq_header .holiday{ width: 3em;}
.inc_reformq_header .day{ width: calc(100% - 3em);}

.head-pc .customer-tel{ display: none;}

.head-pc .customer-mail a{
  position: relative;
  display: block;
  margin: 0;
  padding: 0.6rem 0;
  width: 9.5em;
  background: #4A4A4A;
  background-size: 2.8rem auto;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
}


#DRAWER-MENU { display: none;}
#DRAWER-MENU-2 { display: none;}

@media screen and (min-width: 1280px) {

.inc_reformq_header .head-catch{
  padding: 0;
  min-height: 2.2rem;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: inherit;
}

.inc_reformq_header .head-pc{
  margin: 0;
  padding: 0;
  height: 6.7rem;
  width: calc(100% - 20rem);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.head-pc dl{
  margin: 0;
  width: 24rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1.4rem;
}

.head-pc ul{
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 1.4rem;
}

.head-pc .customer-tel{
  position: relative;
  margin: 0 1em 0 0;
  padding: 0 ;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  font-size: 1.4rem;
  color: #4A4A4A;
  background-color: unset;
}

.head-pc .customer-tel span{
  margin: 0;
  display: block;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.2;
}

.head-pc .customer-tel strong{
  margin: 0;
  padding: 0;
  display: block;
  font-size: 1.7rem;
  line-height: 1.2;
}

.head-pc .customer-tel .tell{ cursor: default;}
.head-pc .customer-tel .tell:hover{ color: #333;}

.head-pc .customer-mail .menu-item,
.head-pc .customer-recruit.dropdown .menu-item{
  position: relative;
  display: block;
  width: 11em;
  margin: 0 1em 0 0;
  padding: 0.6rem 0 0.4rem 0;
  background:  center left 1rem no-repeat #4A4A4A;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 800;
  text-align: center;
}
.head-pc .customer-recruit .dropdown-menu .menu-item {
  padding: 1rem 0 1rem 0;
  margin: 0;
}
.head-pc .head-sns {
  display: flex;
  margin: 0 3rem 0 0;
}

.head-pc .head-sns li {
  width: 3rem;
  margin: 0 0 0 1rem;
}


.head-pc .dropdown-menu{
  position: absolute;
  top: 5rem;
  left: auto;
  width: auto;
  display: none;
  visibility: hidden;
  text-align: left;
  opacity: 0;
}

.inc_reformq_header .drawer-open,
.drawer-close,
.sp-close-btn{ display: none;}


.inc_reformq_header .global-navi{
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
}

.inc_reformq_header .global-navi .inner{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 5rem;
  display: block;
}

.inc_reformq_header .global-menu{
  margin: auto;
  width: 100%;
  max-width: 128rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.inc_reformq_header .global-menu-button{
  position: relative;
  margin: 0;
  width: calc(100% / 6);
  display: flex;
  align-items: center;
  justify-content: center;
}

.inc_reformq_header .global-menu-button:last-child{ border-right: none;}

.inc_reformq_header .global-menu-button a{
  width: 100%;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  white-space: nowrap;
}

.dropdown-menu {
  position: absolute;
  top: 5rem;
  left: 0;
  width: 100%;
  display: none;
  visibility: hidden;
  text-align: left;
  opacity: 0;
}

.head-pc .dropdown-menu,
.menu-on .dropdown-menu{
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.dropdown:hover .dropdown-menu {
  visibility: visible;
  background-color: #212121;
  opacity: 1;
}

.dropdown-menu a{
  display: block;
  border: 0.1rem solid transparent;
  border-width: 0.1rem 0;
  transition: all 0.3s;
}

.customer-recruit {
  display: block;
}

}/* min 1280px */


@media screen and (max-width: 1280px) {

.inc_reformq_header{
  height: 7rem;
  z-index: 1000;
}

.inc_reformq_header .head-inner{
  margin: 0;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inc_reformq_header .head-logo{
  margin: 0 ;
}

.head-sns{ display: none;}

.head-sp{ display: block;}

.inc_reformq_header label {
  cursor: pointer;
  position: fixed;
}

.inc_reformq_header .drawer-open {
  position: absolute;
  bottom: 1.6rem;
  right: 3rem;
  width: 4rem;
  height: 4rem;
  background: #fff;
  z-index: 1000;
}

.drawer-open span,
.drawer-open:before,
.drawer-open:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.1rem);
  left: 30%;
  width: 70%;
  border-bottom: 0.3rem solid #333;
  transition: transform 0.5s ease;
}

.drawer-open:before { transform: translateY(-0.8rem); content: "";}
.drawer-open:after { transform: translateY(0.8rem); content: "";}

.drawer-close{
  inset: 0;
  pointer-events: none;
  transition: background 0.5s;
}
.inc_reformq_header label.sp-close-btn {
  position: relative;
}


#DRAWER-MENU:checked + .drawer-open span { transform: scaleX(0);}
#DRAWER-MENU:checked + .drawer-open:before { transform: rotate(135deg) scaleX(1.2);}
#DRAWER-MENU:checked + .drawer-open:after { transform: rotate(-135deg) scaleX(1.2);}
#DRAWER-MENU:checked ~ .drawer-close { pointer-events: auto; background: rgba(0,0,0,0.3);}
#DRAWER-MENU:checked ~ .global-navi {transform: none;}
.sp-close-btn:checked ~ .global-navi {transform: none;}

.inc_reformq_header .global-navi {
  position: fixed;
  top: 7rem;
  right: 0;
  margin: 0;
  padding: 0 0;
  width: 100%;
  display: block;
  max-width: 48rem;
  height: calc(100vh - 11rem);  
  overflow: hidden;
  background: #fff;
  transform: translateX(100%);
  transition: transform 0.5s ease;
  z-index: 1000;
}

.inc_reformq_header .global-navi .inner{
  margin: 0 0 0 -2rem;
  padding: 0 0 3em 2rem;
  width: calc(100% + 3.5rem);
  height: 100%;
  display: block;
  overscroll-behavior-y: contain;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.inc_reformq_header .global-menu-button{
  position: relative;
  margin: 0 0 0.1rem;
  display: block;
}
.inc_reformq_header .global-menu-button a{
  padding: 0.6em 1.5em;
  width: 100%;
  display: block;
  color: #4A4A4A;
  font-size: 1.5rem;
  line-height: 1.5;
  white-space: nowrap;
}
/*
.inc_reformq_header .global-menu-button .none {
  pointer-events: none;
}
*/

#DRAWER-MENU {
  display: none;
}

.inc_reformq_header .global-menu-button a:hover {
  opacity: 0.8;
}
.inc_reformq_header .global-menu-button .dropdown-menu li{position: relative;}
.inc_reformq_header .global-menu-button::before,
.inc_reformq_header .global-menu-button .dropdown-menu li::before,
.inc_reformq_header .global-menu-button .recruit-inner-menu li::before {
  position: absolute;
  top: 1.5rem;
  left: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  display: block;
  border: solid #4A4A4A 0.3rem;
  border-width: 0.3rem 0.3rem 0 0;
  transform: rotate(45deg);
  content: "";
  z-index: 110;
}


.inc_reformq_header .global-menu-button.dropdown::before,
.inc_reformq_header .global-menu-button.global-menu-recruit::before {
  top: 1.2rem;
  left: 0.2rem;
  transform: rotate(135deg);
}

.inc_reformq_header .recruit-inner-menu li{position: relative;}
.inc_reformq_header .recruit-inner-menu{ padding: 0 0 0 1.2em;}
.inc_reformq_header .dropdown-menu{
  padding: 0 0 0 1.2em;
}

.sp-close-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #4A4A4A;
  margin: 0;
  padding: 2rem 0;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.sp-close-btn::before,
.sp-close-btn::after {
  position: absolute;
  left: 1rem;
  width: 1.8rem;
  height: 0.2rem;
  background-color: #fff;
  content: "";
}
.sp-close-btn::before{transform: rotate(-45deg);}
.sp-close-btn::after{transform: rotate(45deg);}

.inc_reformq_header .global-menu{
  padding: 2rem 2rem 4rem 2rem;
  font-weight: 800;
}

.head-sp ul{
  margin: 0 0;
  padding: 0;
  height: calc(100% - 4rem);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 1.5rem;
}

.head-sp ul li{
  margin: 0;
  width: calc(50% - 3.5rem);
  display: flex;
}

.head-sp p{
  font-weight: 800;
  text-align: center;
  font-size: 1.5rem;
  margin: 1.5rem 0 3rem 0;
}

.head-sp .sp-tel a,
.head-sp .sp-mail a{
  position: relative;
  margin: 0;
  padding: 1em 0.3rem 1em 0em;
  width: 100%;
  text-align: center;
  background-color: #4A4A4A;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.head-sp ul a:hover{opacity: 0.8;}
.head-sp .sp-tel a:before{
  position: relative;
  padding: 0;
  width: 3rem;
  height: 3rem;
  display: block;
  background: url(https://www.daiken.jp/form/reformq/common/img/icon_phone_white.svg) center center no-repeat ;
  background-size: 60%;
  content: "";
}

.head-sp .sp-tel span{
  margin: 0;
  padding:  0;
  display: block;
  font-size: 1.2rem;
  line-height: 1.5;
}

.head-sp .sp-mail a:before{
  position: relative;
  padding: 0;
  width: 3rem;
  height: 3rem;
  display: block;
  background: url(https://www.daiken.jp/form/reformq/common/img/icon_email_white.svg) center center no-repeat ;
  background-size: 60%;
  content: "";
}

.head-sp .sp-sns{
  margin: auto;
  width: 13rem;
}
.head-sp .sp-sns li{
  width: 4rem;
}
.head-sp .sp-sns li img{
  width: 4rem;
}
.customer-recruit {
  display: none;
}



}/* End max 1280 */




@media screen and (max-width: 480px) {

.inc_reformq_header .head-logo{ width: 19rem;}
.inc_reformq_header .head-pc{
  width: calc(100% - 14rem);
  padding: 0 6.5rem 0 0;
}

}/* End max 480 */

@media screen and (max-width: 400px) {

.inc_reformq_header .head-catch em{ display: none;}

.head-pc .customer-mail a{
  padding: 3.5rem 0 0;
  width: 3.5rem;
  height: 0;
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  background: url(https://www.daiken.jp/form/reformq/common/img/icon_email_white.svg) center center no-repeat #4A4A4A;
  background-size: 2.5rem auto;
}

.head-sp ul li{ width: 100%;}


}/* End max 400 */






@media (hover: hover) {

a { transition: all 0.5s;}
a:hover { color: #0081cc;}

.global-navi .dropdown:hover .dropdown-menu {
  visibility: visible;
  background-color: #212121;
  opacity: 1;
}
.head-pc .dropdown:hover .dropdown-menu {
  background-color: unset;
}
.dropdown-menu a:hover{
  border: 0.1rem solid #fff;
  border-width: 0.1rem 0;
  color: #fff;
  opacity: 1;
}

@media screen and (max-width: 1280px) {
.global-navi .dropdown:hover .dropdown-menu {
  visibility: unset;
  background-color: unset;
}

.dropdown-menu a:hover {
  border: unset;
  border-width: 0.1rem 0;
  color: #4A4A4A;
  opacity: 1;
}
}

}/* End hover */

@media (hover: none) {

.dropdown:active .dropdown-menu {
  visibility: visible;
  background-color: unset;
  opacity: 1;
}

.dropdown .none { pointer-events: none;}

}/* End hover none */

@media screen and (max-width: 767px) {

.dropdown .none { pointer-events: all;}

}/* End max 767 */



/* contents-title
 * ========================================================================== */

.contents-title-block{
  position: relative;
  margin: 0 0 2em;
  padding: 1em 0;
  width: 100%;
  min-height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #eee;
}

.contents-title{
  position: relative;
  margin: 0;
  width: 94%;
  max-width: 128rem;
  min-height: 0vw;
  font-size: min(max(2.4rem, calc(2.4rem + ((1vw - 0.64rem) * 1.6667))), 3rem);
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
}

.contents-title strong{ margin: 0; display: block;}
.contents-title .sub{ margin: 0; display: block; font-size: 1.6rem; line-height: 1.4;}


.section-title{
  position: relative;
  margin: 0;
  min-height: 0vw;
  font-size: min(max(2.4rem, calc(2.4rem + ((1vw - 0.64rem) * 1.1111))), 2.8rem);
  font-weight: normal;
  line-height: 1.2;
  text-align: left;
}

@media screen and (min-width: 768px) {

.contents-title-block{ min-height: 14rem;}

.contents-title{ line-height: 1.1;}
.contents-title .sub{ margin: 0; font-size: 1.6rem; line-height: 1.4;}

}/* min 768px */



/* contents
 * ========================================================================== */

main.contents{
  position: relative;
  padding: 7rem 0 0;
  width: 100%;
  z-index: 1;
}



.reformq-section{
  position: relative;
  margin: auto;
  padding: 0;
  width: 94%;
  max-width: 128rem;
}

.reformq-section.full{
  width: 100%;
  max-width: 100%;
}



.txt{
  margin: 0;
  padding: 0 0 1em;
  font-size: 1.5rem;
  line-height: 1.6;
}

.lead-txt{
  margin: 0;
  padding: 0 0 1em;
  font-size: 1.8rem;
  line-height: 1.6;
}




@media screen and (min-width: 1281px) {

main.contents{
  padding: 11.7rem 0 0;
}


}/* min 1280px */



.mt-1{ margin-top: 1em;}
.mt-2{ margin-top: 2em;}
.mt-3{ margin-top: 3em;}
.mt-4{ margin-top: 4em;}
.mt-5{ margin-top: 5em;}
.mt-6{ margin-top: 6em;}
.mt-7{ margin-top: 7em;}

.mb-1{ margin-bottom: 1em;}
.mb-2{ margin-bottom: 2em;}
.mb-3{ margin-bottom: 3em;}
.mb-4{ margin-bottom: 4em;}
.mb-5{ margin-bottom: 5em;}
.mb-6{ margin-bottom: 6em;}
.mb-7{ margin-bottom: 7em;}

.ml-1{ margin-left: 1em;}
.ml-2{ margin-left: 2em;}
.ml-3{ margin-left: 3em;}
.ml-4{ margin-left: 4em;}

.mr-1{ margin-right: 1em;}
.mr-2{ margin-right: 2em;}
.mr-3{ margin-right: 3em;}
.mr-4{ margin-right: 4em;}

.pt-1{ padding-top: 1em;}
.pt-2{ padding-top: 2em;}
.pt-3{ padding-top: 3em;}
.pt-4{ padding-top: 4em;}
.pt-5{ padding-top: 5em;}
.pt-6{ padding-top: 6em;}
.pt-7{ padding-top: 7em;}

.pb-1{ padding-bottom: 1em;}
.pb-2{ padding-bottom: 2em;}
.pb-3{ padding-bottom: 3em;}
.pb-4{ padding-bottom: 4em;}
.pb-5{ padding-bottom: 5em;}
.pb-6{ padding-bottom: 6em;}
.pb-7{ padding-bottom: 7em;}

.pl-1{ padding-left: 1em;}
.pl-2{ padding-left: 2em;}
.pl-3{ padding-left: 3em;}
.pl-4{ padding-left: 4em;}

.pr-1{ padding-right: 1em;}
.pr-2{ padding-right: 2em;}
.pr-3{ padding-right: 3em;}
.pr-4{ padding-right: 4em;}


/* sns-icon */
.inc_reformq_header .sns-icon {
  visibility: initial;
  position: fixed;
  bottom: 2rem;
  right: 2rem;

}
.inc_reformq_header .sns-icon ul {
  display: flex;
  flex-direction: row;
}
.inc_reformq_header .sns-icon ul li {
  width: 4rem;
  margin: 0 0 0 1.5rem;
  filter: drop-shadow(0.1rem 0.2rem 0.3rem #2f2f2f);
  transition: 0.5s;
}

@media (hover: hover) {

.inc_reformq_header .sns-icon ul li:hover{ opacity: 0.8;}

}/* End hover */

@media (min-width: 1280px) {
.inc_reformq_header .sns-icon ul {
  display: flex;
  flex-direction: column;
}
.inc_reformq_header .sns-icon {
  bottom: 4rem;
  right: 4rem;
}
.inc_reformq_header .sns-icon ul li {
  width: 4.8rem;
  margin: 0 0 1.5rem 0;
}
.inc_reformq_header .sns-icon ul li:last-child {
  margin: 0;
}
}


/* floating-button */
.inc_reformq_header .floating-button {
  visibility: initial;
  position: fixed;
  display: flex;
  flex-direction: column;
  right: 0;
  bottom: 4rem;
  width: 3.7em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Roboto, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo UI", Meiryo, sans-serif;
}
.inc_reformq_header .floating-button .floating-top {
  top: -5rem;
  right: 0;
  left: 0;
  position: absolute;
}
.inc_reformq_header .floating-button .floating-top a{
  width: auto;
  height: 4rem;
  margin: auto;
  display: block;
  background: #4A4A4A;
}
.inc_reformq_header .floating-button .floating-top a::before{
  position: absolute;
  top: 1.5rem;
  right: 0;
  left: 0;
  margin: auto;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  border: solid #fff 0.3rem;
  border-width: 0.3rem 0.3rem 0 0;
  transform: rotate(-45deg);
  content: "";
  z-index: 110;
}
.inc_reformq_header .floating-button .floating-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.3;
  letter-spacing: 0.2em;
}
.inc_reformq_header .floating-button .floating-contact a::after {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(https://www.daiken.jp/form/reformq/common/img/icon_email_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 2em;
  left: 0;
  right: 0;
  margin: auto;
}
.inc_reformq_header .floating-button .floating-contact a {
  color: #fff;
  background: #4A4A4A;
  writing-mode: vertical-rl;
  line-height: 1;
  width: 100%;
  flex-direction: row;
  align-content: center;
  align-items: center;
  padding: 1.5em 1.25em 2.5em 1.25em;
}

@media screen and (max-width: 1280px) {
.inc_reformq_header .floating-button {
  width: 3.2em;
}
.inc_reformq_header .floating-button .floating-contact a {
  padding: 1.5em 1em 2.5em 1em;
}
}
@media screen and (max-width: 480px) {
.inc_reformq_header .floating-button {
  bottom: 0.5rem;
  width: 3em;
}

.inc_reformq_header .floating-button .floating-top {top: -4rem;}
.inc_reformq_header .floating-button .floating-top a { height: 3rem;}
.inc_reformq_header .floating-button .floating-top a::before {
  top: 1rem;
  width: 2.2rem;
  height: 2.2rem;
}
.inc_reformq_header .floating-button .floating-contact a {
  padding: 1em 0.5em 2.5em 0.5em;
  font-size: 1.4rem;
}
}

@media (hover: hover) {

.inc_reformq_header .floating-button a:hover {
  background-color: #7d7a7a;
}

}




/* global-menu-button animation */

.head-pc,
.global-menu-button {
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  position: relative;
}

.head-pc .menu-item,
.global-menu-button .dropdown-menu .menu-item{position: relative;}

.head-pc .menu-item::before,
.global-menu-button .menu-item::before {
  background: #B1957A;
  content: '';
  width: 2rem;
  height: 0.25em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.7em;
  margin: auto;
  transform-origin: left center;
  transform: scale(1, 0);
  transition: transform .3s;
}
.head-pc .menu-item:hover {
  background-color: #7d7a7a;
}
.global-menu-button .dropdown-menu .menu-item::before,
.head-pc .menu-item::before{
  content: unset;
}
.head-pc .menu-item:hover::before,
.global-menu-button .menu-item:hover::before {
  transform-origin: center center;
  transform: scale(1, 1);
}

.inc_reformq_header .global-menu-recruit{display: none;}

@media screen and (max-width: 1280px) {
.head-pc .menu-item::before,
.global-menu-button .menu-item::before {
  display: none;
}

.inc_reformq_header .global-menu-recruit {
  display: block;
}

}