@charset "UTF-8";
/* =========================================================================
   /lp2/ 業種別LP（hair / barber / relaxation / headspa）統合スタイル

   WordPress版は共通CSS 7ファイル（reset/base/layout/style/common/class/mobile）と
   lp/function/style.css・lp/industry/style.css・form-lp2.css を読み込んでいた。
   ここではそれを1ファイルに畳んでいる。

   全文ではなく、4ページのDOMに実際にマッチしたルールだけを抜き出した。
   読み込み順は元のカスケードを保っている。ヘッダーのドロワーナビをやめたので
   fontello.css・all.min.css（アイコンフォント）・drawer.css は丸ごと外した。
   ========================================================================= */

/* === common/css/reset.min.css === */
*,::before,::after{box-sizing:border-box}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
input,select{vertical-align:middle}
img,picture{max-width:100%}

/* === common/css/base.css === */
body {
	margin: 0;
	padding:0;
	color: #282828;
	background:#fff;
	text-align: left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	
	line-height:2em;
	letter-spacing:.05em;
	font-size:16px;
	position:relative;
	font-weight:400;
    counter-reset: rank_number;
}
html, body, h1, h2,h3, h4, h5, h6, p, dl, dt, dd, li, ul, ol, form, div, img, table, td, th, tr{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
}
ul {
	list-style: none;
}
img {
	border: none;
	vertical-align:bottom;
}
input,select {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	
	font-size: 1em;
}
textarea {
	font-size: 1em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	
}
button {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	
}
iframe {
    vertical-align: bottom;
}
a {
	color: #282828;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}
a:hover {

	text-decoration: underline;
}
figure {
	text-align: center;
    margin-bottom: 12px;
    font-size: 12px;
}

/* === common/css/layout.css === */
header.head {
    top: 30px;
    display:block;
    background-color: rgba(255,255,255,1);
    
    height:60px;
    position:fixed;
    z-index:80;
    width: 100%;
    box-sizing:border-box;
}
header.head.ads {
    top: 0;
}
main {
	display:block;
    
}
footer.foot a {
    color: #fff;
}
footer.foot .footer {
	box-sizing:border-box;
	width:1100px;
	margin:auto;
	max-width: 90%;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
footer.foot #copyRight {
    color: #fff;
    padding: 10px 0;
    background-color: rgba(66,66,66,1);
}
footer.foot #copyRight a {
    color: #fff;
}

/* === common/css/style.css === */
::-webkit-scrollbar {
  width: .5rem;
}
::-webkit-scrollbar-thumb {
  background: #d3a45f;
}
article.entry .scroll-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  display: none;
  animation: scroll-hint-animation 2s infinite ease;
}
@keyframes scroll-hint-animation {
  0% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-40%, -50%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
article.entry .scroll-hint--show {
  display: block;
}
.form_t_link {
    font-size: 12px;
    line-height: 1.4;
    margin: 10px 0;
}
.form_t_link a {
    color: #0F71D2;
}
.column_form .form_t_link br {
    display: block;
}
span.notice {
	display: block;
	font-size: 12px;
	margin: 0 0 0 31%;
	line-height: 1.5;
}
.column_form h2 {
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: .03em;
	margin-bottom: 16px;
}
.column_form br {
    display: none;
}
.column_form label.field-label {
    font-size: .9rem;
	font-size: 16px;
    font-weight: 700;
    display: block;
    line-height: 1.5rem;
}
.column_form select,
.column_form .wpcf7-text,
.column_form textarea {
    background: #e5e5e5;
    border: solid 1px #d1d2d2;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    padding: 7px 10px;
}
.column_form .notice {
	color: #333;
	font-size: 12px;
	display: block;
	margin: 4px 0 0;
	line-height: 1.5;
}
#form h1,
#form h2 {
    border: initial;
    margin: 0 auto .2rem;
}
.form-set fieldset {
    padding: 6px 0;
}
.form-set select,
.form-set .wpcf7-text,
.form-set textarea,
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    padding: 5px 10px;
    box-sizing: border-box;
    border: solid 1px #d1d2d2;
	background: #e5e5e5;

    width: 100%;
    border-radius: 3px;
    font-size: 16px;
	letter-spacing: .03em;
}
.form-set fieldset.required label.field-label:after {
    background: #ff7e00;
	background: #d1a154;
    border-radius: 4px;
    color: #fff;
    content: "必須";
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 1;
    padding: 4px 6px;
    position: relative;
    right: 0;
    top: 0;
}
.form-set input::placeholder {
	color: #777;
	font-size: 16px;
}
.sp {
  display : none;
}
@media screen and (max-width: 768px) {
  .sp {
      display : block;
    }
}
.open-timing, .hotpepper {
  display: none;
}
.home .column_form fieldset.required.open-timing {
  display: none;
}
@media (min-width: 1024px) {
  .column.single .column_form fieldset.required.open-timing {
      display: none;
  }
}
@keyframes logo-slider {
  0%{
    background-position: 0 0;
  }
  100%{
    background-position: -2386px 0;
  }
}
.d-sp {display: none;}
@media screen and (max-width: 768px) {
  .d-pc {display: none;}
  .d-sp {display: block;}
}
.industry-name {
	display: none;
}
.logo {
  background-color: #D2DEFF;
}
.logo-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 90%;
  max-width: 1100px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .logo-inner {
      flex-wrap: wrap;
  	justify-content: space-between;
      width: 100%;
  	padding: 12px 20px 20px;
    }
}
.logo img {
  display: block;
  margin: 0 5px;
  width: 11%;
}
@media screen and (max-width: 768px) {
  .logo img {
      margin: 10px 0 0;
      width: 48%;
    }
}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], textarea {
    padding: 5px 10px;
    box-sizing: border-box;
    border: solid 1px #d1d2d2;
    background: #e5e5e5;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
}
button {
    background: #e94729;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
    margin: auto;
    max-width: 100%;
    padding: 1em 0;
    padding: 12px 0;
    width: 400px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
@media screen and (max-width: 768px) {
  button {
          max-width: 80%;
          font-size: 18px;
      }
}
.form-set .field-error {
    color: #d33;
    font-size: 13px;
    margin: 4px 0 0;
    line-height: 1.4;
}
button.submit-btn:disabled {
    background: #e5e5e1;
    color: #606060;
    cursor: not-allowed;
}

/* === common/css/common.css === */
/* reCAPTCHAバッジ。要素はスクリプトが後から差し込むためCSS抽出で拾えず、手で戻した */
.grecaptcha-badge { z-index: 90; }
.pc {display:block !important;}
.sp {display:none !important;}
.cv-btns {
    display: none;
}
header.head #logo {
	position:fixed;
	top:45px;
	left:40px;
	z-index:9999;
}
header.head.ads #logo {
	top:6px;
}
header.head #logo img {
	width:130px;
	height:auto;
	display:block;
}
footer.foot #copyRight nav {
    display: flex;
    justify-content: space-between;
    
}
footer.foot #copyRight nav ul {
    display: flex;
    justify-content: space-between;
    font-size: .75em;
    padding: .5em 0 0 0;
}
footer.foot #copyRight nav li {
    margin: 0 0 0 2em;
}
footer.foot #copyRight #foogLogo {
    margin: 0 20px 0 0;
}
footer.foot #copyRight #foogLogo img {
    width: 120px;
    height: auto;
}
footer.foot #copyRight p {
    font-size: 12px;
    display: flex;
    align-items: center;
}
.lp #faqArea dt.qes.selected::after {
    transform: rotate(0);
    transition: 0.5s;
	margin:-1px 0 0 0;
}
.lp #formBox .icon__mark.selected {
    transform: rotate(0);
}

/* === common/css/class.css === */
.text-center{
	text-align: center;
}
input, select, textarea {
		color: #282828;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.75em;
        max-width: 100%;
	}
input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
    input[type="number"],
    nput[type="date"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, 1);
		border-radius: 5px;
		border: none;
		display:inline-block;
		outline: 0;
		padding: .6em .6em;
		text-decoration: none;
        color: #282828;
        width: 100%;
        box-sizing: border-box;
		
	}
select {
		background:url(../images/arrow_down.svg) right 1em center no-repeat #fff;
		padding: .6em 2.5em .6em .6em;
	}
textarea {

		height: 90px;
        }
input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="url"]:invalid,
        input[type="number"]:invalid,
        input[type="date"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}
input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="url"]:focus,
        input[type="number"]:focus,
        input[type="date"]:focus,
		select:focus,
		textarea:focus {
            
		}
button,
        input[type="submit"],
        input[type='button'] {
            -moz-appearance: none;
		    -webkit-appearance: none;
	    	-ms-appearance: none;
	    	appearance: none;
        
        }

/* === common/css/mobile.css === */
@media screen and (max-width: 1219px) {
  header.head {
  	  height: 48px;
      z-index: 999;
    }
  header.head #logo {
      position: fixed;
      top: 35px;
      left: 10px;
      z-index: 98;
    }
  header.head.ads #logo {
  		display: block;
  		top: 5px;
  		width: 310px;
  	}
  header.head #logo img {
  		display: inline-block;
  		margin: 0 0 7px;
  		width: 95px;
  		height: auto;
  	}
  header.head.is-fixed .drawer-hamburger-icon,
    header.head.is-fixed .drawer-hamburger-icon:before,
    header.head.is-fixed .drawer-hamburger-icon:after {
      background-color: #1e1e1e;
    }
  header.head.is-fixed #gNavi ul.drawer-menu {
      margin: 0 0 0 0;
      position: static;
      left: 0;
    }
  header.head.is-fixed #gNavi ul li a {
      color: #fff;
    }
  header.head.is-fixed:before {
      height: 60px;
    }
}
@media screen and (max-width: 768px) {
  html {
      -webkit-text-size-adjust: 100%;
    }
  body {
      font-size: 16px;
      min-width: 100%;
    }
  .pc {
      display: none !important;
    }
  .sp {
      display: block !important;
    }
  footer.foot #copyRight {
      color: #fff;
      padding: 0 0 80px 0;
      background-color: rgba(66, 66, 66, 1);
    }
  footer.foot .footer {
      box-sizing: border-box;
      width: 100%;
      margin: auto;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
  footer.foot #copyRight nav {
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      padding: 20px 0 15px 0;
    }
  footer.foot #copyRight #foogLogo {
      margin: 0 0 5px 0;
    }
  footer.foot #copyRight p {
      padding: 10px 0;
    }
  .cv-btns {
      display: block;
      width: 100%;
      margin: 40px 0 10px;
  	text-align: center;
    }
  .cv-btns.is-fixed {
      background-color: rgba(255, 255, 255, 1);
      bottom:  -10px;
      position: fixed;
      padding: 8px 0 10px;
      width: 100%;
      z-index: 100;
    }
  .cv-btns ul {
      display: block;
      margin: 0 auto;
    }
  .cv-btns ul li {
  	width: 90%;
  	margin: auto;
      text-align: center;
    }
  .cv-btns.is-fixed ul li.req i {
      margin-right: 10px;
    }
  .cv-btns ul li a {
      border-radius: 0.5rem;
      color: #fff;
      display: block;
  	position: relative;
    }
  .cv-btns.parts ul li a::after {
      content: "";
      display: block;
      position: absolute;
      width: 12px;
      height: 12px;
      right: 25px;
      top: 17px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
    }
  .cv-btns.is-fixed ul li a::after {
  	top: 17px;
    }
  .cv-btns ul li a:hover {
      text-decoration: initial;
    }
  .cv-btns ul li.req a span {
      background: #E04428;
      border-radius: 30px;
      box-sizing: border-box;
      color: #fff;
      display: block;
      font-size: 1.2rem;
      font-weight: 500;
      line-height: 1.5em;
      margin: 0 auto 0.1rem;
      padding: 10px 0;
      position: relative;
      text-decoration: none;
      width: 100%;
      letter-spacing: .05em;
      box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
    }
  .cv-btns.is-fixed ul li.req a span {
  	line-height: 1.2;
    }
  .cv-btns .offer {
  	color: #E04428;
  	line-height: 1.5;
  	font-size: 16px;
  	letter-spacing: 0;
  	margin-bottom: 1px;
  	}
  .cv-btns.is-fixed .microcopy {
      display: none;
    }
  .form-set fieldset.required label.field-label:after {
      right: 0;
    }
  textarea {
      height: 6rem;
    }
  span.notice {
      margin: 4px 0 0;
  	letter-spacing: 0.03em;
    }
  .lp #faqArea dt.qes.selected::after {
      transform: rotate(0);
      transition: 0.5s;
      margin: -1px 0 0 0;
    }
  .lp #formBox .icon__mark.selected {
      transform: rotate(45deg);
    }
  .column_form {
  	margin-top: -40px;
  	padding-top: 64px;
    }
}

/* === lp/function/style.css === */
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  min-width: auto;
}
.d-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .d-pc {
      display: none;
    }
  .d-sp {
      display: block;
    }
}

/* === lp/industry/style.css === */
.inner {
  margin: 0 auto;
  max-width: 1100px;
  width: 90%;
}
main h2 {
  color: #2847A1;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main h2 {
      font-size: 24px;
    }
}
.industry main {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
}
.fv {
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .fv {
      padding: 60px 0 40px;
    }
}
.fv .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fv-textbox {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .fv-textbox {
      width: 100%;
    }
}
.fv-copy {
  color: #2847A1;
  font-size: 56px;
  font-weight: 600;
  line-height: 0.9;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .fv-copy {
      font-size: 40px;
      margin: 5px auto 20px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
}
.fv-copy-sub {
  color: #282828;
  font-size: 36px;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .fv-copy-sub {
      font-size: 26px;
    }
}
.fv-slider {
  margin: 0 calc(50% - 50vw - 5px);
  width: 100vw;
}
.fv-slider-img {
  display: block;
  height: auto;
  margin-left: 14px;
  width: 48vw;
}
.fv-mock {
  width: 85%;
  margin: 20px 0 -20px;
}
.barber .fv-mock {
  margin: 20px 0 -10px;
}
@media screen and (max-width: 768px) {
  .barber .fv-mock, 
    .fv-mock {
      width: 100%;
      margin: 20px 0 0;
    }
}
.fv-offer {
  color: #E94729;
  font-size: 16px;
  font-weight: 600;
margin: 10px 0 2px 10px;
}
@media screen and (max-width: 768px) {
  .fv-offer {
      margin: 0 auto 1px;
      text-align: center;
    }
}
.fv-cta {
  background-color: #E94729;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 320px;
}
@media screen and (max-width: 768px) {
  .fv-cta {
      margin: 0 auto;
    }
}
.fv-cta::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 34px;
  top: 18px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.fv-cta:hover {
  text-decoration: none;
  opacity: 0.8;
}
.fv-pc-image {
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  width: 53%;
}
@media screen and (max-width: 768px) {
  .fv-pc-image {
      display: none;
    }
}
.fv-pc-image img {
  width: 48%;
}
.logo-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  width: 800px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .logo-inner {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 90%;
    }
}
.logo img {
  display: block;
  width: 23%;
}
@media screen and (max-width: 768px) {
  .logo img {
      margin-top: 12px;
      width: 48%;
    }
}
.case {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .case {
      padding: 40px 0 80px;
    }
}
.case .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .case .inner {
      margin-top: 20px;
    }
}
.case-box {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .case-box {
      width: 100%;
    }
}
.case-name {
  color: #2847a1;
  font-size: 15px;
  letter-spacing: .03em;
  margin-top: 10px;
}
.case-title {
  margin: 6px 0 32px;
}
.case-btn {
  background-color: #2847A1;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 20px auto 0;
  padding: 12px 0;
  position: relative;
  text-align: center;
  width: 320px;
}
@media screen and (max-width: 768px) {
  .case-btn {
      margin: 10px auto 0;
    }
}
.case-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 34px;
  top: 20px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.feature {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .feature {
      padding-bottom: 40px;
    }
}
.feature .inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F3F5FF;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  padding: 0;
  overflow: hidden;
}
.feature-textarea {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .feature-textarea {
      width: 90%;
    }
}
.feature-title {
  color: #282828;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .feature-title {
      font-size: 20px;
      margin-top: 20px;
      text-align: center;
    }
}
.feature-text {
  margin-top: 20px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .feature-text {
      margin: 0 0 20px;
    }
}
.feature-img01 {
  margin-left: 40px;
  width: 21%;
}
@media screen and (max-width: 768px) {
  .feature-img01 {
      margin: 0 auto;
      width: 60%;
    }
}
.feature-img02 {
  margin: -40px  40px -40px  0;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .feature-img02 {
      margin: 0 auto;
      width: 64%;
    }
}
.benefits {
  background-color: #F3F5FF;
  padding: 60px 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .benefits {
      padding: 40px 0;
  	margin-bottom: 0;
    }
}
.benefits .inner {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .benefits .inner {
      margin-top: 30px;
    }
}
.benefits article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
  border-radius: 16px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .benefits article {
      margin-bottom: 24px;
    }
}
.benefits article:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.benefits article:last-of-type {
  margin-bottom: 0;
}
.benefits article:nth-of-type(1) {
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  padding: 48px 0;
}
.benefits article:nth-of-type(2) {
  -webkit-column-gap: 64px;
     -moz-column-gap: 64px;
          column-gap: 64px;
  padding: 48px 12px 43px 0px;
}
@media screen and (max-width: 768px) {
  .benefits article:nth-of-type(1),
    .benefits article:nth-of-type(2) {
      -webkit-column-gap: 0;
         -moz-column-gap: 0;
              column-gap: 0;
      padding: 32px 20px;
    }
}
.benefits-text {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .benefits article:nth-of-type(1) .benefits-text,
    .benefits article:nth-of-type(2) .benefits-text {
      width: 100%;
    }
}
.benefits-heading {
  color: #2847A1;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 24px;
}
@media screen and (max-width: 1279px) {
  .benefits-heading {
      font-size: 20px;
      line-height: 1.5;
    }
}
@media screen and (max-width: 768px) {
  .benefits-heading {
      font-size: 20px;
      text-align: center;
      margin: 0 -10px 24px;
    }
}
.heading-sub {
  color: #282828;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .heading-sub {
      font-size: 20px;
    }
}
.benefits-text p {
  line-height: 1.8;
}
@media screen and (max-width: 1279px) {
  .benefits-text p {
      font-size: 15px;
    }
}
.benefits-img {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .benefits-img {
      margin-bottom: 24px;
    }
}
.benefits article:nth-of-type(1) .benefits-img {
  width: 40%;
}
.benefits article:nth-of-type(2) .benefits-img {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .benefits article:nth-of-type(1) .benefits-img,
    .benefits article:nth-of-type(2) .benefits-img {
      width: 100%;
    }
}
.benefits-img figcaption {
  margin-top: 16px;
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .benefits-img figcaption {
      margin-top: 8px;
      font-size: 12px;
    }
}
.voice {
padding: 20px 0 60px;
}
@media screen and (max-width: 768px) {
  .voice {
  padding: 20px 0 40px;
    }
}
.voice .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .voice .inner {
      margin-top: 0;
    }
}
.voice-box {
  background-color: #F3F5FF;
  border-radius: 20px;
  overflow: hidden;
  width: 32%;
}
@media screen and (max-width: 768px) {
  .voice-box {
      margin-top: 30px;
      width: 100%;
    }
}
.voice figure {
  overflow: hidden;
}
.voice-img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.voice-text {
  padding: 10px 15px 20px;
}
.voice-area {
  font-weight: 500;
}
.voice-name {
  color: #282828;
  font-size: 18px;
  font-weight: 500;
  margin-top: 6px;
}
.voice p {
  line-height: 1.8;
  margin-top: 16px;
}
.industry .column_form {
  padding-top: 100px;
  margin: -60px auto 120px;
  width: 600px;
}
@media screen and (max-width: 768px) {
  .industry .column_form {
      padding-top: 100px;
      margin: -40px auto 120px;
      width: 90%;
    }
}
.industry .column_form h2 {
  color: #282828;
}
.cv-btns {
  margin: 0 0 10px;
}
footer.foot #copyRight nav li + li {
  display: none;
}
.headspa .fv-copy {
  color: #379D57;
  font-size: 48px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .headspa .fv-copy {
        font-size: 36px;
    }
}
.headspa .fv-offer {
  margin: 0 0 2px 44px;
}
.headspa .fv-pc-image {
  align-content: flex-start;
  width: 55%;
}
.headspa .fv-pc-image img {
  width: 48%;
  margin-bottom: 1.5vw;
}
.headspa h2 {
  color: #379D57;
}
.headspa .case {
  padding: 30px 0;
}
.headspa .case-name {
  color: #379D57;
}
.headspa .case-note {
  margin-top: 8px;
  text-align: center;
}
.headspa .case-note a {
  color: #379D57;
  text-decoration: underline;
}
.headspa .case .inner {
  justify-content: center;
  column-gap: 40px;
}
.headspa .feature .inner {
  background-color: #EFFFF4;
}
.headspa .feature-title {
  color: #379D57;
}
.feature-img03 {
  margin-left: 40px;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .feature-img03 {
      margin: 0 auto;
      width: 64%;
    }
}
.headspa .benefits {
  background-color: #E4FFEC;
}
.headspa .benefits-heading {
  color: #379D57;
}
.headspa .voice .inner {
  justify-content: center;
  column-gap: 40px;
}
.headspa .voice-box {
  background-color: #E4FFEC;
  width: 33%;
}
@media screen and (max-width: 768px) {
  .headspa .voice-box {
      width: 100%;
    }
}
.headspa .voice-name {
  color: #379D57;
}
.hair .fv-copy {
  color: #0083C8;
  font-size: 48px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .hair .fv-copy {
        font-size: 32px;
    }
  .hair .fv-copy-sub {
        font-size: 23.5px;
      }
}
.hair .logo {
    background-color: #E3F2FF;
}
.hair .logo-inner {
    width: 100%;
    max-width: 1100px;
}
.hair .logo img {
    margin: 0 5px;
    width: 11%;
}
@media screen and (max-width: 768px) {
  .hair .logo img {
      margin: 12px 0 0;
      width: 48%;
    }
}
.hair h2 {
  color: #0083C8;
}
.hair .case-name {
  color: #0083C8;
}
.hair .case-btn {
  background-color: #0083C8;
}
.hair .feature .inner {
  background-color: #E3F2FF;
}
.hair .feature-title {
  color: #0083C8;
}
.hair .benefits {
  background-color: #E3F2FF;
}
.hair .benefits-heading {
  color: #0083C8;
}
.hair .voice-name {
  color: #0083C8;
}
.hair .voice-box {
    background-color: #E3F2FF;
}
.relaxation .fv-copy {
  color: #6EC300;
  font-size: 40px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .relaxation .fv-copy {
        font-size: 30px;
    }
}
.relaxation .fv-offer {
  margin: 10px 0 2px 15px;
}
.relaxation h2 {
  color: #6EC300;
}
.relaxation .case-name {
  color: #6EC300;
}
.relaxation .case-btn {
  background-color: #6EC300;
}
.relaxation .feature .inner {
  background-color: #EBFFD2;
}
.feature-img03 {
  margin: -10px 20px -20px;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .feature-img03 {
      margin: -10px auto;
  	width: 60%;
    }
}
.relaxation .benefits {
  background-color: #EBFFD2;
}
.relaxation .benefits-heading {
  color: #6EC300;
}
.relaxation .voice-box {
    background-color: #EBFFD2;
}
header.head {
    position: absolute;
  }
header.head.ads #logo {
    position: absolute;
    top: 20px;
  }
footer.foot #copyRight #foogLogo {
    display: none;
  }
@media screen and (max-width: 1220px) {
  header.head #logo img {
        width: 120px;
      }
  header.head.ads #logo {
        top: 12px;
        left: calc(50% - 60px);
        width: fit-content;
      }
  footer.foot #copyRight nav {
        padding: 5px 0;
      }
  .industry .column_form {
        margin: -40px auto 80px;
      }
}

/* === common/css/form-lp2.css === */
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], textarea {
    padding: 5px 10px;
    box-sizing: border-box;
    border: solid 1px #d1d2d2;
    background: #e5e5e5;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
}
button {
    background: #e94729;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
    margin: auto;
    max-width: 100%;
    padding: 1em 0;
    padding: 12px 0;
    width: 400px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
@media screen and (max-width: 768px) {
  button {
          max-width: 80%;
          font-size: 18px;
      }
}
.form-set .field-error {
    color: #d33;
    font-size: 13px;
    margin: 4px 0 0;
    line-height: 1.4;
}
button.submit-btn:disabled {
    background: #e5e5e1;
    color: #606060;
    cursor: not-allowed;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* === WordPress管理画面の「追加CSS」から === */
/* 本文中の蛍光ペン風マーカー。テーマのCSSファイルではなくカスタマイザ側にあったので、
   移行にあたってここへ写した */
.marker {
  background: linear-gradient(transparent 75%, #FEC6D6 60%);
  font-weight: bold;
}

/* === /lp2/ 独自の調整 === */
/* #form は上余白を padding-top で取っており、さらに margin-top が負。そのため
   アンカーで飛ぶと「資料請求フォーム」の見出しが画面上端から100px下に来て間延びして見える。
   マージンやパディングをいじるとマージン相殺の効き方が変わってレイアウトがずれるので、
   レイアウトには触らず着地点だけを70px下げる。
   JS経由のスムーススクロールには効かないため、script.js の offset にも同じ値を入れてある */
#form {
  scroll-margin-top: -70px;
}

/* SPの共通CSS（mobile.css）は、常時出ている固定CTAがフッターに重ならないよう
   #copyRight の下に80pxの余白を取っている。このLPは資料請求フォームの手前でCTAが消えるので
   その余白は不要（テーマ側でも .multi のページは同じ理由で 0 にしている） */
@media screen and (max-width: 768px) {
  footer.foot #copyRight {
    padding-bottom: 0;
  }
}