html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: bottom;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  margin: 0;
}

a {
  text-decoration: none;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
  color: #333333;
}

* {
  margin: 0;
}

.sp-br {
  display: none;
}

.cv {
  position: relative;
}

.cv_tablet {
  position: unset;
}

.sec08,
.sec11 {
  background-color: #ffffff;
}

.pc_wrapper {
  width: 920px;
  margin: 0 auto;
}

.pc_wrapper2 {
  width: 1000px;
  margin: 0 auto;
}

.pc_wrapper3 {
  width: 1008px;
  margin: 0 auto;
}

.header_inner {
  display: flex;
  background-color: #fff;
  justify-content: space-between;
}

.header .logo {
  width: 28%;
  padding: 16px 45px 18px 0;
}

.header .header_inner .logo img,
.header .header_inner_sp .logo img {
  width: 100%;
}

.header .toiawase1 {
  padding: 15px 0 0 0;
}

.header .toiawase1 .txt {
  font-size: 24px;
  font-weight: bold;
}

.header .toiawase1 .time {
  font-size: 22px;
  margin: 8px 0 0;
}

.header .toiawase2 {
  padding: 27px 0 0 10px;
  display: flex;
}

.header .toiawase2 .tel {
  font-size: 30px;
  color: #e9482d;
  font-weight: bold;
}

.header .toiawase2 img {
  width: 32px;
  height: 32px;
}

.header-row {
  display: flex;
  align-items: center;
  gap: 40px;
}

a.head-tel {
  display: block;
  width: 60px;
  margin: 14px 0;
}

a.head-tel img {
  width: 100%;
  display: block;
  border: 2px solid #e9482b;
  border-radius: 50px;
}

.header .burger-btn {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  padding: 0;
  
  background-color: #D34028;
  border: none;
  border-radius: 5px;

  cursor: pointer;
}

.header .burger-btn .bar {
  width: 38px;
  height: 4px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.header .burger-btn .bar_top {
  top: calc(37% - 11px);
}

.header .burger-btn .bar_mid {
  top: 37%;
}

.header .burger-btn .bar_bottom {
  top: calc(37% + 11px);
}

.header .burger-btn .text {
  position: absolute;
  left: 50%;
  bottom: 5px;

  color: #fff;
  transform: translateX(-50%);
}

.header .burger-btn.close {
  position: absolute;
  top: 16px;
  right: 45px;

  background-color: #fff;
}

.header .burger-btn.close .bar {
  background-color: #D34028;
}

.header .burger-btn.close .bar_top {
  transform: translate(-50%, 18px) rotate(45deg);
  transition: transform 0.3s;
}

.header .burger-btn.close .bar_mid {
  opacity: 0;
  transition: opacity 0.3s;
}

.header .burger-btn.close .bar_bottom {
  transform: translate(-50%, -4px) rotate(-45deg);
  transition: transform 0.3s;
}

.header .nav-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;

  background-color: rgba(211, 64, 40, 0.9);		
  transition: 0.3s;
  transform: translateY(-100%);
}

.header .nav-wrapper.fade {
  transform: translateY(0);
}

.header .nav-wrapper .header-nav {
  position: relative;
  left: calc(50% + 330px);
  width: 350px;
  height: 100%;
  
  background-color: #fff;
  transform: translateX(-50%);
}

.header .header-nav .nav-list {
  padding-top: 100px;
}

.header .nav-wrapper a {
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  text-align: center;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 0;
}

.fv_img01 {
  padding: 26px 0 0 91px;
}

.fv {
  width: 100%;
  padding-bottom: 0;
  margin-top: 80px;

  background: url(../../img/lp_new/pc/fv_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  z-index: 1;
}

.header.view_area_1 {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  background: #fff;
  padding: 0px 0 0;
}

.fv .fv_wrapper {
  padding-bottom: 80px;
}

.fv .fv_title {
  position: absolute;
  text-align: center;
  width: 450px;
  top: 50px;
  left: 236px;
  font-weight: bold;
}

.fv .fv_title .txt1 {
  font-size: 68px;
  margin: 0 auto;
  letter-spacing: 5px;
}

.fv .fv_title .txt1 span {
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
}

.fv .fv_title .txt2 {
  font-size: 32px;
  margin: 23px 0 17px;
}

.fv .fv_title .txt3 {
  font-size: 44px;
  color: #e9482d;
}

.fv .fv_1 {
  width: 920px;
  margin: 5px auto 0;
  background-color: #fff4f2;
  color: #70aa18;
  display: flex;
  justify-content: space-between;
}

.fv .fv_1 .fukidashi {
  background: url(../../img/lp_new/pc/img01.png) no-repeat;
  background-size: contain;
  width: 510px;
  height: 62px;
  display: flex;
  margin: 24px 0 0 50px;
  justify-content: center;
}

.fv .fv_1 .fukidashi .txt1 {
  height: fit-content;
  margin-top: 14px;

  font-size: 28px;
  font-weight: bold;
}

.fv .fv_1 .fukidashi .txt1.long-label {
  font-size: 24px;
}

.fv .fv_1 .fukidashi .txt1 span {
  font-size: 24px;
  font-weight: normal;
}

.fv .fv_1 .fukidashi .txt1.long-label span {
  font-size: 20px;
}

.fv .fv_1 .fukidashi .txt2 {
  height: fit-content;
  margin-top: 14px;
  font-size: 24px;
}

.fv .fv_1 .fukidashi .txt2.long-label {
  font-size: 20px;
}

.fv .fv_1 .fukidashi .txt2 span {
  font-size: 28px;
  font-weight: bold;
}

.fv .fv_1 .fukidashi .txt2.long-label span {
  font-size: 24px;
}

.fv .fv_1 .txt3 {
  width: 100%;
  text-align: center;
  font-size: 26px;
  line-height: 40px;
  padding: 9px 30px 15px 0;
}

.fv .fv_1 .txt3 a {
  color: #70aa18;
  border: 1px solid;
  padding: 2px 10px;
  display: block;
  width: 80%;
  margin: auto;
  text-align: center;
  margin-top: 5px;
}

.fv .fv_1 .txt3 span {
  display: inline-block;
  padding-bottom: 26px;
  font-size: 36px;
  font-weight: bold;
}

.fv .fv_1 .txt3 span:last-of-type {
  padding-bottom: 0;
}

.fv .fv_1.goudo .fukidashi_wrp {
  margin: 36px 0 6px;
}

.fv .fv_1.goudo .fukidashi_wrp .fukidashi {
  width: 270px;
  margin: 0px 10px 4px 30px;
}

.fv .fv_1.goudo .txt3 {
  padding-right: 0;
}

.fv .fv_3 {
  position: absolute;
  padding: 18px 20px 10px;
  width: 100%;
  bottom: -80px;
  right: 0px;

  box-sizing: border-box;

  font-size: 16px;
}

.fv .fv_3 ol li {
  position: relative;
  padding-left: 38px;
  padding-bottom: 5px;
}

/*iwt*/

.fv .fv_1 .fukidashi.iwt9070 {
  height: 100%;
  margin: 10px 10px 10px 10px;
  background: none;
  display: block;
  border: 2px solid;
}

.fv .fv_1 .fukidashi.iwt9070 .txt1 {
  font-size: 22px;
  line-height: 1.2;
}

.fv .fv_1 .fukidashi.iwt9070 .txt2 {
  margin: 0 10px 10px;
  margin-bottom: 10px;
  text-align: right;
}

.fv .fv_1 .fukidashi.iwt9070 .txt2 span {
  font-size: 40px;
}

/*iwt end*/

.cv_1 {
  background: url(../../img/lp_new/pc/cv_1.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 651px;
  text-align: center;
  font-weight: bold;
  padding-top: 51px;
}

.cv_inner_1 {
  background: #ffffff;
  border: 4px solid #e9482d;
  border-radius: 5px;
  width: 920px;
  margin: 0 auto 0;
}

.cv_1 .txt1 {
  font-size: 30px;
  padding-top: 60px;
}

.cv_1 .txt2 {
  font-size: 48px;
  padding-top: 15px;
  padding-bottom: 20px;
  color: #e9482d;
  line-height: 65px;
}

.cv_1 .txt2 span {
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
}

.cv_txt1 {
  font-size: 22px;
  padding-bottom: 60px;
  padding-top: 20px;
}

.sec01 {
  background: url(../../img/lp_new/pc/sec01_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 1569px;
  text-align: center;
}

.sec01 .title {
  font-weight: bold;
  font-size: 32px;
  padding: 0px 0 50px;
}

.sec01 .title span {
  background: linear-gradient(transparent 67%, #ffdad6 60%);
  border-bottom: 5px solid #ffdad6;
}

.sec01 .title span span {
  font-size: 36px;
  vertical-align: initial;
  border-bottom: 2px solid #ffdad6;
  background: linear-gradient(transparent 76%, #ffdad6 60%);
}

.sec01 .txt1 {
  position: absolute;
  width: 343px;
  top: 30px;
  left: 295px;
  font-size: 24px;
  line-height: 33px;
}

.sec01 .txt2 {
  position: absolute;
  width: 245px;
  top: 212px;
  left: 32px;
  font-size: 24px;
  line-height: 33px;
}

.sec01 .txt3 {
  position: absolute;
  width: 266px;
  top: 212px;
  left: 638px;
  font-size: 24px;
  line-height: 33px;
}

.sec01 .txt4 {
  position: absolute;
  width: 196px;
  top: 455px;
  left: 120px;
  font-size: 24px;
  line-height: 33px;
}

.sec01 .txt5 {
  position: absolute;
  width: 193px;
  top: 455px;
  left: 610px;
  font-size: 24px;
  line-height: 33px;
}

.sec01 .txt6 {
  position: absolute;
  width: 457px;
  top: 660px;
  left: 240px;
  font-size: 32px;
  font-weight: bold;
}

.sec01 .txt7 {
  position: absolute;
  width: 567px;
  top: 850px;
  left: 180px;
  font-size: 31px;
}

.sec01 .txt7 span {
  color: #ff4c24;
  font-weight: bold;
  font-size: 40px;
  background: linear-gradient(transparent 67%, #ffdad6 60%);
  border-bottom: 5px solid #ffdad6;
}

.cv_txt2 {
  position: absolute;
  width: 744px;
  top: 960px;
  left: 84px;
  font-size: 29px;
  line-height: 42px;
}

.sec01 .img {
  margin-top: 315px;
}


.sec01 .pc .img img {
  width: 50%;
}

.sec01 .sp .img {
  margin-top: 0;
  position: absolute;
  top: 143%;

  transform: translateX(-50%);
  left: 50%;
  width: 80%;
}


.cv_2 {
  background: url(../../img/lp_new/pc/cv_2.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 482px;
  text-align: center;
  padding-top: 6px;
}

.cv_inner_2 {
  background: #ffffff;
  border: 4px solid #e9482d;
  border-radius: 5px;
  width: 920px;
  margin: 0 auto 0;
  padding-bottom: 60px;
}

.cv_2 .txt1 {
  font-size: 30px;
  font-weight: bold;
  padding: 65px 0 55px;
}

.cv_2 .txt1 span {
  color: #ff4c24;
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
}

.cv_2 .txt2 {
  font-size: 30px;
  font-weight: bold;
  padding: 45px 0 10px 15px;
}

.cv_2 .txt2 span {
  color: #ff4c24;
}

.sec02 {
  background: #f5f9f0;
  width: 100%;
  height: 1137px;
}

.sec02 .pc .title {
  background: url(../../img/lp_new/pc/sec02_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 219px;
}

.sec02 .pc .title p {
  padding-top: 35px;
}

.sec02 .title {
  font-size: 24px;
  line-height: 50px;
  text-align: center;
}

.sec02 .title span {
  font-size: 40px;
  font-weight: bold;
}

.sec02 .img {
  margin: 50px 0 63px;
  text-align: center;
}

.sec02 .sec02_inner {
  width: 920px;
  height: 307px;
  background: #ffffff;
  border: 4px solid #f89c2d;
  border-radius: 5px;
  margin-top: 62px;
}

.sec02 .txt1 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.sec02 .sec02_inner .txt2 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding: 42px 0 30px;
}

.sec02 .sec02_inner .txt3 {
  font-size: 22px;
  line-height: 39px;
  width: 800px;
  margin: 0 auto;
}

.sec03 {
  background: url(../../img/lp_new/pc/sec03_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 1507px;
}

.sec03 .pc_wrapper {
  padding-top: 2px;
}

.sec03 .pc_wrapper .title {
  width: 500px;
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background: #f89c2d;
  border-radius: 5px;
  padding: 15px 0;
  margin: 0 auto;
}

.sec03 .pc_wrapper .txt1 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}

.sec03 .pc_wrapper .interview {
  font-size: 22px;
  line-height: 39px;
  margin-top: 130px;
}

.sec03 .pc_wrapper .interview .txt2 {
  width: 643px;
}

.sec03 .pc_wrapper .interview .txt3 {
  width: 643px;
  margin: 140px 0 0 277px;
}

.sec03 .pc_wrapper .interview .txt4 {
  width: 643px;
  margin-top: 140px;
}

.sec03 .pc_wrapper .interview .txt5 {
  width: 643px;
  margin: 118px 0 0 277px;
}

.sec03 .interview span {
  color: #ff6247;
}

.sec04 {
  background: url(../../img/lp_new/pc/sec04_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 750px;
  text-align: center;
}

.sec04 .sec04_inner {
  position: relative;
  z-index: 1;
}

.sec04 .txt1 {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #4f4f4f;
  text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff,
    -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff,
    -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
}

.sec05 {
  background: #fef7e6;
}

.sec05 .pc_wrapper2 {
  text-align: center;
}

.sec05 .pc_wrapper2 .point {
  padding: 60px 0 80px;
}

.sec05 .pc_wrapper2 .txt1 {
  font-size: 30px;
  font-weight: bold;
  padding: 82px 0 10px;
}

.sec05 .pc_wrapper2 .txt2 {
  position: absolute;
  width: 621px;
  left: 158px;
  top: 87px;
  font-size: 27px;
}

.sec05 .pc_wrapper2 .txt3 {
  position: absolute;
  width: 280px;
  left: 170px;
  top: 363px;
  font-size: 22px;
  line-height: 35px;
}

.sec05 .txt3 span,
.sec05 .txt4 span,
.sec05 .txt6 span,
.sec05 .txt7 span,
.sec05 .txt9 span,
.sec05 .txt10 span {
  font-weight: bold;
}

.sec05 .pc_wrapper2 .txt4 {
  position: absolute;
  width: 280px;
  left: 550px;
  top: 363px;
  font-size: 22px;
  line-height: 35px;
}

.sec05 .pc_wrapper2 .txt5 {
  position: absolute;
  width: 565px;
  left: 300px;
  top: 563px;
  font-size: 26px;
}

.sec05 .pc_wrapper2 .txt6 {
  position: absolute;
  width: 280px;
  left: 170px;
  top: 845px;
  font-size: 22px;
  line-height: 35px;
}

.sec05 .pc_wrapper2 .txt7 {
  position: absolute;
  width: 280px;
  left: 550px;
  top: 845px;
  font-size: 22px;
  line-height: 35px;
}

.sec05 .pc_wrapper2 .txt8 {
  position: absolute;
  width: 538px;
  left: 165px;
  top: 1041px;
  font-size: 27px;
}

.sec05 .pc_wrapper2 .txt9 {
  position: absolute;
  width: 247px;
  left: 500px;
  top: 1136px;
  font-size: 28px;
  line-height: 39px;
  text-align: left;
}

.sec05 .pc_wrapper2 .txt10 {
  position: absolute;
  width: 312px;
  left: 500px;
  top: 1272px;
  font-size: 26px;
  line-height: 41px;
  text-align: left;
}

.sec05 .txt10 .line1 {
  background: linear-gradient(transparent 67%, #fff16e 60%);
  border-bottom: 5px solid #fff16e;
}

.sec05 .txt10 .line2 {
  background: linear-gradient(transparent 67%, #ffcdcd 60%);
  border-bottom: 5px solid #ffcdcd;
}

.sec05 .txt10 .line3 {
  background: linear-gradient(transparent 67%, #c3ecce 60%);
  border-bottom: 5px solid #c3ecce;
}

.sec05 .pc_wrapper2 .txt11 {
  position: absolute;
  width: 690px;
  left: 155px;
  top: 1443px;
  color: #e9482d;
  font-weight: bold;
  font-size: 30px;
  line-height: 48px;
  text-align: center;
}

.sec05_inner {
  background: url(../../img/lp_new/pc/sec05_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 215px;
}

.sec05 .sec05_inner .txt12 {
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  padding-top: 87px;
}

.cv_3 {
  background: url(../../img/lp_new/pc/cv_3.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 692px;
  text-align: center;
  padding-top: 55px;
}

.cv_inner_3 {
  background: #ffffff;
  border: 4px solid #e9482d;
  border-radius: 5px;
  width: 920px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.cv_3 .txt1 {
  font-size: 30px;
  padding-top: 65px;
  font-weight: bold;
  padding-bottom: 20px;
}

.cv_3 .txt2 span {
  color: #ff4c24;
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 3px solid #ffe145;
  font-size: 48px;
  line-height: 75px;
  font-weight: bold;
}

.cv_3 .txt3 {
  background: url(../../img/lp_new/pc/icon3.png) no-repeat;
  width: 387px;
  font-size: 26px;
  padding: 18px 0 30px;
  margin: 40px auto 8px;
}

.sec06 .pc_wrapper {
  text-align: center;
}

.sec06 .pc_wrapper .txt1 {
  width: 100%;
  font-weight: bold;
  background: #f89c2d;
  border-radius: 5px;
  color: #ffffff;
  padding: 18px 0;
  margin-top: 80px;
  font-size: 36px;
}

.sec06 .pc_wrapper .txt2 {
  font-weight: bold;
  font-size: 36px;
  position: relative;
  margin: 35px 0 55px;

  z-index: 1;
}

.sec06 .pc_wrapper .txt2::after {
  position: absolute;
  content: "";
  background: url(../../img/lp_new/pc/icon4.png) no-repeat;
  width: 83px;
  height: 136px;
  top: -62px;
  right: 50px;

  z-index: -1;
}

.sec06 .pc_wrapper .txt3 {
  font-size: 40px;
  margin: 112px 0 60px;
  padding-left: 231px;
  position: relative;
}

.sec06 .pc_wrapper .txt3::before {
  position: absolute;
  content: "";
  background: url(../../img/lp_new/pc/icon5.png) no-repeat;
  width: 251px;
  height: 198px;
  top: -102px;
  left: -36px;
}

.sec06 .txt3 span {
  background: linear-gradient(transparent 67%, #f5cd9b 60%);
  border-bottom: 5px solid #f5cd9b;
}

.sec06 .pc_wrapper .txt4 {
  font-size: 24px;
  margin: 50px 0 25px;
}

.sec06 .pc_wrapper .txt5 {
  font-weight: bold;
  font-size: 46px;
  color: #70aa18;
  margin-bottom: 56px;
}

.sec06 .pc_wrapper .txt6 {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 130px;
  font-size: 34px;
}

.sec06 .pc_wrapper .txt6 span {
  font-weight: bold;
  font-size: 42px;
}

.sec06 .pc_wrapper .txt7 {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 925px;
  font-weight: bold;
  font-size: 27px;
  line-height: 50px;
  text-align: center;
}

.sec06 .pc_wrapper .txt7 span {
  font-size: 34px;
}

.sec06 .pc_wrapper .txt7 span span {
  background: linear-gradient(transparent 67%, #ffffff 60%);
  border-bottom: 5px solid #ffffff;
}

.sec06 .pc_wrapper .txt8 {
  position: absolute;
  width: 88%;
  left: 6%;
  top: 1165px;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
}

.sec06 .txt8 span {
  color: #e9482d;
}

.sec06 .pc_wrapper .program2 {
  margin-top: 60px;
}

.sec06 .pc_wrapper .txt9 {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 123px;
  font-size: 30px;
  line-height: 54px;
  text-align: center;
}

.sec06 .pc_wrapper .txt9 span {
  font-size: 34px;
}

.sec06 .pc_wrapper .txt9 span span {
  font-size: 42px;
  font-weight: bold;
}

.sec06 .pc_wrapper .txt10 {
  position: absolute;
  width: 234px;
  left: 146px;
  top: 293px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  line-height: 37px;
  color: #ffffff;
}

.sec06 .pc_wrapper .txt11 {
  position: absolute;
  width: 234px;
  left: 545px;
  top: 293px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  line-height: 37px;
  color: #ffffff;
}

.sec06 .pc_wrapper .txt12 {
  position: absolute;
  width: 165px;
  left: 275px;
  top: 400px;
  font-size: 16px;
  text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff,
    -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff,
    -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
}

.sec06 .pc_wrapper .txt13 {
  position: absolute;
  width: 336px;
  left: 91px;
  top: 473px;
  font-size: 24px;
  line-height: 36px;
}

.sec06 .pc_wrapper .txt14 {
  position: absolute;
  width: 300px;
  left: 510px;
  top: 456px;
  font-size: 24px;
  line-height: 31px;
}

.sec06 .pc_wrapper .txt15 {
  position: absolute;
  width: 262px;
  left: 127px;
  top: 604px;
  font-size: 23px;
  line-height: 36px;
}

.sec06 .pc_wrapper .txt16 {
  position: absolute;
  width: 300px;
  left: 510px;
  top: 593px;
  font-size: 24px;
  line-height: 31px;
}

.sec06 .pc_wrapper .txt17 {
  position: absolute;
  width: 251px;
  left: 137px;
  top: 724px;
  font-size: 24px;
  line-height: 36px;
}

.sec06 .pc_wrapper .txt18 {
  position: absolute;
  width: 344px;
  left: 490px;
  top: 730px;
  font-size: 24px;
  line-height: 31px;
}

.sec06 .pc_wrapper .txt19 {
  position: absolute;
  width: 264px;
  left: 130px;
  top: 874px;
  font-size: 24px;
  line-height: 36px;
}

.sec06 .pc_wrapper .txt20 {
  position: absolute;
  width: 313px;
  left: 505px;
  top: 855px;
  font-size: 24px;
  line-height: 26px;
}

.sec06 .pc_wrapper .txt21 {
  position: absolute;
  width: 251px;
  left: 135px;
  top: 991px;
  font-size: 24px;
  line-height: 36px;
}

.sec06 .pc_wrapper .txt22 {
  position: absolute;
  width: 300px;
  left: 510px;
  top: 987px;
  font-size: 24px;
  line-height: 28px;
}

.sec06 .pc_wrapper .txt23 {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 1205px;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
}

.sec06 .txt23 span {
  color: #e9482d;
}

.sec06 .pc_wrapper .program3 {
  margin-top: 60px;
}

.sec06 .pc_wrapper .txt24 {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 125px;
  font-size: 34px;
  text-align: center;
}

.sec06 .txt24 span {
  font-size: 42px;
  font-weight: bold;
}

.sec06 .pc_wrapper .txt25 {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 508px;
  font-size: 27px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
}

.sec06 .pc_wrapper .txt26 {
  position: absolute;
  width: 80%;
  left: 10%;

  top: 645px;
  font-size: 27px;
  line-height: 40px;
  text-align: center;
}

.sec06 .pc_wrapper .txt27 {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 840px;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
}

.sec06 .txt27 span {
  color: #e9482d;
}

.sec06 .sec06_inner {
  background: url(../../img/lp_new/pc/sec06_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 961px;
  text-align: center;
  padding-top: 42px;
}

.sec06 .sec06_inner .txt28 {
  font-size: 32px;
  margin: 45px 0 43px;
}

.sec06 .sec06_inner .txt29 {
  font-weight: bold;
  font-size: 54px;
  color: #e9482d;
  margin-bottom: 38px;
}

.sec06 .txt29 span {
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
}

.sec06 .sec06_inner .txt30 {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #4f4f4f;
  text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff,
    -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff,
    -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
}

.cv_4 {
  background: url(../../img/lp_new/pc/cv_4.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 582px;
  text-align: center;
  padding-top: 55px;
}

.cv_inner_4 {
  background: #ffffff;
  border: 4px solid #e9482d;
  border-radius: 5px;
  width: 920px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.cv_4 .txt1 {
  padding: 70px 0 40px;
  font-size: 41px;
}

.cv_4 .txt1 span {
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
  font-weight: bold;
}

.cv_4 .txt2 {
  background: url(../../img/lp_new/pc/icon3.png) no-repeat;
  width: 387px;
  font-size: 26px;
  padding: 18px 0 30px;
  margin: 40px auto 8px;
}

.sec07 .pc_wrapper2 .txt1 {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin-top: 85px;
}

.sec07 .pc_wrapper2 .txt2 {
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  color: #e9482d;
  vertical-align: initial;
  margin: 15px 0 35px;
}

.sec07 .pc_wrapper2 .txt2 span {
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 6px solid #ffe145;
  vertical-align: initial;
}

.sec07 .pc_wrapper2 .txt2 span span {
  font-size: 42px;
  vertical-align: initial;
  background: linear-gradient(transparent 85%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
}

.sec07 .pc_wrapper2 .txt2 span span span {
  font-size: 80px;
  vertical-align: initial;
  background: linear-gradient(transparent 85%, #ffe145 60%);
  border-bottom: 0px solid #ffe145;
}

.sec07 .pc_wrapper2 .txt3 {
  position: absolute;
  width: 548px;
  left: 205px;
  top: 53px;
  font-size: 27px;
  color: #ffffff;
}

.sec07 .pc_wrapper2 .txt3 span {
  font-size: 36px;
  font-weight: bold;
}

.sec07 .pc_wrapper2 .txt4 {
  position: absolute;
  width: 330px;
  left: 335px;
  top: 155px;
  font-size: 30px;
  text-align: center;
}

.sec07 .pc_wrapper2 .txt4 span {
  color: #e9482d;
  background: #ffffff;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 34px;
}

.sec07 .pc_wrapper2 .txt5 {
  position: absolute;
  width: 410px;
  left: 420px;
  top: 270px;
  font-size: 22px;
  line-height: 34px;
}

.sec07 .pc_wrapper2 .txt5 span {
  font-weight: bold;
  font-size: 24px;
}

.sec07 .pc_wrapper2 ul li {
  position: relative;
  padding-left: 24px;
}

.sec07 .pc_wrapper2 ul li::before {
  position: absolute;
  content: "・";
  left: 0;
}

.sec07 .pc_wrapper2 .txt6 {
  position: absolute;
  width: 410px;
  left: 420px;
  top: 500px;
  font-size: 22px;
  line-height: 34px;
}

.sec07 .pc_wrapper2 .txt6 span {
  font-weight: bold;
  font-size: 24px;
}

.sec07 .pc_wrapper2 .step2,
.sec07 .pc_wrapper2 .step3 {
  margin-top: 30px;
}

.sec07 .pc_wrapper2 .txt7 {
  position: absolute;
  width: 575px;
  left: 205px;
  top: 48px;
  font-size: 27px;
  color: #ffffff;
}

.sec07 .pc_wrapper2 .txt7 span {
  font-size: 36px;
  font-weight: bold;
}

.sec07 .pc_wrapper2 .txt8 {
  position: absolute;
  width: 330px;
  left: 335px;
  top: 153px;
  font-size: 30px;
  text-align: center;
}

.sec07 .pc_wrapper2 .txt8 span {
  color: #e9482d;
  background: #ffffff;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 34px;
}

.sec07 .pc_wrapper2 .txt9 {
  position: absolute;
  width: 417px;
  left: 415px;
  top: 278px;
  font-size: 22px;
  line-height: 34px;
}

.sec07 .pc_wrapper2 .txt9 span {
  font-weight: bold;
}

.sec07 .pc_wrapper2 .txt10 {
  position: absolute;
  width: 420px;
  left: 415px;
  top: 515px;
  font-size: 22px;
  line-height: 34px;
}

.sec07 .pc_wrapper2 .txt10 span {
  font-weight: bold;
}

.sec07 .pc_wrapper2 .txt11 {
  position: absolute;
  width: 575px;
  left: 205px;
  top: 42px;
  font-size: 27px;
  color: #ffffff;
}

.sec07 .pc_wrapper2 .txt11 span {
  font-size: 36px;
  font-weight: bold;
}

.sec07 .pc_wrapper2 .txt12 {
  position: absolute;
  width: 330px;
  left: 335px;
  top: 150px;
  font-size: 30px;
  text-align: center;
}

.sec07 .pc_wrapper2 .txt12 span {
  color: #e9482d;
  background: #ffffff;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 34px;
}

.sec07 .pc_wrapper2 .txt13 {
  position: absolute;
  width: 420px;
  left: 415px;
  top: 300px;
  font-size: 22px;
  line-height: 34px;
}

.sec07 .pc_wrapper2 .txt13 span {
  font-weight: bold;
}

.sec07 .pc_wrapper2 .txt14 {
  position: absolute;
  width: 420px;
  left: 415px;
  top: 605px;
  font-size: 22px;
  line-height: 34px;
}

.sec07 .pc_wrapper2 .txt14 span {
  font-weight: bold;
}

.sec07 .pc_wrapper2 .wakabamark {
  margin-top: 40px;
}

.sec07 .txt15 {
  position: absolute;
  width: 644px;
  left: 205px;
  top: 51px;
  font-size: 30px;
  color: #ffffff;
}

.sec07 .txt15 span {
  font-size: 40px;
  font-weight: bold;
}

.sec07 .txt16 {
  position: absolute;
  width: 630px;
  left: 204px;
  top: 161px;
  font-size: 30px;
  line-height: 45px;
  text-align: center;
  font-weight: bold;
}

.sec07 .txt17 {
  position: absolute;
  width: 630px;
  left: 204px;
  top: 268px;
  font-size: 22px;
  text-align: center;
}

.sec07 .pc_wrapper2 .course {
  text-align: center;
  margin-top: 20px;
}

.sec07 .pc_wrapper2 .txt18 {
  position: absolute;
  width: 60%;
  left: 20%;
  top: 34px;
  font-size: 36px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.sec07 .pc_wrapper2 .txt18 span {
  font-size: 70px;
  vertical-align: initial;
}

.sec07 .pc_wrapper2 .txt19 {
  position: absolute;
  width: 202px;
  left: 162px;
  top: 175px;
  font-weight: bold;
  text-align: center;
}

.sec07 .pc_wrapper2 .no {
  color: #ffffff;
  font-size: 64px;
}

.sec07 .pc_wrapper2 .txt24,
.sec07 .pc_wrapper2 .txt26 {
  padding-top: 35px;
  font-size: 30px;
}

.sec07 .pc_wrapper2 .txt20 {
  position: absolute;
  width: 202px;
  left: 400px;
  top: 175px;
  font-weight: bold;
  text-align: center;
}

.sec07 .pc_wrapper2 .txt25 {
  padding-top: 25px;
  font-size: 30px;
  line-height: 39px;
}

.sec07 .pc_wrapper2 .txt21 {
  position: absolute;
  width: 202px;
  left: 636px;
  top: 175px;
  font-weight: bold;
  text-align: center;
}

.sec07 .pc_wrapper2 .txt22 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0 30px;
}

.sec07 .pc_wrapper2 .txt23 {
  font-weight: bold;
  font-size: 42px;
  text-align: center;
  color: #e9482d;
  margin-bottom: 15px;
}

.sec07 .pc_wrapper2 .txt23 span {
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
}

.sec08 {
  margin-top: 85px;
}

.sec08 .txt1 {
  text-align: center;
  padding-top: 20px;
  color: #e9482d;
  font-size: 48px;
}

.sec08 .txt1 span {
  font-weight: bold;
}

.sec08 .txt2 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 45px 0 65px;
}

.qanda {
  width: 917px;
  margin: 0 auto;
  padding-bottom: 24px;
}

.toggle {
  margin-bottom: 45px;
}

.toggle dt {
  cursor: pointer;
  color: #70aa18;
  font-size: 27px;
}

.toggle dt .inner {
  width: 917px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  position: relative;
  padding-left: 59px;
}

.toggle dt .inner img {
  width: 50px;
  right: 90px;
  top: -14px;
  position: absolute;
}

/*
.toggle dt .inner img.icon2 {
  width: 50px;
  right: 90px;
  top: -14px;
  position: absolute;
}
*/

.toggle dt .inner span::before {
  font-weight: bold;
  font-size: 32px;
  position: absolute;
  content: "Q.";
  left: 17px;
  top: -2px;
}

.toggle dt .line4 span::before {
  font-weight: bold;
  font-size: 32px;
  position: absolute;
  content: "Q.";
  left: 17px;
  top: -2px;
}

.inner>span:last-of-type,
.inner.active>span:first-of-type {
  display: none;
}

.inner.active>span:last-of-type {
  display: inline;
}

.qanda dd {
  display: none;
  padding-top: 20px;
  line-height: 38px;
}

.qanda dd .txt3 {
  color: #70aa18;
  font-size: 27px;
  padding-left: 44px;
}

.qanda dd .txt5 {
  color: #70aa18;
  font-size: 27px;
  padding-top: 35px;
  padding-bottom: 5px;
}

.qanda dd .txt6 {
  font-size: 26px;
  padding-top: 60px;
  padding-bottom: 0px;
  font-weight: bold;
}

.qanda dd .txt11 {
  color: #70aa18;
  font-size: 27px;
  padding-left: 44px;
  line-height: 56px;
}

.qanda dd .txt7 {
  font-weight: bold;
}

.qanda dd .pat5 {
  padding-top: 30px;
}

.qanda dd .pat2 {
  padding-top: 5px;
}

.qanda dd .pat3 {
  padding-top: 45px;
}

.qanda dd .bold {
  font-weight: bold;
  font-size: 26px;
}

.qanda dd .bold1 {
  font-weight: bold;
  font-size: 24px;
}

.qanda dd .small {
  font-size: 18px;
  line-height: 28px;
}

.qanda dd .answer,
.qanda dd .answer1 {
  position: relative;
  padding-left: 18px;
}

.qanda dd .answer::before {
  position: absolute;
  content: "A.";
  font-size: 32px;
  font-weight: bold;
  color: #70aa18;
  top: 0;
}

.qanda dd .answer1:before {
  position: absolute;
  content: "A.";
  font-size: 32px;
  font-weight: bold;
  color: #70aa18;
  top: 9px;
}

.qanda dd .txt4 {
  font-size: 24px;
  padding-left: 44px;
}

.qanda dd .txt4 .grn {
  color: #70aa18;
  font-weight: bold;
}

.qanda dd li {
  padding-left: 28px;
  position: relative;
}

.qanda dd li::before {
  position: absolute;
  content: "・";
  left: 0;
}

.qanda dd .table1 {
  font-size: 16px;
  border: solid 1px #000000;
  text-align: left;
  width: 855px;
  margin: 25px 0 0 44px;
}

.qanda dd .table1 .width1 {
  width: 110px;
}

.qanda dd .table1 .width2 {
  width: 585px;
}

.qanda dd .table1 .width3 {
  width: 160px;
}

.qanda dd .table1 .top {
  vertical-align: top;
}

.qanda dd .table1 .middle {
  vertical-align: middle;
}

.qanda dd .table1 td {
  padding: 7px 12px;
  border: solid 1px #000000;
  line-height: 28px;
}

.qanda dd .txt8 {
  font-size: 16px;
  margin: 30px 0 10px 44px;
  line-height: 30px;
}

.qanda dd .txt9 {
  font-size: 24px;
  margin: 35px 0 0 44px;
}

.qanda dd .table2 {
  font-size: 16px;
  border: solid 1px #000000;
  text-align: left;
  width: 855px;
  margin: 15px 0 0 44px;
}

.qanda dd .table2 .width1 {
  width: 50%;
}

.qanda dd .table2 .width2 {
  width: 50%;
}

.qanda dd .table2 .middle {
  vertical-align: middle;
}

.qanda dd .table2 td {
  padding: 7px 12px;
  border: solid 1px #000000;
  line-height: 28px;
}

.qanda dd .txt10 {
  font-size: 22px;
  margin: 20px 0 0 44px;
  line-height: 35px;
}

.qanda dd .txt10 span {
  font-size: 20px;
}

.qanda dd .txt10 a {
  text-decoration: underline;
}

.sec09 {
  background: url(../../img/lp_new/pc/sec09_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 1620px;
  text-align: center;
}

.sec09 .txt1 {
  padding-top: 43px;
  font-size: 30px;
  text-align: center;
  line-height: 63px;
}

.sec09 .txt1 span {
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
  font-size: 42px;
}

.sec09 .henka {
  width: 98%;
  padding: 0 1%;
  margin-top: 156px;
}

.sec09 .henka>p {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}

.sec09 .henka span {
  font-size: 22px;
}

.sec09 .txt2 {
  position: absolute;
  width: 452px;
  left: 11px;
  top: 31px;
}

.sec09 .txt3 {
  position: absolute;
  width: 418px;
  left: 630px;
  top: 118px;
}

.sec09 .txt4 {
  position: absolute;
  width: 504px;
  left: 140px;
  top: 322px;
}

.sec09 .txt5 {
  position: absolute;
  width: 312px;
  left: 621px;
  top: 527px;
}

.sec09 .img_only_tablet {
  display: none;
}

.sec09 .pc_wrapper3 .txt6 {
  font-size: 27px;
  line-height: 43px;
  text-align: left;
  margin-top: 140px;
}

.sec09 .pc_wrapper3 .txt7 {
  font-size: 30px;
  line-height: 76px;
  text-align: left;
  font-weight: bold;
  margin-top: 30px;
}

.sec09 .txt7 span {
  background: linear-gradient(transparent 67%, #ffe145 60%);
  border-bottom: 5px solid #ffe145;
  color: #e9482d;
  font-size: 48px;
}

.sec10 {
  background: #ffcec5;
  padding-bottom: 80px;
}

.sec10_title {
  background: url(../../img/lp_new/pc/sec10_back.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 248px;
  text-align: center;
}

.sec10 .sec10_title .txt5 {
  font-size: 30px;
  line-height: 57px;
  text-align: center;
  font-weight: bold;
  padding-top: 35px;
}

.sec10 .sec10_title .txt5 span {
  color: #e9482d;
  font-size: 36px;
}

.sec10_wrapper {
  width: 920px;
  margin: 0 auto;
}

.sec10_contener_1 {
  background-color: #ffffff;
  padding: 60px 15px;
  margin-bottom: 60px;
}

.sec10_contener_1 .title {
  text-align: center;
  position: relative;
  font-size: 34px;
  font-weight: bold;
}

.sec10_contener_1 .title::before {
  position: absolute;
  content: "";
  border: #e9482d solid 1px;
  width: 64px;
  top: 50%;
  left: 140px;
}

.sec10_contener_1 .title::after {
  position: absolute;
  content: "";
  border: #e9482d solid 1px;
  width: 64px;
  top: 50%;
  right: 140px;
}

.sec10_contener_1 .txt1 {
  text-align: center;
  font-size: 27px;
  line-height: 42px;
  padding-top: 60px;
}

.sec10_contener_1 .img1 {
  width: 594px;
  margin: 60px auto 40px;
}

.sec10_contener_1 .txt2 {
  font-size: 22px;
  line-height: 35px;
  padding-left: 130px;
}

.sec10_contener_1 .txt3 {
  font-size: 27px;
  font-weight: bold;
  padding: 40px 0 20px 130px;
}

.sec10_contener_1 ul {
  padding: 0 0 0 130px;
}

.sec10_contener_1 ul li {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  padding-left: 25px;
  padding-bottom: 20px;
}

.sec10_contener_1 ul li:last-child {
  padding-bottom: 10px;
}

.sec10_contener_1 ul li::before {
  position: absolute;
  content: "・";
  left: 0;
}

.sec10_contener_1 .txt4 {
  font-size: 20px;
  line-height: 27px;
  padding: 0 0 0 155px;
}

.sec10_contener_2 {
  background-color: #ffffff;
  padding: 60px 15px;
  margin-top: 60px;
}

.sec10_contener_2 .office {  
  position: relative;
  width: fit-content;
  margin: 0 auto;

  font-size: 34px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
}

.sec10_contener_2 .office::before {
  content: "";

  display: inline-block;
  position: absolute;
  top: 50%;
  left: -34px;
  width: 64px;
  height: 2px;

  background-color: #e9482d;
  transform: translateX(-100%);
}

.sec10_contener_2 .office::after {
  content: "";

  display: inline-block;
  position: absolute;
  top: 50%;
  right: -34px;
  width: 64px;
  height: 2px;

  background-color: #e9482d;
  transform: translateX(100%);
}

.sec10_contener_2 .office.subheading {
  margin-top: 10%;
  margin-bottom: 6%;
  font-size: 22px;
}

.office_name {
  font-weight: bold;
  text-align: center;
  font-size: 30px;
  margin-top: 4%;
}

.map {
  margin: 50px auto 20px;
  width: 485px;
}

.sec10_contener_2 .info {
  margin-left: 105px;
}

.sec10_contener_2 .info dt {
  flex-shrink: 0;
}

.sec10_contener_2 .info dl {
  display: flex;
  justify-content: left;
  font-size: 22px;
  line-height: 33px;
  margin-bottom: 10px;
}

.sec10_contener_2 .info dl a {
  color: #333333;
}


.sec10_contener_2 .gallery {
  display: flex;
  justify-content: center;
  margin: 5% 105px 2%;
}

.sec10_contener_2 .gallery img {
  margin-right: 11px;
  width: 33%;
}


.cv_6 .btn_2 {
  margin-top: 60px;
}

.form {
  text-align: center;
}

.sec11 {
  padding-top: 50px;
  text-align: center;
}

.sec11 .logo {
  margin: 0 auto 50px;
}

.sec11 .txt1 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}

.sec11 .txt2 {
  font-size: 16px;
  text-align: center;
  padding-bottom: 60px;
}

.sec12 {
  background: #e9482d;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
}

.cv_7 {
  padding: 50px 0 30px;
  font-size: 20px;
}

.cv_7 a {
  color: #ffffff;
}

.sec12 p {
  padding-bottom: 120px;
}

span.iwt_hozyo {
  display: inline-block;
  border: 1px solid;
  padding: 4px 6px;
  margin-top: 20px;
}

.btn_1 {
  background: url(../../img/lp_new/pc/btn_1.png) no-repeat;
  background-size: contain;
  margin: 0 auto;
  padding: 22px 0 37px 0;
  width: 749px;
  transition: filter 0.3s;
  text-align: center;
}

.btn_1 a {
  color: #ffffff;
  font-size: 26px;
  line-height: 50px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: block;
  padding-left: 0;
  font-weight: bold;
}

.btn_1 a span {
  font-size: 46px;
}

.btn_1:hover {
  filter: brightness(130%);
}

.btn_2 {
  background: url(../../img/lp_new/pc/btn_2.png) no-repeat;
  background-size: contain;
  margin: 0 auto;
  padding: 22px 0 37px 0%;
  width: 749px;
  transition: filter 0.3s;
  text-align: center;
}

.btn_2 a {
  color: #ffffff;
  font-size: 26px;
  line-height: 50px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: block;
  font-weight: bold;
}

.btn_2 a span {
  font-size: 46px;
}

.btn_2:hover {
  filter: brightness(130%);
}

.sp {
  display: none !important;
}

.tablet_br {
  display: none;
}

#office_list img {
  max-width: 500px;
  margin: auto;
  display: block;
}

.office_data {
  padding: 6% 3%;
}

.office_data p {
  font-size: 20px;
  line-height: 38px;
  margin-bottom: 5%;
}

.office_data a {
  color: #e9482d;
}

.office_data p.p_itex {
  font-size: 18px;
}

.office_data p span {
  font-size: 80%;
  display: block;
  line-height: 1.6;
}

.office_data h2 {
  font-size: 30px;
  font-weight: bold;
  color: #70aa18;
  margin-bottom: 5%;
}

.office_data dl {
  display: flex;
  margin-bottom: 4%;
}

.office_data dt {
  font-size: 30px;
  flex-basis: 160px;
  flex-basis: 30%;
  padding-left: 2%;
}

.office_data dd {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  color: #e9482d;
  padding-left: 40px;
  flex-basis: 70%;
}

.office_data dd::before {
  position: absolute;
  content: "";
  background: url(../../img/lp_new/office_before.png);
  width: 20px;
  height: 30px;
  background-size: 20px;
  background-repeat: no-repeat;
  left: 0;
  top: 2%;
}

.office_data dd span {
  display: block;
  font-weight: normal;
  font-size: 18px;
  color: #333;
  margin-top: 3%;
}

#form {
  background: #fff;
  padding: 0 5% 10%;
}

#form .privacy {
  max-width: 434px;
  margin: 0 auto 40px;
}

#form>div {
  max-width: 600px;
  margin: 0 auto;
}

#form .form_title {
  text-align: center;
  position: relative;
  font-size: 37px;
  line-height: 50px;
  font-weight: bold;
  margin-bottom: 10%;
}

#form .form_title::before {
  position: absolute;
  content: "";
  border: #e9482d solid 1px;
  width: 10%;
  top: 50%;
  left: 0;
}

#form .form_title::after {
  position: absolute;
  content: "";
  border: #e9482d solid 1px;
  width: 10%;
  top: 50%;
  right: 0;
}

#form p {
  font-size: 18px;
  line-height: 1.8;
  font-weight: normal;
}

#form p.form_ttl {
  margin-top: 3%;
}

#form input,
#form textarea,
#form select {
  border: 2px solid #70aa18;
  border-radius: 5px;
}

#form input,
#form textarea {
  width: 96%;
  padding: 6px 2%;
  margin-bottom: 2%;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#form input[type="checkbox"] {
  width: initial;
  margin: 0 5px 0 1%;
  -webkit-appearance: checkbox;
  float: left;
  height: 32px;
}

#form span.wpcf7-list-item-label {
  height: 32px;
  display: inline-block;
  position: relative;
  line-height: 32px;
}

#form select {
  width: 100%;
  padding: 1% 2%;
  margin-bottom: 2%;
}

#form span.wpcf7-list-item {
  margin-bottom: 1%;
  display: inline-block;
  width: 100px;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
  min-height: 32px;
}

#form a {
  color: #e9482d;
  text-decoration: underline;
}

#form .wpcf7-acceptance .wpcf7-list-item {
  width: 100%;
}

#form input.wpcf7-form-control.wpcf7-submit,
#form input.wpcf7-back,
#form input.wpcf7-confirm {
  display: block;
  height: 50px;
  max-width: 400px;
  margin: 20px auto 10px;

  color: #fff;
  background-color: #70aa18;
  font-size: 16px;
}

#form input.wpcf7-form-control.wpcf7-submit:disabled,
#form input.wpcf7-confirm:disabled {
  background: #ddd;
  border-color: #ddd;
}

.wpcf7 form.sent .wpcf7-response-output {
  display: none !important;
}

#form input.wpcf7-back {
  background: #ffcec5;
  color: #333;
  border: none;
}

div.wpcf7-mail-sent-ok {
  display: none !important;
}

#form .wpcf7c-conf {
  /* background-color: rgb(232, 240, 254); */
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* form追記 */
.confirm_box {
  display: none;
}

.custom-wpcf7c-confirmed .confirm_box {
  display: block;
}

#form .custom-wpcf7c-confirmed .wpcf7c-conf {
  border: none;
  border-radius: 0;
  margin: 0 0 2%;
}

#form .custom-wpcf7c-confirmed .wpcf7c-conf {
  font-size: 18px;
  padding-left: 42px;
}

#form .custom-wpcf7c-confirmed p {
  padding: 0 6%;
}

#form .custom-wpcf7c-confirmed p.form_ttl {
  padding-top: 0;
  font-weight: bold;
  padding: 0 2%;
}

#form .custom-wpcf7c-confirmed .privacy {
  display: none;
}

#form .custom-wpcf7c-confirmed .form_ttl span {
  margin-bottom: 4%;
}

#form .custom-wpcf7c-confirmed .mark+br+span {
  margin-top: 10px;
  margin-bottom: 20px;
  display: block;
}

#form .custom-wpcf7c-confirmed span.wpcf7-form-control.wpcf7-checkbox {
  margin-top: 20px;
  display: block;
}

#form .custom-wpcf7c-confirmed .privacy {
  display: none;
}

/* form追記.end */
div.wpcf7 .ajax-loader {
  display: none;
}

#form span.mark {
  padding: 0px 7px;
  color: #fff;
  border-radius: 6px;
  display: block;
  margin-right: 6px;
  font-weight: normal;
  font-size: 80%;
  line-height: 2;
  width: 30px;
  float: left;
  text-align: center;
}

#form span.ninni {
  background: #757575;
}

#form span.hissu {
  background: #e9482d;
}

#form textarea {
  margin-top: 1%;
}

#pp {
  display: none;
  position: fixed;
  z-index: 99999;
  background: #fff;
  top: 0;
  padding: 30px;
  left: 0;
  overflow: scroll;
  height: 100vh;
}

#pp h2 {
  color: #e9482d;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 6%;
}

#pp h3 {
  font-weight: bold;
  margin: 8% 0 4%;
}

#pp p {
  line-height: 1.4;
}

#pp .close {
  background: #e9482d;
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  line-height: 1;
  font-size: 30px;
  padding: 0 10px 7px 10px;
}

#pp .close:hover {
  cursor: pointer;
}

#form .wpcf7 form .wpcf7-response-output {
  margin-top: 0;
  padding: 2% 5%;
  font-size: 80%;
  line-height: 1.8;
}

.thanks {
  text-align: center;
  padding: 110px 0 0;
  background: #fff;
}

.thanks h1 {
  font-weight: bold;
  font-size: 24px;
}

.thanks p, .thanks div.beginning-text {
  width: fit-content;
  padding: 60px 0 30px;
  margin: 0 auto;
}

.thanks div.list-text, .thanks div.contacts-text {
  width: fit-content;
  padding-bottom: 30px;
  margin: 0 auto;
}

.thanks ul {
  display: flex;
  justify-content: center;
  padding: 0 1.5em 0;
  margin-bottom: 0;
}

.thanks ul li {
  margin: 10px;
}

.thanks div.list-text ul {
  display: block;
  width: fit-content;
  padding: 0 1.5em 0;
  margin: 0;

  text-align: left;
  list-style-type: disc;
}

.thanks div.list-text ul li {
  margin: 0;
}

.link_to_form {
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  padding: 10px;
  z-index: 99999;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 10px;
}

.link_to_form a {
  width: calc(50% - 10px);
  background: #73ab1d;
  text-align: center;
  padding: 10px 0;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  max-width: 400px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.link_to_form a span {
  font-size: 75%;
}

.link_to_form a:nth-child(2) {
  background: #e9482b;
}

@media screen and (min-width: 750px) and (max-width: 1160px) {
  .tablet_br {
    display: block;
  }

  .pc_wrapper,
  .pc_wrapper2 {
    width: 100%;
  }

  .pc_wrapper3 {
    width: fit-content;
  }

  .pc .tablet_size {
    width: 100%;
  }

  .cv_tablet {
    position: relative;
  }

  .header_inner {
    align-items: center;
    padding: 0 40px;
  }

  .header .logo {
    padding: 24px 0;
  }

  .header .toiawase1 {
    padding-top: 7px;
    height: fit-content;
  }

  .header .toiawase1 .txt {
    font-size: 18px;
  }

  .header .toiawase1 .time {
    font-size: 16px;
  }

  .header .toiawase2 {
    padding-top: 7px;
    padding-left: 15px;
    padding: 0 15px 0 9px;
    height: fit-content;
  }

  .header .toiawase2 .tel {
    font-size: 24px;
  }

  .header .nav-wrapper .header-nav {
    left: unset;
    margin-left: auto;

    transform: translateX(0);
  }

  .header .burger-btn.close {
    right: 40px;
  }

  .fv {
    padding-bottom: 110px;
    height: fit-content;
  }

  .fv_img01 {
    width: 90%;
    padding: 0 5%;
    margin-top: 26px;
  }

  .fv .fv_title {
    top: 25%;
    left: 10.95%;
    width: 69.6%;
    height: fit-content;
    transform: translateY(-50%);
  }

  .fv .fv_title .txt1 {
    padding-top: 2%;
    font-size: 60px;
  }

  .fv .fv_title .txt2 {
    font-size: 24px;
  }

  .fv .fv_title .txt3 {
    font-size: 36px;
  }

  .fv .fv_1 {
    width: 100%;
  }

  .fv .fv_1 .fukidashi {
    margin-left: 25px;
  }

  .fv .fv_1 .txt3 {
    font-size: 22px;
  }

  .fv .fv_1 .txt3 span {
    font-size: 27px;
  }

  .fv .fv_3 {
    left: unset;
    right: 0;
  }

  .cv_1 {
    padding-top: 0;
    height: fit-content;
  }

  .cv_inner_1 {
    width: calc(100% - 8px);
  }

  .cv_1 .txt1 {
    font-size: 26px;
  }

  .cv_1 .txt2 {
    font-size: 44px;
    line-height: 1.35;
  }

  .btn_1 {
    width: 95%;
    max-width: 708px;
  }

  .btn_1 a {
    font-size: 20px;
    line-height: 45px;
  }

  .btn_1 a span {
    font-size: 40px;
  }

  .cv_txt1 {
    font-size: 18px;
  }

  .sec01 {
    height: fit-content;
    padding: 115px 0 125px;
  }

  .sec01 .title {
    font-size: 28px;
  }

  .sec01 .title .tablet_br {
    display: block !important;
  }

  .sec01 .title span {
    display: inline-block;
    padding-top: 8px;
  }

  .sec01 .title span span {
    font-size: 32px;
  }

  .sec01 .pc_wrapper.cv {
    position: unset;
  }

  .sec01 .worry>p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15%;

    font-size: 18px;
  }

  .cv_2 {
    height: fit-content;
    padding-bottom: 48px;
  }

  .sec01 .txt1 {
    width: 46%;
    left: 27.5%;
    top: 0;
  }

  .sec01 .txt2 {
    width: 33%;
    top: 22.25%;
    left: 0;
  }

  .sec01 .txt3 {
    width: 33%;
    top: 22.25%;
    left: 67.25%;
  }

  .sec01 .txt4 {
    width: 33%;
    top: 52%;
    left: 7%;
  }

  .sec01 .txt5 {
    width: 33%;
    top: 52%;
    left: 60%;
  }

  .sec01 .worry>.txt6 {
    width: 66%;
    height: 12.5%;
    top: 75.75%;
    left: 17%;

    font-size: 26px;
  }

  .sec01 .txt7 {
    position: unset;
    padding-top: 63px;
    width: 100%;
    font-size: 27px;
  }

  .sec01 .txt7 span {
    font-size: 36px;
  }

  .cv_txt2 {
    position: unset;
    padding-top: 70px;
    width: 100%;

    font-size: 25px;
    line-height: 1.45;
  }

  .sec01 .img {
    padding-top: 15px;
    margin-top: 0;
  }

  .cv_inner_2 {
    width: calc(100% - 8px);
  }

  .cv_2 .txt1 {
    font-size: 26px;
  }

  .sec02 .sec02_inner {
    width: calc(100% - 8px);
  }

  .sec02 .sec02_inner .txt2 {
    font-size: 28px;
  }

  .sec02 .sec02_inner .txt3 {
    font-size: 20px;
    width: 92%;
  }

  .sec03 {
    background: none;
    height: auto;
  }

  .sec03 .pc {
    display: none !important;
  }

  /*
  .sec03 .pc_wrapper .interview .txt3,
  .sec03 .pc_wrapper .interview .txt5 {
    margin-left: auto;
  }
  */

  .sec03 .sp {
    display: block !important;
  }

  .sec03 .sp img.sp {
    width: 100%;
    vertical-align: bottom;
  }

  .sec03 .title {
    position: absolute;
    width: 62%;
    left: 19%;
    top: 0.2%;
    font-size: 4.5vw;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background: #f89c2d;
    border-radius: 5px;
    padding: 2% 0;
  }

  .sec03 .txt1 {
    position: absolute;
    width: 65%;
    left: 17.5%;
    top: 5%;
    font-size: 5.5vw;
    font-weight: bold;
    text-align: center;
  }

  .sec03 .interview {
    font-size: 22px;
    line-height: 1.75;
  }

  .sec03 .interview .txt2 {
    position: absolute;
    width: 62.5%;
    left: 7%;
    bottom: 73%;
  }

  .sec03 .interview .txt3 {
    position: absolute;
    width: 60%;
    right: 7%;
    bottom: 50.1%;
  }

  .sec03 .interview .txt4 {
    position: absolute;
    width: 62.5%;
    left: 7%;
    bottom: 26.6%;
  }

  .sec03 .interview .txt5 {
    position: absolute;
    width: 60%;
    right: 7%;
    bottom: 4%;
  }

  .sec03 .interview span {
    color: #ff6247;
  }

  .sec05 .pc_wrapper2 .point {
    padding: 0;
    margin: 60px 0 80px;
  }

  .sec05 .pc_wrapper2 .txt2,
  .sec05 .pc_wrapper2 .txt5,
  .sec05 .pc_wrapper2 .txt8 {
    text-align: left;
    font-size: 21px;
  }

  .sec05 .pc_wrapper2 .txt3,
  .sec05 .pc_wrapper2 .txt4,
  .sec05 .pc_wrapper2 .txt6,
  .sec05 .pc_wrapper2 .txt7 {
    width: 28%;
    font-size: 17px;
    line-height: 1.59;
  }

  .sec05 .pc_wrapper2 .txt2 {
    width: 65%;
    left: 16%;
    top: 1.6%;
  }

  .sec05 .pc_wrapper2 .txt3 {
    left: 17%;
    top: 20%;
  }

  .sec05 .pc_wrapper2 .txt4 {
    left: 55%;
    top: 20%;
  }

  .sec05 .pc_wrapper2 .txt5 {
    width: 59%;
    left: 30.5%;
    top: 33.4%;
  }

  .sec05 .pc_wrapper2 .txt6 {
    left: 17%;
    top: 51.7%;
  }

  .sec05 .pc_wrapper2 .txt7 {
    left: 55%;
    top: 51.7%;
  }

  .sec05 .pc_wrapper2 .txt8 {
    width: 56%;
    left: 16%;
    top: 65%;
  }

  .sec05 .pc_wrapper2 .txt9 {
    left: 51%;
    top: 70%;

    font-size: 22px;
    line-height: 1.39;
  }

  .sec05 .pc_wrapper2 .txt10 {
    left: 51%;
    top: 80%;

    font-size: 20px;
    line-height: 1.58;
  }

  .sec05 .pc_wrapper2 .txt11 {
    left: 15%;
    top: 92%;
    max-width: 70%;

    font-size: 22px;
    line-height: 1.6;
  }

  .sec05 .sec05_inner .txt12 {
    font-size: 28px;
  }

  .cv_inner_3,
  .cv_inner_4 {
    width: calc(100% - 8px);
  }

  .cv_3 {
    height: fit-content;
    padding-bottom: 48px;
  }

  .cv_3 .txt1 {
    font-size: 24px;
  }

  .cv_3 .txt2 span {
    font-size: 42px;
  }

  .cv_3 .txt3 {
    font-size: 20px;
  }

  .sec06 .pc_wrapper .txt1 {
    font-size: 32px;
  }

  .sec06 .pc_wrapper .txt2 {
    font-size: 32px;
  }

  .sec06 .pc_wrapper .txt3 {
    font-size: 28px;
    padding-left: calc(50% - 127px);
    margin: 104px 0 68px;

    text-align: start;
  }

  .sec06 .pc_wrapper .txt3::before {
    width: calc(251px * 0.9);
    height: calc(198px * 0.9);
    top: -250%;
    left: calc(50% - 355px);

    background-size: contain;
  }

  .sec06 .pc_wrapper .txt4 {
    margin-top: 27px;
    font-size: 22px;
  }

  .sec06 .pc_wrapper .txt5 {
    font-size: 44px;
  }

  .sec06 .pc_wrapper .txt6 {
    top: 9.5%;
    font-size: 30px;
  }

  .sec06 .pc_wrapper .txt6b span {
    font-size: 38px;
  }

  .sec06 .pc_wrapper .txt7 {
    width: 62.7%;
    top: 79.25%;
    left: 18.5%;
    transform: translateY(-50%);

    font-size: 21px;
    line-height: 44px;
  }

  .sec06 .pc_wrapper .txt7 span {
    font-size: 28px;
  }

  .sec06 .pc_wrapper .txt8 {
    top: 92.5%;
    font-size: 32px;
  }

  .sec06 .pc_wrapper .txt9 {
    top: 8%;
    font-size: 26px;
  }

  .sec06 .pc_wrapper .txt9 span {
    font-size: 30px;
  }

  .sec06 .pc_wrapper .txt9 span span {
    font-size: 38px;
  }

  .sec06 .pc_wrapper .txt10,
  .sec06 .pc_wrapper .txt13,
  .sec06 .pc_wrapper .txt15,
  .sec06 .pc_wrapper .txt17,
  .sec06 .pc_wrapper .txt19,
  .sec06 .pc_wrapper .txt21 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42.25%;
    height: 9.6%;
    left: 7%;
    font-size: 20px;
    line-height: 1.5;
  }

  .sec06 .pc_wrapper .txt11,
  .sec06 .pc_wrapper .txt14,
  .sec06 .pc_wrapper .txt16,
  .sec06 .pc_wrapper .txt18,
  .sec06 .pc_wrapper .txt20,
  .sec06 .pc_wrapper .txt22 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42%;
    height: 9.6%;
    left: 50.8%;
    font-size: 20px;
    line-height: 1.5;
  }

  .sec06 .pc_wrapper .txt10,
  .sec06 .pc_wrapper .txt11 {
    height: 8.5%;
    top: 21.15%;
    font-size: 22px;
    line-height: 1.42;
  }

  .sec06 .pc_wrapper .txt12 {
    width: fit-content;
    left: unset;
    right: 51%;
    top: 30%;

    font-size: 12px;
  }

  .sec06 .pc_wrapper .txt13,
  .sec06 .pc_wrapper .txt14 {
    top: 32.7%;
  }

  .sec06 .pc_wrapper .txt15,
  .sec06 .pc_wrapper .txt16 {
    top: 43.1%;
  }

  .sec06 .pc_wrapper .txt17,
  .sec06 .pc_wrapper .txt18 {
    top: 53.4%;
  }

  .sec06 .pc_wrapper .txt19,
  .sec06 .pc_wrapper .txt20 {
    top: 63.8%;
  }

  .sec06 .pc_wrapper .txt21,
  .sec06 .pc_wrapper .txt22 {
    top: 74.2%;
  }

  .sec06 .pc_wrapper .txt23 {
    top: 92.5%;
    font-size: 32px;
  }

  .sec06 .pc_wrapper .txt24 {
    top: 12.5%;
    font-size: 30px;
  }

  .sec06 .txt24 span {
    font-size: 38px;
  }

  .sec06 .pc_wrapper .txt25 {
    width: 68.35%;
    top: 57.8%;
    left: 15.8%;
    padding-top: 0;
    transform: translateY(-50%);

    font-size: 21px;
    line-height: 1.3;
  }

  .sec06 .pc_wrapper .txt26 {
    top: 69%;

    font-size: 21px;
    line-height: 1.48;
  }

  .sec06 .pc_wrapper .txt27 {
    top: 89%;
    font-size: 32px;
  }

  .sec06 .sec06_inner {
    height: 817px;
  }

  .sec06 .sec06_inner .txt28 {
    margin: 17px 0 24px;
    font-size: 28px;
  }

  .sec06 .sec06_inner .txt29 {
    font-size: 50px;
  }

  .sec06 .sec06_inner .txt29+img {
    width: calc(522px * 0.8);
    height: calc(523px * 0.8);
  }

  .cv_4 {
    height: fit-content;
    padding-bottom: 48px;
  }

  .cv_4 .txt1 {
    padding-top: 47px;
  }

  .cv_4 .txt2 {
    padding: 21px 0 27px;
    margin-top: 0;

    font-size: 20px;
  }

  .sec07 .pc_wrapper2 .course {
    width: fit-content;
    margin: 20px auto 0;
  }

  .sec07 .pc_wrapper2 .txt1 {
    font-size: 26px;
  }

  .sec07 .pc_wrapper2 .txt2 {
    font-size: 32px;
  }

  .sec07 .pc_wrapper2 .txt2 span,
  .sec07 .pc_wrapper2 .txt2 span span,
  .sec07 .pc_wrapper2 .txt2 span span span {
    background: none;
    border-bottom: none;
  }

  .sec07 .pc_wrapper2 .txt2>span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
  }

  .sec07 .pc_wrapper2 .txt2>span>span {
    font-size: 38px;
  }

  .sec07 .pc_wrapper2 .txt2>span>span>span {
    font-size: 76px;
  }

  .sec07 .pc_wrapper2 .txt3,
  .sec07 .pc_wrapper2 .txt7,
  .sec07 .pc_wrapper2 .txt11,
  .sec07 .txt15 {
    width: fit-content;
    left: 18%;
    top: 5.5%;
  }

  .sec07 .pc_wrapper2 .txt4,
  .sec07 .pc_wrapper2 .txt8,
  .sec07 .pc_wrapper2 .txt12 {
    width: fit-content;
    left: 52%;
    top: 19.5%;
    transform: translateX(-50%);
  }

  .sec07 .pc_wrapper2 .step1,
  .sec07 .pc_wrapper2 .step2,
  .sec07 .pc_wrapper2 .step3,
  .sec07 .pc_wrapper2 .wakabamark {
    width: 96%;
    padding: 0 2%;
  }

  .sec07 .pc_wrapper2 .step1>div,
  .sec07 .pc_wrapper2 .step2>div,
  .sec07 .pc_wrapper2 .step3>div {
    width: 41.5%;
    left: 41.8%;
    padding: 1.75% 2.5% 0;

    font-size: 17px;
    line-height: 1.55;
  }

  .sec07 .pc_wrapper2 .step1>div span,
  .sec07 .pc_wrapper2 .step2>div span,
  .sec07 .pc_wrapper2 .step3>div span {
    font-size: 19px;
  }

  .sec07 .pc_wrapper2 .txt3 {
    top: 5.5%;
  }

  .sec07 .pc_wrapper2 .txt5 {
    top: 30.5%;
  }

  .sec07 .pc_wrapper2 .txt6 {
    top: 60.9%;
  }

  .sec07 .pc_wrapper2 .txt7 {
    top: 5.25%;
  }

  .sec07 .pc_wrapper2 .txt9 {
    top: 30.5%;
  }

  .sec07 .pc_wrapper2 .txt10 {
    top: 62%;
  }

  .sec07 .pc_wrapper2 .txt11 {
    top: 4.25%;
  }

  .sec07 .pc_wrapper2 .txt13 {
    top: 29.3%;
  }

  .sec07 .pc_wrapper2 .txt14 {
    top: 65.8%;
  }

  .sec07 .txt15 {
    top: 12.75%;
    font-size: 26px;
  }

  .sec07 .txt15 span {
    font-size: 36px;
  }

  .sec07 .txt16 {
    width: 95.5%;
    top: 45%;
    left: 0;
    padding-left: 4.5%;

    font-size: 26px;
    line-height: 1.5;
  }

  .sec07 .txt17 {
    width: 95.5%;
    top: 81%;
    left: 0;
    padding-left: 4.5%;

    font-size: 18px;
  }

  .sec07 .pc_wrapper2 .txt19 {
    top: 45%;
    left: 1.3%
  }

  .sec07 .pc_wrapper2 .txt20 {
    top: 45%;
    left: 35.8%;
  }

  .sec07 .pc_wrapper2 .txt21 {
    top: 45%;
    left: 70%;
  }

  .sec07 .pc_wrapper2 .txt11 {
    font-size: 22px;
  }

  .sec07 .pc_wrapper2 .txt23 {
    font-size: 34px;
    margin-bottom: 65px;
  }

  .sec08 .txt1 {
    font-size: 44px;
  }

  .sec08 .txt2 {
    font-size: 26px;
  }

  .qanda {
    width: 90%;
    margin: 0 auto;
  }

  .toggle dt {
    font-size: 23px;
  }

  .sec08 .toggle dt>img.pc {
    width: 100%;
  }

  .toggle {
    margin-bottom: 27px;
  }

  .toggle dt .inner {
    box-sizing: border-box;
    width: 100%;
  }

  .qanda .toggle .tablet_br {
    display: block !important;
  }

  .toggle dt .inner span::before {
    font-size: 28px;
  }

  .toggle dt .inner img {
    width: 44px;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }

  .qanda dd .txt3 {
    font-size: 23px;
  }

  .qanda dd .txt4 {
    font-size: 20px;
  }

  .sec09 {
    background: url(../../img/lp_new/sec09_tabletback01.jpg) no-repeat;
    background-position: top center;
    height: fit-content;
  }

  .sec09 .henka>p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 15%;

    font-size: 18px;
  }

  .sec09 .txt2 {
    left: 2%;
    top: 2%;
    width: 41%;
  }

  .sec09 .txt3 {
    left: unset;
    right: 2.5%;
    top: 15%;
    width: 39%;
  }

  .sec09 .txt4 {
    left: 10.5%;
    top: 46%;
    width: 51%;
  }

  .sec09 .txt5 {
    left: unset;
    right: 12%;
    top: 76.75%;
    width: 32%;
    height: 17%;
  }

  .sec09 .henka {
    width: 98%;
    padding: 0 1%;
    max-height: 714px;
    margin-bottom: 32px;
  }

  .sec09 .henka>img {
    max-height: 694px;

    object-fit: contain;
  }

  .sec09 .henka span {
    font-size: 16px;
  }

  .sec09 .img_only_tablet {
    display: block;
    object-fit: cover;
  }

  .sec09 .pc_wrapper3 .txt6 {
    position: absolute;
    margin-top: 10%;
    width: fit-content;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

    font-size: 25px;
    line-height: 1.59;
  }

  .sec09 .pc_wrapper3 .txt7 {
    position: absolute;
    width: fit-content;
    top: 21.5%;
    left: 50%;
    transform: translateX(-50%);

    font-size: 28px;
    line-height: 66px;
  }

  .sec09 .txt7 span {
    font-size: 38px;
  }

  .sec10_wrapper {
    width: 100%;
  }

  .sec10_contener_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
  }

  .sec10_contener_1 .title {
    width: 100%;
    font-size: 32px;
  }

  .sec10_contener_1 .title::before {
    left: 0;
  }

  .sec10_contener_1 .title::after {
    right: 0;
  }

  .sec10_contener_1 .txt1 {
    font-size: 21px;
    line-height: 1.56;
  }

  .sec10_contener_1 .txt2,
  .sec10_contener_1 .txt3,
  .sec10_contener_1 ul,
  .sec10_contener_1 .txt4 {
    padding-left: 0;
    width: 682px;
  }

  .sec10_contener_1 .txt2 {
    font-size: 18px;
    line-height: 1.59;
  }

  .sec10_contener_1 .txt3 {
    font-size: 23px;
  }

  .sec10_contener_1 ul li {
    font-size: 20px;
  }

  .sec10_contener_2 {
    margin-top: 30px;
  }

  .sec10_contener_2 .office {
    width: 100%;
    font-size: 32px;
  }

  .sec10_contener_2 .office::before {
    left: 0;
    transform: translateX(0);
  }

  .sec10_contener_2 .office::after {
    right: 0;
    transform: translateX(0);
  }

  .sec10_contener_2 .map img {
    width: inherit;
  }

  .sec10_contener_2 .info {
    margin: 0 auto;
    width: 682px;
  }

  .sec10_contener_2 .info dl {
    font-size: 20px;
    font-size: 1.5;
  }

  .btn_2 {
    width: 100%;
    max-width: 753px;
  }

  .btn_2 a {
    font-size: 20px;
  }

  .btn_2 a span {
    font-size: 40px;
  }

  #form {
    padding-bottom: 5%;
    ;
  }

  #form .form_title {
    margin-bottom: 6%;

    font-size: 32px;
    line-height: 1.35;
  }

  #form .privacy {
    width: fit-content;
  }

  #form .wpcf7-acceptance .wpcf7-list-item {
    margin-left: 45px;
    width: -webkit-fill-available;
  }

  .sec11 {
    padding-top: 32px;
  }

  .sec11 .logo {
    margin-bottom: 16px;
  }

  .sec11 .txt1 {
    padding-bottom: 10px;
    font-size: 18px;
  }

  .sec11 .txt2 {
    padding-bottom: 30px;
    font-size: 12px;
  }

  .sec12 {
    font-size: 16px;
  }

  .cv_7 {
    padding: 25px 0 9px;
    font-size: 18px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1160px) {
  .fv .fv_title {
    top: 23%;
  }

  .font-size {
    font-size: 68px;
  }

  .fv .fv_title .txt2 {
    font-size: 32px;
  }

  .fv .fv_title .txt3 {
    font-size: 44px;
  }

  .sec01 .worry>p {
    font-size: 22px;
  }

  .sec01 .worry>.txt6 {
    font-size: 30px;
  }

  .cv_2 .txt1 {
    font-size: 30px;
  }

  .sec05 .pc_wrapper2 .txt2,
  .sec05 .pc_wrapper2 .txt5,
  .sec05 .pc_wrapper2 .txt8 {
    font-size: 25px;
  }

  .sec05 .pc_wrapper2 .txt9 {
    font-size: 28px;
  }

  .sec05 .pc_wrapper2 .txt10 {
    font-size: 26px;
  }

  .sec05 .pc_wrapper2 .txt11 {
    font-size: 30px;
  }

  .sec06 .pc_wrapper .txt7 {
    font-size: 27px;
    line-height: 50px;
  }

  .sec06 .pc_wrapper .txt7 span {
    font-size: 34px;
  }

  .sec06 .pc_wrapper .txt10,
  .sec06 .pc_wrapper .txt11 {
    font-size: 26px;
  }

  .sec06 .pc_wrapper .txt12 {
    font-size: 16px;
  }

  .sec06 .pc_wrapper .txt13,
  .sec06 .pc_wrapper .txt12~p:not(.txt23) {
    font-size: 24px;
  }

  .sec06 .pc_wrapper .txt23 {
    font-size: 40px;
  }

  .sec06 .pc_wrapper .txt25 {
    font-size: 27px;
  }

  .sec06 .pc_wrapper .txt26 {
    font-size: 27px;
  }

  .sec06 .pc_wrapper .txt27 {
    font-size: 40px;
  }
}

@media all and (min-width: 0px) and (max-width: 750px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .sp-br {
    display: inline;
  }

  img {
    width: 100%;
    vertical-align: bottom;
  }

  .header {
    background-color: #ffffff;
  }

  .header_inner_sp {
    display: flex;
    justify-content: space-between;
  }

  .header .logo {
    width: 42%;
    padding: 4.1% 0 4.1% 4%;
  }

  .header .toiawase {
    padding: 2% 3% 2% 0;
    text-align: center;
  }

  a.head-tel {
    display: block;
    width: 21%;
    margin: 3% calc(4% + 2px) 3% 0;
  }

  a.head-tel img {
    width: 100%;
    display: block;
    border: 2px solid #e9482b;
    border-radius: 50px;
  }

  .header .toiawase .txt {
    font-size: 4vw;
  }

  .header .toiawase .time {
    font-size: 3.3vw;
    margin: 3% 0;
  }

  .header .toiawase .tel {
    font-size: 4.8vw;
    color: #e9482d;
    font-weight: bold;
  }

  .header .toiawase .tel img {
    width: 9%;
  }

  .header-row {
    justify-content: flex-end;
    gap: 4%;
    padding-right: 4%;
  }

  .header .burger-btn {
    width: 50px;
    height: 50px;
  }

  .header .burger-btn .bar {
    width: 70%;
    height: 3px;
  }

  .header .burger-btn .bar_top {
    top: calc(37% - 9px);
  }

  .header .burger-btn .bar_bottom {
    top: calc(37% + 9px);
  }

  .header .burger-btn .text {
    bottom: 2px;
  }

  .header .nav-wrapper .header-nav {
    width: 70%;
    left: unset;
    margin-left: auto;

    transform: translateX(0);
  }

  .header .nav-wrapper a {
    font-size: 15px;
  }

  .header .burger-btn.close {
    top: 11px;
    right: 5.75%;
  }

  .header .burger-btn.close .bar_top {
    transform: translate(-50%, 14px) rotate(45deg);
  }

  .header .burger-btn.close .bar_bottom {
    transform: translate(-50%, -4px) rotate(-45deg);
  }

  .fv {
    margin-top: 50px;
    background: none;
    height: auto;
  }

  .fv.goudo_2 {
    padding-bottom: 22px;
  }

  .fv.goudo_4 {
    padding-bottom: 102px;
  }

  .fv .fv_title {
    position: absolute;
    text-align: center;
    width: 70%;
    top: 10%;
    left: 15%;
    font-weight: bold;
  }

  .fv.goudo_2 .fv_title {
    top: 9.5%;
  }

  .fv.goudo_4 .fv_title {
    top: 9%;
  }

  .fv .fv_title .txt1 {
    font-size: 9vw;
    width: 60%;
    margin: 0 auto;
    letter-spacing: 1vw;
  }

  .fv .fv_title .txt1 span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
  }

  .fv .fv_title .txt2 {
    font-size: 4.4vw;
    margin: 5% 0 4%;
  }

  .fv .fv_title .txt3 {
    font-size: 6vw;
    color: #e9482d;
  }

  .fv .fv_1 {
    position: absolute;
    width: 96%;
    bottom: 0;
    background-color: #fff4f2;
    color: #70aa18;
    display: flex;
    justify-content: space-between;
    padding: 1.5% 2%;
  }

  .fv .fv_1 .fukidashi {
    background: url(../../img/lp_new/sp/img01.png) no-repeat;
    background-size: 100% 100%;
    width: 36vw;
    height: 15vw;
    display: block;
    margin: 0;
  }

  .fv .fv_1 .fukidashi .txt1 {
    font-size: 3vw;
    font-weight: bold;
    text-align: center;
    margin: 11% 0 0;
    width: 92%;
  }

  .fv .fv_1 .fukidashi .txt1 span {
    font-size: 2vw;
    font-weight: normal;
  }


  .fv .fv_1 .fukidashi .txt2 {
    font-size: 3.5vw;
    margin-top: 5%;
    text-align: center;
    width: 92%;
  }

  .fv .fv_1 .fukidashi .txt2 span {
    font-size: 5vw;
    vertical-align: initial;
    font-weight: bold;
  }

  .fv .fv_1.goudo .fukidashi_wrp {
    margin: 12px 0 5px;
  }

  .fv .fv_1.goudo .fukidashi_wrp .fukidashi {
    width: 22vw;
    height: 10vw;
    margin: initial;
  }

  .fv .fv_1 .txt3 {
    font-size: 3.6vw;
    line-height: 5vw;
    padding: 2% 1% 0 0;
    width: 100vw;
  }

  .fv .fv_1 .txt3 a {
    color: #70aa18;
    border: 1px solid;
    padding: 2px 10px;
    display: block;
    width: 80%;
    margin: auto;
    text-align: center;
    margin-top: 5px;
  }

  .fv .fv_1 .txt3 span {
    padding-bottom: 21px;

    font-size: 4.6vw;
    font-weight: bold;
  }

  .fv .fv_1 .txt3 span:first-of-type {
    padding-bottom: 14px;
  }

  .fv .fv_1.goudo {
    padding: 0 2% .5%;
    top: unset;
    bottom: 0;
  }

  .fv .fv_1.goudo .fukidashis_wrp .fukidashi {
    width: 23vw;
  }

  .fv .fv_1.goudo .fukidashis_wrp .fukidashi {
    width: 19vw;
    height: 10vw;
  }

  .fv .fv_1.goudo .fukidashi .txt1 {
    font-size: 3vw;
    margin-top: 0;
    padding-top: 6px;
  }

  .fv.goudo_4 .fv_1.goudo .fukidashi .txt1 {
    padding-top: 5px;
  }

  .fv .fv_1.goudo .fukidashi .txt1.long-label {
    font-size: 2.2vw;
  }

  .fv .fv_1.goudo .fukidashi .txt1 span {
    font-size: 2vw;
    font-weight: normal;
  }

  .fv .fv_1.goudo .fukidashi .txt1.long-label span {}

  .fv .fv_1.goudo .fukidashi .txt2 {
    font-size: 2vw;
  }

  .fv .fv_1.goudo .fukidashi .txt2 span {
    font-size: 3.5vw;
  }

  .fv .fv_1.goudo .txt3 {
    padding: 2% 0;
    padding-left: 4px;
    text-align: left;
  }

  .fv .fv_1.goudo .txt3 span {
    font-size: 4.4vw;
  }

  .fv .fv_3 {
    position: absolute;
    width: 93%;
    padding: 4px 6px 3px;
    left: 3%;
    bottom: 17%;
    font-size: 2.3vw;
  }

  .fv.goudo_2 .fv_3 {
    bottom: 20%;
  }

  .fv.goudo_4 .fv_3 {
    bottom: 30%;
  }

  .fv .fv_3 ol li {
    position: relative;
    padding-left: 7%;
    padding-bottom: 0;
    z-index: 1;
    line-height: 3.5vw;
  }

  .fv .fv_3 ol li:first-child:before {
    position: absolute;
    content: "※1";
    width: 5%;
    left: 0;
    top: 0;
  }

  .fv .fv_3 ol li:last-child:before {
    position: absolute;
    content: "※2";
    width: 5%;
    left: 0;
    top: 0;
  }

  /*iwt*/

  .fv .fv_1 .fukidashi.iwt9070 {
    margin: 0;
    height: auto !important;
    background: #fff;
  }

  .fv .fv_1 .fukidashi.iwt9070 .txt1 {
    font-size: 3vw;
    margin: 3px 6px 0;
    text-align: left;
  }

  .fv .fv_1 .fukidashi.iwt9070 .txt2 {
    margin: 1vw 1vw 1vw 0;
  }

  .fv .fv_1 .fukidashi.iwt9070 .txt2 span {
    font-size: 6vw;
  }

  .fv_1.fv_1-9070 {
    top: 75%;
  }

  .fukidashi.iwt9070+.txt3 {
    width: 60vw;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  /*iwt end*/

  .cv_1 {
    position: absolute;
    width: 86%;
    top: 5%;
    left: 7%;
    text-align: center;
    font-weight: bold;
    background: none;
    padding-top: 0;
  }

  .cv_inner_1 {
    background: none;
    border: none;
    border-radius: 0;
    width: 100%;
    margin: 0 auto 0;
  }

  .cv_1 .txt1 {
    font-size: 4vw;
    padding-top: 10%;
  }

  .cv_1 .txt2 {
    font-size: 6.5vw;
    padding-top: 3%;
    padding-bottom: 6%;
    color: #e9482d;
    line-height: 10vw;
  }

  .cv_1 .txt2 span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
  }

  .cv_txt1 {
    font-size: 4vw;
    line-height: 6vw;
    padding-bottom: 8%;
    padding-top: 6%;
  }

  .sec01 {
    text-align: center;
    height: auto;
    background: none;
  }

  .sec01.layout-bottom {
    margin-bottom: 114%;
  }

  .sec01 .title {
    position: absolute;
    width: 95%;
    top: 0;
    left: 2.5%;
    font-weight: bold;
    font-size: 5vw;
    line-height: 8.5vw;
    padding: 0;
  }

  .sec01 .title span {
    background: linear-gradient(transparent 67%, #ffdad6 60%);
    border-bottom: 3px solid #ffdad6;
  }

  .sec01 .title span span {
    font-size: 6vw;
  }

  .sec01 .txt1 {
    position: absolute;
    width: 60%;
    top: 12.2%;
    left: 21%;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .sec01 .txt1.pos_another {
    top: 20%;
  }

  .sec01 .txt2 {
    position: absolute;
    width: 30%;
    top: 22.3%;
    left: 6.5%;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .sec01 .txt2.pos_another {
    top: 36.7%;
  }

  .sec01 .txt3 {
    position: absolute;
    width: 30%;
    top: 22.3%;
    left: 64%;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .sec01 .txt3.pos_another {
    top: 36.7%;
  }

  .sec01 .txt4 {
    position: absolute;
    width: 30%;
    top: 39.5%;
    left: 6.5%;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .sec01 .txt4.pos_another {
    top: 64.7%;
  }

  .sec01 .txt5 {
    position: absolute;
    width: 30%;
    top: 39.5%;
    left: 64%;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .sec01 .txt5.pos_another {
    top: 64.7%;
  }

  .sec01 .txt6 {
    position: absolute;
    width: 70%;
    top: 52.5%;
    left: 15%;
    font-size: 4vw;
    font-weight: bold;
  }

  .sec01 .txt6.pos_another {
    top: 86%;
  }

  .sec01 .txt7 {
    position: absolute;
    width: 80%;
    top: 63%;
    left: 10%;
    font-size: 4.2vw;
  }

  .sec01 .txt7.pos_another {
    top: 103.8%;
  }


  .sec01 .txt7 span {
    color: #ff4c24;
    font-weight: bold;
    font-size: 5.5vw;
    background: linear-gradient(transparent 67%, #ffdad6 60%);
    border-bottom: 3px solid #ffdad6;
  }


  .cv_txt2 {
    position: absolute;
    width: 90%;
    top: 70%;
    left: 5%;
    font-size: 3.9vw;
    line-height: 6vw;
  }

  .cv_txt2.pos_another {
    top: 115.4%;
  }


  .cv_2 {
    position: absolute;
    width: 86%;
    top: 3.5%;
    left: 7%;
    text-align: center;
    height: auto;
    background: none;
    padding-top: 0;
  }

  .cv_inner_2 {
    background: none;
    border: none;
    border-radius: 0;
    width: 100%;
    margin: 0 auto 0;
    padding-bottom: 0;
  }

  .cv_2 .txt1 {
    font-size: 5vw;
    line-height: 8vw;
    font-weight: bold;
    padding: 10% 0 5%;
  }

  .cv_2 .txt1 span {
    color: #ff4c24;
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
  }

  .cv_2 .txt2 {
    font-size: 3.8vw;
    font-weight: bold;
    padding: 4% 0 3%;
  }

  .cv_2 .txt2 span {
    color: #ff4c24;
  }

  .sec02 {
    background: none;
    height: auto;
  }

  .sec02 .title {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 3%;
    font-size: 4.5vw;
    line-height: 7vw;
    text-align: center;
    padding-top: 0;
  }

  .sec02 .title span {
    font-size: 6vw;
    font-weight: bold;
  }

  .sec02 .txt1 {
    position: absolute;
    width: 90%;
    left: 6%;
    top: 52%;
    text-align: center;
    font-size: 4.4vw;
    font-weight: bold;
  }

  .sec02 .txt2 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 64.5%;
    text-align: center;
    font-size: 4.4vw;
    font-weight: bold;
  }

  .sec02 .txt3 {
    position: absolute;
    width: 72%;
    left: 15%;
    top: 70%;
    font-size: 3.2vw;
    line-height: 5.5vw;
  }

  .sec03 {
    background: none;
    height: auto;
  }

  .sec03 .title {
    position: absolute;
    width: 62%;
    left: 19%;
    top: 0.2%;
    font-size: 4.5vw;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background: #f89c2d;
    border-radius: 5px;
    padding: 2% 0;
  }

  .sec03 .txt1 {
    position: absolute;
    width: 65%;
    left: 17.5%;
    top: 5%;
    font-size: 5.5vw;
    font-weight: bold;
    text-align: center;
  }

  .sec03 .interview {
    font-size: 3.4vw;
    line-height: 5.5vw;
  }

  .sec03 .interview .txt2 {
    position: absolute;
    width: 62.5%;
    left: 8%;
    top: 13%;
  }

  .sec03 .interview .txt3 {
    position: absolute;
    width: 60%;
    left: 33%;
    top: 34%;
  }

  .sec03 .interview .txt4 {
    position: absolute;
    width: 62.5%;
    left: 8%;
    top: 57%;
  }

  .sec03 .interview .txt5 {
    position: absolute;
    width: 60%;
    left: 33%;
    top: 80%;
  }

  .sec03 .interview span {
    color: #ff6247;
  }

  .sec04 {
    height: auto;
    background: none;
  }

  .sec04 .txt1 {
    position: absolute;
    width: 70%;
    left: 15%;
    top: 81%;
    font-size: 3vw;
    line-height: 4.8vw;
    text-align: center;
    color: #4f4f4f;
    text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff,
      -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff,
      -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
  }

  .sec05 .txt1 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 3%;
    font-size: 4vw;
    text-align: center;
    font-weight: bold;
  }

  .sec05 .txt2 {
    position: absolute;
    width: 60%;
    left: 27%;
    top: 12%;
    font-size: 4vw;
    line-height: 5vw;
  }

  .sec05 .txt3 {
    position: absolute;
    width: 40%;
    left: 9%;
    top: 24.5%;
    font-size: 3vw;
    line-height: 4.5vw;
    text-align: center;
  }

  .sec05 .txt3 span,
  .sec05 .txt4 span,
  .sec05 .txt6 span,
  .sec05 .txt7 span,
  .sec05 .txt9 span,
  .sec05 .txt10 span {
    font-weight: bold;
  }

  .sec05 .txt4 {
    position: absolute;
    width: 40%;
    left: 51%;
    top: 24.5%;
    font-size: 3vw;
    line-height: 4.5vw;
    text-align: center;
  }

  .sec05 .txt5 {
    position: absolute;
    width: 50%;
    left: 40%;
    top: 32.8%;
    font-size: 4vw;
    line-height: 5vw;
  }

  .sec05 .txt6 {
    position: absolute;
    width: 40%;
    left: 9%;
    top: 45.5%;
    font-size: 3vw;
    line-height: 4.5vw;
    text-align: center;
  }

  .sec05 .txt7 {
    position: absolute;
    width: 40%;
    left: 51%;
    top: 45.5%;
    font-size: 3vw;
    line-height: 4.5vw;
    text-align: center;
  }

  .sec05 .txt8 {
    position: absolute;
    width: 60%;
    left: 27%;
    top: 53.6%;
    font-size: 4vw;
    line-height: 5vw;
  }

  .sec05 .txt9 {
    position: absolute;
    width: 40%;
    left: 50%;
    top: 59%;
    font-size: 4.3vw;
    line-height: 5.2vw;
  }

  .sec05 .txt10 {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 64.5%;
    font-size: 3.5vw;
    line-height: 6vw;
  }

  .sec05 .txt10 .line1 {
    background: linear-gradient(transparent 67%, #fff16e 60%);
    border-bottom: 3px solid #fff16e;
  }

  .sec05 .txt10 .line2 {
    background: linear-gradient(transparent 67%, #ffcdcd 60%);
    border-bottom: 3px solid #ffcdcd;
  }

  .sec05 .txt10 .line3 {
    background: linear-gradient(transparent 67%, #c3ecce 60%);
    border-bottom: 3px solid #c3ecce;
  }

  .sec05 .txt11 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 72.5%;
    color: #e9482d;
    font-weight: bold;
    font-size: 5vw;
    line-height: 7.5vw;
    text-align: center;
  }

  .sec05 .txt12 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 81.5%;
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 8vw;
    text-align: center;
  }

  .cv_3 {
    position: absolute;
    width: 86%;
    top: 0%;
    left: 7%;
    text-align: center;
    background: none;
    height: auto;
    padding-top: 0;
  }

  .cv_inner_3 {
    background: none;
    border: none;
    border-radius: 0;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0;
  }

  .cv_3 .txt1 {
    font-size: 4vw;
    padding-top: 18%;
    font-weight: bold;
    padding-bottom: 3%;
  }

  .cv_3 .txt2 span {
    color: #ff4c24;
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
    font-size: 6vw;
    line-height: 8vw;
    font-weight: bold;
  }

  .cv_3 .txt3 {
    padding: 7% 0 5%;
    font-size: 3.4vw;
    background: none;
    width: 100%;
    margin: 0;
  }

  .sec06 .txt1 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 1%;
    font-weight: bold;
    font-size: 4.5vw;
    text-align: center;
    background: #f89c2d;
    border-radius: 5px;
    color: #ffffff;
    padding: 2% 0;
  }

  .sec06 .txt2 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 2.7%;
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 7.5vw;
    text-align: center;
  }

  .sec06 .txt3 {
    position: absolute;
    width: 55%;
    left: 41%;
    top: 15.3%;
    font-size: 5vw;
    line-height: 7vw;
  }

  .sec06 .txt3 span {
    background: linear-gradient(transparent 67%, #f5cd9b 60%);
    border-bottom: 3px solid #f5cd9b;
  }

  .sec06 .txt4 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 18.8%;
    font-size: 4vw;
    line-height: 5.5vw;
    text-align: center;
  }

  .sec06 .txt5 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 20.3%;
    font-weight: bold;
    font-size: 6vw;
    line-height: 8vw;
    text-align: center;
    color: #70aa18;
  }

  .sec06 .txt6 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 24%;
    font-size: 5vw;
    text-align: center;
  }

  .sec06 .txt6 span {
    font-weight: bold;
    font-size: 5.5vw;
  }

  .sec06 .txt7 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 36.8%;
    font-weight: bold;
    font-size: 4.5vw;
    line-height: 6.5vw;
    text-align: center;
  }

  .sec06 .txt7 span {
    background: linear-gradient(transparent 67%, #ffffff 60%);
    border-bottom: 3px solid #ffffff;
  }

  .sec06 .txt8 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 40.3%;
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 7.5vw;
    text-align: center;
  }

  .sec06 .txt8 span {
    color: #e9482d;
  }

  .sec06 .txt9 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 45.7%;
    font-size: 4.8vw;
    line-height: 7.5vw;
    text-align: center;
  }

  .sec06 .txt9 span {
    font-weight: bold;
    font-size: 5.8vw;
  }

  .sec06 .txt10 {
    position: absolute;
    width: 40%;
    left: 8%;
    top: 49.3%;
    font-weight: bold;
    font-size: 3.5vw;
    text-align: center;
    line-height: 4.5vw;
    color: #ffffff;
  }

  .sec06 .txt11 {
    position: absolute;
    width: 40%;
    left: 51%;
    top: 49.3%;
    font-weight: bold;
    font-size: 3.5vw;
    text-align: center;
    line-height: 4.5vw;
    color: #ffffff;
  }

  .sec06 .txt12 {
    position: absolute;
    width: fit-content;
    right: calc(50% - 8px);
    top: 50.35%;
    font-size: 2.6vw;
    color: #fff;
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: 0 0;
  }

  .sec06 .txt13 {
    position: absolute;
    width: 40%;
    left: 12%;
    top: 51.75%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec06 .txt14 {
    position: absolute;
    width: 45%;
    left: 52%;
    top: 51.85%;
    font-size: 3vw;
    line-height: 4vw;
  }

  .sec06 .txt15 {
    position: absolute;
    width: 40%;
    left: 12%;
    top: 53.9%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec06 .txt16 {
    position: absolute;
    width: 45%;
    left: 52%;
    top: 53.95%;
    font-size: 3vw;
    line-height: 4vw;
  }

  .sec06 .txt17 {
    position: absolute;
    width: 40%;
    left: 12%;
    top: 56.05%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec06 .txt18 {
    position: absolute;
    width: 38%;
    left: 52%;
    top: 55.85%;
    font-size: 3vw;
    line-height: 4vw;
  }

  .sec06 .txt19 {
    position: absolute;
    width: 40%;
    left: 12%;
    top: 58.2%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec06 .txt20 {
    position: absolute;
    width: 41%;
    left: 51%;
    top: 57.95%;
    font-size: 3vw;
    line-height: 4vw;
    text-align: center;
  }

  .sec06 .txt21 {
    position: absolute;
    width: 40%;
    left: 12%;
    top: 60.25%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec06 .txt22 {
    position: absolute;
    width: 40%;
    left: 51.05%;
    top: 60.1%;
    font-size: 3vw;
    line-height: 4vw;
    text-align: center;
  }

  .sec06 .txt23 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 63.5%;
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 8vw;
    text-align: center;
  }

  .sec06 .txt23 span {
    color: #e9482d;
  }

  .sec06 .txt24 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 68.85%;
    font-size: 4.8vw;
    line-height: 7vw;
    text-align: center;
  }

  .sec06 .txt24 span {
    font-size: 5.3vw;
    font-weight: bold;
  }

  .sec06 .txt25 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 75.9%;
    font-size: 3.8vw;
    line-height: 6vw;
    text-align: center;
    color: #ffffff;
  }

  .sec06 .txt26 {
    position: absolute;
    width: 86%;
    left: 7%;
    top: 78.5%;
    font-size: 4vw;
    line-height: 6vw;
    text-align: center;
  }

  .sec06 .txt27 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 82.3%;
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 8vw;
    text-align: center;
  }

  .sec06 .txt27 span {
    color: #e9482d;
  }

  .sec06 .txt28 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 87.2%;
    font-size: 5vw;
    line-height: 7vw;
    text-align: center;
  }

  .sec06 .txt29 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 89.3%;
    font-weight: bold;
    font-size: 7vw;
    line-height: 8vw;
    color: #e9482d;
    text-align: center;
  }

  .sec06 .txt29 span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
  }

  .sec06 .txt30 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 97.65%;
    font-size: 3vw;
    line-height: 4.8vw;
    text-align: center;
    text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff,
      -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff,
      -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
  }

  .cv_4 {
    position: absolute;
    width: 86%;
    top: 0%;
    left: 7%;
    text-align: center;
    background: none;
    height: auto;
    padding-top: 0;
  }

  .cv_inner_4 {
    background: none;
    border: none;
    border-radius: 0;
    width: 100%;
    margin: 0;
    padding-bottom: 0;
  }

  .cv_4 .txt1 {
    padding: 20% 0 11%;
    font-size: 5vw;
  }

  .cv_4 .txt1 span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
    font-weight: bold;
  }

  .cv_4 .txt2 {
    font-size: 3.4vw;
    padding: 0 0 4%;
    background: none;
    width: 100%;
    margin: 0;
  }

  .sec07 .txt1 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 1.8%;
    font-weight: bold;
    font-size: 4vw;
    text-align: center;
  }

  .sec07 .txt2 {
    position: absolute;
    width: 94%;
    left: 3%;
    top: 2.8%;
    font-weight: bold;
    font-size: 4.8vw;
    text-align: center;
    color: #e9482d;
  }

  .sec07 .txt2 span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
  }

  .sec07 .txt2 span span {
    font-size: 8vw;
    background: linear-gradient(transparent 85%, #ffe145 60%);
  }

  .sec07 .txt3 {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 6.05%;
    font-size: 4vw;
    line-height: 5.5vw;
    color: #ffffff;
    text-align: center;
  }

  .sec07 .txt3 span {
    font-size: 5vw;
    font-weight: bold;
  }

  .sec07 .txt4 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 9%;
    font-size: 4vw;
    line-height: 5.5vw;
    text-align: center;
  }

  .sec07 .txt4 span {
    color: #e9482d;
    background: #ffffff;
    padding: 1% 1.5%;
    font-weight: bold;
  }

  .sec07 .txt5 {
    position: absolute;
    width: 45.5%;
    left: 44%;
    top: 11.5%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec07 .txt5 span {
    font-weight: bold;
  }

  .sec07 ul li {
    position: relative;
    padding-left: 3vw;
  }

  .sec07 ul li::before {
    position: absolute;
    content: "・";
    left: 0;
  }

  .sec07 .txt6 {
    position: absolute;
    width: 45.5%;
    left: 44%;
    top: 16.4%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec07 .txt6 span {
    font-weight: bold;
  }

  .sec07 .txt6 br {
    display: none;
  }

  .sec07 .txt7 {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 24.6%;
    font-size: 4vw;
    line-height: 5.5vw;
    color: #ffffff;
    text-align: center;
  }

  .sec07 .txt7 span {
    font-size: 5vw;
    font-weight: bold;
  }

  .sec07 .txt8 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 27.55%;
    font-size: 4vw;
    line-height: 5.5vw;
    text-align: center;
  }

  .sec07 .txt8 span {
    color: #e9482d;
    background: #ffffff;
    padding: 1% 1.5%;
    font-weight: bold;
  }

  .sec07 .txt9 {
    position: absolute;
    width: 45.5%;
    left: 44%;
    top: 29.9%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec07 .txt9 span {
    font-weight: bold;
  }

  .sec07 .txt10 {
    position: absolute;
    width: 45.5%;
    left: 44%;
    top: 35.5%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec07 .txt10 span {
    font-weight: bold;
  }

  .sec07 .txt11 {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 42.7%;
    font-size: 4vw;
    line-height: 5.5vw;
    color: #ffffff;
    text-align: center;
  }

  .sec07 .txt11 span {
    font-size: 5vw;
    font-weight: bold;
  }

  .sec07 .txt12 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 45.6%;
    font-size: 4vw;
    line-height: 5.5vw;
    text-align: center;
  }

  .sec07 .txt12 span {
    color: #e9482d;
    background: #ffffff;
    padding: 1% 1.5%;
    font-weight: bold;
  }

  .sec07 .txt13 {
    position: absolute;
    width: 50.2%;
    left: 43%;
    top: 48%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec07 .txt13 span {
    font-weight: bold;
  }

  .sec07 .txt14 {
    position: absolute;
    width: 50.2%;
    left: 43%;
    top: 55%;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .sec07 .txt14 span {
    font-weight: bold;
  }

  .sec07 .txt15 {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 62.3%;
    font-size: 4vw;
    line-height: 5.5vw;
    color: #ffffff;
    text-align: center;
  }

  .sec07 .txt15 span {
    font-size: 5vw;
    font-weight: bold;
  }

  .sec07 .txt16 {
    position: absolute;
    width: 88%;
    left: 6%;
    top: 65.2%;
    font-size: 4.3vw;
    line-height: 6vw;
    text-align: center;
    font-weight: bold;
  }

  .sec07 .txt17 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 67.7%;
    font-size: 3.5vw;
    text-align: center;
  }

  .sec07 .txt18 {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 71.65%;
    font-size: 5vw;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
  }

  .sec07 .txt18 span {
    font-size: 7vw;
    vertical-align: initial;
  }

  .sec07 .txt19 {
    position: absolute;
    width: 30%;
    left: 4%;
    top: 74.95%;
    font-weight: bold;
    text-align: center;
  }

  .sec07 .no {
    color: #ffffff;
    font-size: 7vw;
  }

  .sec07 .txt24,
  .sec07 .txt26 {
    padding-top: 18%;
    font-size: 4vw;
  }

  .sec07 .txt20 {
    position: absolute;
    width: 30%;
    left: 35.5%;
    top: 74.95%;
    font-weight: bold;
    text-align: center;
  }

  .sec07 .txt25 {
    padding-top: 15%;
    font-size: 4vw;
    line-height: 5vw;
  }

  .sec07 .txt21 {
    position: absolute;
    width: 30%;
    left: 67%;
    top: 74.95%;
    font-weight: bold;
    text-align: center;
  }

  .sec07 .txt22 {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 81%;
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
  }

  .sec07 .txt23 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 82.6%;
    font-weight: bold;
    font-size: 7vw;
    line-height: 10vw;
    text-align: center;
    color: #e9482d;
  }

  .sec07 .txt23 span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
  }

  .sec08 .txt1 {
    text-align: center;
    padding-top: 8%;
    color: #e9482d;
    font-size: 6vw;
  }

  .sec08 .txt1 span {
    font-weight: bold;
  }

  .sec08 .txt2 {
    font-size: 4.2vw;
    font-weight: bold;
    text-align: center;
    padding: 8% 0;
  }

  .qanda {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 3%;
  }

  .toggle {
    margin-bottom: 8%;
  }

  .toggle dt {
    cursor: pointer;
    color: #70aa18;
    font-size: 4vw;
  }

  .toggle dt .inner {
    width: 78%;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 0;
  }

  .toggle dt .pa5 {
    padding-top: 3%;
  }

  .toggle dt .inner img {
    width: 9%;
    right: -12%;
    top: -28%;
    position: absolute;
  }

  .toggle dt .line4 {
    line-height: 5.5vw;
  }

  /*
  .toggle dt .inner img.icon2 {
    width: 9%;
    right: -12%;
    top: 28%;
    position: absolute;
  }
  */

  .toggle dt .inner span::before {
    font-weight: bold;
    font-size: 5vw;
    position: absolute;
    content: "Q.";
    left: -10%;
    top: -18%;
    padding-right: 2%;
  }

  .toggle dt .line4 span::before {
    font-weight: bold;
    font-size: 5vw;
    position: absolute;
    content: "Q.";
    left: -10%;
    top: -1%;
  }

  .inner>span:last-of-type,
  .inner.active>span:first-of-type {
    display: none;
  }

  .inner.active>span:last-of-type {
    display: inline;
  }

  .qanda dd {
    display: none;
    padding-top: 3%;
    line-height: 5.5vw;
    padding-bottom: 3%;
  }

  .qanda dd .txt3,
  .qanda dd .txt11 {
    color: #70aa18;
    font-size: 3.7vw;
    padding-left: 8%;
    line-height: 6vw;
  }

  .qanda dd .txt5 {
    color: #70aa18;
    font-size: 3.8vw;
    padding-top: 5%;
    padding-bottom: 0.5%;
  }

  .qanda dd .txt6 {
    font-size: 3.5vw;
    padding-top: 5%;
    padding-bottom: 0.5%;
    font-weight: bold;
  }

  .qanda dd .txt7 {
    font-weight: bold;
  }

  .qanda dd .pat5 {
    padding-top: 5%;
  }

  .qanda dd .pat2 {
    padding-top: 2%;
  }

  .qanda dd .pat3 {
    padding-top: 2%;
  }

  .qanda dd .bold {
    font-weight: bold;
    font-size: 3.4vw;
  }

  .qanda dd .bold1 {
    font-weight: bold;
    font-size: 3.4vw;
  }

  .qanda dd .small {
    font-size: 2.6vw;
    line-height: 4vw;
  }

  .qanda dd .answer,
  .qanda dd .answer1 {
    position: relative;
    padding-left: 3.8%;
  }

  .qanda dd .answer::before {
    position: absolute;
    content: "A.";
    font-size: 5vw;
    font-weight: bold;
    color: #70aa18;
  }

  .qanda dd .answer1::before {
    position: absolute;
    content: "A.";
    font-size: 5vw;
    font-weight: bold;
    color: #70aa18;
    top: 0;
  }

  .qanda dd .txt4 {
    font-size: 3.5vw;
    padding-left: 8%;
  }

  .qanda dd .txt4 .grn {
    color: #70aa18;
    font-weight: bold;
  }

  .qanda dd li {
    padding-left: 4.4%;
    position: relative;
  }

  .qanda dd li::before {
    position: absolute;
    content: "・";
    left: 0%;
  }

  .qanda dd .table1 {
    font-size: 2.1vw;
    border: solid 1px #000000;
    text-align: left;
    width: 95%;
    margin: 5% auto 0;
  }

  .qanda dd .table1 .width1 {
    width: 15%;
  }

  .qanda dd .table1 .width2 {
    width: 60%;
  }

  .qanda dd .table1 .width3 {
    width: 21%;
  }

  .qanda dd .table1 .top {
    vertical-align: top;
  }

  .qanda dd .table1 .middle {
    vertical-align: middle;
  }

  .qanda dd .table1 td {
    padding: 1.5%;
    border: solid 1px #000000;
    line-height: 3.5vw;
  }

  .qanda dd .txt8 {
    font-size: 2.7vw;
    width: 95%;
    margin: 2% auto 5%;
    line-height: 4vw;
  }

  .qanda dd .txt9 {
    font-size: 3.2vw;
    width: 95%;
    margin: 2% auto 5%;
    line-height: 4vw;
  }

  .qanda dd .table2 {
    font-size: 2.1vw;
    border: solid 1px #000000;
    text-align: left;
    width: 95%;
    margin: 5% auto 0;
  }

  .qanda dd .table2 .width1 {
    width: 53%;
  }

  .qanda dd .table2 .width2 {
    width: 45%;
  }

  .qanda dd .table2 .middle {
    vertical-align: middle;
  }

  .qanda dd .table2 td {
    padding: 1.5% 5% 1.5% 1.5%;
    border: solid 1px #000000;
    line-height: 3vw;
  }

  .qanda dd .txt10 {
    font-size: 3.4vw;
    width: 95%;
    margin: 5% auto 0;
    line-height: 5.5vw;
  }

  .qanda dd .txt10 span {
    font-size: 3.3vw;
  }

  .qanda dd .txt10 a {
    text-decoration: underline;
  }

  .sec09 {
    height: auto;
    background: none;
  }

  .sec09 .txt1 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 2.5%;
    font-weight: bold;
    font-size: 5vw;
    text-align: center;
    line-height: 8vw;
    padding-top: 0;
  }

  .sec09 .txt1 span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
    font-size: 6vw;
  }

  .sec09 .txt2 {
    position: absolute;
    width: 60%;
    left: 6%;
    top: 18%;
    font-size: 3.3vw;
    line-height: 4.5vw;
    text-align: center;
  }

  .sec09 .txt3 {
    position: absolute;
    width: 60%;
    left: 35%;
    top: 27%;
    font-size: 3.3vw;
    line-height: 4.5vw;
    text-align: center;
  }

  .sec09 .txt4 {
    position: absolute;
    width: 75%;
    left: 6%;
    top: 36.6%;
    font-size: 3.3vw;
    line-height: 4.5vw;
    text-align: center;
  }

  .sec09 .txt5 {
    position: absolute;
    width: 50%;
    left: 42.5%;
    top: 45.6%;
    font-size: 3.3vw;
    line-height: 4.5vw;
    text-align: center;
  }

  .sec09 .txt6 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 59%;
    font-size: 3.8vw;
    text-align: center;
    line-height: 5.5vw;
  }

  .sec09 .txt7 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 66%;
    font-size: 4vw;
    line-height: 9vw;
    text-align: center;
    font-weight: bold;
  }

  .sec09 .txt7 span {
    background: linear-gradient(transparent 67%, #ffe145 60%);
    border-bottom: 3px solid #ffe145;
    color: #e9482d;
    font-size: 6vw;
  }

  .sec10 {
    background: #ffcec5;
    padding-bottom: 10%;
  }

  .sec10 .txt5 {
    position: absolute;
    width: 100%;
    left: 0%;
    top: 1.2%;
    font-size: 4.4vw;
    line-height: 7vw;
    text-align: center;
    font-weight: bold;
  }

  .sec10 .txt5 span {
    color: #e9482d;
  }

  .sec10_wrapper {
    width: 93%;
    margin: 0 auto;
  }

  .sec10_contener_1 {
    background-color: #ffffff;
    padding: 7% 3%;
    margin-bottom: 10%;
  }

  .sec10_contener_1 .title {
    text-align: center;
    position: relative;
    font-size: 4.8vw;
    line-height: 7.5vw;
    font-weight: bold;
  }

  .sec10_contener_1 .title::before {
    position: absolute;
    content: "";
    border: #e9482d solid 1px;
    width: 10%;
    top: 50%;
    left: 0;
  }

  .sec10_contener_1 .title::after {
    position: absolute;
    content: "";
    border: #e9482d solid 1px;
    width: 10%;
    top: 50%;
    right: 0;
  }

  .sec10_contener_1 .txt1 {
    text-align: center;
    font-size: 4vw;
    line-height: 6.5vw;
    padding-top: 8%;
  }

  .sec10_contener_1 .img1 {
    width: 85%;
    margin: 15% auto 8%;
  }

  .sec10_contener_1 .img1.office409 {
    margin-top: 5%;
  }

  .sec10_contener_1 .txt2 {
    font-size: 3.2vw;
    line-height: 6vw;
    padding-left: 2%;
  }

  .sec10_contener_1 .txt3 {
    font-size: 4vw;
    font-weight: bold;
    padding: 7% 0 0 2%;
  }

  .sec10_contener_1 ul {
    padding: 3% 0 0 2%;
  }

  .sec10_contener_1 ul li {
    font-size: 3.1vw;
    font-weight: bold;
    position: relative;
    padding-left: 4%;
    padding-bottom: 3%;
  }

  .sec10_contener_1 ul li:last-child {
    padding-bottom: 2%;
  }

  .sec10_contener_1 ul li::before {
    position: absolute;
    content: "・";
    left: 0;
  }

  .sec10_contener_1 .txt4 {
    font-size: 2.9vw;
    line-height: 6vw;
    padding: 0 0 3% 6%;
  }

  .cv_5 {
    width: 86%;
    margin: 0 auto 10%;
    text-align: center;
  }

  .cv_5 .btn_1 {
    padding: 5% 0 5% 0;
  }

  .sec10_contener_2 {
    background-color: #ffffff;
    padding: 7% 3%;
    margin-top: 0;
  }

  .sec10_contener_2 .office {
    text-align: center;
    position: relative;
    font-size: 3.4vw;
    line-height: 7.5vw;
    font-weight: bold;
  }

  .sec10_contener_2 .office::before,
  .sec10_contener_2 .office::after {
    top: 50%;
    width: 30px;
  }

  .sec10_contener_2 .office.subheading {
    font-size: 3.4vw;
  }

  .sec10_contener_2 .flic360 {
    width: 104%;
    margin: 28px 0 50px -2%;
  }

  .office_name {
    font-size: 5vw;
    margin-top: 10%;
  }

  .map {
    margin: 8% auto 10%;
    width: 75%;
  }

  .sec10_contener_2 .info {
    margin-left: 2.5%;
  }

  .sec10_contener_2 .info dl {
    display: flex;
    justify-content: left;
    font-size: 3.5vw;
    line-height: 5.5vw;
    margin-bottom: 2%;
  }

  .sec10_contener_2 .info dl a {
    color: #333333;
  }


  .sec10_contener_2 .gallery {
    flex-direction: column;
    align-items: center;
    margin: 5% 2.5% 8%;
  }

  .sec10_contener_2 .gallery img {
    margin: 13px 0;
    width: 80%;
  }


  .cv_6 {
    width: 94%;
    margin: 4% auto 0;
  }

  .cv_6 .btn_2 {
    text-align: center;
    margin-top: 0;
  }

  .sec11 {
    padding-top: 7%;
  }

  .sec11 .logo {
    width: 40%;
    margin: 0 auto 8%;
  }

  .sec11 .txt1 {
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    padding-bottom: 6%;
  }

  .sec11 .txt2 {
    font-size: 2.8vw;
    text-align: center;
    line-height: 5.3vw;
    padding-bottom: 8%;
  }

  .sec12 {
    background: #e9482d;
    text-align: center;
    color: #ffffff;
    font-size: 2.5vw;
  }

  .cv_7 {
    padding: 0 0 7%;
    font-size: 2.5vw;
  }

  .cv_7 a {
    color: #ffffff;
  }

  .cv_7 img {
    width: fit-content;
    height: 2.5vw;
  }

  .sec12 p {
    padding-bottom: 5%;
  }

  .btn_1 {
    background: url(../../img/lp_new/sp/btn_1.png) no-repeat;
    background-size: contain;
    margin: 0 auto;
    padding: 5.5% 0 5% 0%;
    width: 90%;
    transition: filter 0.3s;
  }

  .btn_1 a {
    color: #ffffff;
    font-size: 4vw;
    line-height: 7vw;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: block;
    padding-left: 11%;
    font-weight: bold;
  }

  .btn_1 a span {
    font-size: 5.5vw;
  }

  .btn_1:hover {
    filter: brightness(130%);
  }

  .btn_2 {
    background: url(../../img/lp_new/sp/btn_2.png) no-repeat;
    background-size: contain;
    margin: 0 auto;
    padding: 5.5% 0 6% 0%;
    width: 90%;
    transition: filter 0.3s;
  }

  .btn_2 a {
    color: #ffffff;
    font-size: 4.2vw;
    line-height: 6.5vw;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: block;
    font-weight: bold;
  }

  .btn_2 a span {
    font-size: 5.5vw;
  }

  .btn_2:hover {
    filter: brightness(130%);
  }

  .office_data p {
    font-size: 3vw;
    line-height: 5vw;
  }

  .office_data p.p_itex {
    font-size: 3vw;
    line-height: 1.4;
  }

  .office_data h2 {
    font-size: 4.6vw;
  }

  .office_data dt {
    font-size: 4vw;
    flex-basis: 20vw;
  }

  .office_data dd {
    font-size: 4vw;
    padding-left: 6vw;
  }

  .office_data dd::before {
    width: 2vw;
    height: 4.5vw;
    background-size: 2vw;
  }

  .office_data dd span {
    font-size: 3vw;
    line-height: 5vw;
  }

  #form p {
    font-size: 4vw;
    line-height: 7.5vw;
  }

  .form_ttl span {
    font-size: 2.8vw;
    display: block;
    line-height: 1.7;
  }

  #form .form_title {
    font-size: 4.8vw;
    line-height: 7.5vw;
  }

  #form input,
  #form textarea,
  #form select {
    font-size: 16px;
    min-height: 32px;
    padding: 0 2%;
  }

  #form input,
  #form textarea,
  #form select {
    border: 1px solid #70aa18;
  }

  #form input,
  #form textarea,
  #form select {
    margin-top: 2%;
    margin-bottom: 4%;
  }

  #form .custom-wpcf7c-confirmed p.form_ttl {
    padding-top: 5%;
  }

  .thanks {
    padding: 20% 0 0;
  }

  .thanks h1 {
    font-size: 5vw !important;
  }

  .thanks p {
    font-size: 4vw;
    text-align: left;
    padding: 5%;
  }

  .thanks img {
    width: 80% !important;
  }

  .thanks ul {
    display: block;
  }

  .thanks ul li {
    margin: 0;
  }

  .thanks div.beginning-text {
    width: fit-content;
    padding-top: 20px;
    margin: 0 auto;
    
    font-size: 14px;
    text-align: left;
  }

  .thanks div.list-text, .thanks div.contacts-text {
    width: fit-content;
    max-width: 93%;
    margin: 0 auto;

    font-size: 14px;
    text-align: left;
  }

  .thanks div.list-text ul {
    margin: 0 auto;
  }

  .thanks h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .thanks p {
    line-height: 1.6;
  }

  .thanks img {
    width: 40%;
    height: auto;
    margin: 10px;
  }

.link_to_form {
  box-sizing: border-box;
}

  .link_to_form a {
    font-size: 4vw;
    gap: 4px;
  }

}

@media all and (min-width: 376px) and (max-width: 414px) {
  .cv_2 .txt2 {
    padding: 5.5% 0 2%;
  }

  .cv_3 .txt3 {
    padding: 8% 0 5%;
  }

  .cv_4 .txt2 {
    padding-bottom: 5%;
  }
}

@media all and (min-width: 321px) and (max-width: 375px) {
  .cv_2 .txt2 {
    padding: 5% 0 2%;
  }

  .cv_3 .txt3 {
    padding: 8% 0 5%;
  }

  .cv_4 .txt2 {
    padding-bottom: 5%;
  }
}

@media all and (min-width: 0px) and (max-width: 320px) {
  .cv_2 .txt2 {
    padding: 5.5% 0 2%;
  }

  .cv_3 .txt3 {
    padding: 8% 0 5%;
  }

  .cv_4 .txt2 {
    padding-bottom: 5%;
  }
}


/* cookie */
.cookie-container {
  bottom: 0;
  position: fixed;
  z-index: 100002;
  width: 100%;
  background: #dcdcdc;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
}

.cookie-container .cookie-container-inner {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 13px;
  padding-bottom: 5px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cookie-container .cookie-container-inner p {
  float: left;
  width: calc(100% - 156px);
  padding-right: 15px;
  font-size: 12px;
}

.cookie-container .cookie-container-inner p a {
  color: #333333;
  font-weight: bold;
  text-decoration: underline;
}

.cookie-container .cookie-container-inner .cookie-btn {
  border: 1px solid #e9482d;
  color: #e9482d;
  background: #FFF;
  border-radius: 2px;
  padding: 7px 15px;
  -webkit-transition: .5s;
  transition: .5s;
  float: right;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 767px) {
  .cookie-container .cookie-container-inner {
    display: block;
    text-align: center;
  }

  .cookie-container .cookie-container-inner p {
    float: none;
    width: 100%;
    padding: 0px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 15px;
    display: inline-block;
  }

  .cookie-container .cookie-container-inner .cookie-btn {
    padding: 7px 0;
    float: none;
    width: 100%;
    display: inline-block;
  }
}

.cookie-container.close {
  display: none;
}

/*
↑ lp_new.css
↓ office_date_dclp.css
*/

@font-face {
    font-family: "Noto Sans JP";
    src: url("../css/fonts/subset-NotoSansJP-VariableFont_wght.woff2") format("woff2"), url("../css/fonts/subset-NotoSansJP-VariableFont_wght.woff") format("woff");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}
:root {
    --flex-list-col-num: 0;
    --flex-list-column-gap: 0;
    --font-color: #333;
    --theme-color: #E9472D;
    --yellow-color: #F6FF0A;
    --yellow-bg-text-color: #F6FF09;
    --bg-color: #FAE4E0;
    --bg02-color: #FFFFF6;
    --bg03-color: #FFF7F5;
    --input-color: #F0F0F0;
    --bg04-color: #376ED6;
    --bg05-color: #06B067;
    --bg06-color: #4E4E4E
}
body {
    font-family: "Noto Sans JP", serif
}
.inner {
    width: 89.3333333333%;
    max-width: 1080px;
    margin: auto
}
span.nowrap {
    display: inline-block;
    white-space: nowrap
}
@media(max-width: 750px) {
    .pc_show {
        display: none
    }
}
@media(min-width: 751px) {
    .sp_show {
        display: none
    }
}
.red {
    color: var(--theme-color)
}
.strong {
    font-weight: 700
}
.site_footer {
    background-color: var(--theme-color);
    color: #fff;
    padding-bottom: 88px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 1.6
}
.site_footer .wrapper {
    padding: 25px 0
}
.site_footer .wrapper p~p {
    margin-top: 10px
}
.site_footer a {
    color: #fff;
    text-decoration: underline
}
@media(max-width: 750px) {
    .site_footer {
        padding-bottom: 13.3333333333vw;
        font-size: 12px
    }
    .site_footer .wrapper p~p {
        margin-top: 15px
    }
}
.section-hero {
    width: 100%;
    padding-bottom: 0;
    margin-top: 80px;
    z-index: 1
}
.yellow-bg-text {
    box-shadow: inset 0 -0.4em 0 var(--yellow-bg-text-color)
}
.hero {
    position: relative;
    z-index: 4;
    padding-top: 50px;
    padding-bottom: 50px
}
.hero .sp-top {
    font-size: 16px;
    font-weight: 700;
    color: var(--theme-color);
    text-align: center
}
.hero .top {
    font-size: 28px;
    font-weight: 800;
    text-align: center;
    line-height: 1.6071428571
}
.hero .boxes {
    width: 100%;
    max-width: 487px;
    margin: auto;
    position: relative;
    z-index: 3;
    text-align: center;
    margin-top: 50px;
    border: 5px solid var(--theme-color);
    background-color: #fff;
    box-sizing: border-box
}
.hero .boxes .ttl {
    font-size: 22px;
    font-weight: 700;
    width: 100%;
    max-width: 460px;
    margin: auto;
    background-color: var(--theme-color);
    color: #fff;
    transform: translateY(-60%);
    padding: 5px 0;
    line-height: 1.364
}
.hero .boxes .content {
    padding-bottom: 30px;
    font-size: 37px;
    font-weight: 900;
    line-height: 1.4
}
.hero .boxes .tl {
    color: var(--theme-color);
    font-size: 44px;
    margin-bottom: 5px;
    white-space: nowrap
}
.hero .btn-box::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    text-align: center;
    margin: auto;
    margin-top: -1px;
    margin-bottom: 5px;
    border: 77px solid rgba(0, 0, 0, 0);
    border-top: 17px solid var(--theme-color);
    border-bottom: none
}
.hero .btn-box .btn-top {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.4
}
.hero .btn-box .btn-top .red {
    font-weight: 900
}
.hero .btn-box .btn {
    display: block;
    max-width: 315px;
    width: 100%;
    background-color: var(--yellow-color);
    color: #333;
    padding: 14px 20px;
    border-radius: 14px;
    box-shadow: 5px 5px 0 #000;
    font-weight: 900;
    position: relative;
    z-index: 3;
    text-align: left;
    box-sizing: border-box;
    margin: auto;
    text-align: center
}
.hero .btn-box .btn p {
    font-size: 16px;
    line-height: 1.8;
    padding-right: 22px
}
.hero .btn-box .btn .big {
    font-size: 24px;
    line-height: 1.4
}
.hero .btn-box .btn::after {
    content: "";
    position: absolute;
    width: 40px;
    aspect-ratio: 42/44;
    bottom: 5px;
    right: 5px;
    z-index: -1;
    background-image: url(../img/lp_sample_c/ico-btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}
.hero .users {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}
.hero .users .inner {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translate(-50%, 0)
}
.hero .users .left {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-6%, 6%);
    z-index: 2
}
.hero .users .right {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(10%, 7%);
    z-index: 2
}
.hero .bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -2;
    transform: translateX(-50%);
    max-width: 1280px
}
.hero .bg .left {
    position: absolute;
    top: 0;
    left: 0
}
.hero .bg .right {
    position: absolute;
    right: 0;
    bottom: 0
}
@media(max-width: 1150px) {
    .hero .users .left {
        width: 22.6086956522vw
    }
    .hero .users .right {
        width: 27.8260869565vw
    }
    .hero .users img {
        max-width: 100%
    }
}
@media(max-width: 950px) {
    .hero .users .inner {
        width: 100%
    }
    .hero .users .left {
        transform: translate(0%, 6%)
    }
}
@media(max-width: 750px) {
    .hero {
        padding-top: 10px;
        padding-bottom: 20px
    }
    .hero .users {
        display: none
    }
    .hero .top {
        font-size: 18px;
        line-height: 1.3888888889;
        margin: 10px auto
    }
    .hero .boxes {
        margin-top: 0
    }
    .hero .boxes .ttl {
        font-size: 28px;
        font-weight: 900;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        transform: translate(0);
        padding: 9px 0 10px
    }
    .hero .boxes .content {
        font-size: 22px;
        line-height: 1.3181818182;
        padding-top: 12px;
        padding-bottom: 12px
    }
    .hero .boxes .con-img {
        width: 90%;
        max-width: 250px;
        margin: auto;
        text-align: center
    }
    .hero .boxes .con-img img {
        width: auto;
        max-width: 100%
    }
    .hero .bg .left {
        max-width: 35.4666666667vw
    }
    .hero .bg .right {
        max-width: 57.3333333333vw;
        bottom: 105px
    }
}
.dclp-title {
    padding-top: 40px;
    padding-left: 14px;
    border-left: 6px solid var(--theme-color);
    box-sizing: border-box
}
.dclp-title .en {
    font-size: 17px;
    font-weight: 700;
    color: var(--theme-color)
}
.dclp-title .ja {
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px
}
@media(max-width: 750px) {
    .dclp-title {
        padding-left: 10px;
        padding-top: 20px;
        padding-bottom: 14px
    }
    .dclp-title .en {
        font-size: 13px;
        line-height: 2.3076923077
    }
    .dclp-title .ja {
        font-size: 18px;
        margin-top: 5px;
        line-height: 1.6666666667
    }
}
.hero-flow {
    background-color: var(--bg-color);
    padding: 20px 0
}
.hero-flow .inner {
    max-width: 900px
}
.hero-flow .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px
}
.hero-flow .list {
    --flex-list-col-num: 3;
    --flex-list-column-gap: 12px;
    display: flex;
    column-gap: var(--flex-list-column-gap)
}
.hero-flow .list img {
    max-width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num))
}
.hero-flow .btn {
    display: inline-block;
    width: 360px;
    max-width: 100%;
    background-color: var(--yellow-color);
    color: #333;
    padding: 10px 20px;
    border-radius: 14px;
    box-shadow: 5px 5px 0 #000;
    font-weight: 900;
    position: relative;
    z-index: 3;
    text-align: left;
    box-sizing: border-box
}
.hero-flow .btn .red {
    font-weight: 900
}
.hero-flow .btn p:nth-child(1) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3333333333
}
.hero-flow .btn p:nth-child(2) {
    font-size: 18px;
    line-height: 1.8
}
.hero-flow .btn .big {
    font-size: 27px;
    line-height: 1.5
}
.hero-flow .btn::after {
    content: "";
    position: absolute;
    width: 42px;
    aspect-ratio: 42/44;
    bottom: 5px;
    right: 15px;
    z-index: -1;
    background-image: url(../img/lp_sample_c/ico-btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}
.hero-flow .note {
    margin-top: 20px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    padding: 0 50px
}
@media(max-width: 750px) {
    .hero-flow .list {
        max-width: 600px;
        --flex-list-column-gap: 4px
    }
    .hero-flow .note {
        padding: 0 20px
    }
}
.section01 {
    background-color: var(--bg02-color);
    padding: 40px 0
}
.section01 .boxes {
    display: flex;
    align-items: flex-start;
    gap: 35px
}
.section01 .title {
    font-size: 44px;
    font-weight: 900;
    color: var(--theme-color)
}
.section01 .list {
    width: 413px;
    min-width: 413px;
    border: 3px solid #fcddd7;
    background-color: #fff;
    padding: 25px 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7777777778;
    box-sizing: border-box
}
.section01 .list li {
    padding-left: 30px;
    position: relative
}
.section01 .list li::before {
    content: "";
    position: absolute;
    top: .45em;
    left: 0;
    width: 22px;
    aspect-ratio: 45/37;
    background-image: url(../img/office_date/ico-list.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}
.section01 .right {
    width: 100%
}
.section01 .txt {
    position: relative;
    z-index: 3;
    padding-bottom: 30px
}
.section01 .ttl {
    font-size: 26px;
    font-weight: 700
}
.section01 .sub {
    font-size: 15px;
    font-weight: 400;
    margin: 1em 0;
    line-height: 1.6666666667;
    padding-right: 126px
}
.section01 .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}
.section01 .btns {
    --flex-list-col-num: 2;
    --flex-list-column-gap: 12px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--flex-list-column-gap)
}
.section01 .btn {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    min-width: 300px;
    border: 2px solid var(--theme-color);
    background-color: #fff;
    box-shadow: 4px 4px 0 var(--theme-color);
    text-align: center;
    color: var(--font-color);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    display: grid;
    align-items: center;
    position: relative;
    box-sizing: border-box
}
.section01 .btn:nth-child(1) {
    background-color: var(--yellow-bg-text-color)
}
.section01 .btn::after {
    content: "";
    width: 26px;
    aspect-ratio: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background-image: url(../img/lp_sample_c/arrow-right.png);
    background-repeat: no-repeat;
    background-size: contain
}
.section01 .tt01 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.875;
    margin: 6px auto;
    text-align: center
}
.section01 .tt01::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: 5px auto;
    border: 41px solid rgba(0, 0, 0, 0);
    border-top: 15px solid var(--theme-color);
    border-bottom: none
}
.section01 .tt02 {
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3888888889;
    box-sizing: border-box;
    padding: 10px 0;
    margin: 10px 0
}
@media(max-width: 1150px) {
    .section01 .boxes {
        gap: 20px
    }
}
@media(max-width: 950px) {
    .section01 .boxes {
        flex-direction: column
    }
}
@media(max-width: 750px) {
    .section01 {
        padding-top: 14px
    }
    .section01 .boxes {
        row-gap: 0
    }
    .section01 .list {
        width: 100%;
        max-width: 100%;
        min-width: auto;
        padding: 20px;
        font-size: 15px;
        font-weight: 700
    }
    .section01 .txt {
        width: 91.6417910448%;
        margin: 10px auto;
        padding-left: 132px;
        box-sizing: border-box;
        padding-bottom: 0
    }
    .section01 .ttl {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.6;
        color: var(--theme-color);
        margin-bottom: 5px
    }
    .section01 .sub {
        padding-right: 0;
        margin: 0;
        font-size: 14px
    }
    .section01 .icon {
        width: 115px;
        aspect-ratio: 1;
        bottom: auto;
        right: auto;
        top: 50%;
        left: 0;
        transform: translate(0, -50%)
    }
    .section01 img {
        max-width: 100%
    }
}
.section02 {
    padding: 60px 0 50px
}
.section02 .inner {
    max-width: 860px
}
.section02 .title {
    font-size: 29px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3103448276
}
.section02 .sub {
    margin: 40px auto 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6666666667
}
.section02 .sub .red {
    font-weight: 700
}
.section02 .boxes img {
    max-width: 100%
}
.section02 .list {
    display: grid;
    gap: 6px;
    margin-top: 57px
}
.section02 .list dl {
    text-align: center;
    box-sizing: border-box;
    font-size: clamp(13px, 3px + 1.3333vw, 15px);
    line-height: 1.6666666667;
    box-sizing: border-box;
    height: 80px;
    display: flex;
    justify-content: center;
    gap: 7px
}
.section02 .list dl:nth-child(1) {
    font-size: clamp(12px, -18px + 4vw, 18px);
    font-weight: 700;
    line-height: 1.3888888889;
    box-sizing: border-box;
    color: #fff;
    height: auto;
    align-items: flex-end
}
.section02 .list dl:nth-child(1) dt {
    background-color: var(--bg06-color);
    height: 60px
}
@media(max-width: 900px)and (min-width: 751px) {
    .section02 .list dl:nth-child(1) dt {
        height: 6.6666666667vw
    }
}
.section02 .list dl:nth-child(1) dt::after {
    content: none
}
@media(max-width: 900px)and (min-width: 751px) {
    .section02 .list dl:nth-child(1) dt .ico img {
        width: 9.6666666667vw
    }
}
.section02 .list dl:nth-child(1) dd {
    font-size: clamp(16px, -14px + 4vw, 22px);
    background-color: var(--theme-color);
    height: 70px;
    position: relative;
    z-index: 3;
    border: none
}
@media(max-width: 900px)and (min-width: 751px) {
    .section02 .list dl:nth-child(1) dd {
        height: 7.7777777778vw
    }
}
.section02 .list dl:nth-child(1) dd .ico {
    width: 100%;
    height: 100%
}
@media(max-width: 900px)and (min-width: 751px) {
    .section02 .list dl:nth-child(1) dd .ico picture:nth-of-type(1) {
        width: 11.1111111111vw
    }
}
@media(max-width: 900px)and (min-width: 751px) {
    .section02 .list dl:nth-child(1) dd .ico picture:nth-of-type(2) {
        width: 47.6666666667vw
    }
}
.section02 .list dt {
    width: 46.511627907%;
    box-sizing: border-box;
    background-color: var(--input-color);
    display: grid;
    align-items: center;
    position: relative;
    z-index: 3
}
.section02 .list dt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: clamp(30px, -30px + 8vw, 42px);
    aspect-ratio: 42/26;
    background-image: url(../img/lp_sample_c/arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transform: translate(50%, -50%)
}
.section02 .list dd {
    width: 52.3255813953%;
    box-sizing: border-box;
    background-color: var(--bg02-color);
    display: grid;
    align-items: center;
    border: 2px dotted var(--theme-color)
}
.section02 .list .ico {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
    text-align: left
}
.section02 .list .ico picture {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
@media(max-width: 900px)and (min-width: 751px) {
    .section02 .list dl {
        height: 8.8888888889vw
    }
}
@media(max-width: 750px) {
    .section02 .list {
        margin-top: 20px
    }
    .section02 .list dl {
        text-align: left
    }
    .section02 .list dl:nth-child(1) {
        height: 60px
    }
    .section02 .list dl:nth-child(1) dt {
        padding-left: 12px;
        padding-right: 0
    }
    .section02 .list dl:nth-child(1) dt .ico {
        display: none
    }
    .section02 .list dl:nth-child(1) dd {
        height: 60px;
        padding-left: 16px;
        padding-right: 50px
    }
    .section02 .list dl:nth-child(1) dd .ico {
        width: 100%;
        height: 100%
    }
    .section02 .list dl:nth-child(1) dd .ico picture:nth-of-type(1) {
        width: 62px;
        left: auto;
        right: 0;
        transform: translate(18.5%, 0)
    }
    .section02 .list dl:nth-child(1) dd .ico picture:nth-of-type(2) {
        width: 69px;
        bottom: auto;
        top: 0;
        transform: translate(-10%, -29%)
    }
    .section02 .list dt {
        width: 44.4776119403%;
        padding: 0 10px;
        padding-right: 24px
    }
    .section02 .list dd {
        width: 53.4328358209%;
        padding-left: 10px;
        padding-right: 8px
    }
    .section02 .list .ico {
        width: auto
    }
}
.section02 .dialog {
    margin: 40px auto 0;
    display: flex;
    align-items: flex-start;
    gap: 10px
}
.section02 .dialog .box {
    background-color: var(--bg03-color);
    border: 2px solid var(--theme-color);
    padding: 20px 20px;
    padding-left: 30px;
    border-radius: 20px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7333333333;
    position: relative
}
.section02 .dialog .box .red {
    font-weight: 700
}
.section02 .dialog .box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 7.5px solid rgba(0, 0, 0, 0);
    border-right: 15px solid var(--theme-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section02 .dialog .box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 4.5px solid rgba(0, 0, 0, 0);
    border-right: 11px solid var(--bg03-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section02 .note {
    text-align: right;
    margin-top: 6px;
    font-size: 10px
}
@media(max-width: 750px) {
    .section02 {
        padding: 40px 0
    }
    .section02 .title {
        font-size: 18px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .section02 .title::before {
        content: "";
        display: block;
        width: 89px;
        aspect-ratio: 1;
        background-image: url(../img/lp_sample_c/image_negative.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }
    .section02 .sub {
        font-size: 15px;
        text-align: left;
        margin: 20px auto
    }
    .section02 .dialog {
        margin-top: 40px;
        gap: 0
    }
    .section02 .dialog .icon {
        width: 60px;
        min-width: 60px;
        transform: translateY(17px)
    }
    .section02 .dialog .icon img {
        max-width: 100%;
        max-height: 100%
    }
    .section02 .dialog .box {
        padding: 10px 14px
    }
    .section02 .dialog .box::before {
        top: 40px;
        transform: translate(-100%, 0%)
    }
    .section02 .dialog .box::after {
        top: 43px;
        transform: translate(-100%, 0%)
    }
}
.section03 {
    padding: 60px 0;
    background-color: var(--bg03-color);
    position: relative;
    z-index: 3
}
.section03 .top-en {
    position: absolute;
    width: 98%;
    top: 0;
    left: 50%;
    text-align: center;
    font-size: 98px;
    font-weight: 700;
    color: var(--theme-color);
    opacity: .15;
    transform: translate(-50%, 0);
    pointer-events: none
}
.section03 .title {
    font-size: 28px;
    font-weight: 700;
    text-align: center
}
.section03 .sub {
    font-size: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    margin: 30px auto;
    line-height: 1.6666666667
}
.section03 .sub .red {
    font-weight: 700
}
.section03 .title-step {
    background-color: var(--theme-color);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    margin: 30px auto;
    line-height: 1.4
}
.section03 .dialog {
    width: 100%;
    max-width: 860px;
    margin: 40px auto 0;
    display: flex;
    align-items: flex-start;
    gap: 10px
}
.section03 .dialog .box {
    background-color: var(--bg03-color);
    border: 2px solid var(--theme-color);
    padding: 20px 20px;
    padding-left: 30px;
    border-radius: 20px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7333333333;
    position: relative
}
.section03 .dialog .box .red {
    font-weight: 700
}
.section03 .dialog .box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 7.5px solid rgba(0, 0, 0, 0);
    border-right: 15px solid var(--theme-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section03 .dialog .box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 4.5px solid rgba(0, 0, 0, 0);
    border-right: 11px solid var(--bg03-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section03 .boxes01 {
    background-color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 0 30px 30px
}
.section03 .boxes01 .top-flex {
    display: flex;
    gap: 25px
}
.section03 .boxes01 .ttl {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: .5em;
    line-height: 1.25
}
.section03 .boxes01 .content {
    font-size: 15px;
    margin-top: 20px;
    line-height: 1.6666666667
}
.section03 .boxes01 .fig {
    width: 400px;
    margin-top: 38px
}
.section03 .boxes01 .step {
    width: 100%;
    max-width: 800px;
    text-align: center;
    margin: 40px auto;
    position: relative;
    z-index: 2
}
.section03 .boxes01 .step img {
    max-width: 100%
}
@media(max-width: 750px) {
    .section03 .boxes01 .step .bg {
        display: none
    }
}
.section03 .boxes01 .step-txt {
    text-align: left
}
.section03 .boxes01 .step-txt .col:nth-child(1) {
    --step-top-ttl-color: var(--theme-color)
}
.section03 .boxes01 .step-txt .col:nth-child(2) {
    --step-top-ttl-color: var(--bg04-color)
}
.section03 .boxes01 .step-txt .col:nth-child(3) {
    --step-top-ttl-color: #FFC400
}
.section03 .boxes01 .step-txt .col:nth-child(4) {
    --step-top-ttl-color: var(--bg05-color)
}
.section03 .boxes01 .step-txt .top {
    display: flex;
    align-items: baseline;
    gap: 10px
}
.section03 .boxes01 .step-txt .step-num {
    display: flex;
    align-items: baseline;
    gap: 0 3px;
    font-size: 13px;
    font-weight: 700;
    color: var(--step-top-ttl-color)
}
.section03 .boxes01 .step-txt .step-num .num {
    font-size: 28px;
    font-weight: 900
}
.section03 .boxes01 .step-txt .step-ttl {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6
}
.section03 .boxes01 .step-txt .con {
    font-size: 15px;
    line-height: 1.6666666667;
    margin-top: .35em
}
@media(min-width: 751px) {
    .section03 .boxes01 .step-txt .col {
        position: absolute;
        width: 30%
    }
    .section03 .boxes01 .step-txt .col:nth-child(1) {
        top: 2%;
        left: .3%
    }
    .section03 .boxes01 .step-txt .col:nth-child(2) {
        top: 2%;
        left: 70%
    }
    .section03 .boxes01 .step-txt .col:nth-child(3) {
        top: 65%;
        left: .3%
    }
    .section03 .boxes01 .step-txt .col:nth-child(4) {
        top: 65%;
        left: 70%
    }
}
@media(min-width: 751px)and (max-width: 1100px) {
    .section03 .boxes01 .step-txt {
        --flex-list-column-gap: calc(30 / 1100 * 100vw)
    }
    .section03 .boxes01 .step-txt .top {
        gap: .9090909091vw
    }
    .section03 .boxes01 .step-txt .step-num {
        gap: .2727272727vw;
        font-size: 1.1818181818vw
    }
    .section03 .boxes01 .step-txt .step-num .num {
        font-size: 2.5454545455vw
    }
    .section03 .boxes01 .step-txt .step-ttl {
        font-size: 1.6363636364vw
    }
    .section03 .boxes01 .step-txt .con {
        font-size: 1.3636363636vw
    }
}
@media(max-width: 750px) {
    .section03 .boxes01 .step-txt {
        --flex-list-col-num: 2;
        --flex-list-column-gap: 15px;
        display: flex;
        flex-wrap: wrap;
        row-gap: 7px;
        column-gap: var(--flex-list-column-gap);
        background-image: url(../img/lp_sample_c/step-bg-sp.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto
    }
    .section03 .boxes01 .step-txt .col {
        width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num))
    }
    .section03 .boxes01 .step-txt .top {
        border-bottom: 2px solid var(--step-top-ttl-color);
        gap: 5px
    }
    .section03 .boxes01 .step-txt .step-num {
        position: relative;
        padding-top: 10px;
        font-size: 10px
    }
    .section03 .boxes01 .step-txt .step-num .tt {
        position: absolute;
        top: 0;
        left: 0
    }
    .section03 .boxes01 .step-txt .step-num .num {
        line-height: 1;
        font-size: 20px
    }
    .section03 .boxes01 .step-txt .step-ttl {
        font-size: 14px
    }
    .section03 .boxes01 .step-txt .con {
        margin-top: 0;
        font-size: 13px
    }
}
.section03 .boxes02 {
    background-color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 40px 30px;
    margin: 45px auto
}
.section03 .boxes02 .top-flex {
    display: flex;
    gap: 25px
}
.section03 .boxes02 .ttl {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: .5em;
    line-height: 1.25
}
.section03 .boxes02 .ttl .tt {
    width: 100%
}
.section03 .boxes02 .content {
    font-size: 15px;
    margin-top: 20px;
    line-height: 1.6666666667
}
.section03 .boxes02 .step-list {
    --flex-list-col-num: 3;
    --flex-list-column-gap: 30px;
    display: flex;
    gap: var(--flex-list-column-gap)
}
.section03 .boxes02 .step {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    font-size: 15px;
    border: 2px solid var(--theme-color);
    box-sizing: border-box;
    padding: 15px 20px;
    position: relative;
    z-index: 3
}
.section03 .boxes02 .step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: -7px;
    width: 21px;
    height: 100%;
    background-image: url(../img/lp_sample_c/ico-right.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transform: translate(100%, 0%)
}
.section03 .boxes02 .step .con {
    line-height: 1.6666666667
}
.section03 .boxes02 .step-ttl {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid var(--theme-color);
    padding-bottom: 5px;
    margin-bottom: 6px;
    gap: 10px
}
.section03 .boxes02 .step-ttl .en {
    color: var(--theme-color);
    font-size: 13px
}
.section03 .boxes02 .step-ttl .num {
    font-size: 28px;
    font-weight: 900
}
.section03 .boxes02 .navigation {
    background-color: var(--bg02-color);
    padding: 20px 20px 30px;
    box-sizing: border-box;
    margin: 20px auto
}
.section03 .boxes02 .navigation-ttl {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: var(--theme-color)
}
.section03 .boxes02 .navigation-box {
    --flex-list-col-num: 3;
    --flex-list-column-gap: 30px;
    width: 100%;
    max-width: 900px;
    margin: 20px auto 0;
    display: flex;
    gap: var(--flex-list-column-gap)
}
.section03 .boxes02 .navigation-box .item {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num))
}
.section03 .boxes02 .navigation-box .item:last-child .col::after {
    content: none
}
.section03 .boxes02 .navigation-box .tl {
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    padding: 3px 0;
    box-sizing: border-box
}
.section03 .boxes02 .navigation-box .col {
    background-color: #fff;
    border: var(--theme-color) 2px dotted;
    box-sizing: border-box;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 15px;
    line-height: 1.6666666667;
    margin-top: 5px;
    height: 90px;
    position: relative;
    display: flex;
    align-items: center
}
.section03 .boxes02 .navigation-box .col::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    z-index: 2;
    width: 42px;
    aspect-ratio: 87/55;
    background-image: url(../img/lp_sample_c/arrow-right02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transform: translate(90%, -50%)
}
.section03 .boxes02 .navigation-box .col li {
    display: flex
}
.section03 .boxes02 .navigation-box .col li::before {
    content: "・"
}
.section03 .boxes02 .navigation-box img {
    max-width: 100%
}
@media(max-width: 1100px) {
    .section03 .boxes02 .navigation-box {
        --flex-list-column-gap: calc(30 / 1100 * 100vw)
    }
    .section03 .boxes02 .navigation-box .tl {
        font-size: 1.4545454545vw
    }
    .section03 .boxes02 .navigation-box .col {
        padding-left: 1.4545454545vw;
        padding-right: 1.4545454545vw;
        font-size: 1.2727272727vw;
        margin-top: .4545454545vw;
        height: 8.1818181818vw
    }
    .section03 .boxes02 .navigation-box .col::after {
        width: 3.8181818182vw
    }
}
.section03 .boxes02 .navigation-box-sp .item {
    margin-top: 20px
}
.section03 .boxes02 .navigation-box-sp .case {
    background-color: #f6ff09;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: var(--theme-color);
    box-sizing: border-box;
    padding: 5px 0;
    margin-bottom: 12px
}
.section03 .boxes02 .navigation-box-sp .case em {
    font-style: normal;
    font-size: 20px;
    margin-left: 4px;
    margin-bottom: -1px;
    display: inline-block
}
.section03 .boxes02 .navigation-box-sp .box {
    margin-top: 5px
}
.section03 .boxes02 .navigation-box-sp .tl {
    background-color: var(--theme-color);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 2.7142857143;
    box-sizing: border-box
}
.section03 .boxes02 .navigation-box-sp .col {
    box-sizing: border-box;
    background-color: #fff;
    border: 2px dotted var(--theme-color);
    border-top: none;
    padding: 6px 16px;
    font-size: 14px;
    line-height: 1.7857142857
}
.section03 .boxes02 .navigation-box-sp .col li {
    display: flex
}
.section03 .boxes02 .navigation-box-sp .col li::before {
    content: "・"
}
.section03 .boxes02 .navigation-box-sp .arrow {
    margin-top: 5px;
    text-align: center
}
.section03 .boxes02 .navigation-box-sp .arrow img {
    width: 23px;
    max-width: 100%
}
.section03 .boxes03 .ttl-top {
    text-align: center;
    font-size: 24px;
    font-weight: 700
}
.section03 .boxes03 .ttl {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: var(--theme-color);
    margin-top: .6em
}
.section03 .boxes03 .ttl::after {
    content: "";
    display: block;
    width: 200px;
    height: 2px;
    margin: auto;
    background-color: var(--theme-color);
    margin-top: 6px
}
.section03 .boxes03 .flex {
    display: flex;
    gap: 24px;
    margin-top: 25px
}
.section03 .boxes03 .item {
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid var(--theme-color);
    display: flex;
    align-items: center;
    gap: 15px;
    box-sizing: border-box;
    padding: 30px
}
.section03 .boxes03 .user {
    width: 98px;
    min-width: 98px
}
.section03 .boxes03 .ico {
    margin-bottom: 8px
}
.section03 .boxes03 .ico img {
    max-width: 100%
}
.section03 .boxes03 .name {
    font-size: 18px;
    font-weight: 700;
    text-align: center
}
.section03 .boxes03 .tag {
    width: 60px;
    height: 20px;
    line-height: 20px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: auto;
    border-radius: 6px;
    margin-top: 5px;
    text-align: center
}
.section03 .boxes03 .txt {
    font-size: 15px
}
.section03 .boxes03 .tl {
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline
}
.section03 .boxes03 .con {
    margin-top: 1em;
    line-height: 1.6666666667
}
@media(max-width: 1150px) {
    .section03 .boxes01 .pc_show.fig {
        display: none
    }
    .section03 .boxes01 .txt .sp_show {
        display: block
    }
    .section03 .boxes01 .fig {
        text-align: center;
        margin: auto;
        margin-top: 20px
    }
    .section03 .boxes02 .pc_show.fig {
        display: none
    }
    .section03 .boxes02 .txt>.sp_show {
        display: block
    }
    .section03 .boxes02 .ttl .tt {
        width: auto
    }
    .section03 .boxes02 .fig {
        text-align: center;
        margin: auto;
        margin-top: 20px
    }
}
@media(max-width: 950px) {
    .section03 .boxes02 {
        padding: 20px 14px 40px
    }
    .section03 .boxes02 .ttl {
        font-size: 18px;
        line-height: 1.6666666667;
        align-items: center;
        justify-content: center
    }
    .section03 .boxes02 .ttl .ico {
        width: 36px
    }
    .section03 .boxes02 .ttl .tt {
        width: auto
    }
    .section03 .boxes02 .fig {
        margin-top: 20px
    }
    .section03 .boxes02 .step-list {
        --flex-list-col-num: 1;
        flex-wrap: wrap;
        width: 90.8794788274%;
        margin: auto
    }
    .section03 .boxes02 .step:not(:last-child)::after {
        top: auto;
        right: auto;
        left: 50%;
        bottom: 0;
        width: 18px;
        height: 29px;
        transform-origin: center center;
        transform: translate(-50%, 108%) rotate(90deg)
    }
    .section03 .boxes03 .flex {
        gap: 20px;
        flex-wrap: wrap
    }
    .section03 .boxes03 .item {
        width: 100%
    }
}
@media(max-width: 750px) {
    .section03 {
        padding: 40px 0
    }
    .section03 .top-en {
        font-size: 14.4vw
    }
    .section03 .title {
        font-size: 20px;
        line-height: 1.5
    }
    .section03 .sub {
        text-align: left
    }
    .section03 .sub .ico-txt {
        display: none
    }
    .section03 .title-step {
        font-size: 18px;
        margin: 20px auto
    }
    .section03 .boxes01 {
        padding: 14px 14px 40px
    }
    .section03 .boxes01 .ttl {
        font-size: 18px;
        line-height: 1.6666666667
    }
    .section03 .boxes01 .ttl .ico {
        width: 36px
    }
    .section03 .boxes01 .content {
        margin-top: 1em;
        margin-bottom: 40px
    }
    .section03 .boxes01 .fig {
        margin-top: 18px;
        width: 100%;
        max-width: 100%
    }
    .section03 .boxes01 .step {
        width: 89.5765472313%;
        margin: 10px auto 30px
    }
    .section03 .boxes01 .step img {
        width: auto;
        max-width: 100%
    }
    .section03 .boxes02 {
        padding: 20px 14px 40px
    }
    .section03 .boxes02 .ttl {
        font-size: 18px;
        line-height: 1.6666666667;
        align-items: center;
        justify-content: center
    }
    .section03 .boxes02 .ttl .ico {
        width: 36px
    }
    .section03 .boxes02 .ttl .tt {
        width: auto
    }
    .section03 .boxes02 .fig {
        margin-top: 20px
    }
    .section03 .boxes02 .step-list {
        --flex-list-col-num: 1;
        flex-wrap: wrap;
        width: 90.8794788274%;
        margin: auto
    }
    .section03 .boxes02 .step:not(:last-child)::after {
        top: auto;
        right: auto;
        left: 50%;
        bottom: 0;
        width: 18px;
        height: 29px;
        transform-origin: center center;
        transform: translate(-50%, 108%) rotate(90deg)
    }
    .section03 .boxes02 .navigation-box {
        margin-top: 0
    }
    .section03 .boxes03 .ttl-top {
        font-size: 20px;
        line-height: 1.25
    }
    .section03 .boxes03 .ttl {
        font-size: 20px;
        line-height: 1.9;
        margin-top: 10px
    }
    .section03 .boxes03 .ttl::after {
        width: 140px;
        margin-top: 4px
    }
    .section03 .boxes03 .flex {
        margin-top: 20px;
        gap: 10px
    }
    .section03 .boxes03 .item {
        padding: 20px 16px
    }
    .section03 .boxes03 .user {
        display: none
    }
    .section03 .boxes03 .txt-tl {
        display: flex;
        align-items: center;
        gap: 10px
    }
    .section03 .boxes03 .ico {
        width: 80px;
        min-width: 80px;
        aspect-ratio: 1
    }
    .section03 .boxes03 .tl {
        font-size: 16px;
        line-height: 1.5555555556
    }
    .section03 .boxes03 .tl-bottom {
        display: flex;
        flex-wrap: wrap;
        gap: 5px 10px;
        margin-top: 10px
    }
    .section03 .boxes03 .tag {
        font-size: 15px;
        margin: 0
    }
    .section03 .boxes03 .con {
        margin-top: 20px
    }
    .section03 .dialog {
        margin-top: 40px;
        gap: 0
    }
    .section03 .dialog .icon {
        width: 60px;
        min-width: 60px;
        transform: translateY(17px)
    }
    .section03 .dialog .icon img {
        max-width: 100%;
        max-height: 100%
    }
    .section03 .dialog .box {
        padding: 10px 14px
    }
    .section03 .dialog .box::before {
        top: 40px;
        transform: translate(-100%, 0%)
    }
    .section03 .dialog .box::after {
        top: 43px;
        transform: translate(-100%, 0%)
    }
}
.section04 {
    background-color: var(--bg02-color)
}
.section04 .title {
    background-color: var(--theme-color);
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    box-sizing: border-box;
    padding: 20px;
    line-height: 1.3214285714
}
.section04 .title small {
    font-size: 23px;
    line-height: 1.347826087
}
.section04 .boxes {
    background-color: var(--bg02-color);
    padding: 40px 0;
    position: relative;
    z-index: 3
}
.section04 .inner {
    max-width: 860px
}
.section04 .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}
.section04 .flex .top {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6666666667
}
.section04 .flex .list {
    margin: 20px auto 25px;
    box-sizing: border-box;
    padding: 16px 24px;
    background-color: #fff;
    border: 2px var(--theme-color);
    border-style: dashed
}
.section04 .flex ul {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8571428571
}
.section04 .flex ul li {
    padding-left: 30px;
    position: relative
}
.section04 .flex ul li::before {
    content: "";
    position: absolute;
    top: .25em;
    left: 0;
    width: 22px;
    aspect-ratio: 45/37;
    background-image: url(../img/office_date/ico-list.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}
.section04 .flex .content {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7333333333
}
.section04 .flex .fig {
    text-align: center
}
.section04 .flex .btn {
    width: 310px;
    max-width: 100%;
    border: 2px solid var(--theme-color);
    background-color: var(--yellow-bg-text-color);
    box-shadow: 4px 4px 0 var(--theme-color);
    text-align: center;
    color: var(--font-color);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    display: grid;
    align-items: center;
    position: relative
}
.section04 .flex .btn::after {
    content: "";
    width: 26px;
    aspect-ratio: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url(../img/lp_sample_c/arrow-right.png);
    background-repeat: no-repeat;
    background-size: contain
}
.section04 .bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1280px
}
.section04 .bg .left {
    position: absolute;
    top: 0;
    left: 0
}
.section04 .bg .right {
    position: absolute;
    right: 0;
    bottom: 0
}
@media(max-width: 750px) {
    .section04 .bg .left {
        max-width: 38.1333333333vw
    }
    .section04 .bg .right {
        max-width: 48.2666666667vw;
        bottom: 35%
    }
}
@media(max-width: 950px) {
    .section04 .title {
        font-size: 22px
    }
    .section04 .title small {
        font-size: .8214285714em
    }
}
@media(max-width: 750px) {
    .section04 .title {
        font-size: 18px;
        line-height: 1.3333333333;
        padding: 16px
    }
    .section04 .title small {
        font-size: 13px
    }
    .section04 .boxes {
        padding-top: 20px
    }
    .section04 .flex {
        flex-direction: column
    }
    .section04 .flex .top {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.6666666667
    }
    .section04 .flex .list {
        margin: 20px auto 0px;
        padding: 14px 16px
    }
    .section04 .flex ul {
        font-size: 14px
    }
    .section04 .flex ul li {
        padding-left: 24px
    }
    .section04 .flex ul li::before {
        top: .25em;
        width: 18px
    }
    .section04 .flex .content {
        font-size: 14px
    }
    .section04 .flex .fig {
        max-width: 134px;
        margin: 4px auto 10px
    }
}
.section-about {
    padding-bottom: 70px
}
.section-about .boxes {
    width: 100%;
    max-width: 1040px;
    margin: auto;
    margin-top: 50px
}
.section-about .box-inner {
    width: 100%;
    max-width: 960px;
    margin: auto
}
.section-about .text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7777777778
}
.section-about .dialog {
    width: 100%;
    max-width: 860px;
    margin: 40px 0 0;
    display: flex;
    align-items: flex-start;
    gap: 10px
}
.section-about .dialog .box {
    background-color: var(--bg03-color);
    border: 2px solid var(--theme-color);
    padding: 20px 20px;
    padding-left: 30px;
    border-radius: 20px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7333333333;
    position: relative
}
.section-about .dialog .box .red {
    font-weight: 700
}
.section-about .dialog .box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 7.5px solid rgba(0, 0, 0, 0);
    border-right: 15px solid var(--theme-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section-about .dialog .box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 4.5px solid rgba(0, 0, 0, 0);
    border-right: 11px solid var(--bg03-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section-about .item {
    display: flex;
    gap: 0 20px
}
.section-about .txt {
    font-size: 15px;
    line-height: 1.7333333333
}
.section-about .txt .list-box {
    margin: 1em 0 0;
    width: 100%;
    max-width: 450px;
    box-sizing: border-box;
    padding: 30px 20px;
    background-color: var(--bg02-color);
    border: 2px dashed var(--theme-color);
    font-weight: 700
}
.section-about .txt li {
    padding-left: 14px;
    position: relative
}
.section-about .txt li::before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    width: 6px;
    aspect-ratio: 6/14;
    background-color: var(--theme-color)
}
@media(max-width: 950px)and (min-width: 751px) {
    .section-about .item .txt {
        width: 50%
    }
    .section-about .item .fig {
        width: 50%
    }
}
@media(max-width: 750px) {
    .section-about {
        padding-bottom: 40px
    }
    .section-about .dialog {
        margin-top: 40px;
        gap: 0
    }
    .section-about .dialog .icon {
        width: 60px;
        min-width: 60px;
        transform: translateY(17px)
    }
    .section-about .dialog .icon img {
        max-width: 100%;
        max-height: 100%
    }
    .section-about .dialog .box {
        padding: 10px 14px
    }
    .section-about .dialog .box::before {
        top: 40px;
        transform: translate(-100%, 0%)
    }
    .section-about .dialog .box::after {
        top: 43px;
        transform: translate(-100%, 0%)
    }
    .section-about .boxes {
        margin-top: 30px
    }
    .section-about .text {
        font-size: 15px;
        line-height: 1.6666666667
    }
    .section-about .txt .list-box {
        margin: 0;
        padding: 20px 14px;
        font-size: 14px
    }
    .section-about .fig {
        margin: 10px auto
    }
}
.dclp-h3-title {
    margin: 30px auto 20px;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
    background-color: var(--theme-color);
    color: #fff;
    box-sizing: border-box;
    padding: 4px 20px
}
@media(max-width: 750px) {
    .dclp-h3-title {
        font-size: 18px;
        text-align: center
    }
}
.section-feature {
    background-color: var(--bg03-color);
    padding-bottom: 70px
}
.section-feature .feature-wrap {
    width: 100%;
    max-width: 1040px;
    margin: auto;
    margin-top: 40px
}
.section-feature .dialog {
    width: 100%;
    max-width: 860px;
    margin: 40px auto 0;
    display: flex;
    align-items: flex-start;
    gap: 10px
}
.section-feature .dialog .box {
    background-color: var(--bg03-color);
    border: 2px solid var(--theme-color);
    padding: 20px 20px;
    padding-left: 30px;
    border-radius: 20px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7333333333;
    position: relative
}
.section-feature .dialog .box .red {
    font-weight: 700
}
.section-feature .dialog .box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 7.5px solid rgba(0, 0, 0, 0);
    border-right: 15px solid var(--theme-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section-feature .dialog .box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 4.5px solid rgba(0, 0, 0, 0);
    border-right: 11px solid var(--bg03-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section-feature .dialog .box.bgwhtie {
    background-color: #fff
}
.section-feature .boxes {
    box-sizing: border-box;
    width: 100%;
    max-width: 980px;
    margin: auto
}
.section-feature .boxes .sub {
    font-size: 18px;
    font-weight: 500
}
.section-feature .boxes .flex {
    --flex-list-col-num: 2;
    --flex-list-column-gap: 20px;
    display: flex;
    gap: var(--flex-list-column-gap);
    margin-top: 20px
}
.section-feature .boxes .item {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    background-color: var(--bg02-color);
    border: 2px solid var(--theme-color);
    padding: 20px;
    box-sizing: border-box;
    position: relative
}
.section-feature .boxes .ttl {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.6666666667
}
.section-feature .boxes .ttl br.sp {
    display: none
}
.section-feature .boxes .con {
    font-size: 15px;
    line-height: 1.6666666667;
    margin-top: 12px;
    padding-right: 130px
}
.section-feature .boxes .con .note {
    font-size: 12px
}
.section-feature .boxes .ico {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 130px;
    height: 100%;
    display: flex;
    align-items: flex-end
}
.section-feature .boxes02 {
    width: 100%;
    max-width: 1010px;
    margin: 30px auto;
    background-color: #fff
}
.section-feature .boxes02 .title {
    text-align: center;
    background-color: var(--bg02-color);
    padding: 13px 0
}
.section-feature .boxes02 .ttl {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25
}
.section-feature .boxes02 .ttl sup {
    font-size: .7em
}
.section-feature .boxes02 .ttl-note {
    font-size: 14px;
    margin-top: 5px;
    line-height: 1.7857142857
}
.section-feature .boxes02 .box {
    width: calc(100% - 20px);
    margin: auto;
    box-sizing: border-box;
    border-top: 2px solid var(--theme-color);
    position: relative
}
.section-feature .boxes02 .box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border: 28px solid rgba(0, 0, 0, 0);
    border-top: 12px solid var(--theme-color);
    border-bottom: none;
    transform: translate(-50%, 0%)
}
.section-feature .boxes02 .box::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    border: 28px solid rgba(0, 0, 0, 0);
    border-top: 12px solid var(--bg02-color);
    border-bottom: none;
    transform: translate(-50%, 0%)
}
.section-feature .boxes02 .content {
    padding: 20px;
    box-sizing: border-box;
    line-height: 1.875;
    font-weight: 500
}
.section-feature .boxes03 {
    width: 100%;
    max-width: 980px;
    margin: auto;
    margin-top: 40px
}
.section-feature .boxes03 .title {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid var(--theme-color);
    box-sizing: border-box;
    padding-bottom: 5px;
    padding-left: 26px;
    position: relative;
    line-height: 1.9;
    margin-bottom: 15px
}
.section-feature .boxes03 .title::before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    border: 10px solid rgba(0, 0, 0, 0);
    border-left: 20px solid var(--theme-color);
    border-right: none
}
.section-feature .boxes03 .sub {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7777777778
}
.section-feature .boxes03 .box {
    --flex-list-col-num: 3;
    --flex-list-column-gap: 50px;
    width: 100%;
    max-width: 928px;
    margin: 40px auto;
    display: flex;
    gap: 20px var(--flex-list-column-gap);
    flex-wrap: wrap
}
.section-feature .boxes03 .item {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num))
}
.section-feature .boxes03 .ttl {
    background-color: var(--bg06-color);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    margin-bottom: 6px;
    line-height: 1.625
}
.section-feature .boxes03 .triangle {
    width: 0;
    height: 0;
    border: 30px solid rgba(0, 0, 0, 0);
    border-top: 12px solid var(--theme-color);
    border-bottom: none;
    margin: 4px auto;
    text-align: center
}
.section-feature .boxes03 .con {
    background-color: var(--bg02-color);
    border: 2px solid var(--theme-color);
    box-sizing: border-box;
    padding: 20px 0px 12px;
    text-align: center
}
.section-feature .boxes03 .ico {
    height: 105px
}
.section-feature .boxes03 .txt {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--theme-color)
}
.section-feature .boxes04 {
    display: flex;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 25px
}
.section-feature .boxes04 .tt {
    width: 100%;
    max-width: 474px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7777777778
}
.section-feature .boxes04 .tt strong {
    font-weight: 700
}
.section-feature .boxes04 .box {
    width: 100%;
    max-width: 438px;
    margin: auto;
    margin-top: 8px;
    background-color: var(--bg02-color);
    border: 2px dashed var(--theme-color);
    box-sizing: border-box;
    padding: 20px 30px
}
.section-feature .boxes04 dl {
    display: flex;
    gap: 20px;
    line-height: 28px
}
.section-feature .boxes04 dt {
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-color);
    min-width: 4em
}
.section-feature .boxes04 dd {
    font-size: 15px;
    font-weight: 500
}
.section-feature .boxes04 .fig {
    margin-left: 80px
}
@media(max-width: 950px) {
    .section-feature .boxes03 .box {
        --flex-list-column-gap: 20px
    }
    .section-feature .boxes03 .box {
        --flex-list-col-num: 1;
        width: 91.6417910448%;
        margin: 20px auto 30px;
        gap: 16px var(--flex-list-column-gap)
    }
    .section-feature .boxes04 .fig {
        margin-left: 20px
    }
}
@media(max-width: 750px) {
    .section-feature {
        padding-bottom: 40px
    }
    .section-feature .feature-wrap {
        margin-top: 30px
    }
    .section-feature .dialog {
        margin-top: 40px;
        gap: 0
    }
    .section-feature .dialog .icon {
        width: 60px;
        min-width: 60px;
        transform: translateY(17px)
    }
    .section-feature .dialog .icon img {
        max-width: 100%;
        max-height: 100%
    }
    .section-feature .dialog .box {
        padding: 10px 14px
    }
    .section-feature .dialog .box::before {
        top: 40px;
        transform: translate(-100%, 0%)
    }
    .section-feature .dialog .box::after {
        top: 43px;
        transform: translate(-100%, 0%)
    }
    .section-feature .boxes .sub {
        font-size: 15px;
        line-height: 1.6666666667
    }
    .section-feature .boxes .flex {
        --flex-list-col-num: 1;
        --flex-list-column-gap: 16px;
        margin-top: 1em;
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto
    }
    .section-feature .boxes .ttl {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.6666666667;
        padding-right: 76px;
        min-height: 88px
    }
    .section-feature .boxes .ttl br.sp {
        display: block
    }
    .section-feature .boxes .con {
        font-size: 14px;
        line-height: 1.7857142857;
        margin-top: 10px;
        padding-right: 0
    }
    .section-feature .boxes .ico {
        right: auto;
        bottom: auto;
        top: 20px;
        right: 20px;
        width: 85px;
        height: auto;
        aspect-ratio: 1;
        display: block
    }
    .section-feature .boxes02 {
        margin: 20px auto
    }
    .section-feature .boxes02 .title {
        padding: 16px 0 5px
    }
    .section-feature .boxes02 .ttl {
        font-size: 18px;
        line-height: 1.3888888889
    }
    .section-feature .boxes02 .ttl-note {
        font-size: 11px;
        margin-top: 4px;
        line-height: 2.2727272727
    }
    .section-feature .boxes02 .box {
        width: 100%
    }
    .section-feature .boxes02 .box::before {
        border: 17px solid rgba(0, 0, 0, 0);
        border-top: 14px solid var(--theme-color);
        border-bottom: none
    }
    .section-feature .boxes02 .box::after {
        top: -2px;
        left: 50%;
        border: 16px solid rgba(0, 0, 0, 0);
        border-top: 13px solid var(--bg02-color)
    }
    .section-feature .boxes02 .content {
        padding: 25px 14px 20px;
        line-height: 1.6666666667;
        font-size: 15px
    }
    .section-feature .boxes03 {
        margin-top: 30px
    }
    .section-feature .boxes03 .title {
        font-size: 18px;
        padding-bottom: 5px;
        padding-left: 24px;
        line-height: 2.1111111111;
        margin-bottom: 14px
    }
    .section-feature .boxes03 .title::before {
        border: 8px solid rgba(0, 0, 0, 0);
        border-left: 16px solid var(--theme-color);
        border-right: none
    }
    .section-feature .boxes03 .sub {
        font-size: 15px;
        line-height: 1.6666666667
    }
    .section-feature .boxes03 .box {
        --flex-list-col-num: 1;
        width: 91.6417910448%;
        margin: 20px auto 30px;
        gap: 16px var(--flex-list-column-gap)
    }
    .section-feature .boxes03 .ttl {
        font-size: 14px;
        padding: 5px;
        margin-bottom: 5px
    }
    .section-feature .boxes03 .triangle {
        margin: 4px auto 2px
    }
    .section-feature .boxes03 .con {
        padding: 22px 12px 22px;
        text-align: left;
        position: relative;
        padding-left: 116px
    }
    .section-feature .boxes03 .ico {
        position: absolute;
        bottom: 0;
        left: 6px;
        width: 100px;
        height: auto
    }
    .section-feature .boxes03 .ico img {
        width: auto;
        max-width: 100%
    }
    .section-feature .boxes03 .txt {
        font-size: 14px;
        line-height: 1.6428571429
    }
    .section-feature .boxes04 {
        display: block;
        padding: 0;
        margin-top: 16px
    }
    .section-feature .boxes04 .tt {
        max-width: 100%;
        font-size: 15px
    }
    .section-feature .boxes04 .box {
        max-width: 100%;
        margin-top: 16px;
        padding: 20px 14px
    }
    .section-feature .boxes04 dl {
        gap: 16px;
        line-height: 28px
    }
    .section-feature .boxes04 dt {
        font-size: 18px
    }
    .section-feature .boxes04 dd {
        font-size: 14px
    }
    .section-feature .boxes04 .fig {
        width: 100%;
        max-width: 237px;
        margin: auto
    }
}
.section-course-support {
    padding: 50px 0
}
.section-course-support .boxes {
    margin-top: 60px
}
.section-course-support .sub {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7777777778
}
.section-course-support .box01 {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 50px
}
.section-course-support .box01 .list {
    --flex-list-col-num: 3;
    --flex-list-column-gap: 20px;
    display: flex;
    gap: var(--flex-list-column-gap);
    margin: 30px 0
}
.section-course-support .box01 .col {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    background-color: var(--bg02-color);
    border: 2px solid var(--theme-color);
    position: relative
}
.section-course-support .box01 .col:not(:last-child)::after {
    content: "";
    width: 44px;
    aspect-ratio: 44/28;
    position: absolute;
    top: 20px;
    right: calc(var(--flex-list-column-gap)/2);
    background-image: url(../img/lp_sample_c/arrow-right02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(100%, 0%);
    z-index: 100
}
.section-course-support .box01 .tl {
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625;
    box-sizing: border-box;
    padding: 8px;
    text-align: center
}
.section-course-support .box01 .con {
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px;
    line-height: 1.7142857143
}
.section-course-support .box01 .con-box {
    display: flex;
    box-sizing: border-box
}
.section-course-support .box01 .tt {
    font-weight: 500
}
.section-course-support .box01 .tags {
    --flex-list-col-num: 2;
    --flex-list-column-gap: 6px;
    display: flex;
    gap: var(--flex-list-column-gap)
}
.section-course-support .box01 .tag {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    line-height: 1.5;
    box-sizing: border-box;
    padding: 8px 0;
    font-weight: 700;
    border: 2px dotted var(--theme-color);
    color: var(--theme-color);
    text-align: center
}
.section-course-support .box02 {
    width: 100%;
    max-width: 1000px;
    margin: auto
}
.section-course-support .box02 .flex {
    width: 100%;
    max-width: 900px;
    margin: 25px auto;
    display: flex;
    align-items: center
}
.section-course-support .box02 .txt {
    width: 100%;
    max-width: 430px;
    box-sizing: border-box;
    padding: 20px;
    border: 2px dashed var(--theme-color);
    background-color: var(--bg02-color)
}
.section-course-support .box02 dl {
    padding-left: 15px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7142857143
}
.section-course-support .box02 dl~dl {
    margin-top: 1em
}
.section-course-support .box02 dl::before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    width: 6px;
    aspect-ratio: 6/14;
    background-color: var(--theme-color)
}
.section-course-support .box02 dt {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7333333333;
    color: var(--theme-color)
}
.section-course-support .box02 dd {
    margin-top: 5px
}
.section-course-support .box02 .fig {
    margin-left: 75px
}
.section-course-support .box02 .content {
    width: 100%;
    max-width: 900px;
    margin: auto;
    font-size: 15px;
    line-height: 1.7333333333
}
.section-course-support .dialog {
    width: 100%;
    max-width: 860px;
    margin: 40px auto 0;
    display: flex;
    align-items: flex-start;
    gap: 10px
}
.section-course-support .dialog .box {
    background-color: var(--bg03-color);
    border: 2px solid var(--theme-color);
    padding: 20px 20px;
    padding-left: 30px;
    border-radius: 20px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7333333333;
    position: relative
}
.section-course-support .dialog .box .red {
    font-weight: 700
}
.section-course-support .dialog .box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 7.5px solid rgba(0, 0, 0, 0);
    border-right: 15px solid var(--theme-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section-course-support .dialog .box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 4.5px solid rgba(0, 0, 0, 0);
    border-right: 11px solid var(--bg03-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section-course-support .dialog .box.bgwhtie {
    background-color: #fff
}
@media(max-width: 950px) {
    .section-course-support .box01 .list {
        --flex-list-col-num: 1;
        --flex-list-column-gap: 16px;
        flex-wrap: wrap
    }
}
@media(max-width: 950px)and (min-width: 751px) {
    .section-course-support .box01 .list {
        width: 91.6417910448%;
        margin-left: auto;
        margin-right: auto
    }
}
@media(max-width: 950px) {
    .section-course-support .box01 .col:not(:last-child)::after {
        width: 31px;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform-origin: center center;
        transform: translate(-50%, 100%) rotate(90deg)
    }
    .section-course-support .box01 .tt {
        width: 100%
    }
    .section-course-support .box01 .ico {
        width: 113px;
        min-width: 113px
    }
    .section-course-support .box02 .fig {
        margin-left: 20px
    }
}
@media(max-width: 750px) {
    .section-course-support {
        padding: 0 0 40px
    }
    .section-course-support .boxes {
        margin-top: 30px
    }
    .section-course-support .sub {
        font-size: 15px
    }
    .section-course-support .box01 {
        margin-bottom: 20px
    }
    .section-course-support .box01 .list {
        width: 91.6417910448%;
        margin: 20px auto
    }
    .section-course-support .box01 .tl br {
        display: none
    }
    .section-course-support .box01 .con {
        font-size: 13px;
        padding: 12px 16px 10px
    }
    .section-course-support .box01 .ico {
        width: 96px;
        min-width: 96px
    }
    .section-course-support .box01 .tags {
        --flex-list-column-gap: 3px
    }
    .section-course-support .box01 .tag {
        font-size: 12px;
        line-height: 1.5833333333;
        padding: 10px 0
    }
    .section-course-support .box02 .flex {
        margin: 20px auto 16px;
        display: block
    }
    .section-course-support .box02 .txt {
        max-width: 100%;
        padding: 20px
    }
    .section-course-support .box02 .fig {
        margin-left: 0;
        width: auto;
        max-width: 227px;
        margin: 12px auto 20px
    }
    .section-course-support .dialog {
        margin-top: 40px;
        gap: 0
    }
    .section-course-support .dialog .icon {
        width: 60px;
        min-width: 60px;
        transform: translateY(17px)
    }
    .section-course-support .dialog .icon img {
        max-width: 100%;
        max-height: 100%
    }
    .section-course-support .dialog .box {
        padding: 10px 14px
    }
    .section-course-support .dialog .box::before {
        top: 40px;
        transform: translate(-100%, 0%)
    }
    .section-course-support .dialog .box::after {
        top: 43px;
        transform: translate(-100%, 0%)
    }
}
.section05 {
    background-color: var(--bg02-color)
}
.section05 .title {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3214285714;
    background-color: var(--theme-color);
    color: #fff;
    padding: 15px 0
}
.section05 .inner {
    max-width: 860px
}
.section05 .boxes {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    padding: 20px 0 40px
}
.section05 .box {
    display: flex;
    align-items: center;
    gap: 20px
}
.section05 .txt {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6666666667
}
.section05 .btns {
    --flex-list-col-num: 2;
    --flex-list-column-gap: 12px;
    width: 100%;
    max-width: 642px;
    margin: auto;
    display: flex;
    gap: var(--flex-list-column-gap);
    flex-wrap: wrap;
    margin-top: 30px;
    box-sizing: border-box;
    justify-content: center
}
.section05 .btn {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    min-width: 300px;
    border: 2px solid var(--theme-color);
    background-color: #fff;
    box-shadow: 4px 4px 0 var(--theme-color);
    text-align: center;
    color: var(--font-color);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    display: grid;
    align-items: center;
    position: relative;
    box-sizing: border-box
}
.section05 .btn:nth-child(1) {
    background-color: var(--yellow-bg-text-color)
}
.section05 .btn::after {
    content: "";
    width: 26px;
    aspect-ratio: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background-image: url(../img/lp_sample_c/arrow-right.png);
    background-repeat: no-repeat;
    background-size: contain
}
.section05 .bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1280px
}
.section05 .bg .left {
    position: absolute;
    top: 0;
    left: 0
}
.section05 .bg .right {
    position: absolute;
    right: 0;
    bottom: 0
}
@media(max-width: 750px) {
    .section05 .bg .left {
        max-width: 35.4666666667vw
    }
    .section05 .bg .right {
        max-width: 57.3333333333vw;
        bottom: 105px
    }
}
@media(max-width: 750px) {
    .section05 .title {
        font-size: 18px;
        padding: 10px 0
    }
    .section05 .box {
        display: block
    }
    .section05 .box02 {
        display: flex;
        flex-direction: column-reverse;
        gap: 0
    }
    .section05 .box02 .fig {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto
    }
    .section05 .fig {
        width: 100%;
        margin-bottom: 1em
    }
    .section05 .fig img {
        height: 50vw;
        object-fit: cover
    }
    .section05 .txt {
        font-size: 15px;
        line-height: 1.6666666667
    }
    .section05 .btns {
        margin-top: 20px
    }
}
.section-employment-support {
    padding-bottom: 80px
}
.section-employment-support .top-txt {
    width: 100%;
    max-width: 1040px;
    margin: 50px auto 60px
}
.section-employment-support .boxes {
    --flex-list-col-num: 2;
    --flex-list-column-gap: 20px;
    width: 100%;
    max-width: 980px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: var(--flex-list-column-gap)
}
.section-employment-support .item {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    background-color: var(--bg02-color);
    border: 2px solid var(--theme-color);
    box-sizing: border-box;
    padding: 20px;
    position: relative
}
.section-employment-support .ttl {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color);
    line-height: 1.6666666667
}
.section-employment-support .content {
    font-size: 15px;
    margin-top: 1em;
    line-height: 1.6666666667;
    padding-right: 130px
}
.section-employment-support .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 130px;
    height: 100%;
    display: flex;
    align-items: flex-end
}
@media(max-width: 950px) {
    .section-employment-support .boxes {
        --flex-list-col-num: 1
    }
}
@media(max-width: 750px) {
    .section-employment-support {
        padding-bottom: 40px
    }
    .section-employment-support .top-txt {
        margin: 30px auto 20px;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.6666666667
    }
    .section-employment-support .item {
        padding: 20px 13px 5px
    }
    .section-employment-support .ttl {
        font-size: 16px
    }
    .section-employment-support .content {
        font-size: 14px;
        margin-top: 10px;
        padding-right: 0
    }
    .section-employment-support .icon {
        position: initial;
        width: 100px;
        height: auto;
        margin: auto
    }
}
.section-performance {
    background-color: var(--bg03-color);
    padding-bottom: 70px
}
.section-performance .performance-wrap {
    margin-top: 45px
}
.section-performance .ttl {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4615384615;
    text-align: center;
    color: var(--theme-color);
    padding-bottom: 10px;
    border-bottom: 3px solid var(--theme-color)
}
.section-performance img {
    max-width: 100%
}
.section-performance .boxes01 {
    margin-top: 20px
}
.section-performance .boxes01 .txt {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center
}
.section-performance .boxes01 .txt small {
    font-size: 14px
}
.section-performance .boxes01 .logs {
    width: 100%;
    max-width: 980px;
    margin: 30px auto;
    box-sizing: border-box;
    padding: 35px 20px;
    text-align: center;
    background-color: #fff
}
.section-performance .boxes02 {
    --flex-list-col-num: 2;
    --flex-list-column-gap: 20px;
    width: 100%;
    max-width: 980px;
    margin: auto;
    margin-top: 30px;
    display: flex;
    gap: var(--flex-list-column-gap)
}
.section-performance .boxes02 .item {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    background-color: var(--bg02-color);
    border: 2px solid var(--theme-color);
    box-sizing: border-box;
    padding: 1em 35px
}
.section-performance .boxes02 .tl {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6666666667;
    text-align: center;
    border-bottom: 1px solid var(--theme-color);
    padding-bottom: 5px;
    margin-bottom: 3px;
    color: var(--theme-color)
}
.section-performance .boxes02 .fig {
    text-align: center;
    margin: 4px auto -6px
}
.section-performance .boxes02 .note {
    font-size: 10px;
    font-weight: 500
}
.section-performance .boxes02 .b-box {
    background-color: #fff;
    border: 1px solid var(--theme-color);
    box-sizing: border-box;
    padding: 6px 5px;
    margin-top: 5px;
    box-sizing: border-box
}
.section-performance .boxes02 .tt {
    width: 100%;
    max-width: 330px;
    margin: auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6666666667
}
@media(max-width: 950px) {
    .section-performance .boxes02 {
        --flex-list-col-num: 1;
        flex-wrap: wrap
    }
}
@media(max-width: 950px)and (min-width: 751px) {
    .section-performance .boxes02 {
        width: 91.6417910448%
    }
}
@media(max-width: 950px) {
    .section-performance .boxes02 .item {
        padding: 1em 20px
    }
}
@media(max-width: 750px) {
    .section-performance {
        padding-bottom: 40px
    }
    .section-performance .performance-wrap {
        margin-top: 30px
    }
    .section-performance .ttl {
        font-size: 18px;
        padding-bottom: 0;
        border-bottom: none
    }
    .section-performance .boxes01 {
        margin-top: 10px
    }
    .section-performance .boxes01 .txt {
        font-size: 12px;
        line-height: 1.5833333333
    }
    .section-performance .boxes01 .txt small {
        font-size: 10px
    }
    .section-performance .boxes01 .logs {
        margin: 14px auto 30px;
        padding: 20px 10px
    }
    .section-performance .boxes02 {
        --flex-list-col-num: 1;
        --flex-list-column-gap: 10px;
        margin-top: 14px;
        flex-wrap: wrap
    }
    .section-performance .boxes02 .item {
        padding: 11px 10px 14px
    }
    .section-performance .boxes02 .tl {
        font-size: 15px;
        padding-bottom: 6px;
        margin-bottom: 10px
    }
    .section-performance .boxes02 .fig {
        text-align: center;
        margin: 10px auto 3px
    }
    .section-performance .boxes02 .fig img {
        width: revert-layer
    }
    .section-performance .boxes02 .note {
        text-align: center
    }
    .section-performance .boxes02 .b-box {
        padding: 10px 14px;
        margin-top: 12px
    }
    .section-performance .boxes02 .tt {
        font-size: 14px
    }
}
.section-case {
    margin-bottom: 80px
}
.section-case .case-wrap {
    width: 100%;
    margin: auto;
    margin-top: 40px
}
.section-case .case-wrap .inner {
    max-width: 1040px
}
.section-case .sub {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7777777778;
    margin-bottom: 40px
}
.section-case .boxes {
    --case-boxes-color: var(--bg04-color);
    margin-top: 35px;
    box-sizing: border-box;
    background-color: #edf3ff;
    position: relative;
    padding: 25px 20px 50px
}
.section-case .boxes .title {
    width: 110px;
    aspect-ratio: 1;
    border-radius: 100%;
    color: #fff;
    background-color: var(--case-boxes-color);
    position: absolute;
    top: -4px;
    left: -10px;
    font-size: 15px;
    line-height: 1.5333333333;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}
.section-case .boxes .title small {
    font-size: 13px
}
.section-case .boxes .top .flex {
    padding-left: 90px;
    display: flex;
    justify-content: space-between;
    gap: 0 10px
}
.section-case .boxes .top .ttl {
    font-size: 24px;
    font-weight: 700;
    color: var(--case-boxes-color);
    line-height: 1.25;
    margin-bottom: 3px
}
.section-case .boxes .top .info {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.875
}
.section-case .boxes .top .list {
    width: 100%;
    max-width: 513px;
    padding: 17px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px var(--case-boxes-color) dashed;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7857142857;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px
}
.section-case .boxes .top dl {
    display: flex
}
.section-case .boxes .top dl:nth-child(2n) {
    order: 2
}
.section-case .boxes .top dl:nth-child(4) {
    margin-left: 3em
}
.section-case .boxes .top dl:nth-child(4) dt {
    margin-right: 2em
}
.section-case .boxes .top dt {
    color: var(--case-boxes-color);
    font-weight: 700
}
.section-case .boxes .box {
    --flex-list-col-num: 2;
    --flex-list-column-gap: 80px;
    width: 100%;
    max-width: 860px;
    margin: auto;
    margin-top: 25px;
    display: flex;
    gap: var(--flex-list-column-gap);
    position: relative
}
.section-case .boxes .box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../img/lp_sample_c/arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 42px;
    aspect-ratio: 42/26;
    transform: translate(-50%, -50%)
}
.section-case .boxes .item {
    --case-item-theme-color: var(--bg06-color);
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    border: 1px solid var(--case-item-theme-color);
    background-color: #fff;
    position: relative
}
.section-case .boxes .item .ttl {
    box-sizing: border-box;
    background-color: var(--case-item-theme-color);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6666666667;
    padding: 8px 0;
    text-align: center;
    position: relative
}
.section-case .boxes .item .content {
    box-sizing: border-box;
    padding: 20px 20px 25px;
    font-size: 15px;
    line-height: 1.7333333333
}
.section-case .boxes .item .ico {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -60%)
}
.section-case .boxes .item:nth-child(2) {
    --case-item-theme-color: var(--theme-color)
}
.section-case .boxes .item:nth-child(2) .ico {
    right: auto;
    left: 0
}
.section-case .boxes02 {
    background-color: #e9f5f0;
    --case-boxes-color: var(--bg05-color)
}
.section-case .boxes02 .top dl:nth-child(4) {
    margin-left: 0
}
.section-case .dialog {
    width: 100%;
    max-width: 860px;
    margin: 40px auto 0;
    display: flex;
    align-items: flex-start;
    gap: 10px
}
.section-case .dialog .box {
    background-color: var(--bg03-color);
    border: 2px solid var(--theme-color);
    padding: 20px 20px;
    padding-left: 30px;
    border-radius: 20px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7333333333;
    position: relative
}
.section-case .dialog .box .red {
    font-weight: 700
}
.section-case .dialog .box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 7.5px solid rgba(0, 0, 0, 0);
    border-right: 15px solid var(--theme-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section-case .dialog .box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 4.5px solid rgba(0, 0, 0, 0);
    border-right: 11px solid var(--bg03-color);
    border-left: none;
    transform: translate(-100%, -50%)
}
.section-case .dialog .box.bgwhtie {
    background-color: #fff
}
@media(max-width: 950px) {
    .section-case .boxes {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }
    .section-case .boxes .title {
        width: 100%;
        aspect-ratio: auto;
        border-radius: 0;
        position: initial;
        font-weight: 700;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 10px 0
    }
    .section-case .boxes .title small {
        font-size: 1em
    }
    .section-case .boxes .title br {
        display: none
    }
    .section-case .boxes .top .flex {
        width: 89.3333333333%;
        margin: auto;
        flex-wrap: wrap;
        padding-left: 0;
        gap: 10px;
        box-sizing: border-box
    }
    .section-case .boxes .top .left {
        width: 100%;
        margin-top: 8px;
        display: flex;
        justify-content: center;
        gap: 10px
    }
    .section-case .boxes .top .left .img {
        margin-top: -10px
    }
    .section-case .boxes .top .ttl {
        font-size: 20px;
        margin-bottom: 0;
        white-space: nowrap
    }
    .section-case .boxes .top .info {
        font-size: 15px
    }
    .section-case .boxes .top .list {
        max-width: 100%;
        padding: 18px;
        font-size: 15px;
        display: block
    }
    .section-case .boxes .top dl:nth-child(2n) {
        order: 1
    }
    .section-case .boxes .top dl:nth-child(4) {
        margin-left: 0
    }
    .section-case .boxes .top dl:nth-child(4) dt {
        margin-right: 0
    }
    .section-case .boxes .top dt {
        width: 5em;
        min-width: 5em
    }
    .section-case .boxes .top .fig {
        display: block;
        text-align: center;
        margin: auto;
        margin-top: -10px
    }
    .section-case .boxes .box {
        --flex-list-col-num: 1;
        --flex-list-column-gap: 30px;
        width: 89.3333333333%;
        max-width: 100%;
        margin-top: 20px;
        flex-wrap: wrap
    }
    .section-case .boxes .box::after {
        content: none
    }
    .section-case .boxes .item {
        width: 100%
    }
    .section-case .boxes .item .content {
        padding: 20px
    }
    .section-case .boxes .item .ico {
        display: none
    }
    .section-case .boxes .item:not(:last-child)::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        background-image: url(../img/lp_sample_c/arrow.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 24px;
        aspect-ratio: 24/30;
        transform-origin: center center;
        transform: translate(-50%, 100%) rotate(90deg)
    }
    .section-case .dialog {
        width: 81.8666666667%
    }
}
@media(max-width: 750px) {
    .section-case {
        margin-bottom: 40px
    }
    .section-case .case-wrap {
        margin-top: 30px
    }
    .section-case .sub {
        font-size: 15px;
        margin-bottom: 40px
    }
    .section-case .inner02 {
        width: 100%
    }
    .section-case .boxes {
        margin-top: 0;
        padding: 0px 0px 30px
    }
    .section-case .boxes .title {
        width: 100%;
        aspect-ratio: auto;
        border-radius: 0;
        position: initial;
        font-weight: 700;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 10px 0
    }
    .section-case .boxes .title small {
        font-size: 1em
    }
    .section-case .boxes .title br {
        display: none
    }
    .section-case .boxes .top .flex {
        width: 89.3333333333%;
        margin: auto;
        flex-wrap: wrap;
        padding-left: 0;
        gap: 10px
    }
    .section-case .boxes .top .left {
        width: 100%;
        margin-top: 8px;
        display: flex;
        justify-content: center;
        gap: 10px
    }
    .section-case .boxes .top .left .img {
        margin-top: -10px
    }
    .section-case .boxes .top .ttl {
        font-size: 20px;
        margin-bottom: 0;
        white-space: nowrap
    }
    .section-case .boxes .top .info {
        line-height: 1.5
    }
    .section-case .boxes .top .list {
        max-width: 100%;
        padding: 18px;
        font-size: 15px;
        display: block
    }
    .section-case .boxes .top dl:nth-child(2n) {
        order: 1
    }
    .section-case .boxes .top dl:nth-child(4) {
        margin-left: 0
    }
    .section-case .boxes .top dl:nth-child(4) dt {
        margin-right: 0
    }
    .section-case .boxes .top dt {
        width: 5em;
        min-width: 5em
    }
    .section-case .boxes .top .fig {
        text-align: center;
        margin: auto;
        margin-top: -10px
    }
    .section-case .boxes .box {
        --flex-list-col-num: 1;
        --flex-list-column-gap: 30px;
        width: 89.3333333333%;
        max-width: 100%;
        margin-top: 20px;
        flex-wrap: wrap
    }
    .section-case .boxes .box::after {
        content: none
    }
    .section-case .boxes .item {
        width: 100%
    }
    .section-case .boxes .item .content {
        padding: 20px
    }
    .section-case .boxes .item .ico {
        display: none
    }
    .section-case .boxes .item:not(:last-child)::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        background-image: url(../img/lp_sample_c/arrow.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 24px;
        aspect-ratio: 24/30;
        transform-origin: center center;
        transform: translate(-50%, 100%) rotate(90deg)
    }
    .section-case .dialog {
        width: 89.3333333333%;
        margin-top: 40px;
        gap: 0
    }
    .section-case .dialog .icon {
        width: 60px;
        min-width: 60px;
        transform: translateY(17px)
    }
    .section-case .dialog .icon img {
        max-width: 100%;
        max-height: 100%
    }
    .section-case .dialog .box {
        padding: 10px 14px
    }
    .section-case .dialog .box::before {
        top: 40px;
        transform: translate(-100%, 0%)
    }
    .section-case .dialog .box::after {
        top: 43px;
        transform: translate(-100%, 0%)
    }
}
.section06 .title {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3214285714;
    background-color: var(--theme-color);
    color: #fff;
    padding: 15px 0
}
.section06 .inner {
    max-width: 860px
}
.section06 .boxes {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    padding: 30px 0 40px
}
.section06 .content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6666666667
}
.section06 .note {
    font-size: 13px;
    line-height: 2;
    margin-top: 1em
}
.section06 .btns {
    --flex-list-col-num: 2;
    --flex-list-column-gap: 12px;
    width: 100%;
    max-width: 642px;
    margin: auto;
    display: flex;
    gap: var(--flex-list-column-gap);
    margin-top: 30px;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center
}
.section06 .btn {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    min-width: 300px;
    border: 2px solid var(--theme-color);
    background-color: #fff;
    box-shadow: 4px 4px 0 var(--theme-color);
    text-align: center;
    color: var(--font-color);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    display: grid;
    align-items: center;
    position: relative;
    box-sizing: border-box
}
.section06 .btn:nth-child(1) {
    background-color: var(--yellow-bg-text-color)
}
.section06 .btn::after {
    content: "";
    width: 26px;
    aspect-ratio: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background-image: url(../img/lp_sample_c/arrow-right.png);
    background-repeat: no-repeat;
    background-size: contain
}
.section06 .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}
.section06 .bg img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center
}
@media(max-width: 750px) {
    .section06 .title {
        font-size: 18px;
        padding: 10px 0
    }
    .section06 .content {
        font-size: 15px;
        line-height: 1.6666666667
    }
    .section06 .note {
        font-size: 12px
    }
    .section06 .btns {
        margin-top: 20px
    }
}
.section-office {
    margin-bottom: 80px
}
.section-office .office-wrap {
    margin: 50px auto
}
.section-office h3 {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.652173913;
    color: var(--theme-color);
    box-sizing: border-box;
    border-bottom: 4px solid var(--theme-color);
    border-left: 10px solid var(--theme-color);
    padding: 7px 12px
}
.section-office img {
    max-width: 100%
}
.section-office .info {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin: 40px auto;
    font-size: 14px;
    line-height: 1.7142857143
}
.section-office .info .fig {
    width: 500px
}
.section-office .info .box {
    width: 550px;
    background-color: var(--bg02-color);
    border: 2px solid var(--theme-color);
    box-sizing: border-box;
    padding: 12px 30px 20px
}
.section-office .info .box>div {
    position: relative;
    padding: 15px 15px 15px 30px;
    border-bottom: dotted 2px var(--theme-color);
    word-break: break-all
}
.section-office .info .box>div::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0px;
    width: 20px;
    height: 100%;
    max-height: 22px;
    max-width: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}
.section-office .info .box .place::before {
    background-image: url(../img/lp_sample_c/place01.png)
}
.section-office .info .box .time::before {
    background-image: url(../img/lp_sample_c/time01.png)
}
.section-office .info .box .calendar::before {
    background-image: url(../img/lp_sample_c/calendar01.png)
}
.section-office .gallery .list {
    --flex-list-col-num: 3;
    --flex-list-column-gap: 28px;
    display: flex;
    column-gap: var(--flex-list-column-gap)
}
.section-office .gallery .col {
    width: calc(100%/var(--flex-list-col-num) - var(--flex-list-column-gap)*(var(--flex-list-col-num) - 1)/var(--flex-list-col-num));
    box-sizing: border-box
}
.section-office .gallery .thumbnail {
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.section-office .gallery .note {
    text-align: right;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 1em
}
.section-office .vr {
    margin: 40px 0
}
.section-office .vr .vr-ttl {
    text-align: center;
    color: #e9462d;
    font-size: 20px;
    font-weight: 600
}
.section-office .vr iframe.flic360 {
    display: block;
    width: 80%;
    margin: 10px auto 0;
    border: none;
    aspect-ratio: 16/9
}
.section-office .boxes01 {
    box-sizing: border-box;
    background-color: var(--bg02-color);
    border: 1px solid var(--theme-color);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 16px
}
.section-office .boxes01 .fig {
    width: 194px;
    min-width: 194px
}
.section-office .boxes01 .txt {
    width: 100%
}
.section-office .boxes01 .ttl {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6666666667;
    color: var(--theme-color);
    margin-bottom: 10px
}
.section-office .boxes01 .content {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7333333333
}
.section-office .boxes01 .name {
    text-align: right;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.875;
    color: var(--theme-color)
}
.section-office .boxes02 {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 50px
}
.section-office .boxes02 .map-box {
    width: 520px
}
.section-office .boxes02 .map-box .map {
    width: 100%;
    border: 3px solid var(--theme-color);
    margin: 0;
    box-sizing: border-box
}
.section-office .boxes02 .map-box .map img {
    width: 100%
}
.section-office .boxes02 .map-box a {
    background-color: var(--theme-color);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6666666667;
    box-sizing: border-box;
    padding: 6px;
    position: relative;
    display: block;
    width: 100%
}
.section-office .boxes02 .map-box a::after {
    content: "";
    width: 26px;
    aspect-ratio: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background-image: url(../img/lp_sample_c/arrow-right-white.png);
    background-repeat: no-repeat;
    background-size: contain
}
.section-office .boxes02 .shop-info {
    --shop-info-theme-color: #004466;
    width: 540px;
    background-color: #f4f4f4;
    box-sizing: border-box;
    padding: 20px
}
.section-office .boxes02 .shop-info .ttl {
    font-size: 16px;
    font-weight: 700;
    background-color: var(--shop-info-theme-color);
    line-height: 1.875;
    text-align: center;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 24px
}
.section-office .boxes02 .shop-info .address {
    display: flex;
    gap: 10px;
    margin-bottom: 10px
}
.section-office .boxes02 .shop-info .fig {
    width: 214px;
    max-width: 45%;
    min-width: 45%
}
.section-office .boxes02 .shop-info .txt {
    font-size: 14px;
    line-height: 1.5714285714
}
.section-office .boxes02 .shop-info .tl {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3888888889;
    margin-bottom: 8px;
    color: var(--shop-info-theme-color)
}
.section-office .boxes02 .shop-info .phone {
    width: 240px;
    height: 40px;
    background-color: #fff;
    border: 2px solid var(--shop-info-theme-color);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--shop-info-theme-color);
    margin: auto;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25em
}
.section-office .boxes02 .shop-info .phone .ico {
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center
}
@media(max-width: 950px) {
    .section-office .boxes02 {
        flex-wrap: wrap;
        justify-content: center
    }
}
@media(max-width: 950px)and (min-width: 751px) {
    .section-office .boxes02 .map-box {
        width: 100%
    }
    .section-office .boxes02 .shop-info {
        width: 100%
    }
}
@media(max-width: 750px) {
    .section-office .office-wrap {
        margin: 30px auto 40px
    }
    .section-office h3 {
        font-size: 16px;
        border-bottom-width: 2px;
        border-left-width: 7px;
        padding: 8px 7px
    }
    .section-office .info {
        gap: 20px;
        margin: 20px auto 26px;
        flex-wrap: wrap
    }
    .section-office .info .fig {
        width: 100%
    }
    .section-office .info .box {
        width: 100%;
        padding: 7px 14px 20px
    }
    .section-office .info .box>div {
        padding: 13px 0px 13px 30px
    }
    .section-office .gallery .list {
        --flex-list-column-gap: 10px
    }
    .section-office .gallery .note {
        font-size: 13px;
        margin-top: 11px
    }
    .section-office .vr {
        margin: 30px 0
    }
    .section-office .vr .vr-ttl {
        font-size: 16px
    }
    .section-office .vr iframe.flic360 {
        width: 90%;
        aspect-ratio: 16/21
    }
    .section-office .boxes01 {
        flex-direction: column;
        padding: 20px 14px;
        gap: 15px;
        margin-top: 40px
    }
    .section-office .boxes01 .fig {
        width: 194px;
        min-width: 194px
    }
    .section-office .boxes01 .ttl {
        font-size: 15px
    }
    .section-office .boxes01 .content {
        font-size: 14px
    }
    .section-office .boxes01 .name {
        font-size: 14px
    }
    .section-office .boxes02 {
        margin-top: 20px;
        flex-wrap: wrap
    }
    .section-office .boxes02 .map-box {
        width: 100%
    }
    .section-office .boxes02 .map-box a {
        font-size: 14px
    }
    .section-office .boxes02 .map-box a::after {
        width: 17px
    }
    .section-office .boxes02 .shop-info {
        width: 100%;
        padding: 10px 12px 24px
    }
    .section-office .boxes02 .shop-info .ttl {
        font-size: 15px;
        padding: 5px;
        margin-bottom: 10px
    }
    .section-office .boxes02 .shop-info .address {
        display: block;
        margin-bottom: 10px
    }
    .section-office .boxes02 .shop-info .fig {
        width: 100%;
        max-width: 305px;
        min-width: 0;
        margin: 10px auto
    }
    .section-office .boxes02 .shop-info .txt {
        font-size: 13px
    }
    .section-office .boxes02 .shop-info .tl {
        font-size: 15px;
        margin-bottom: 10px;
        text-align: center
    }
    .section-office .boxes02 .shop-info .tl br {
        display: none
    }
    .section-office .boxes02 .shop-info .phone {
        margin-right: auto
    }
}
.section-faq {
    padding: 50px 0 65px;
    background-color: var(--bg03-color)
}
.section-faq .inner {
    max-width: 1120px
}
.section-faq .faq-wrap {
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 20px 50px
}
.section-faq .toggle-list {
    width: 100%;
    max-width: 1040px;
    margin: 30px auto 0
}
.section-faq dl {
    border-bottom: 2px solid var(--theme-color)
}
.section-faq dt {
    padding: 14px 0;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4444444444;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    cursor: pointer
}
.section-faq dt::before {
    content: "Q";
    width: 50px;
    aspect-ratio: 1;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 38px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    line-height: 1
}
.section-faq dt.active .question .ico::after {
    transform: translate(0, -50%)
}
.section-faq dd {
    display: none
}
.section-faq .question {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%
}
.section-faq .question .tt {
    width: 100%
}
.section-faq .question .ico {
    width: 20px;
    min-width: 20px;
    height: 20px;
    aspect-ratio: 1;
    position: relative;
    transform: translateY(0.2em)
}
.section-faq .question .ico::before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background-color: var(--theme-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: center center;
    transform: translate(0, -50%)
}
.section-faq .question .ico::after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background-color: var(--theme-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: center center;
    transform: translate(0, -50%) rotate(-90deg);
    transition: .4s
}
.section-faq .answer {
    box-sizing: border-box;
    background-color: var(--bg02-color);
    padding: 10px;
    display: flex;
    align-items: flex-start;
    gap: 12px
}
.section-faq .answer::before {
    content: "A";
    width: 50px;
    aspect-ratio: 1;
    background-color: var(--bg05-color);
    color: #fff;
    font-size: 38px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}
.section-faq .answer .box {
    padding-top: 15px;
    margin-bottom: 1em
}
.section-faq .answer .ttl {
    font-size: 15px;
    font-weight: 500;
    color: var(--theme-color);
    margin-bottom: 1em;
    line-height: 1.5333333333
}
.section-faq .answer .content {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7692307692
}
.section-faq .answer .content a {
    color: #e9462d
}
@media(max-width: 750px) {
    .section-faq {
        padding: 40px 0
    }
    .section-faq .faq-wrap {
        padding: 0 14px 30px
    }
    .section-faq .toggle-list {
        margin: 22px auto 0
    }
    .section-faq dt {
        padding: 16px 0;
        font-size: 15px;
        gap: 6px
    }
    .section-faq dt::before {
        width: 30px;
        font-size: 20px
    }
    .section-faq .question {
        padding-top: 2px;
        gap: 6px
    }
    .section-faq .question .ico {
        width: 14px;
        min-width: 14px;
        transform: translateY(0.05em)
    }
    .section-faq .answer {
        box-sizing: border-box;
        background-color: var(--bg02-color);
        padding: 20px 10px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px
    }
    .section-faq .answer::before {
        width: 30px;
        font-size: 20px
    }
    .section-faq .answer .box {
        padding-top: 0;
        margin-bottom: 0
    }
    .section-faq .answer .ttl {
        margin-bottom: 11px
    }
}
.section-contact#form {
    padding: 75px 0
}
.section-contact#form .inner {
    max-width: 1020px
}
.section-contact#form .title {
    text-align: center;
    font-size: 29px;
    font-weight: 700
}
.section-contact#form .title::after {
    content: "";
    width: 200px;
    height: 4px;
    display: block;
    background-color: var(--theme-color);
    margin: 12px auto
}
.section-contact#form .sub {
    text-align: center;
    margin-top: 18px;
    font-weight: 500
}
.section-contact#form .from-list {
    margin-top: 60px
}
.section-contact#form dl {
    margin-top: 20px;
    font-size: 15px
}
.section-contact#form dt {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px
}
.section-contact#form .tag {
    background-color: var(--bg04-color);
    color: #fff;
    font-weight: 500;
    width: 59px;
    height: 29px;
    line-height: 29px;
    text-align: center
}
.section-contact#form .tag.must {
    background-color: var(--theme-color)
}
.section-contact#form dd {
    margin-top: 10px
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item {
    display: inline;
    padding-left: 8px
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item input {
    position: absolute;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item input:checked+.wpcf7-list-item-label::before {
    border-color: #386ed6
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item input:checked+.wpcf7-list-item-label::after {
    opacity: 1
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item .wpcf7-list-item-label {
    position: relative;
    cursor: pointer;
    padding-left: 25px
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item .wpcf7-list-item-label::before, .section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item .wpcf7-list-item-label::after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item .wpcf7-list-item-label::before {
    background-color: #fff;
    border: 1px solid #818181;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    left: 4px
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item .wpcf7-list-item-label::after {
    background-color: #386ed6;
    border-radius: 50%;
    opacity: 0;
    width: 8px;
    height: 8px;
    left: 8px
}
.section-contact#form .wpcf7-exclusive-checkbox.visually-hidden .wpcf7-list-item.first {
    padding-left: 0
}
.section-contact#form input[type=text], .section-contact#form input[type=email], .section-contact#form input[type=tel] {
    width: 100%;
    height: 50px;
    background-color: var(--input-color);
    box-sizing: border-box
}
.section-contact#form textarea {
    width: 100%;
    height: 194px;
    background-color: var(--input-color);
    box-sizing: border-box
}
.section-contact#form select {
    width: 100%;
    height: 50px;
    background-color: var(--input-color);
    box-sizing: border-box
}
.section-contact#form input[type=date] {
    width: 256px;
    height: 50px;
    background-color: var(--input-color);
    box-sizing: border-box
}
.section-contact#form input[type=radio] {
    width: auto;
    -webkit-appearance: radio;
    padding: initial;
    margin-right: 10px;
    min-height: 0
}
.section-contact#form input[type=checkbox] {
    margin: auto;
    float: none;
    height: auto;
    min-height: 0
}
.section-contact#form input:not([type=radio]), .section-contact#form input:not([type=checkbox]), .section-contact#form textarea, .section-contact#form select {
    border: none;
    outline: none;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0
}
.section-contact#form .radio label {
    margin-right: 20px
}
.section-contact#form .radio input[type=text] {
    margin-top: 20px
}
.section-contact#form .hope-top {
    line-height: 2
}
.section-contact#form .hope01 {
    margin-top: 14px;
    display: flex;
    align-items: center;
    white-space: nowrap
}
.section-contact#form .hope01 input {
    margin-left: 10px
}
.section-contact#form .hope02 {
    margin-top: 14px;
    display: flex;
    align-items: center;
    white-space: nowrap
}
.section-contact#form .hope02 input {
    margin-left: 10px
}
.section-contact#form .agree {
    margin: 18px auto;
    text-align: center
}
.section-contact#form .agree a {
    color: var(--theme-color)
}
.section-contact#form input[type=submit] {
    display: block;
    width: 100%;
    max-width: 400px;
    height: 50px;
    background-color: var(--theme-color);
    color: #fff;
    padding: initial;
    margin: auto;
    margin-top: 30px;
    font-size: 18px;
    font-weight: 700
}
.section-contact#form input[type=submit]:disabled {
    background: #ccc
}
.section-contact#form span.wpcf7-list-item-label {
    display: inline;
    line-height: normal
}
.section-contact#form span.wpcf7-list-item {
    margin: 0;
    display: inline
}
@media(max-width: 750px) {
    .section-contact#form {
        padding: 80px 0 60px
    }
    .section-contact#form .title {
        font-size: 18px
    }
    .section-contact#form .title::after {
        width: 100px;
        height: 2px;
        margin: 14px auto
    }
    .section-contact#form .sub {
        font-size: 14px;
        line-height: 1.6428571429;
        margin: 30px auto
    }
    .section-contact#form .from-list {
        margin-top: 30px
    }
    .section-contact#form dl {
        margin-top: 14px;
        font-size: 14px
    }
    .section-contact#form dt {
        gap: 5px
    }
    .section-contact#form .tag {
        width: 40px;
        height: 19px;
        line-height: 19px;
        font-size: 13px
    }
    .section-contact#form input[type=text], .section-contact#form input[type=email], .section-contact#form input[type=tel] {
        height: 40px
    }
    .section-contact#form input[type=submit] {
        height: 40px;
        max-width: 280px;
        margin-top: 20px;
        font-size: 16px
    }
}
@media(min-width: 751px) {
    .header .pc_wrapper {
        width: 100%
    }
    .header_inner {
        background-color: var(--theme-color);
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
    .header .logo {
        width: 246.39px
    }
    .header .burger-btn {
        background-color: #fff
    }
    .header .burger-btn .bar {
        background-color: var(--theme-color)
    }
    .header .burger-btn .text {
        color: var(--theme-color)
    }
}
.header .burger-btn .text {
    font-size: 16px
}
@media(max-width: 750px) {
    .header .burger-btn .text {
        font-size: 13px
    }
}
.modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .9);
    z-index: 10
}
.modal .inner {
    position: relative;
    width: auto;
    max-width: 92%;
    padding: 40px 60px;
    background-color: hsla(0, 0%, 100%, .8);
    border: solid 3px #e9462d;
    overflow: visible
}
.modal .inner:hover {
    cursor: pointer
}
.modal img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-width: 680px;
    max-height: 0;
    object-fit: contain
}
.modal .closeBox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 10px;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #e9462d;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    border-radius: 50%;
    transform: translate(50%, -50%)
}
@media screen and (min-width: 0) {
    .modal {
        padding-bottom: 70px
    }
    .modal .inner img {
        max-height: 0
    }
}
@media screen and (min-height: 278px) {
    .modal .inner img {
        max-height: 10vh
    }
}
@media screen and (min-height: 417px) {
    .modal .inner img {
        max-height: 40vh
    }
}
@media screen and (min-height: 834px) {
    .modal .inner img {
        max-height: 70vh
    }
}
@media screen and (min-width: 1081px) {
    .modal {
        padding-bottom: 0
    }
}
@media screen and (max-width: 768px) {
    .modal .inner {
        padding: 0
    }
}
.link_to_form a {
    border-radius: 0;
    border: 2px solid #e9462d;
    background-color: #fff;
    color: #e9462d
}
.link_to_form a:nth-child(2) {
    background-color: #e9462d;
    color: #fff
}
.thanks_msg {
    width: 100%;
    max-width: 760px;
    margin: auto
}
ul.thanks_flex {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 50px
}
@media screen and (max-width: 768px) {
    ul.thanks_flex {
        display: block
    }
}
.thanks_back {
    background: #e9482d;
    width: 300px;
    display: block;
    height: 40px;
    color: #fff !important;
    text-decoration: none !important;
    line-height: 40px;
    text-align: center;
    margin: 30px auto
}
form h3 {
    font-size: 20px;
    border-bottom: 1px solid;
    padding-bottom: 14px;
    margin: 40px 0
}
@media screen and (max-width: 768px) {
    form h3 {
        font-size: 16px;
        margin-bottom: 20px
    }
}
form label input[type=checkbox] {
    position: absolute;
    left: 0;
    margin-top: 4px !important;
    display: inline-block
}
.section-contact#form span.wpcf7-list-item {
    width: 100%;
    margin: 0 0 7px;
    display: block;
    padding-left: 20px;
    position: relative
}
.thanks_back.pf_btn {
    background-color: #06b067;
    background-image: url(//dd-career.com/wp-content/themes/dd-career/css/lp_itex_new/css/../../../img/lp_itex_new/dl.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 20px
}
.agree {
    width: 250px
}
.header .nav-wrapper .header-nav {
    width: 450px !important;
    max-width: 70% !important
}
.grecaptcha-badge {
    display: none !important
}
/*# sourceMappingURL=office_date_dclp.css.map */