<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&amp;family=Noto+Sans+JP:wght@100;300;400;500;700;900&amp;family=Zen+Maru+Gothic:wght@700&amp;display=swap");
@keyframes ani-fadein {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ani-fadein-up {
  opacity: 0;
  transform: translateY(15px);
}
.ani-fadein-up.animated, .animated .ani-fadein-up {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ani-fadein-left {
  opacity: 0;
  transform: translateX(-25px);
}
.ani-fadein-left.animated, .animated .ani-fadein-left {
  opacity: 1;
  transform: translateX(0px);
  transition: opacity 0.6s linear, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ani-fadein-right {
  opacity: 0;
  transform: translateX(25px);
}
.ani-fadein-right.animated, .animated .ani-fadein-right {
  opacity: 1;
  transform: translateX(0px);
  transition: opacity 0.6s linear, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ani-delay-100ms.animated, .animated .ani-delay-100ms {
  transition-delay: 100ms;
}

.ani-delay-200ms.animated, .animated .ani-delay-200ms {
  transition-delay: 200ms;
}

.ani-delay-300ms.animated, .animated .ani-delay-300ms {
  transition-delay: 300ms;
}

.ani-delay-400ms.animated, .animated .ani-delay-400ms {
  transition-delay: 400ms;
}

.ani-delay-500ms.animated, .animated .ani-delay-500ms {
  transition-delay: 500ms;
}

.ani-delay-600ms.animated, .animated .ani-delay-600ms {
  transition-delay: 600ms;
}

.ani-delay-700ms.animated, .animated .ani-delay-700ms {
  transition-delay: 700ms;
}

.ani-delay-800ms.animated, .animated .ani-delay-800ms {
  transition-delay: 800ms;
}

.ani-delay-900ms.animated, .animated .ani-delay-900ms {
  transition-delay: 900ms;
}

.ani-delay-1000ms.animated, .animated .ani-delay-1000ms {
  transition-delay: 1000ms;
}

.ani-delay-1100ms.animated, .animated .ani-delay-1100ms {
  transition-delay: 1100ms;
}

.ani-delay-1200ms.animated, .animated .ani-delay-1200ms {
  transition-delay: 1200ms;
}

.ani-delay-1300ms.animated, .animated .ani-delay-1300ms {
  transition-delay: 1300ms;
}

.ani-delay-1400ms.animated, .animated .ani-delay-1400ms {
  transition-delay: 1400ms;
}

.ani-delay-1500ms.animated, .animated .ani-delay-1500ms {
  transition-delay: 1500ms;
}

.ani-delay-1600ms.animated, .animated .ani-delay-1600ms {
  transition-delay: 1600ms;
}

.ani-delay-1700ms.animated, .animated .ani-delay-1700ms {
  transition-delay: 1700ms;
}

.ani-delay-1800ms.animated, .animated .ani-delay-1800ms {
  transition-delay: 1800ms;
}

.ani-delay-1900ms.animated, .animated .ani-delay-1900ms {
  transition-delay: 1900ms;
}

.ani-delay-2000ms.animated, .animated .ani-delay-2000ms {
  transition-delay: 2000ms;
}

@keyframes ani-arrow-scroll {
  0% {
    transform: translateX(-50%) translateY(-19px) rotate(45deg);
  }
  50% {
    transform: translateX(-50%) translateY(-9px) rotate(45deg);
  }
  100% {
    transform: translateX(-50%) translateY(-19px) rotate(45deg);
  }
}
.ani-arrow-scroll {
  animation: ani-arrow-scroll 1s ease-in-out infinite;
}

.issp {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  display: block;
}

.sp-inline {
  display: inline !important;
}

.sp-inline-block {
  display: inline-block !important;
}

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

.sp-flex {
  display: flex !important;
  flex-wrap: wrap !important;
}

.sp-inline-flex {
  display: inline-flex !important;
  flex-wrap: wrap !important;
}

.pc-inline,
.pc-inline-block,
.pc-block,
.pc-flex,
.pc-inline-flex {
  display: none !important;
}

@media only screen and (min-width: 787px) {
  .issp {
    display: none;
  }
  .sp-inline,
  .sp-inline-block,
  .sp-block,
  .sp-flex,
  .sp-inline-flex {
    display: none !important;
  }
  .pc-inline {
    display: inline !important;
  }
  .pc-inline-block {
    display: inline-block !important;
  }
  .pc-block {
    display: block !important;
  }
  .pc-flex {
    display: flex !important;
    flex-wrap: wrap;
  }
  .pc-inline-flex {
    display: inline-flex !important;
    flex-wrap: wrap;
  }
}
/* ***************************************************************************** */
/** -------------------------------------------------------
 ** reset
 ** ------------------------------------------------------- */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /* change */
  /* vertical-align: baseline; */
  vertical-align: top;
  /* background: transparent; */
  /* add */
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

html {
  /* add */
  overflow-y: scroll;
}

body {
  line-height: 1;
  /* add */
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

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

ul,
ol,
dl {
  /* nav ul delete, ul, ol, dl add */
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  /* add */
  box-sizing: border-box;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  /* add */
  empty-cells: show;
}

caption,
th {
  /* add */
  text-align: left;
}

caption {
  /* add */
  font-style: normal;
  font-weight: normal;
}

th {
  /* add */
  font-style: normal;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

input,
textarea {
  /* add */
  font-size: 100%;
  box-sizing: border-box;
}

input[type=text],
input[type=password],
input[type=tel],
textarea {
  /* add */
  resize: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button {
  /* add */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

:disabled {
  opacity: 1;
}

em,
address {
  /* add */
  font-style: normal;
}

sub,
sup {
  /* add */
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
  font-size: 75%;
}

sup {
  /* add */
  vertical-align: text-top;
}

sub {
  /* add */
  vertical-align: text-bottom;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.3078880407vw;
  color: #2F3C43;
}
@media only screen and (min-width: 787px) {
  body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.025em;
  }
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: default;
}
a[href] {
  cursor: pointer;
}

input,
textarea {
  letter-spacing: 0.025em;
  font-family: "Noto Sans JP", sans-serif;
}

.alt {
  display: none;
}

.l-article {
  background-color: #FFF;
}

.l-aside {
  display: none;
}
@media only screen and (min-width: 787px) {
  .l-aside {
    order: 1;
    position: sticky;
    top: 80px;
    display: block;
    margin-bottom: 120px;
    width: 278px;
  }
  .project-list .l-aside {
    margin-bottom: 70px;
  }
  .project-detail .l-aside {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #FFF;
    border: 1px solid #DEE7EB;
    border-radius: 7px;
  }
}
.l-aside__conditionsTtl {
  display: flex;
  align-items: center;
  padding-left: 20px;
  height: 55px;
  background-color: #0065BD;
  border-top: 1px solid #0065BD;
  border-right: 1px solid #0065BD;
  border-left: 1px solid #0065BD;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #FFF;
}
.l-aside__in {
  background-color: #FFF;
  border-right: 1px solid #DEE7EB;
  border-bottom: 1px solid #DEE7EB;
  border-left: 1px solid #DEE7EB;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.l-aside__select {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #DEE7EB;
}
.l-aside__select &gt; dt {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
}
.l-aside__select &gt; dt &gt; button {
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #0065BD;
}
.l-aside__select &gt; dd {
  margin-top: 10px;
}
.l-aside__select &gt; dd &gt; p {
  font-size: 13px;
  letter-spacing: 0.05em;
}
.l-aside__add {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #DEE7EB;
}
.l-aside__add &gt; dt {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.05em;
}
.l-aside__add &gt; dd {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}
.l-aside__add &gt; dd &gt; input {
  padding-right: 10px;
  padding-left: 10px;
  width: 193px;
  height: 38px;
  background-color: #EEF5F8;
  border: none;
  font-size: 13px;
  letter-spacing: 0.05em;
}
.l-aside__add &gt; dd &gt; button {
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #0065BD;
}
.l-aside__words {
  margin-top: 15px;
  width: 100%;
}
.l-aside__searchBtn {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.l-aside__searchBtn &gt; button {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  width: 238px;
  height: 47px;
  background-color: #394A53;
  border-radius: 7px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #FFF;
}
.l-aside__searchBtn &gt; button:hover {
  opacity: 0.8;
}
.l-aside__selectTtl {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6875;
  letter-spacing: 0.02em;
}
.l-aside__btns {
  margin-top: 30px;
}
.l-aside__btn {
  width: 100%;
}
.l-aside__btn &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
}
.l-aside__btn &gt; a:hover {
  opacity: 0.8;
}
.l-aside__btn:nth-of-type(1) &gt; a {
  background: #F7F8F8;
  border-radius: 7px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
}
.l-aside__btn:nth-of-type(1) &gt; a::before {
  content: "";
  display: block;
  margin-right: 3px;
  width: 17px;
  height: 16px;
  background: url("/assets/images/common/ico_favorite_on.svg") center center/100% auto no-repeat;
}
.l-aside__btn:nth-of-type(1) &gt; a.is-active::before {
  background-image: url("/assets/images/common/ico_favorite.svg");
}
.l-aside__btn:nth-of-type(2) {
  margin-top: 15px;
}
.l-aside__btn:nth-of-type(2) &gt; a {
  display: flex;
  flex-direction: column;
  background: linear-gradient(to right top, #0045BD, #159CD6);
  border-radius: 7px;
}
.l-aside__btn:nth-of-type(2) &gt; a &gt; span {
  font-weight: 700;
  letter-spacing: 0.02em;
}
.l-aside__btn:nth-of-type(2) &gt; a &gt; span:nth-of-type(1) {
  font-size: 15px;
  color: #FFF;
}
.l-aside__btn:nth-of-type(2) &gt; a &gt; span:nth-of-type(2) {
  margin-top: 7px;
  font-family: "Chakra Petch", sans-serif;
  font-size: 11px;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.3);
}

/*
.m-float {
	position: fixed;
	z-index: 90;
	bottom: vwsp(5);
	left: 0;
	width: 100%;
	@media only screen and (min-width: 787px) {
		display: none;
	}
	&amp;__btns {
		@mixin __btns() {
			display: flex;
			justify-content: center;
		}
		&amp;--two {
			@include __btns();
			&amp; &gt; li {
				width: vwsp(152);
				&amp;:nth-of-type(1) {
					margin-right: vwsp(3);
				}
				&amp;:nth-of-type(2) {
					margin-left: vwsp(3);
				}
			}
		}
		&amp;--three {
			@include __btns();
			&amp; &gt; li {
				width: vwsp(122);
				&amp;:nth-of-type(2) {
					margin-right: vwsp(5);
					margin-left: vwsp(5);
				}
			}
		}
	}
	&amp;__btn {
		@mixin __btn() {
			&amp; &gt; a {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				align-content: center;
				width: 100%;
				height: vwsp(56);
				border: vwsp(3) solid $color-white;
				border-radius: vwsp(7);
				box-shadow: 0 vwsp(3) vwsp(6) rgba($color-black-dark-ex, .12);
				&amp; &gt; span {
					display: block;
					width: 100%;
					font-weight: $fw-bold;
					&amp;:nth-of-type(1) {
						letter-spacing: 0.02em;
						color: $color-white;
					}
					&amp;:nth-of-type(2) {
						margin-top: vwsp(5);
						font-family: $ff-en;
					}
				}
			}
		}
		&amp;--rrds {
			@include __btn();
			&amp; &gt; a {
				position: relative;
				padding-left: vwsp(45);
				background-color: $color-green;
				&amp;::before {
					content: '';
					position: absolute;
					top: 50%;
					left: vwsp(10);
					transform: translateY(-50%);
					width: vwsp(math.div(52, 2));
					height: vwsp(math.div(52, 2));
					background: url($img-common + 'ico_beginner.svg') center center / 100% auto no-repeat;
				}
				&amp; &gt; span {
					&amp;:nth-of-type(1) {
						font-size: vwsp(10);
					}
					&amp;:nth-of-type(2) {
						font-size: vwsp(14);
						letter-spacing: 0.05em;
						color: $color-white;
					}
				}
			}
		}
		&amp;--guideline {
			@include __btn();
			&amp; &gt; a {
				background-color: $color-blue;
				&amp; &gt; span {
					text-align: center;
					&amp;:nth-of-type(1) {
						font-size: vwsp(13);
					}
					&amp;:nth-of-type(2) {
						font-size: vwsp(9);
						letter-spacing: 0.07em;
						color: rgba($color-white, .3);
					}
				}
			}
		}
		&amp;--entry {
			@include __btn();
			&amp; &gt; a {
				background: $color-blue-grad-to-right;
				&amp; &gt; span {
					text-align: center;
					&amp;:nth-of-type(1) {
						font-size: vwsp(13);
					}
					&amp;:nth-of-type(2) {
						font-family: $ff-en;
						font-size: vwsp(9);
						letter-spacing: 0.07em;
						color: rgba($color-white, .3);
					}
				}
			}
		}
		&amp;--favorite {
			@include __btn();
			&amp; &gt; a {
				justify-content: center;
				background: $color-blue-light-ex;
				font-weight: $fw-bold;
				font-size: vwsp(13);
				letter-spacing: 0.02em;
				&amp;::before {
					content: '';
					display: block;
					margin-right: vwsp(3);
					width: vwsp(math.div(34, 2));
					height: vwsp(math.div(32, 2));
					background: url($img-common + 'ico_favorite.svg') center center / 100% auto no-repeat;
				}
			}
		}
	}
}
*/
.m-float-nav {
  position: fixed;
  z-index: 90;
  top: 42.2391857506vw;
  right: -43.2569974555vw;
  width: 43.2569974555vw;
  transition: right 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-float-nav {
    top: 228px;
    right: -170px;
    width: 170px;
  }
}
.m-float-nav.is-open {
  right: 0;
}
.m-float-nav__btn--open {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: -5.8524173028vw;
  left: 0;
  width: 5.8524173028vw;
  height: 5.8524173028vw;
  background-color: #2F3C43;
  border-top-left-radius: 1.0178117048vw;
  border-bottom-left-radius: 1.0178117048vw;
  margin-left: -5.8524173028vw;
}
.m-float-nav__btn--open:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--open {
    top: -48px;
    width: 28px;
    height: 48px;
  }
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--open:hover {
    cursor: pointer;
  }
}
.m-float-nav__btn--open::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 2.5445292621vw;
  height: 2.0356234097vw;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--open::before {
    width: 10px;
    height: 8px;
  }
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--open {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: -23px;
  }
}
.m-float-nav__btn--open::before {
  background: url("/assets/images/common/ico_arrow_left_white.svg") center center/100% auto no-repeat;
  transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--open:hover::before {
    left: 40%;
  }
}
.m-float-nav.is-open .m-float-nav__btn--open {
  display: none;
}
.m-float-nav__btn--close {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: -5.8524173028vw;
  left: 0;
  width: 5.8524173028vw;
  height: 5.8524173028vw;
  background-color: #2F3C43;
  display: none;
  border-top-left-radius: 1.0178117048vw;
  border-top-right-radius: 1.0178117048vw;
}
.m-float-nav__btn--close:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--close {
    top: -48px;
    width: 28px;
    height: 48px;
  }
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--close:hover {
    cursor: pointer;
  }
}
.m-float-nav__btn--close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 2.5445292621vw;
  height: 2.0356234097vw;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--close::before {
    width: 10px;
    height: 8px;
  }
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--close {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
}
.m-float-nav__btn--close::before {
  background: url("/assets/images/common/ico_arrow_right_white.svg") center center/100% auto no-repeat;
  transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn--close:hover::before {
    left: 60%;
  }
}
.m-float-nav.is-open .m-float-nav__btn--close {
  display: block;
}
.m-float-nav__list &gt; li {
  background-color: #FFF;
}
.m-float-nav__list &gt; li &gt; a {
  display: flex;
  align-items: center;
  padding-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-bottom: 3.8167938931vw;
  padding-left: 4.3256997455vw;
  width: 100%;
  min-height: 10.941475827vw;
  background-color: #2F3C43;
  border-top: 0.2544529262vw solid #404F56;
  font-size: 3.0534351145vw;
  letter-spacing: 0.025em;
  line-height: 1.3333333333;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li &gt; a {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 17px;
    min-height: 43px;
    border-top: 1px solid #404F56;
    font-size: 12px;
    transition: letter-spacing 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s;
  }
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li &gt; a:hover {
    opacity: 0.8;
  }
}
.m-float-nav__list &gt; li &gt; a::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #3D97D0;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), margin-right 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li &gt; a::before {
    width: 0;
    height: 0;
  }
}
.m-float-nav__list &gt; li &gt; a.is-active::before {
  flex-shrink: 0;
  margin-right: 1.7811704835vw;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  opacity: 1;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li &gt; a.is-active::before {
    margin-right: 7px;
    width: 6px;
    height: 6px;
  }
}
.m-float-nav__list &gt; li:nth-last-of-type(1) &gt; a {
  border-bottom-left-radius: 1.0178117048vw;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li:nth-last-of-type(1) &gt; a {
    border-bottom-left-radius: 4px;
  }
}

/*
.m-float {
	position: fixed;
	z-index: 90;
	bottom: vwsp(5);
	left: 0;
	width: 100%;
	@media only screen and (min-width: 787px) {
		display: none;
	}
	&amp;__btns {
		@mixin __btns() {
			display: flex;
			justify-content: center;
		}
		&amp;--two {
			@include __btns();
			&amp; &gt; li {
				width: vwsp(152);
				&amp;:nth-of-type(1) {
					margin-right: vwsp(3);
				}
				&amp;:nth-of-type(2) {
					margin-left: vwsp(3);
				}
			}
		}
		&amp;--three {
			@include __btns();
			&amp; &gt; li {
				width: vwsp(122);
				&amp;:nth-of-type(2) {
					margin-right: vwsp(5);
					margin-left: vwsp(5);
				}
			}
		}
	}
	&amp;__btn {
		@mixin __btn() {
			&amp; &gt; a {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				align-content: center;
				width: 100%;
				height: vwsp(56);
				border: vwsp(3) solid $color-white;
				border-radius: vwsp(7);
				box-shadow: 0 vwsp(3) vwsp(6) rgba($color-black-dark-ex, .12);
				&amp; &gt; span {
					display: block;
					width: 100%;
					font-weight: $fw-bold;
					&amp;:nth-of-type(1) {
						letter-spacing: 0.02em;
						color: $color-white;
					}
					&amp;:nth-of-type(2) {
						margin-top: vwsp(5);
						font-family: $ff-en;
					}
				}
			}
		}
		&amp;--rrds {
			@include __btn();
			&amp; &gt; a {
				position: relative;
				padding-left: vwsp(45);
				background-color: $color-green;
				&amp;::before {
					content: '';
					position: absolute;
					top: 50%;
					left: vwsp(10);
					transform: translateY(-50%);
					width: vwsp(math.div(52, 2));
					height: vwsp(math.div(52, 2));
					background: url($img-common + 'ico_beginner.svg') center center / 100% auto no-repeat;
				}
				&amp; &gt; span {
					&amp;:nth-of-type(1) {
						font-size: vwsp(10);
					}
					&amp;:nth-of-type(2) {
						font-size: vwsp(14);
						letter-spacing: 0.05em;
						color: $color-white;
					}
				}
			}
		}
		&amp;--guideline {
			@include __btn();
			&amp; &gt; a {
				background-color: $color-blue;
				&amp; &gt; span {
					text-align: center;
					&amp;:nth-of-type(1) {
						font-size: vwsp(13);
					}
					&amp;:nth-of-type(2) {
						font-size: vwsp(9);
						letter-spacing: 0.07em;
						color: rgba($color-white, .3);
					}
				}
			}
		}
		&amp;--entry {
			@include __btn();
			&amp; &gt; a {
				background: $color-blue-grad-to-right;
				&amp; &gt; span {
					text-align: center;
					&amp;:nth-of-type(1) {
						font-size: vwsp(13);
					}
					&amp;:nth-of-type(2) {
						font-family: $ff-en;
						font-size: vwsp(9);
						letter-spacing: 0.07em;
						color: rgba($color-white, .3);
					}
				}
			}
		}
		&amp;--favorite {
			@include __btn();
			&amp; &gt; a {
				justify-content: center;
				background: $color-blue-light-ex;
				font-weight: $fw-bold;
				font-size: vwsp(13);
				letter-spacing: 0.02em;
				&amp;::before {
					content: '';
					display: block;
					margin-right: vwsp(3);
					width: vwsp(math.div(34, 2));
					height: vwsp(math.div(32, 2));
					background: url($img-common + 'ico_favorite.svg') center center / 100% auto no-repeat;
				}
			}
		}
	}
}
*/
.l-footer {
  margin-bottom: 25.4452926209vw;
  padding-top: 10.1781170483vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .l-footer {
    margin-bottom: 30px;
    padding-top: 60px;
  }
}
.l-footer__in {
  padding-right: 7.6335877863vw;
  padding-left: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__in {
    display: flex;
    justify-content: space-around;
    padding-right: 50px;
    padding-left: 50px;
  }
}
.l-footer__logo {
  width: 33.5877862595vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__logo {
    margin-top: 18px;
    margin-right: 2.6119402985%;
    width: 160px;
  }
}
.l-footer-pageNav {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .l-footer-pageNav {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 4.4776119403%;
    width: 45%;
  }
}
.l-footer-pageNav__list {
  display: flex;
  flex-wrap: wrap;
}
.l-footer-pageNav__list &gt; li {
  width: 50%;
}
.l-footer-pageNav__list &gt; li:nth-of-type(n+3) {
  margin-top: 3.0534351145vw;
}
@media only screen and (min-width: 787px) {
  .l-footer-pageNav__list &gt; li:nth-of-type(n+3) {
    margin-top: 22px;
  }
}
.l-footer-pageNav__list &gt; li &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: inline-block;
  padding-right: 2.0356234097vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.l-footer-pageNav__list &gt; li &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .l-footer-pageNav__list &gt; li &gt; a {
    padding-right: 12px;
    font-size: 16px;
    letter-spacing: 0.07em;
  }
}
.l-footer__groupNavDef {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__groupNavDef {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 4.4776119403%;
    width: 30%;
    border-left: 1px solid #DEE7EB;
  }
}
.l-footer__groupNavDef &gt; dt {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 3.8167938931vw;
  letter-spacing: 0.07em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .l-footer__groupNavDef &gt; dt {
    font-size: 16px;
  }
}
.l-footer__groupNavDef &gt; dd:nth-of-type(1) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__groupNavDef &gt; dd:nth-of-type(1) {
    margin-top: 30px;
  }
}
.l-footer__groupNavDef &gt; dd:nth-of-type(n+2) {
  margin-top: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__groupNavDef &gt; dd:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.l-footer__groupNavDef &gt; dd &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
}
.l-footer__groupNavDef &gt; dd &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .l-footer__groupNavDef &gt; dd &gt; a {
    font-size: 14px;
  }
}
.l-footer__foot {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__foot {
    display: flex;
    justify-content: space-between;
    margin-top: 85px;
    padding-right: 50px;
    padding-left: 50px;
  }
}
.l-footer__foot:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 787px) {
  .l-footer__foot:first-child {
    margin-top: 0;
  }
}
.l-footer__links {
  order: 2;
  display: flex;
  padding-right: 7.6335877863vw;
  padding-left: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__links {
    padding-right: 0;
    padding-left: 0;
  }
}
.l-footer__links &gt; li:nth-of-type(2) {
  margin-left: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__links &gt; li:nth-of-type(2) {
    margin-left: 40px;
  }
}
.l-footer__links &gt; li &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-weight: 500;
  font-size: 2.7989821883vw;
  letter-spacing: 0.05em;
}
.l-footer__links &gt; li &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .l-footer__links &gt; li &gt; a {
    font-weight: 400;
    font-size: 12px;
  }
}
.l-footer__copyright {
  order: 1;
  display: flex;
  margin-top: 7.6335877863vw;
  padding-top: 3.8167938931vw;
  padding-left: 7.6335877863vw;
  height: 27.989821883vw;
  background-color: #F7F8F8;
  font-size: 2.5445292621vw;
  letter-spacing: 0.05em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .l-footer__copyright {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    height: auto;
    background-color: transparent;
    font-size: 11px;
  }
}
.new-graduate .l-footer__copyright, .entry .l-footer__copyright, .contact .l-footer__copyright {
  height: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .new-graduate .l-footer__copyright, .entry .l-footer__copyright, .contact .l-footer__copyright {
    height: auto;
  }
}
.l-footer__copyright &gt; a {
  display: block;
  margin-top: -1.5267175573vw;
  margin-right: 2.5445292621vw;
  width: 14.7582697201vw;
}
@media only screen and (min-width: 787px) {
  .l-footer__copyright &gt; a {
    margin-top: -8px;
    margin-right: 10px;
    width: 70px;
  }
}

.l-gnav-both {
  position: fixed;
  top: 17.048346056vw;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100vh;
  background-position: left top;
  background-size: 2.5445292621vw auto;
  background-image: url("/assets/images/common/menu_measure.svg");
  background-repeat: repeat-y;
  background-color: #0065BD;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
@media only screen and (min-width: 787px) {
  .l-gnav-both {
    top: 68px;
    height: calc(100vh - 68px) !important;
    background-size: 10px auto;
  }
}
@media only screen and (max-width: 786px) {
  .project-top .l-gnav-both {
    top: 57.2519083969vw;
  }
}
@media only screen and (max-width: 786px) {
  .project-list .l-gnav-both {
    top: 57.2519083969vw;
  }
}
@media only screen and (max-width: 786px) {
  .project-detail .l-gnav-both {
    top: 57.2519083969vw;
  }
}
body.is-gnav-visible .l-gnav-both {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-gnav-both__bg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -17.048346056vw;
  width: 89.058524173vw;
  height: 89.058524173vw;
  mix-blend-mode: multiply;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__bg {
    margin-top: 0;
    width: 448px;
    height: 448px;
  }
}
.l-gnav-both__bg &gt; img {
  width: 100%;
  position: absolute;
}
.l-gnav-both__in {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
}
.l-gnav-both__def {
  margin-top: -17.048346056vw;
  width: 83.9694656489vw;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__def {
    display: flex;
    justify-content: space-between;
    margin-top: -68px;
    max-width: 980px;
  }
}
.l-gnav-both__def &gt; dt {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 3.8167938931vw;
  letter-spacing: 0.07em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__def &gt; dt {
    width: 56px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__def &gt; dd {
    width: 79.5918367347%;
  }
}
.l-gnav-both__def &gt; dd &gt; ul {
  display: flex;
  flex-wrap: wrap;
}
.l-gnav-both__def &gt; dd &gt; ul &gt; li {
  margin-top: 7.1246819338vw;
  width: 50%;
  font-size: 3.5623409669vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-gnav-both__def &gt; dd &gt; ul &gt; li.is-wide {
  width: 100%;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__def &gt; dd &gt; ul &gt; li {
    margin-top: 0;
    font-size: 18px;
  }
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__def &gt; dd &gt; ul &gt; li:nth-of-type(n+4) {
    margin-top: 40px;
  }
  .l-gnav-both__def &gt; dd &gt; ul &gt; li:nth-of-type(3n+1) {
    width: 33.3333333333%;
  }
  .l-gnav-both__def &gt; dd &gt; ul &gt; li:nth-of-type(3n+2) {
    width: 40.2564102564%;
  }
  .l-gnav-both__def &gt; dd &gt; ul &gt; li:nth-of-type(3n+3) {
    width: 26.4102564103%;
  }
}
.l-gnav-both__def &gt; dd &gt; ul &gt; li &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: #FFF;
}
.l-gnav-both__def &gt; dd &gt; ul &gt; li &gt; a:hover {
  opacity: 0.8;
}
.l-gnav-both__btns {
  position: absolute;
  bottom: 5.5979643766vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  width: 90.5852417303vw;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__btns {
    right: 20px;
    bottom: 22px;
    left: auto;
    transform: translateX(0);
    width: 356px;
  }
}
.l-gnav-both__btns &gt; li {
  width: 44.0203562341vw;
  height: 11.7048346056vw;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__btns &gt; li {
    width: 173px;
    height: 46px;
  }
}
.l-gnav-both__btns &gt; li &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #1673C3;
  border-radius: 1.7811704835vw;
  color: #FFF;
}
.l-gnav-both__btns &gt; li &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__btns &gt; li &gt; a {
    border-radius: 7px;
  }
}
.l-gnav-both__btns &gt; li &gt; a::before {
  content: "";
  display: block;
  margin-right: 2.0356234097vw;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__btns &gt; li &gt; a::before {
    margin-right: 8px;
  }
}
.l-gnav-both__btns &gt; li:nth-of-type(1) &gt; a::before {
  width: 4.3256997455vw;
  height: 4.0712468193vw;
  background: url("/assets/images/common/ico_favorite.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__btns &gt; li:nth-of-type(1) &gt; a::before {
    width: 17px;
    height: 16px;
  }
}
.l-gnav-both__btns &gt; li:nth-of-type(2) &gt; a::before {
  width: 4.0712468193vw;
  height: 4.0712468193vw;
  background: url("/assets/images/common/ico_history.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__btns &gt; li:nth-of-type(2) &gt; a::before {
    width: 16px;
    height: 16px;
  }
}
.l-gnav-both__copy {
  display: none;
}
@media only screen and (min-width: 787px) {
  .l-gnav-both__copy {
    position: absolute;
    bottom: 35px;
    left: 55px;
    display: block;
    font-size: 11px;
    letter-spacing: 0.05em;
    color: #FFF;
  }
}
.l-gnav-sp__menu {
  display: block;
  position: absolute;
  right: 5.0890585242vw;
  top: 6.3613231552vw;
  width: 5.5979643766vw;
  height: 5.5979643766vw;
  cursor: pointer;
}
@media only screen and (min-width: 787px) {
  .l-gnav-sp__menu {
    display: none;
  }
}
.l-gnav-sp__menu::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-1.5267175573vw);
  display: block;
  width: 100%;
  height: 0.2544529262vw;
  background-color: #2F3C43;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-gnav-sp__menu::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(1.5267175573vw);
  display: block;
  width: 100%;
  height: 0.2544529262vw;
  background-color: #2F3C43;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-gnav-sp__menu &gt; div {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0.2544529262vw;
  background-color: #2F3C43;
}
.is-gnav-visible .l-gnav-sp__menu::before {
  transform: translateY(0vw) rotate(-45deg);
}
.is-gnav-visible .l-gnav-sp__menu::after {
  transform: translateY(0vw) rotate(45deg);
}
.is-gnav-visible .l-gnav-sp__menu &gt; div {
  opacity: 0;
}
.l-gnav-pc {
  display: none;
}
@media only screen and (min-width: 787px) {
  .l-gnav-pc {
    position: relative;
    z-index: 2;
    display: flex;
  }
}
.l-gnav-pc__menu {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  display: block;
  top: 50%;
  width: 68px;
  height: 65px;
  background-color: #EEF5F8;
  cursor: pointer;
}
.l-gnav-pc__menu:hover {
  opacity: 0.8;
}
.l-gnav-pc__menu::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -8px);
  display: block;
  width: 22px;
  height: 1px;
  background-color: #2F3C43;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-gnav-pc__menu::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 8px);
  display: block;
  width: 22px;
  height: 1px;
  background-color: #2F3C43;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-gnav-pc__menu &gt; div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0);
  width: 22px;
  height: 1px;
  background-color: #2F3C43;
}
.is-gnav-visible .l-gnav-pc__menu::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.is-gnav-visible .l-gnav-pc__menu::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.is-gnav-visible .l-gnav-pc__menu &gt; div {
  opacity: 0;
}
@media only screen and (min-width: 787px) {
  .l-gnav-pc__list {
    display: flex;
  }
  .l-gnav-pc__list &gt; li:nth-of-type(n+2) {
    margin-left: 30px;
  }
  .l-gnav-pc__list &gt; li &gt; a {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.07em;
  }
  .l-gnav-pc__list &gt; li &gt; a:hover {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 787px) {
  .l-gnav-pc__btns {
    display: flex;
  }
}
@media only screen and (min-width: 787px) {
  .l-gnav-pc__btn--rrds {
    width: 140px;
    width: 210px;
  }
  .l-gnav-pc__btn--rrds &gt; a {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 68px;
    border-radius: 7;
  }
  .l-gnav-pc__btn--rrds &gt; a:hover {
    opacity: 0.8;
  }
  .l-gnav-pc__btn--rrds &gt; a &gt; span {
    display: block;
    width: 100%;
    font-weight: 700;
  }
  .l-gnav-pc__btn--rrds &gt; a &gt; span:nth-of-type(1) {
    letter-spacing: 0.02em;
    color: #FFF;
  }
  .l-gnav-pc__btn--rrds &gt; a &gt; span:nth-of-type(2) {
    margin-top: 7px;
    font-family: "Chakra Petch", sans-serif;
  }
  .l-gnav-pc__btn--rrds &gt; a {
    position: relative;
    padding-left: 18px;
    background-color: #00A096;
    /*
    &amp;::before {
    	content: '';
    	position: absolute;
    	top: 50%;
    	left: 10px;
    	transform: translateY(-50%);
    	width: 26px;
    	height: 26px;
    	background: url($img-common + 'ico_beginner.svg') center center / 100% auto no-repeat;
    }
    */
  }
  .l-gnav-pc__btn--rrds &gt; a &gt; span:nth-of-type(1) {
    font-size: 12px;
    line-height: 1.4545454545;
  }
}
@media only screen and (min-width: 787px) {
  .l-gnav-pc__btn--guideline {
    width: 140px;
  }
  .l-gnav-pc__btn--guideline &gt; a {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 68px;
    border-radius: 7;
  }
  .l-gnav-pc__btn--guideline &gt; a:hover {
    opacity: 0.8;
  }
  .l-gnav-pc__btn--guideline &gt; a &gt; span {
    display: block;
    width: 100%;
    font-weight: 700;
  }
  .l-gnav-pc__btn--guideline &gt; a &gt; span:nth-of-type(1) {
    letter-spacing: 0.02em;
    color: #FFF;
  }
  .l-gnav-pc__btn--guideline &gt; a &gt; span:nth-of-type(2) {
    margin-top: 7px;
    font-family: "Chakra Petch", sans-serif;
  }
  .l-gnav-pc__btn--guideline &gt; a {
    background-color: #3D97D0;
  }
  .l-gnav-pc__btn--guideline &gt; a &gt; span {
    text-align: center;
  }
  .l-gnav-pc__btn--guideline &gt; a &gt; span:nth-of-type(1) {
    font-size: 14px;
  }
  .l-gnav-pc__btn--guideline &gt; a &gt; span:nth-of-type(2) {
    font-size: 10px;
    letter-spacing: 0.07em;
    color: rgba(255, 255, 255, 0.3);
  }
}
@media only screen and (min-width: 787px) {
  .l-gnav-pc__btn--entry {
    width: 140px;
  }
  .l-gnav-pc__btn--entry &gt; a {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 68px;
    border-radius: 7;
  }
  .l-gnav-pc__btn--entry &gt; a:hover {
    opacity: 0.8;
  }
  .l-gnav-pc__btn--entry &gt; a &gt; span {
    display: block;
    width: 100%;
    font-weight: 700;
  }
  .l-gnav-pc__btn--entry &gt; a &gt; span:nth-of-type(1) {
    letter-spacing: 0.02em;
    color: #FFF;
  }
  .l-gnav-pc__btn--entry &gt; a &gt; span:nth-of-type(2) {
    margin-top: 7px;
    font-family: "Chakra Petch", sans-serif;
  }
  .l-gnav-pc__btn--entry &gt; a {
    background: linear-gradient(to right, #0064B8, #00A8E7);
  }
  .l-gnav-pc__btn--entry &gt; a &gt; span {
    text-align: center;
  }
  .l-gnav-pc__btn--entry &gt; a &gt; span:nth-of-type(1) {
    font-size: 14px;
  }
  .l-gnav-pc__btn--entry &gt; a &gt; span:nth-of-type(2) {
    font-family: "Chakra Petch", sans-serif;
    font-size: 10px;
    letter-spacing: 0.07em;
    color: rgba(255, 255, 255, 0.3);
  }
}

.l-gnav-both__bg &gt; img {
  display: none;
}
body.is-gnav-visible .l-gnav-both__bg img {
  display: block;
  opacity: 0;
  transform: scale(1);
  animation: change-img-anim 20s infinite;
}
body.is-gnav-visible .l-gnav-both__bg img:nth-of-type(1) {
  animation-delay: 0s;
}
body.is-gnav-visible .l-gnav-both__bg img:nth-of-type(2) {
  animation-delay: 4s;
}
body.is-gnav-visible .l-gnav-both__bg img:nth-of-type(3) {
  animation-delay: 8s;
}
body.is-gnav-visible .l-gnav-both__bg img:nth-of-type(4) {
  animation-delay: 12s;
}
body.is-gnav-visible .l-gnav-both__bg img:nth-of-type(5) {
  animation-delay: 16s;
}

@keyframes change-img-anim {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
.l-header {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 17.048346056vw;
  background: #FFF;
}
@media only screen and (min-width: 787px) {
  .l-header {
    top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
  }
}
@media only screen and (max-width: 786px) {
  .project-top .l-header {
    height: 57.2519083969vw;
  }
}
@media only screen and (max-width: 786px) {
  .project-list .l-header {
    height: 57.2519083969vw;
  }
}
@media only screen and (max-width: 786px) {
  .project-detail .l-header {
    height: 57.2519083969vw;
  }
}
.l-header__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 787px) {
  .l-header__in {
    width: 300px;
  }
}
@media only screen and (max-width: 786px) {
  .project-top .l-header__in {
    height: 17.048346056vw;
  }
}
@media only screen and (max-width: 786px) {
  .project-list .l-header__in {
    height: 17.048346056vw;
  }
}
@media only screen and (max-width: 786px) {
  .project-detail .l-header__in {
    height: 17.048346056vw;
  }
}
.l-header__in::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 16.2849872774vw;
  width: 100%;
  height: 0.7633587786vw;
  background: linear-gradient(to right, #0064B8, #00A8E7);
}
@media only screen and (min-width: 787px) {
  .l-header__in::after {
    top: auto;
    bottom: 0;
    width: 100%;
    min-width: 500px;
    height: 3px;
  }
}
body.is-gnav-visible .l-header__in {
  background-color: #FFF !important;
}
.l-header__logo {
  margin-left: 5.0890585242vw;
  width: 61.0687022901vw;
}
@media only screen and (min-width: 787px) {
  .l-header__logo {
    margin-left: 30px;
    width: 250px;
  }
}
.l-header__logo &gt; a {
  display: block;
}

.l-main {
  padding-top: 17.048346056vw;
  width: 100%;
}
@media only screen and (min-width: 787px) {
  .l-main {
    padding-top: 68px;
  }
}
@media only screen and (max-width: 786px) {
  .project-top .l-main {
    padding-top: 57.2519083969vw;
  }
}
@media only screen and (max-width: 786px) {
  .project-list .l-main {
    padding-top: 57.2519083969vw;
  }
}
@media only screen and (max-width: 786px) {
  .project-detail .l-main {
    padding-top: 57.2519083969vw;
  }
}
body.is-gnav-visible .l-main {
  position: fixed;
  top: 0;
  left: 0;
}

.m-accordion__def {
  position: relative;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-accordion__def {
    border-bottom: 1px solid #DEE7EB;
  }
}
.m-accordion__def &gt; dt {
  position: relative;
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  font-size: 3.5623409669vw;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-accordion__def &gt; dt {
    padding-top: 30px;
    padding-right: 45px;
    padding-bottom: 30px;
    font-size: 17px;
  }
  .m-accordion__def &gt; dt:hover {
    cursor: pointer;
  }
}
.m-accordion__def &gt; dd {
  display: none;
  padding-bottom: 7.6335877863vw;
  line-height: 1.6;
}
@media only screen and (min-width: 787px) {
  .m-accordion__def &gt; dd {
    padding-bottom: 30px;
  }
}

.m-ad-support {
  position: relative;
  background-color: #F7F8F8;
}
.m-ad-support::before, .m-ad-support::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ad-support::before, .m-ad-support::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
  }
}
.m-ad-support::before {
  right: 0;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ad-support::before {
    border-right: 1px solid #0065BD;
  }
}
.m-ad-support::after {
  left: 0;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ad-support::after {
    border-left: 1px solid #0065BD;
  }
}
.m-ad-support__in {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 7.6335877863vw;
  padding-bottom: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .m-ad-support__in {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.m-ad-support__in::before, .m-ad-support__in::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ad-support__in::before, .m-ad-support__in::after {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
  }
}
.m-ad-support__in::before {
  right: 0;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ad-support__in::before {
    border-right: 1px solid #0065BD;
  }
}
.m-ad-support__in::after {
  left: 0;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ad-support__in::after {
    border-left: 1px solid #0065BD;
  }
}
.m-ad-support__ttl {
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-ad-support__ttl {
    font-size: 28px;
  }
}
.m-ad-support__write {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .m-ad-support__write {
    margin-top: 20px;
    font-size: 18px;
    line-height: 2;
  }
}
.m-ad-support__btn {
  margin-top: 5.0890585242vw;
  width: 33.5877862595vw;
}
@media only screen and (min-width: 787px) {
  .m-ad-support__btn {
    margin-top: 40px;
    width: 142px;
  }
}

@media only screen and (min-width: 787px) {
  .home .m-area {
    -moz-columns: 2;
         columns: 2;
    margin-right: auto;
    margin-left: auto;
    width: 89.6551724138%;
  }
}
.m-area__def {
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-area__def {
    border-bottom: 1px solid #DEE7EB;
  }
}
.m-area__def:nth-of-type(1) {
  border-top: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-area__def:nth-of-type(1) {
    border-top: 1px solid #DEE7EB;
  }
}
@media only screen and (max-width: 786px) {
  .home .m-area__def {
    border-top: none;
  }
}
@media only screen and (min-width: 787px) {
  .home .m-area__def {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 94.2307692308%;
    border-top: none;
    border-bottom: none;
  }
  .home .m-area__def:nth-of-type(n+5) {
    margin-left: 5.7692307692%;
  }
}
.m-area__def &gt; dt {
  position: relative;
  padding-top: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  font-size: 3.5623409669vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-area__def &gt; dt {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 17px;
  }
  .m-area__def &gt; dt:hover {
    cursor: pointer;
  }
}
@media only screen and (min-width: 787px) {
  .home .m-area__def &gt; dt {
    padding-top: 0;
    padding-bottom: 0;
    width: 100px;
    font-size: 14px;
    text-align: right;
    color: #3D97D0;
  }
}
.m-area__def &gt; dd {
  display: none;
  padding-bottom: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .m-area__def &gt; dd {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 787px) {
  .home .m-area__def &gt; dd {
    display: block;
    width: calc(100% - 126px);
    border-bottom: 1px solid #DEE7EB;
  }
}
.m-area__list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .m-area__list {
    margin-left: -10px;
  }
}
.m-area__list &gt; li &gt; a {
  display: inline-block;
  margin-bottom: 2.5445292621vw;
  margin-left: 2.5445292621vw;
  padding-top: 2.5445292621vw;
  padding-right: 2.5445292621vw;
  padding-bottom: 2.5445292621vw;
  padding-left: 2.5445292621vw;
  background-color: #EAE5E5;
  border-radius: 1.0178117048vw;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
  color: #9B9B9B;
}
@media only screen and (min-width: 787px) {
  .m-area__list &gt; li &gt; a {
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 4px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .home .m-area__list &gt; li &gt; a {
    font-size: 14px;
  }
}
.m-area__list &gt; li &gt; a[href] {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: inline-block;
  background-color: #EEF5F8;
  font-weight: 500;
  color: #2F3C43;
}
.m-area__list &gt; li &gt; a[href]:hover {
  opacity: 0.8;
}

.m-bnrs {
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-bnrs {
    display: flex;
  }
}
.m-bnrs &gt; li {
  width: 100%;
}
@media only screen and (min-width: 787px) {
  .m-bnrs &gt; li {
    width: 33.3333333333%;
  }
}
.m-bnrs &gt; li &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding-left: 7.6335877863vw;
  height: 27.989821883vw;
}
.m-bnrs &gt; li &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-bnrs &gt; li &gt; a {
    padding-left: 50px;
    height: 207px;
  }
}
.m-bnrs &gt; li &gt; a::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  right: 8.1424936387vw;
  display: block;
  width: 0.2544529262vw;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.14);
}
@media only screen and (min-width: 787px) {
  .m-bnrs &gt; li &gt; a::before {
    right: 45px;
    display: block;
    width: 1px;
  }
}
.m-bnrs &gt; li &gt; a::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 50%;
  right: 2.5445292621vw;
  transform: translateY(-50%);
  display: block;
  width: 3.0534351145vw;
  height: 2.5445292621vw;
  background: url("/assets/images/common/ico_arrow_right_white.svg") center top/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-bnrs &gt; li &gt; a::after {
    right: 15px;
    width: 15px;
    height: 12px;
  }
}
@media only screen and (min-width: 787px) {
  .m-bnrs &gt; li &gt; a:hover::after {
    animation: scrollDown1 0.6s ease forwards;
  }
}
@keyframes scrollDown1 {
  0% {
    transform: translate(0px, -50%);
    opacity: 1;
  }
  50% {
    transform: translate(10px, -50%);
    opacity: 0;
  }
  51% {
    transform: translate(-10px, -50%);
    opacity: 0;
  }
  100% {
    transform: translate(0px, -50%);
    opacity: 1;
  }
}
.m-bnrs &gt; li &gt; a &gt; strong {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-bnrs &gt; li &gt; a &gt; strong {
    font-size: 21px;
    letter-spacing: 0.07em;
  }
}
.m-bnrs &gt; li &gt; a &gt; em {
  position: relative;
  z-index: 5;
  display: block;
  margin-top: 2.5445292621vw;
  width: 100%;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 2.7989821883vw;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 787px) {
  .m-bnrs &gt; li &gt; a &gt; em {
    margin-top: 10px;
    font-size: 13px;
  }
}
.m-bnrs &gt; li &gt; a &gt; picture {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-bnrs &gt; li &gt; a &gt; picture &gt; img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  scale: 1;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.m-bnrs &gt; li &gt; a:hover &gt; picture &gt; img {
  scale: 1.05;
}

.m-breadcrumb {
  overflow: auto;
  display: flex;
  align-items: center;
  padding-right: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-breadcrumb {
    padding-right: 20px;
    padding-left: 20px;
    background-color: transparent;
  }
}
.m-breadcrumb &gt; li {
  padding-top: 3.5623409669vw;
  padding-bottom: 3.5623409669vw;
  flex-shrink: 0;
  font-size: 3.0534351145vw;
}
@media only screen and (min-width: 787px) {
  .m-breadcrumb &gt; li {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 13px;
  }
}
.m-breadcrumb &gt; li:nth-of-type(n+2) {
  display: flex;
  align-items: center;
  margin-left: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .m-breadcrumb &gt; li:nth-of-type(n+2) {
    margin-left: 6px;
  }
}
.m-breadcrumb &gt; li:nth-of-type(n+2)::before {
  content: "";
  display: block;
  margin-right: 2.5445292621vw;
  width: 1.272264631vw;
  height: 1.272264631vw;
  border-top: 0.2544529262vw solid #3D97D0;
  border-right: 0.2544529262vw solid #3D97D0;
  transform: rotate(45deg);
}
@media only screen and (min-width: 787px) {
  .m-breadcrumb &gt; li:nth-of-type(n+2)::before {
    margin-top: 3px;
    margin-right: 10px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #3D97D0;
    border-right: 1px solid #3D97D0;
  }
}
.m-breadcrumb &gt; li &gt; h1 {
  font-weight: 400;
}
@media only screen and (max-width: 786px) {
  .l-main .m-breadcrumb {
    display: none;
  }
}
@media only screen and (min-width: 787px) {
  .l-header .m-breadcrumb {
    display: none;
  }
}

.m-btn-black &gt; a, .m-btn-black &gt; button, .m-btn-black &gt; input {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 14.2493638677vw;
  background-color: #394A53;
  border: 0;
  border-radius: 1.7811704835vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
.m-btn-black &gt; a:hover, .m-btn-black &gt; button:hover, .m-btn-black &gt; input:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-btn-black &gt; a, .m-btn-black &gt; button, .m-btn-black &gt; input {
    height: 62px;
    border-radius: 7px;
    font-size: 16px;
  }
}
.m-btn-black &gt; a:hover, .m-btn-black &gt; button:hover, .m-btn-black &gt; input:hover {
  cursor: pointer;
}
.m-btn-black-s &gt; a, .m-btn-black-s &gt; button, .m-btn-black-s &gt; input {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 11.9592875318vw;
  background-color: #394A53;
  border: 0;
  border-radius: 1.7811704835vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
.m-btn-black-s &gt; a:hover, .m-btn-black-s &gt; button:hover, .m-btn-black-s &gt; input:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-btn-black-s &gt; a, .m-btn-black-s &gt; button, .m-btn-black-s &gt; input {
    height: 49px;
    border-radius: 7px;
    font-size: 15px;
  }
}
.m-btn-black-s &gt; a:hover, .m-btn-black-s &gt; button:hover, .m-btn-black-s &gt; input:hover {
  cursor: pointer;
}
.m-btn-white &gt; a, .m-btn-white &gt; button, .m-btn-white &gt; input {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 14.2493638677vw;
  background-color: #FFF;
  border: 0;
  border-radius: 1.7811704835vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  color: #00A096;
}
.m-btn-white &gt; a:hover, .m-btn-white &gt; button:hover, .m-btn-white &gt; input:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-btn-white &gt; a, .m-btn-white &gt; button, .m-btn-white &gt; input {
    height: 62px;
    border-radius: 7px;
    font-size: 16px;
  }
}
.m-btn-white &gt; a:hover, .m-btn-white &gt; button:hover, .m-btn-white &gt; input:hover {
  cursor: pointer;
}
.m-btn-white-s &gt; a, .m-btn-white-s &gt; button, .m-btn-white-s &gt; input {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 11.9592875318vw;
  background-color: #FFF;
  border: 0;
  border-radius: 1.7811704835vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  color: #00A096;
}
.m-btn-white-s &gt; a:hover, .m-btn-white-s &gt; button:hover, .m-btn-white-s &gt; input:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-btn-white-s &gt; a, .m-btn-white-s &gt; button, .m-btn-white-s &gt; input {
    height: 49px;
    border-radius: 7px;
    font-size: 15px;
  }
}
.m-btn-white-s &gt; a:hover, .m-btn-white-s &gt; button:hover, .m-btn-white-s &gt; input:hover {
  cursor: pointer;
}
.m-btn-grad &gt; a, .m-btn-grad &gt; button, .m-btn-grad &gt; input {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14.2493638677vw;
  background: linear-gradient(to right top, #0045BD, #159CD6);
  border: 0;
  border-radius: 1.7811704835vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
.m-btn-grad &gt; a:hover, .m-btn-grad &gt; button:hover, .m-btn-grad &gt; input:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-btn-grad &gt; a, .m-btn-grad &gt; button, .m-btn-grad &gt; input {
    height: 62px;
    border-radius: 7px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .guideline .m-btn-grad &gt; a, .new-graduate .m-btn-grad &gt; a, .guideline .m-btn-grad &gt; button, .new-graduate .m-btn-grad &gt; button, .guideline .m-btn-grad &gt; input, .new-graduate .m-btn-grad &gt; input {
    font-size: 14px;
  }
}
.m-btn-grad &gt; a:hover, .m-btn-grad &gt; button:hover, .m-btn-grad &gt; input:hover {
  cursor: pointer;
}
.m-btn-grad-s &gt; a, .m-btn-grad-s &gt; button, .m-btn-grad-s &gt; input {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11.9592875318vw;
  background: linear-gradient(to right top, #0045BD, #159CD6);
  border: 0;
  border-radius: 1.7811704835vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
.m-btn-grad-s &gt; a:hover, .m-btn-grad-s &gt; button:hover, .m-btn-grad-s &gt; input:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-btn-grad-s &gt; a, .m-btn-grad-s &gt; button, .m-btn-grad-s &gt; input {
    height: 49px;
    border-radius: 7px;
    font-size: 16px;
  }
}
.m-btn-grad-s &gt; a:hover, .m-btn-grad-s &gt; button:hover, .m-btn-grad-s &gt; input:hover {
  cursor: pointer;
}
.m-btn-grad-xs &gt; a, .m-btn-grad-xs &gt; button, .m-btn-grad-xs &gt; input {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.6692111959vw;
  background: linear-gradient(to right top, #0045BD, #159CD6);
  border: 0;
  border-radius: 1.7811704835vw;
  font-weight: 500;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
.m-btn-grad-xs &gt; a:hover, .m-btn-grad-xs &gt; button:hover, .m-btn-grad-xs &gt; input:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-btn-grad-xs &gt; a, .m-btn-grad-xs &gt; button, .m-btn-grad-xs &gt; input {
    height: 49px;
    border-radius: 7px;
    font-size: 16px;
  }
}
.m-btn-grad-xs &gt; a:hover, .m-btn-grad-xs &gt; button:hover, .m-btn-grad-xs &gt; input:hover {
  cursor: pointer;
}
.m-btn-blue &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.1603053435vw;
  background: #0065BD;
  border: 0;
  border-radius: 4.5801526718vw;
  padding-left: 1.2em;
  padding-right: 0.8em;
  font-weight: 500;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
.m-btn-blue &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-btn-blue &gt; a {
    height: 40px;
    padding-left: 1.6em;
    padding-right: 1.2em;
    border-radius: 20px;
    font-size: 14px;
  }
}
.m-btn-blue &gt; a:after {
  display: inline-block;
  width: 3.0534351145vw;
  height: 2.5445292621vw;
  margin-left: 0.6em;
  background: url("/assets/images/common/ico_arrow_right_white.svg") center top/100% auto no-repeat;
  opacity: 0.5;
  content: "";
}
@media only screen and (min-width: 787px) {
  .m-btn-blue &gt; a:after {
    width: 15px;
    height: 12px;
    margin-top: 2px;
  }
}
.m-btn-blue &gt; a:hover {
  cursor: pointer;
}

.entry .m-checkbox &gt; div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .entry .m-checkbox &gt; div {
    justify-content: flex-start;
    margin-top: -16px;
    margin-left: -16px;
  }
}
.m-checkbox &gt; div:nth-of-type(n+2) {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .m-checkbox &gt; div:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
.entry .m-checkbox &gt; div:nth-of-type(n+2) {
  margin-top: 0;
}
.entry .m-checkbox &gt; div:nth-of-type(n+3) {
  margin-top: 2.5445292621vw;
}
.m-checkbox &gt; div &gt; label {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.entry .m-checkbox &gt; div &gt; label {
  position: relative;
  margin-top: 2.5445292621vw;
  font-size: 3.3078880407vw;
}
@media only screen and (min-width: 787px) {
  .entry .m-checkbox &gt; div &gt; label {
    margin-top: 16px;
    margin-left: 16px;
    font-size: 15px;
  }
}
.m-checkbox &gt; div &gt; label:hover {
  cursor: pointer;
}
.m-checkbox &gt; div &gt; label:hover &gt; input::before, .m-checkbox &gt; div &gt; label:hover &gt; input::after {
  cursor: pointer;
}
.m-checkbox &gt; div &gt; label &gt; input {
  position: relative;
  margin-top: 0;
  margin-right: 2.5445292621vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 4.3256997455vw;
  height: 4.3256997455vw;
  background: none;
  border: none;
  border-radius: 0;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-checkbox &gt; div &gt; label &gt; input {
    margin-right: 10px;
    width: 17px;
    height: 17px;
  }
}
.entry .m-checkbox &gt; div &gt; label &gt; input {
  position: absolute;
  left: 3.0534351145vw;
}
@media only screen and (min-width: 787px) {
  .entry .m-checkbox &gt; div &gt; label &gt; input {
    left: 14px;
  }
}
.m-checkbox &gt; div &gt; label &gt; input::before, .m-checkbox &gt; div &gt; label &gt; input::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m-checkbox &gt; div &gt; label &gt; input::before {
  background-color: #fff;
  border: 0.2544529262vw solid #DEE7EB;
  border-radius: 50%;
  width: 3.8167938931vw;
  height: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .m-checkbox &gt; div &gt; label &gt; input::before {
    width: 15px;
    height: 15px;
    border: 1px solid #DEE7EB;
  }
}
.m-checkbox &gt; div &gt; label &gt; input::after {
  width: 2.2900763359vw;
  height: 2.2900763359vw;
  background-color: #0065BD;
  border-radius: 50%;
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
@media only screen and (min-width: 787px) {
  .m-checkbox &gt; div &gt; label &gt; input::after {
    width: 9px;
    height: 9px;
  }
}
.m-checkbox &gt; div &gt; label &gt; input:checked::after {
  opacity: 1;
}
.m-checkbox &gt; div &gt; label &gt; span {
  display: flex;
  align-items: center;
  padding-left: 8.9058524173vw;
  width: 44.0203562341vw;
  height: 12.213740458vw;
  background-color: #F8FAFA;
  border-radius: 1.0178117048vw;
  font-size: 3.3078880407vw;
}
@media only screen and (min-width: 787px) {
  .m-checkbox &gt; div &gt; label &gt; span {
    padding-left: 36px;
    width: 228px;
    height: 52px;
    border-radius: 4px;
    font-size: 15px;
  }
}
.m-checkbox &gt; div &gt; label &gt; input:checked ~ span {
  background-color: #E2F0F5;
}

.m-field {
  padding-top: 12.7226463104vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 12.7226463104vw;
  padding-left: 4.5801526718vw;
  background: url("/assets/images/common/field_bg-s.webp") center center/cover no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-field {
    padding-top: 70px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .m-field {
    background: url("/assets/images/common/field_bg.webp") center center/cover no-repeat;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .m-field {
    background: url("/assets/images/common/field_bg@2x.webp") center center/cover no-repeat;
  }
}
@media only screen and (min-width: 787px) {
  .m-field__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
  }
}
.m-field__ttl &gt; span {
  display: block;
  text-align: center;
}
.m-field__ttl &gt; span:nth-of-type(1) {
  font-weight: 500;
  font-size: 5.5979643766vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-field__ttl &gt; span:nth-of-type(1) {
    font-size: 30px;
  }
}
.m-field__ttl &gt; span:nth-of-type(2) {
  margin-top: 2.5445292621vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .m-field__ttl &gt; span:nth-of-type(2) {
    margin-top: 15px;
    font-size: 14px;
  }
}
.home .m-field__ttl &gt; span:nth-of-type(1) {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 6.3613231552vw;
  letter-spacing: 0.07em;
  color: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .home .m-field__ttl &gt; span:nth-of-type(1) {
    font-size: 34px;
  }
}
.home .m-field__ttl &gt; span:nth-of-type(2) {
  margin-top: 2.5445292621vw;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .home .m-field__ttl &gt; span:nth-of-type(2) {
    margin-top: 15px;
    font-size: 15px;
  }
}
.m-field__btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 7.6335877863vw;
  border-left: 0.2544529262vw solid #404F56;
}
@media only screen and (min-width: 787px) {
  .m-field__btns {
    margin-top: 40px;
    border-left: 1px solid #404F56;
  }
}
.m-field__btns &gt; li {
  width: 50%;
  height: 15.2671755725vw;
  border-right: 0.2544529262vw solid #404F56;
  border-bottom: 0.2544529262vw solid #404F56;
}
@media only screen and (min-width: 787px) {
  .m-field__btns &gt; li {
    width: 25%;
    height: 60px;
    border-right: 1px solid #404F56;
    border-bottom: 1px solid #404F56;
  }
}
@media only screen and (max-width: 786px) {
  .m-field__btns &gt; li:nth-of-type(-n+2) {
    border-top: 0.2544529262vw solid #404F56;
  }
}
@media only screen and (min-width: 787px) {
  .m-field__btns &gt; li:nth-of-type(-n+4) {
    border-top: 1px solid #404F56;
  }
}
.m-field__btns &gt; li a {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 2.5445292621vw;
  padding-left: 5.0890585242vw;
  height: 100%;
  font-size: 3.3078880407vw;
  line-height: 1.3;
  transition: 0.3s;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-field__btns &gt; li a {
    padding-right: 15px;
    padding-left: 30px;
    font-size: 15px;
  }
}
.m-field__btns &gt; li a:hover {
  opacity: 0.8;
}
.m-field__btns &gt; li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 2.5445292621vw;
  height: 0.2544529262vw;
  background: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .m-field__btns &gt; li a::before {
    width: 10px;
    height: 1px;
  }
}

.m-filter {
  padding-top: 15.2671755725vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .m-filter {
    padding-top: 100px;
    padding-right: 30px;
    padding-bottom: 120px;
    padding-left: 30px;
    background-color: #FFF;
  }
}
.project-detail .m-filter {
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-filter__in {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1160px;
  }
}
.m-filter__ttl {
  margin-bottom: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .m-filter__ttl {
    margin-right: 30px;
    margin-bottom: 50px;
    width: 300px;
  }
}
@media only screen and (min-width: 787px) {
  .m-filter__col {
    margin-top: 0;
    width: 100%;
    max-width: 825px;
  }
}

.m-float-btn-project {
  display: none;
}
@media only screen and (min-width: 787px) {
  .m-float-btn-project {
    position: fixed;
    z-index: 90;
    bottom: 160px;
    right: 0;
    display: block;
    width: 82px;
  }
  .m-float-btn-project_list {
    border-radius: 7px 0 0 7px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .m-float-btn-project_item--recommend &gt; a {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 66px;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.05em;
  }
  .m-float-btn-project_item--recommend &gt; a:hover {
    opacity: 0.8;
  }
  .m-float-btn-project_item--recommend &gt; a::before {
    content: "";
    display: block;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .m-float-btn-project_item--recommend &gt; a {
    background-color: #0065BD;
    border-top-left-radius: 7px;
    color: #FFF;
  }
  .m-float-btn-project_item--recommend &gt; a::before {
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
    background-image: url("/assets/images/common/ico_favorite_on.svg");
  }
  .m-float-btn-project_item--history &gt; a {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 66px;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.05em;
  }
  .m-float-btn-project_item--history &gt; a:hover {
    opacity: 0.8;
  }
  .m-float-btn-project_item--history &gt; a::before {
    content: "";
    display: block;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .m-float-btn-project_item--history &gt; a {
    background-color: #FFF;
    border-bottom-left-radius: 7px;
  }
  .m-float-btn-project_item--history &gt; a::before {
    margin-bottom: 10px;
    width: 17px;
    height: 17px;
    background-image: url("/assets/images/common/ico_history_blue.svg");
  }
}

.m-float {
  position: fixed;
  z-index: 90;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
@media only screen and (min-width: 787px) {
  .m-float {
    display: none;
  }
}
.home .m-float {
  display: none;
}
@media only screen and (max-width: 786px) {
  body.is-active .m-float {
    display: block;
  }
}
@media only screen and (max-width: 786px) {
  body.second .m-float {
    display: block;
  }
}
.m-float__btns--two {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 38.6768447837vw;
  padding-top: 6.3613231552vw;
  padding-left: 2.5445292621vw;
  padding-right: 2.5445292621vw;
}
.m-float__btns--two &gt; li {
  width: 100%;
}
.m-float__btns--three {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 38.6768447837vw;
  padding-top: 6.3613231552vw;
  padding-left: 2.5445292621vw;
  padding-right: 2.5445292621vw;
  justify-content: space-between;
}
.m-float__btns--three &gt; li {
  width: 46.31043257vw;
}
.m-float__btns--three &gt; li:nth-of-type(1) {
  width: 100%;
}
.m-float__btn--rrds &gt; a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 13.2315521628vw;
  border: 0.7633587786vw solid #FFF;
  border-radius: 1.7811704835vw;
}
.m-float__btn--rrds &gt; a &gt; span {
  display: block;
  width: 100%;
  font-weight: 700;
}
.m-float__btn--rrds &gt; a &gt; span:nth-of-type(1) {
  letter-spacing: 0.02em;
  color: #FFF;
}
.m-float__btn--rrds &gt; a &gt; span:nth-of-type(2) {
  margin-top: 1.272264631vw;
  font-family: "Chakra Petch", sans-serif;
}
.m-float__btn--rrds &gt; a {
  position: relative;
  background-color: #00A096;
  /*
  &amp;::before {
  	content: '';
  	position: absolute;
  	top: 50%;
  	left: vwsp(10);
  	transform: translateY(-50%);
  	width: vwsp(math.div(52, 2));
  	height: vwsp(math.div(52, 2));
  	background: url($img-common + 'ico_beginner.svg') center center / 100% auto no-repeat;
  }
  */
}
.m-float__btn--rrds &gt; a &gt; span {
  text-align: center;
  /*
  &amp;:nth-of-type(2) {
  	font-size: vwsp(14);
  	letter-spacing: 0.05em;
  	color: $color-white;
  }
  */
}
.m-float__btn--rrds &gt; a &gt; span:nth-of-type(1) {
  font-size: 2.7989821883vw;
  line-height: 1.5454545455;
}
.m-float__btn--guideline &gt; a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 13.2315521628vw;
  border: 0.7633587786vw solid #FFF;
  border-radius: 1.7811704835vw;
}
.m-float__btn--guideline &gt; a &gt; span {
  display: block;
  width: 100%;
  font-weight: 700;
}
.m-float__btn--guideline &gt; a &gt; span:nth-of-type(1) {
  letter-spacing: 0.02em;
  color: #FFF;
}
.m-float__btn--guideline &gt; a &gt; span:nth-of-type(2) {
  margin-top: 1.272264631vw;
  font-family: "Chakra Petch", sans-serif;
}
.m-float__btn--guideline &gt; a {
  background-color: #3D97D0;
}
.m-float__btn--guideline &gt; a &gt; span {
  text-align: center;
}
.m-float__btn--guideline &gt; a &gt; span:nth-of-type(1) {
  font-size: 3.3078880407vw;
}
.m-float__btn--guideline &gt; a &gt; span:nth-of-type(2) {
  font-size: 2.2900763359vw;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.3);
}
.m-float__btn--entry {
  position: relative;
}
.m-float__btn--entry &gt; a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 13.2315521628vw;
  border: 0.7633587786vw solid #FFF;
  border-radius: 1.7811704835vw;
}
.m-float__btn--entry &gt; a &gt; span {
  display: block;
  width: 100%;
  font-weight: 700;
}
.m-float__btn--entry &gt; a &gt; span:nth-of-type(1) {
  letter-spacing: 0.02em;
  color: #FFF;
}
.m-float__btn--entry &gt; a &gt; span:nth-of-type(2) {
  margin-top: 1.272264631vw;
  font-family: "Chakra Petch", sans-serif;
}
.m-float__btn--entry &gt; a {
  background: linear-gradient(to right, #0064B8, #00A8E7);
}
.m-float__btn--entry &gt; a &gt; span {
  text-align: center;
}
.m-float__btn--entry &gt; a &gt; span:nth-of-type(1) {
  font-size: 3.3078880407vw;
}
.m-float__btn--entry &gt; a &gt; span:nth-of-type(2) {
  font-family: "Chakra Petch", sans-serif;
  font-size: 2.2900763359vw;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.3);
}
.m-float__btn--entry &gt; a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.5445292621vw;
  transform: translateY(-50%);
  display: block;
  width: 3.0534351145vw;
  height: 2.5445292621vw;
  background: url("/assets/images/common/ico_arrow_right_white.svg") center top/100% auto no-repeat;
}
.m-float__btn--entry &gt; span {
  position: absolute;
  left: 50%;
  top: -11.4503816794vw;
  display: block;
  width: 37.1501272265vw;
  height: 12.4681933842vw;
  padding-top: 3.5623409669vw;
  text-align: center;
  background: url("/assets/images/common/entry_pop_bg.svg") center top/100% auto no-repeat;
  transform: translateX(-50%);
  color: #2F3C43;
  font-size: 2.7989821883vw;
  font-weight: 700;
}
.m-float__btn--favorite &gt; a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 13.2315521628vw;
  border: 0.7633587786vw solid #FFF;
  border-radius: 1.7811704835vw;
}
.m-float__btn--favorite &gt; a &gt; span {
  display: block;
  width: 100%;
  font-weight: 700;
}
.m-float__btn--favorite &gt; a &gt; span:nth-of-type(1) {
  letter-spacing: 0.02em;
  color: #FFF;
}
.m-float__btn--favorite &gt; a &gt; span:nth-of-type(2) {
  margin-top: 1.272264631vw;
  font-family: "Chakra Petch", sans-serif;
}
.m-float__btn--favorite &gt; a {
  justify-content: center;
  background: #EEF5F8;
  font-weight: 700;
  font-size: 3.3078880407vw;
  letter-spacing: 0.02em;
}
.m-float__btn--favorite &gt; a::before {
  content: "";
  display: block;
  margin-right: 0.7633587786vw;
  width: 4.3256997455vw;
  height: 4.0712468193vw;
  background: url("/assets/images/common/ico_favorite_on.svg") center center/100% auto no-repeat;
}

.m-float-nav {
  position: fixed;
  z-index: 90;
  top: 42.2391857506vw;
  right: -43.2569974555vw;
  width: 43.2569974555vw;
  transition: right 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-float-nav {
    top: 228px;
    right: -170px;
    width: 170px;
  }
}
.m-float-nav.is-open {
  right: 0;
}
.m-float-nav__btn {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -6.3613231552vw;
  width: 6.3613231552vw;
  height: 10.6870229008vw;
  background-color: #2F3C43;
  border-top-left-radius: 1.0178117048vw;
  border-bottom-left-radius: 1.0178117048vw;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    margin-left: -28px;
    width: 28px;
    height: 48px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .m-float-nav__btn:hover {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn:hover {
    cursor: pointer;
  }
}
.m-float-nav__btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 2.5445292621vw;
  height: 2.0356234097vw;
  background: url("/assets/images/common/ico_arrow_left_white.svg") center center/100% auto no-repeat;
  transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn::before {
    width: 10px;
    height: 8px;
  }
}
@media only screen and (min-width: 787px) {
  .m-float-nav__btn:hover::before {
    left: 40%;
  }
}
.m-float-nav.is-open .m-float-nav__btn::before {
  background: url("/assets/images/common/ico_arrow_right_white.svg") center center/100% auto no-repeat;
  transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-float-nav.is-open .m-float-nav__btn:hover::before {
    left: 60%;
  }
}
.m-float-nav__list &gt; li &gt; a {
  display: flex;
  align-items: center;
  padding-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-bottom: 3.8167938931vw;
  padding-left: 4.3256997455vw;
  width: 100%;
  min-height: 10.941475827vw;
  background-color: rgba(47, 60, 67, 0.95);
  border-top: 0.2544529262vw solid #404F56;
  font-size: 3.0534351145vw;
  letter-spacing: 0.025em;
  line-height: 1.3333333333;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li &gt; a {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 17px;
    min-height: 43px;
    border-top: 1px solid #404F56;
    font-size: 12px;
    transition: letter-spacing 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s;
  }
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li &gt; a:hover {
    opacity: 0.8;
  }
}
.m-float-nav__list &gt; li &gt; a::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #3D97D0;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), margin-right 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li &gt; a::before {
    width: 0;
    height: 0;
  }
}
.m-float-nav__list &gt; li &gt; a.is-active::before {
  flex-shrink: 0;
  margin-right: 1.7811704835vw;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  opacity: 1;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li &gt; a.is-active::before {
    margin-right: 7px;
    width: 6px;
    height: 6px;
  }
}
.m-float-nav__list &gt; li:nth-last-of-type(1) {
  border-bottom-left-radius: 1.272264631vw;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li:nth-last-of-type(1) {
    border-bottom-left-radius: 5px;
  }
}
.m-float-nav__list &gt; li:nth-last-of-type(1) &gt; a {
  border-bottom-left-radius: 1.0178117048vw;
}
@media only screen and (min-width: 787px) {
  .m-float-nav__list &gt; li:nth-last-of-type(1) &gt; a {
    border-bottom-left-radius: 4px;
  }
}

.m-form__radio input[type=radio] {
  display: none;
}
.m-form__radiogroup {
  margin-top: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .m-form__radiogroup {
    margin-top: 20px;
  }
}
.m-form__radiogroup--flex {
  margin-top: 3.8167938931vw;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 787px) {
  .m-form__radiogroup--flex {
    margin-top: 20px;
  }
}
.m-form__radiogroup--flex &gt; li:nth-of-type(n+2) {
  margin-top: 0 !important;
  margin-left: 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .m-form__radiogroup--flex &gt; li:nth-of-type(n+2) {
    margin-left: 25px;
  }
}
.m-form__radiogroup--flex label {
  position: relative;
  margin-right: 1em;
  font-size: 3.5623409669vw;
}
@media only screen and (min-width: 787px) {
  .m-form__radiogroup--flex label {
    font-size: 16px;
  }
}
@media only screen and (max-width: 786px) {
  .entry .m-form__radiogroup--flex label {
    margin-right: 0;
  }
}
.m-form__radioCustom, .m-form__checkCustom {
  height: 16vw;
}
@media only screen and (min-width: 787px) {
  .m-form__radioCustom, .m-form__checkCustom {
    height: 60px;
  }
}
.m-form__radioCustom label, .m-form__checkCustom label {
  box-shadow: 0 0.7633587786vw 1.5267175573vw rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 787px) {
  .m-form__radioCustom label, .m-form__checkCustom label {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}
.m-form__in {
  margin-bottom: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .m-form__in {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 787px) {
  .m-form__inIn {
    width: 47.0954356846%;
  }
}
.m-form__inIn:nth-of-type(n+2) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .m-form__inIn:nth-of-type(n+2) {
    margin-top: 0;
  }
}
.entry .m-form__in:nth-last-of-type(1) .m-form__inIn {
  width: 100%;
}
.entry .m-form__in:nth-last-of-type(1) .m-form__inIn textarea {
  height: 30.534351145vw;
}
@media only screen and (min-width: 787px) {
  .entry .m-form__in:nth-last-of-type(1) .m-form__inIn textarea {
    height: 126px;
  }
}
@media only screen and (min-width: 787px) {
  .m-form-name {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.m-form-name__in {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .m-form-name__in {
    margin-top: 0;
    width: 47.0954356846%;
  }
}
.m-form__text input {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  height: 12.213740458vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-form__text input {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__text input::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__text input::placeholder {
  color: #D0DCE2;
}
.m-form__text--max input {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  height: 12.213740458vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-form__text--max input {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__text--max input::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__text--max input::placeholder {
  color: #D0DCE2;
}
.m-form__text--max input {
  width: 100%;
}
.m-form__text--flex {
  display: flex;
}
.m-form__text--flex input {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  height: 12.213740458vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-form__text--flex input {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__text--flex input::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__text--flex input::placeholder {
  color: #D0DCE2;
}
.m-form__text--layout {
  flex: 1 1 auto;
}
.m-form__text--layout input {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  height: 12.213740458vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-form__text--layout input {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__text--layout input::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__text--layout input::placeholder {
  color: #D0DCE2;
}
@media only screen and (min-width: 787px) {
  .m-form__text--layout {
    flex: inherit;
    width: 215px;
  }
}
.m-form__text--split {
  display: flex;
  align-items: center;
  margin-top: 3.8167938931vw;
  padding: 0 0.5em;
  flex: 0 0 auto;
}
.m-form__text--split input {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  height: 12.213740458vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-form__text--split input {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__text--split input::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__text--split input::placeholder {
  color: #D0DCE2;
}
@media only screen and (min-width: 787px) {
  .m-form__text--split {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .m-form__text--name, .m-form__text--company {
    width: 47.0954356846%;
  }
}
.m-form__text--fullName, .m-form__text--furigana {
  display: flex;
  justify-content: space-between;
}
.m-form__text--lastName input, .m-form__text--firstName input {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  height: 12.213740458vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-form__text--lastName input, .m-form__text--firstName input {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__text--lastName input::-moz-placeholder, .m-form__text--firstName input::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__text--lastName input::placeholder, .m-form__text--firstName input::placeholder {
  color: #D0DCE2;
}
@media only screen and (min-width: 787px) {
  .m-form__text--lastName, .m-form__text--firstName {
    width: 47.1365638767%;
  }
}
.m-form__text--lastName &gt; input, .m-form__text--firstName &gt; input {
  width: 44.0203562341vw;
}
@media only screen and (min-width: 787px) {
  .m-form__text--lastName &gt; input, .m-form__text--firstName &gt; input {
    width: 100%;
  }
}
.m-form__text--birth {
  display: flex;
  align-items: center;
}
.m-form__text--post {
  display: flex;
  align-items: center;
}
.m-form__text--zip1 input {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  height: 12.213740458vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-form__text--zip1 input {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__text--zip1 input::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__text--zip1 input::placeholder {
  color: #D0DCE2;
}
.m-form__text--zip1 &gt; input {
  width: 20.3562340967vw !important;
}
@media only screen and (min-width: 787px) {
  .m-form__text--zip1 &gt; input {
    width: 80px !important;
  }
}
.m-form__text--zip2 input {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  height: 12.213740458vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-form__text--zip2 input {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__text--zip2 input::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__text--zip2 input::placeholder {
  color: #D0DCE2;
}
.m-form__text--zip2 &gt; input {
  width: 30.534351145vw !important;
}
@media only screen and (min-width: 787px) {
  .m-form__text--zip2 &gt; input {
    width: 120px !important;
  }
}
.m-form__select {
  position: relative;
}
.m-form__select::before {
  content: "";
  position: absolute;
  top: 9.9236641221vw;
  right: 3.3078880407vw;
  display: block;
  width: 2.7989821883vw;
  height: 1.7811704835vw;
  background: url("/assets/images/common/ico_tryangle.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-form__select::before {
    top: 45px;
    right: 13px;
    width: 11px;
    height: 7px;
  }
}
.m-form__select select {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  width: 100%;
  height: 12.213740458vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.02em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-form__select select {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__select--address {
  width: 44.0203562341vw;
  position: relative;
}
.m-form__select--address::before {
  content: "";
  position: absolute;
  top: 9.9236641221vw;
  right: 3.3078880407vw;
  display: block;
  width: 2.7989821883vw;
  height: 1.7811704835vw;
  background: url("/assets/images/common/ico_tryangle.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-form__select--address::before {
    top: 45px;
    right: 13px;
    width: 11px;
    height: 7px;
  }
}
.m-form__select--address select {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  width: 100%;
  height: 12.213740458vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.02em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-form__select--address select {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .m-form__select--address {
    width: 47.1365638767%;
  }
}
.m-form__select--year {
  width: 35.6234096692vw;
  position: relative;
}
.m-form__select--year::before {
  content: "";
  position: absolute;
  top: 9.9236641221vw;
  right: 3.3078880407vw;
  display: block;
  width: 2.7989821883vw;
  height: 1.7811704835vw;
  background: url("/assets/images/common/ico_tryangle.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-form__select--year::before {
    top: 45px;
    right: 13px;
    width: 11px;
    height: 7px;
  }
}
.m-form__select--year select {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  width: 100%;
  height: 12.213740458vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.02em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-form__select--year select {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .m-form__select--year {
    width: 30%;
  }
}
.m-form__select--month {
  width: 20.3562340967vw;
  position: relative;
}
.m-form__select--month::before {
  content: "";
  position: absolute;
  top: 9.9236641221vw;
  right: 3.3078880407vw;
  display: block;
  width: 2.7989821883vw;
  height: 1.7811704835vw;
  background: url("/assets/images/common/ico_tryangle.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-form__select--month::before {
    top: 45px;
    right: 13px;
    width: 11px;
    height: 7px;
  }
}
.m-form__select--month select {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  width: 100%;
  height: 12.213740458vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.02em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-form__select--month select {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .m-form__select--month {
    width: 30%;
  }
}
.m-form__select--day {
  width: 20.3562340967vw;
  position: relative;
}
.m-form__select--day::before {
  content: "";
  position: absolute;
  top: 9.9236641221vw;
  right: 3.3078880407vw;
  display: block;
  width: 2.7989821883vw;
  height: 1.7811704835vw;
  background: url("/assets/images/common/ico_tryangle.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-form__select--day::before {
    top: 45px;
    right: 13px;
    width: 11px;
    height: 7px;
  }
}
.m-form__select--day select {
  margin-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  width: 100%;
  height: 12.213740458vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.02em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-form__select--day select {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .m-form__select--day {
    width: 40%;
  }
}
.m-form__file {
  margin-top: 3.8167938931vw;
  /*
  label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: vwsp(120);
    height: vwsp(36);
    background: $color-gray-file;
    border: vwsp(1) solid $color-placeholder;
    border-radius: vwsp(4);
    font-size: vwsp(13);
    @media only screen and (min-width: 787px) {
      width: 126px;
      height: 38px;
      border: 1px solid $color-placeholder;
      border-radius: 4px;
      font-size: 14px;
      cursor: pointer;
    }
  }
  input {
    display: none;
  }
  */
}
@media only screen and (min-width: 787px) {
  .m-form__file {
    margin-top: 15px;
  }
}
.m-form__file small {
  display: inline-block;
  margin-top: 2.5445292621vw;
  font-size: 2.7989821883vw;
}
@media only screen and (min-width: 787px) {
  .m-form__file small {
    margin-top: 10px;
    font-size: 11px;
  }
}
.m-form__textarea textarea {
  margin-top: 3.8167938931vw;
  padding-top: 3.8167938931vw;
  padding-right: 3.8167938931vw;
  padding-bottom: 3.8167938931vw;
  padding-left: 3.8167938931vw;
  width: 100%;
  height: 38.1679389313vw;
  border: 0.2544529262vw solid #98A6B6;
  border-radius: 1.0178117048vw;
  font-size: 4.0712468193vw;
  line-height: 1.8461538462;
}
@media only screen and (min-width: 787px) {
  .m-form__textarea textarea {
    margin-top: 15px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    height: 240px;
    border: 1px solid #98A6B6;
    border-radius: 5px;
    font-size: 15px;
  }
}
.m-form__textarea textarea::-moz-placeholder {
  color: #D0DCE2;
}
.m-form__textarea textarea::placeholder {
  color: #D0DCE2;
}
.m-form__textarea small {
  display: block;
  margin-top: 5.0890585242vw;
  font-size: 2.7989821883vw;
}
@media only screen and (min-width: 787px) {
  .m-form__textarea small {
    margin-top: 20px;
    font-size: 12px;
  }
}
.m-form__attention {
  margin-top: 10.1781170483vw;
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  background: #EEF5F8;
  font-size: 3.0534351145vw !important;
  line-height: 1.8333333333;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .m-form__attention {
    margin-top: 60px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    font-size: 15px !important;
    line-height: 1.4666666667;
    text-align: center;
  }
}
.m-form__attention &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-decoration: underline;
  color: #0065BD;
}
.m-form__attention &gt; a:hover {
  opacity: 0.8;
}
.m-form__attention &gt; a:hover {
  text-decoration: none;
}
.m-form__require {
  margin-top: 3.8167938931vw;
  font-size: 2.7989821883vw !important;
  letter-spacing: 0.02em;
  text-align: right;
  color: #BC1F1F !important;
}
@media only screen and (min-width: 787px) {
  .m-form__require {
    margin-top: 20px;
    font-size: 12px !important;
  }
}
.m-form__notes {
  margin-top: 3.8167938931vw;
  font-size: 2.7989821883vw !important;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media only screen and (min-width: 787px) {
  .m-form__notes {
    margin-top: 20px;
    font-size: 12px !important;
  }
}
.m-form__confirm {
  margin-top: 0.5em;
  font-size: 3.5623409669vw !important;
}
@media only screen and (min-width: 787px) {
  .m-form__confirm {
    font-size: 16px !important;
  }
}
.m-form__ttl {
  display: flex;
  align-items: center;
  font-size: 3.5623409669vw;
  line-height: 1.7142857143;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .m-form__ttl {
    font-size: 16px;
    line-height: 1.5;
  }
}
.m-form__ttl:not(:nth-of-type(1)) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .m-form__ttl:not(:nth-of-type(1)) {
    margin-top: 50px;
  }
}
.m-form__ttl small {
  margin-left: 2.5445292621vw;
  display: inline-block;
  padding: 0.1em 0.55em 0.2em;
  border-radius: 2px;
  vertical-align: middle;
  font-size: 2.7989821883vw;
  background-color: #BC1F1F;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-form__ttl small {
    margin-left: 15px;
    font-size: 11px;
  }
}
.m-form__ttl span {
  font-size: 2.5445292621vw;
  letter-spacing: 0;
}
@media only screen and (min-width: 787px) {
  .m-form__ttl span {
    margin-left: 10px;
    font-size: 11px;
    white-space: wrap;
  }
}
.m-form__nextBtn {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .m-form__nextBtn {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    width: 376px;
  }
}
body.entry-confirm .m-form__nextBtn {
  display: flex;
  justify-content: space-between;
}

.m-ico-accordion {
  position: absolute;
  top: 50%;
  right: 2.5445292621vw;
  transform: translateY(-50%);
  width: 2.2900763359vw;
  height: 2.2900763359vw;
}
@media only screen and (min-width: 787px) {
  .m-ico-accordion {
    right: 20px;
    width: 13px;
    height: 13px;
  }
}
@media only screen and (min-width: 787px) {
  .home .m-ico-accordion {
    display: none;
  }
}
.m-ico-accordion::before, .m-ico-accordion::after {
  content: "";
  position: absolute;
  top: 1.0178117048vw;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ico-accordion::before, .m-ico-accordion::after {
    top: 6px;
  }
}
.first-timers .m-ico-accordion::before, .first-timers .m-ico-accordion::after {
  background-color: #00A096;
}
.m-ico-accordion::before {
  transform: rotate(90deg);
  transition: transform 0.2s ease-out;
}
.m-ico-accordion.is-act::before {
  transform: rotate(0);
}

.m-link__blank--blue, .m-link__blank--white {
  position: relative;
}
.m-link__blank--blue:after, .m-link__blank--white:after {
  position: absolute;
  top: 0vw;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  content: "";
}
@media only screen and (min-width: 787px) {
  .m-link__blank--blue:after, .m-link__blank--white:after {
    right: -14px;
    top: 0;
    width: 10px;
    height: 10px;
  }
}
.m-link__blank--blue:after {
  right: -4.0712468193vw;
  background: url("/assets/images/common/ico_blank_blue.svg") center top/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-link__blank--blue:after {
    right: -12px;
  }
}
.m-link__blank--white:after {
  right: -4.0712468193vw;
  background: url("/assets/images/common/ico_blank_white.svg") center top/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-link__blank--white:after {
    right: -16px;
  }
}

.home .l-header,
.home .l-main {
  opacity: 0;
}
.home.is-active .l-header,
.home.is-active .l-main {
  opacity: 1;
}

.loading {
  display: none;
  align-items: center;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  text-align: center;
}
.loading.is-visible {
  display: flex;
}
.loading .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #DEE7EB;
}
.loading .overlay.overlay.overlay1 {
  z-index: 2;
  animation: overlay 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.loading .overlay.overlay2 {
  z-index: 1;
  opacity: 0.2;
  animation: overlay 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.loading #loading-inner {
  position: relative;
  z-index: 3;
  width: 100%;
  line-height: 0;
}
.loading #loading-inner #logo {
  margin-right: auto;
  margin-left: auto;
  width: 35.6234096692vw;
  opacity: 0;
  animation: loading 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (min-width: 787px) {
  .loading #loading-inner #logo {
    width: 210px;
  }
}

.effect-fadein-up {
  opacity: 0;
  transform: translate(0px, 30px);
}

.is-active .effect-fadein-up {
  opacity: 1;
  transform: translate(0px, 0px);
  transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.is-active .effect-delay-0 {
  transition-delay: 0s;
}

.is-active .effect-delay-100 {
  transition-delay: 0.1s;
}

.is-active .effect-delay-200 {
  transition-delay: 0.2s;
}

.is-active .effect-delay-300 {
  transition-delay: 0.3s;
}

.is-active .effect-delay-400 {
  transition-delay: 0.4s;
}

.is-active .effect-delay-500 {
  transition-delay: 0.5s;
}

.is-active .effect-delay-600 {
  transition-delay: 0.6s;
}

.is-active .effect-delay-700 {
  transition-delay: 0.7s;
}

.is-active .effect-delay-800 {
  transition-delay: 0.8s;
}

.is-active .effect-delay-900 {
  transition-delay: 0.9s;
}

.is-active .effect-delay-1000 {
  transition-delay: 1s;
}

.is-active .effect-delay-1100 {
  transition-delay: 1.1s;
}

.is-active .effect-delay-1200 {
  transition-delay: 1.2s;
}

.is-active .effect-delay-1300 {
  transition-delay: 1.3s;
}

.is-active .effect-delay-1400 {
  transition-delay: 1.4s;
}

.is-active .effect-delay-1500 {
  transition-delay: 1.5s;
}

.is-active .effect-delay-1600 {
  transition-delay: 1.6s;
}

.is-active .effect-delay-1700 {
  transition-delay: 1.7s;
}

.is-active .effect-delay-1800 {
  transition-delay: 1.8s;
}

.is-active .effect-delay-1900 {
  transition-delay: 1.9s;
}

.is-active .effect-delay-2000 {
  transition-delay: 2s;
}

.is-active .effect-delay-2100 {
  transition-delay: 2.1s;
}

.is-active .effect-delay-2200 {
  transition-delay: 2.2s;
}

.is-active .effect-delay-2300 {
  transition-delay: 2.3s;
}

.is-active .effect-delay-2400 {
  transition-delay: 2.4s;
}

.is-active .effect-delay-2500 {
  transition-delay: 2.5s;
}

.is-active .effect-delay-2600 {
  transition-delay: 2.6s;
}

.is-active .effect-delay-2700 {
  transition-delay: 2.7s;
}

.is-active .effect-delay-2800 {
  transition-delay: 2.8s;
}

.is-active .effect-delay-2900 {
  transition-delay: 2.9s;
}

.is-active .effect-delay-3000 {
  transition-delay: 3s;
}

.is-active .effect-delay-3100 {
  transition-delay: 3.1s;
}

.is-active .effect-delay-3200 {
  transition-delay: 3.2s;
}

.is-active .effect-delay-3300 {
  transition-delay: 3.3s;
}

.is-active .effect-delay-3400 {
  transition-delay: 3.4s;
}

.is-active .effect-delay-3500 {
  transition-delay: 3.5s;
}

.is-active .effect-delay-3600 {
  transition-delay: 3.6s;
}

.is-active .effect-delay-3700 {
  transition-delay: 3.7s;
}

.is-active .effect-delay-3800 {
  transition-delay: 3.8s;
}

.is-active .effect-delay-3900 {
  transition-delay: 3.9s;
}

.is-active .effect-delay-4000 {
  transition-delay: 4s;
}

.is-active .effect-delay-4100 {
  transition-delay: 4.1s;
}

.is-active .effect-delay-4200 {
  transition-delay: 4.2s;
}

.is-active .effect-delay-4300 {
  transition-delay: 4.3s;
}

.is-active .effect-delay-4400 {
  transition-delay: 4.4s;
}

.is-active .effect-delay-4500 {
  transition-delay: 4.5s;
}

.is-active .effect-delay-4600 {
  transition-delay: 4.6s;
}

.is-active .effect-delay-4700 {
  transition-delay: 4.7s;
}

.is-active .effect-delay-4800 {
  transition-delay: 4.8s;
}

.is-active .effect-delay-4900 {
  transition-delay: 4.9s;
}

.is-active .effect-delay-5000 {
  transition-delay: 5s;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  65% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-30px);
  }
}
@keyframes overlay {
  0% {
    height: 100%;
  }
  35% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.m-modal {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
}
.m-modal.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.m-modal__overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 101, 189, 0.9);
}
.m-modal__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2.66667vw;
}
@media only screen and (min-width: 787px) {
  .m-modal__container {
    padding: 40px;
  }
}
.company .m-modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  padding: 0;
  width: 90.8396946565vw;
  height: auto;
  background-color: #FFF;
  border-radius: 1.33333vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 787px) {
  .company .m-modal__container {
    width: 811px;
    border-radius: 5px;
  }
}
.m-modal-company {
  overflow-y: auto;
  padding-top: 4.5801526718vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 9.1603053435vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-company {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 54px;
    padding-left: 30px;
  }
}
.m-modal__center {
  position: relative;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .m-modal__center {
    width: auto;
  }
}
.m-modal__close {
  position: absolute;
  right: 2.4vw;
  top: -6.4vw;
  width: 2.4vw;
  height: 2.4vw;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
@media only screen and (min-width: 787px) {
  .m-modal__close {
    right: -25px;
    top: -27px;
    width: 16px;
    height: 16px;
  }
}
.m-modal__close::before, .m-modal__close::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5.8524173028vw;
  height: 0.2544529262vw;
  background-color: #FFF;
  content: "";
}
@media only screen and (min-width: 787px) {
  .m-modal__close::before, .m-modal__close::after {
    width: 22px;
    height: 1px;
  }
}
.m-modal__close::before {
  transform: translateX(-50%) rotate(-45deg);
}
.m-modal__close::after {
  transform: translateX(-50%) rotate(45deg);
}
.m-modal__box {
  background-color: #fff;
  border-radius: 1.33333vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 787px) {
  .m-modal__box {
    border-radius: 5px;
  }
}
.m-modal-company__container {
  padding-top: 4.5801526718vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 9.1603053435vw;
  padding-left: 4.5801526718vw;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .m-modal-company__container {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 54px;
    padding-left: 30px;
    width: 811px;
  }
}
.m-modal-company__def &gt; dt {
  margin-top: 6.3613231552vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-modal-company__def &gt; dt {
    margin-top: 30px;
    font-size: 16px;
  }
}
.m-modal-company__def &gt; dd {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-modal-company__def &gt; dd {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.m-modal-company__btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6.6157760814vw;
  border-left: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-modal-company__btns {
    margin-top: 30px;
    border-left: 1px solid #DEE7EB;
  }
}
.m-modal-company__btns &gt; li {
  width: 50%;
  height: 11.7048346056vw;
  border-right: 0.2544529262vw solid #DEE7EB;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-modal-company__btns &gt; li {
    width: 33.3333333333%;
    height: 52px;
    border-right: 1px solid #DEE7EB;
    border-bottom: 1px solid #DEE7EB;
  }
}
@media only screen and (max-width: 786px) {
  .m-modal-company__btns &gt; li:nth-of-type(-n+2) {
    border-top: 0.2544529262vw solid #DEE7EB;
  }
}
@media only screen and (min-width: 787px) {
  .m-modal-company__btns &gt; li:nth-of-type(-n+3) {
    border-top: 1px solid #DEE7EB;
  }
}
.m-modal-company__btns &gt; li a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 2.5445292621vw;
  padding-left: 5.0890585242vw;
  height: 100%;
  font-size: 3.3078880407vw;
  line-height: 1.3;
}
.m-modal-company__btns &gt; li a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-modal-company__btns &gt; li a {
    padding-right: 0;
    padding-left: 30px;
    font-size: 15px;
  }
}
.m-modal-company__btns &gt; li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 2.5445292621vw;
  height: 0.2544529262vw;
  background: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .m-modal-company__btns &gt; li a::before {
    width: 10px;
    height: 1px;
  }
}
.m-modal-filter__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 21.33333vw);
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__container {
    width: 910px;
    height: 494px;
  }
}
.m-modal-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 15.2671755725vw;
  padding: 0 6.3613231552vw;
  box-sizing: border-box;
  border-bottom: 1px solid #DEDEDE;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__header {
    padding: 0 25px;
    height: 75px;
  }
}
.m-modal-filter__body {
  display: flex;
  width: 100%;
  height: calc(100% - 17.06667vw - 19.2vw);
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__body {
    height: calc(100% - 75px - 72px);
  }
}
.m-modal-filter__parentbox {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  border-right: 0;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__parentbox {
    width: 444px;
    border-right: 1px solid #DEDEDE;
  }
}
.m-modal-filter__childbox {
  display: none;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__childbox {
    display: block;
    width: calc(100% - 444px);
    height: 100%;
    overflow-y: auto;
  }
}
.m-modal-filter__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 19.2vw;
  padding: 2.66667vw;
  box-sizing: border-box;
  border-top: 1px solid #DEDEDE;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__footer {
    flex-direction: row;
    justify-content: space-between;
    height: 72px;
    padding: 0 32px 0 22px;
  }
}
.m-modal-filter__ttl {
  font-size: 4.0712468193vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__ttl {
    font-size: 24px;
  }
}
.m-modal-filter__change {
  margin-top: 1.06667vw;
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__change {
    margin-top: 0;
    font-size: 14px;
  }
}
.m-modal-filter__change &gt; a {
  display: inline-block;
  color: #0065BD;
}
.m-modal-filter__change &gt; a::after {
  content: "";
  display: inline-block;
  margin-left: 1.272264631vw;
  width: 2.5445292621vw;
  height: 2.0356234097vw;
  background: url("/assets/images/common/ico_arrow_right_gray.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__change &gt; a::after {
    margin-left: 5px;
    width: 10px;
    height: 8px;
  }
}
.m-modal-filter__parents &gt; ul {
  font-size: 3.46667vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__parents &gt; ul {
    font-size: 13px;
  }
}
.m-modal-filter__parents &gt; ul &gt; li:not(:first-child) {
  border-top: 1px solid #DEDEDE;
}
.m-modal-filter-parent {
  position: relative;
  display: block;
  padding: 3.73333vw 5.6vw;
  cursor: pointer;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-parent {
    padding: 14px 21px;
  }
}
.m-modal-filter-parent.is-active {
  background-color: transparent;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-parent.is-active {
    background-color: #EDF5F8;
  }
}
.m-modal-filter-parent &gt; span {
  vertical-align: middle;
  line-height: 1.3;
}
@media only screen and (max-width: 786px) {
  .m-modal-filter-parent::before, .m-modal-filter-parent::after {
    position: absolute;
    right: 3.0534351145vw;
    top: 50%;
    width: 10px;
    height: 1px;
    background-color: #0065BD;
    content: "";
  }
}
@media only screen and (max-width: 786px) {
  .m-modal-filter-parent::before {
    transform: translateY(-50%) rotate(-90deg);
    transition: transform 0.2s ease-out;
  }
}
@media only screen and (max-width: 786px) {
  .m-modal-filter-parent::after {
    transform: translateY(-50%);
  }
}
.m-modal-filter-parent.is-active::before {
  transform: translateY(-50%);
}
.m-modal-filter-parent__num {
  margin-left: 0.5em;
}
.m-modal-filter-parent__selected {
  display: none;
  padding: 0.75em;
  margin-left: 1em;
  border-radius: 1em;
  background-color: #0065BD;
  border-radius: 4px;
  color: #fff;
  font-size: 2.5445292621vw;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-parent__selected {
    font-size: 10px;
  }
}
.m-modal-filter-parent.is-selected .m-modal-filter-parent__selected {
  display: inline-block;
}
.m-modal-filter__children {
  display: none;
  padding: 0 6.3613231552vw 6.3613231552vw 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__children {
    padding: 30px;
  }
}
.m-modal-filter__children &gt; ul &gt; li {
  font-size: 3.3078880407vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__children &gt; ul &gt; li {
    font-size: 13px;
  }
}
.m-modal-filter__children &gt; ul &gt; li:not(:first-child) {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__children &gt; ul &gt; li:not(:first-child) {
    margin-top: 10px;
  }
}
.m-modal-filter-parent.is-active + .m-modal-filter__children {
  display: block;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-parent.is-active + .m-modal-filter__children {
    display: none;
  }
}
.m-modal-filter__childbox .m-modal-filter__children {
  display: block;
}
.m-modal-filter-child01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}
.m-modal-filter-child01__check {
  position: relative;
  margin-top: 0;
  margin-right: 2.5445292621vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 4.3256997455vw;
  height: 4.3256997455vw;
  background: none;
  border: none;
  border-radius: 0;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-child01__check {
    margin-right: 10px;
    width: 17px;
    height: 17px;
  }
}
.m-modal-filter-child01__check::before, .m-modal-filter-child01__check::after {
  content: "";
  display: block;
  position: absolute;
}
.m-modal-filter-child01__check::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 0.5089058524vw;
  border: 0.2544529262vw solid #DEE7EB;
  width: 3.8167938931vw;
  height: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-child01__check::before {
    width: 15px;
    height: 15px;
    border: 1px solid #DEE7EB;
    border-radius: 2px;
  }
}
.m-modal-filter-child01__check::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.2900763359vw;
  height: 2.2900763359vw;
  background-color: #0065BD;
  border-radius: 0.5089058524vw;
  opacity: 0;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-child01__check::after {
    width: 9px;
    height: 9px;
    border-radius: 2px;
  }
}
.m-modal-filter-child01__check:checked::after {
  opacity: 1;
}
.m-modal-filter-child02 {
  position: relative;
  display: flex;
  padding: 2.5445292621vw 2.5445292621vw 2.5445292621vw 5.5979643766vw;
  cursor: pointer;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-child02 {
    padding: 10px 10px 10px 22px;
  }
}
.m-modal-filter-child02:before {
  position: absolute;
  left: 2px;
  top: 50%;
  width: 2.7989821883vw;
  height: 1.7811704835vw;
  background: url("/assets/images/common/ico_arrow_accordion_blue.svg") center center/100% 100% no-repeat;
  transform: translateY(-50%);
  content: "";
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-child02:before {
    width: 11px;
    height: 7px;
  }
}
.m-modal-filter-child02.is-active:before {
  transform: translateY(-50%) rotate(180deg);
}
.m-modal-filter-child02__num {
  margin-left: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-child02__num {
    margin-left: 6px;
  }
}
.m-modal-filter__grandchildren {
  display: none;
  margin-top: 1.0178117048vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__grandchildren {
    margin-top: 4px;
  }
}
.m-modal-filter__grandchildren &gt; ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 4.0712468193vw 2.5445292621vw 2.5445292621vw 4.0712468193vw;
  background-color: #EEF5F8;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__grandchildren &gt; ul {
    padding: 16px 10px 10px 16px;
    border-radius: 7px;
  }
}
.m-modal-filter__grandchildren &gt; ul li {
  display: inline-block;
  white-space: nowrap;
  margin: 0 1.5267175573vw 1.5267175573vw 0;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__grandchildren &gt; ul li {
    margin: 0 6px 6px 0;
  }
}
.m-modal-filter-child02.is-active + .m-modal-filter__grandchildren {
  display: block;
}
.m-modal-filter-grandchild {
  cursor: pointer;
}
.m-modal-filter-grandchild__check {
  display: none;
}
.m-modal-filter-grandchild__label {
  display: block;
  padding: 1.0178117048vw 1.5267175573vw;
  background-color: #FFF;
  border-radius: 2px;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter-grandchild__label {
    padding: 4px 6px;
  }
}
.m-modal-filter-grandchild__check:checked + .m-modal-filter-grandchild__label {
  background-color: #3D97D0;
  color: #FFF;
}
.m-modal-filter__filters {
  display: none;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__filters {
    display: block;
    width: calc(100% - 190px);
    max-height: calc(100% - 6px);
    overflow-y: auto;
  }
}
.m-modal-filter__filters &gt; dl {
  display: flex;
  align-items: flex-start;
  font-size: 3.46667vw;
  line-height: 1.69231;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__filters &gt; dl {
    font-size: 13px;
  }
}
.m-modal-filter__filters &gt; dl &gt; dt, .m-modal-filter__filters &gt; dl &gt; dd {
  display: inline-block;
  vertical-align: baseline;
}
.m-modal-filter__filters &gt; dl &gt; dt {
  flex: 0 0 auto;
  width: 8.5em;
  font-weight: 700;
}
.m-modal-filter__filters &gt; dl &gt; dd {
  margin-left: 0.5em;
}
.m-modal-filter__filters &gt; dl &gt; dd &gt; ul {
  display: inline;
}
.m-modal-filter__filters &gt; dl &gt; dd &gt; ul &gt; li {
  display: inline-block;
}
.m-modal-filter__filters &gt; dl &gt; dd &gt; ul &gt; li:not(:first-child):before {
  content: "、";
}
.m-modal-filter__clear {
  display: inline-block;
  background: transparent;
  border: 0;
  margin-left: 1em;
  color: #4c92c9;
  font-size: 13px;
  cursor: pointer;
}
.m-modal-filter__clear :hover {
  opacity: 0.75;
}
@media only screen and (max-width: 786px) {
  .m-modal-filter__submit {
    width: 100%;
  }
}
.m-modal-filter__submit button {
  display: block;
  line-height: 1;
  cursor: pointer;
  width: 100%;
  height: 50px;
  background-color: #394A53;
  border-radius: 7px;
  font-weight: 500;
  font-size: 3.73333vw;
  letter-spacing: 0.05em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .m-modal-filter__submit button {
    width: 200px;
    font-size: 14px;
  }
}

body.modal-visible .l-main {
  left: 0;
}

.m-modal-home-movie {
  position: relative;
}
.m-modal-home-movie iframe {
  width: 82.6972010178vw;
  height: 46.5648854962vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-home-movie iframe {
    width: 768px;
    height: 432px;
  }
}

.m-modal-electrical-engineer,
.m-modal-voice {
  position: relative;
}
.m-modal-electrical-engineer video,
.m-modal-voice video {
  width: 82.6972010178vw;
  height: 46.5648854962vw;
}
@media only screen and (min-width: 787px) {
  .m-modal-electrical-engineer video,
  .m-modal-voice video {
    width: 768px;
    height: 432px;
  }
}

.m-mv {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
  height: 50.8905852417vw;
  /*
  .company &amp; {
  	padding-right: 0;
  	padding-left: vwsp(30);
  	height: vwsp(160);
  	@media only screen and (min-width: 787px) {
  		overflow: hidden;
  		padding-left: 80px;
  		height: 485px;
  	}
  }
  */
}
@media only screen and (min-width: 787px) {
  .m-mv {
    padding-right: 0;
    padding-left: 80px;
    height: 550px;
  }
}
.first-timers .m-mv {
  padding-right: 0;
  padding-left: 0;
  height: 40.7124681934vw;
}
@media only screen and (min-width: 787px) {
  .first-timers .m-mv {
    padding-right: 0;
    padding-left: 0;
    height: 485px;
  }
}
.electrical-engineer .m-mv {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  height: 40.7124681934vw;
}
@media only screen and (min-width: 787px) {
  .electrical-engineer .m-mv {
    padding-right: 0;
    padding-left: 0;
    height: 485px;
  }
}
.it-engineer .m-mv {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  height: 40.7124681934vw;
}
@media only screen and (min-width: 787px) {
  .it-engineer .m-mv {
    padding-right: 0;
    padding-left: 0;
    height: 485px;
  }
}
.biological-engineer .m-mv {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  height: 40.7124681934vw;
}
@media only screen and (min-width: 787px) {
  .biological-engineer .m-mv {
    padding-right: 0;
    padding-left: 0;
    height: 485px;
  }
}
.chemical-engineer .m-mv {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  height: 40.7124681934vw;
}
@media only screen and (min-width: 787px) {
  .chemical-engineer .m-mv {
    padding-right: 0;
    padding-left: 0;
    height: 485px;
  }
}
.voice .m-mv {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  height: 40.7124681934vw;
}
@media only screen and (min-width: 787px) {
  .voice .m-mv {
    padding-right: 0;
    padding-left: 0;
    height: 485px;
  }
}
.voice .m-mv::after {
  content: "";
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.5267175573vw;
  background-image: url("/assets/images/voice/mv_dot-s.webp");
  background-position: left top;
  background-size: 100vw auto;
  background-repeat: repeat-x;
}
@media only screen and (min-width: 787px) {
  .voice .m-mv::after {
    height: 5px;
    background-image: url("/assets/images/voice/mv_dot.webp");
    background-size: 1440px auto;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .voice .m-mv::after {
    height: 5px;
    background-image: url("/assets/images/voice/mv_dot@2x.webp");
    background-size: 1440px auto;
  }
}
.m-mv__parallax {
  position: absolute;
  z-index: -2;
  top: -7.6335877863vw;
  right: 0;
  width: 47.0737913486vw;
  height: 52.9262086514vw;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  /*
  .company &amp; {
  	top: 0;
  	width: 100%;
  	height: vwsp(160);
  	background-size: 100% auto;
  	@media only screen and (min-width: 787px) {
  		right: 0;
  		height: 485px;
  		background-position: center center;
  		background-size: cover;
  	}
  }
  	*/
}
.electrical-engineer .m-mv__parallax {
  z-index: 1;
}
.it-engineer .m-mv__parallax {
  z-index: 1;
}
.biological-engineer .m-mv__parallax {
  z-index: 1;
}
.chemical-engineer .m-mv__parallax {
  z-index: 1;
}
.voice .m-mv__parallax {
  z-index: 1;
}
@media only screen and (min-width: 787px) {
  .m-mv__parallax {
    top: -90px;
    right: 90px;
    background-position: center top;
    background-size: 510px auto;
  }
}
.company .m-mv__parallax {
  background-image: url("/assets/images/company/mv-s.webp");
}
.greeting .m-mv__parallax {
  background-image: url("/assets/images/greeting/mv-s.webp");
}
.interview-top .m-mv__parallax {
  background-image: url("/assets/images/interview/mv-s.webp");
}
.support .m-mv__parallax {
  background-image: url("/assets/images/support/mv-s.webp");
}
.welfare .m-mv__parallax {
  background-image: url("/assets/images/welfare/mv-s.webp");
}
.guideline .m-mv__parallax {
  background-image: url("/assets/images/guideline/mv-s.webp");
}
.new-graduate .m-mv__parallax {
  background-image: url("/assets/images/new-graduate/mv-s.webp");
}
.for-corporate .m-mv__parallax {
  background-image: url("/assets/images/for-corporate/mv-s.webp");
}
.contact .m-mv__parallax {
  background-image: url("/assets/images/contact/mv-s.webp");
}
.entry .m-mv__parallax {
  background-image: url("/assets/images/entry/mv-s.webp");
}
.privacy .m-mv__parallax {
  background-image: url("/assets/images/privacy/mv-s.webp");
}
.cookie .m-mv__parallax {
  background-image: url("/assets/images/cookie/mv-s.webp");
}
.electrical-engineer .m-mv__parallax {
  background-image: url("/assets/images/electrical-engineer/mv-s.webp");
}
.it-engineer .m-mv__parallax {
  background-image: url("/assets/images/it-engineer/mv-s.webp");
}
.biological-engineer .m-mv__parallax {
  background-image: url("/assets/images/biological-engineer/mv-s.webp");
}
.chemical-engineer .m-mv__parallax {
  background-image: url("/assets/images/chemical-engineer/mv-s.webp");
}
.voice .m-mv__parallax {
  background-image: url("/assets/images/voice/mv-s.webp");
}
@media only screen and (min-width: 787px) {
  .company .m-mv__parallax {
    background-image: url("/assets/images/company/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .greeting .m-mv__parallax {
    background-image: url("/assets/images/greeting/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .interview-top .m-mv__parallax {
    background-image: url("/assets/images/interview/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .interview-detail .m-mv__parallax {
    background-image: url("/assets/images/interview/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .support .m-mv__parallax {
    background-image: url("/assets/images/support/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .welfare .m-mv__parallax {
    background-image: url("/assets/images/welfare/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .guideline .m-mv__parallax {
    background-image: url("/assets/images/guideline/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .new-graduate .m-mv__parallax {
    background-image: url("/assets/images/new-graduate/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .for-corporate .m-mv__parallax {
    background-image: url("/assets/images/for-corporate/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .contact .m-mv__parallax {
    background-image: url("/assets/images/contact/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .entry .m-mv__parallax {
    background-image: url("/assets/images/entry/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .privacy .m-mv__parallax {
    background-image: url("/assets/images/privacy/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .cookie .m-mv__parallax {
    background-image: url("/assets/images/cookie/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .electrical-engineer .m-mv__parallax {
    background-image: url("/assets/images/electrical-engineer/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .it-engineer .m-mv__parallax {
    background-image: url("/assets/images/it-engineer/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .biological-engineer .m-mv__parallax {
    background-image: url("/assets/images/biological-engineer/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .chemical-engineer .m-mv__parallax {
    background-image: url("/assets/images/chemical-engineer/mv.webp");
  }
}
@media only screen and (min-width: 787px) {
  .voice .m-mv__parallax {
    background-image: url("/assets/images/voice/mv.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .company .m-mv__parallax {
    background-image: url("/assets/images/company/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .greeting .m-mv__parallax {
    background-image: url("/assets/images/greeting/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .interview-top .m-mv__parallax {
    background-image: url("/assets/images/interview/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .interview-detail .m-mv__parallax {
    background-image: url("/assets/images/interview/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .support .m-mv__parallax {
    background-image: url("/assets/images/support/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .welfare .m-mv__parallax {
    background-image: url("/assets/images/welfare/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .guideline .m-mv__parallax {
    background-image: url("/assets/images/guideline/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .new-graduate .m-mv__parallax {
    background-image: url("/assets/images/new-graduate/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .for-corporate .m-mv__parallax {
    background-image: url("/assets/images/for-corporate/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .contact .m-mv__parallax {
    background-image: url("/assets/images/contact/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .entry .m-mv__parallax {
    background-image: url("/assets/images/entry/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .privacy .m-mv__parallax {
    background-image: url("/assets/images/privacy/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .cookie .m-mv__parallax {
    background-image: url("/assets/images/cookie/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .electrical-engineer .m-mv__parallax {
    background-image: url("/assets/images/electrical-engineer/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .it-engineer .m-mv__parallax {
    background-image: url("/assets/images/it-engineer/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .biological-engineer .m-mv__parallax {
    background-image: url("/assets/images/biological-engineer/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .chemical-engineer .m-mv__parallax {
    background-image: url("/assets/images/chemical-engineer/mv@2x.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .voice .m-mv__parallax {
    background-image: url("/assets/images/voice/mv@2x.webp");
  }
}
.interview-detail .m-mv__parallax {
  height: 58.524173028vw;
}
@media only screen and (min-width: 787px) {
  .interview-detail .m-mv__parallax {
    height: 590px;
  }
}
.first-timers .m-mv__parallax {
  position: absolute;
  z-index: -1;
  top: -12.7226463104vw;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 0;
  padding-left: 0;
  height: 57.7608142494vw;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/first-timers/mv-s.webp");
  mix-blend-mode: soft-light;
}
@media only screen and (min-width: 787px) {
  .first-timers .m-mv__parallax {
    top: -200px;
    background-size: cover;
    height: 750px;
    background-image: url("/assets/images/first-timers/mv.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .first-timers .m-mv__parallax {
    background-image: url("/assets/images/first-timers/mv@2x.webp");
  }
}
.electrical-engineer .m-mv__parallax {
  position: absolute;
  z-index: 1;
  top: -12.7226463104vw;
  left: 0;
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  height: 57.7608142494vw;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/electrical-engineer/mv-s.webp");
}
@media only screen and (min-width: 787px) {
  .electrical-engineer .m-mv__parallax {
    top: -250px;
    background-size: cover;
    height: 750px;
    background-image: url("/assets/images/electrical-engineer/mv.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .electrical-engineer .m-mv__parallax {
    background-image: url("/assets/images/electrical-engineer/mv@2x.webp");
  }
}
.it-engineer .m-mv__parallax {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  height: 57.7608142494vw;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/it-engineer/mv-s.webp");
}
@media only screen and (min-width: 787px) {
  .it-engineer .m-mv__parallax {
    top: 0;
    background-size: cover;
    height: 750px;
    background-image: url("/assets/images/it-engineer/mv.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .it-engineer .m-mv__parallax {
    background-image: url("/assets/images/it-engineer/mv@2x.webp");
  }
}
.biological-engineer .m-mv__parallax {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  height: 57.7608142494vw;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/it-engineer/mv-s.webp");
}
@media only screen and (min-width: 787px) {
  .biological-engineer .m-mv__parallax {
    top: 0;
    background-size: cover;
    height: 750px;
    background-image: url("/assets/images/it-engineer/mv.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .biological-engineer .m-mv__parallax {
    background-image: url("/assets/images/it-engineer/mv@2x.webp");
  }
}
.chemical-engineer .m-mv__parallax {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  height: 57.7608142494vw;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/it-engineer/mv-s.webp");
}
@media only screen and (min-width: 787px) {
  .chemical-engineer .m-mv__parallax {
    top: 0;
    background-size: cover;
    height: 750px;
    background-image: url("/assets/images/it-engineer/mv.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .chemical-engineer .m-mv__parallax {
    background-image: url("/assets/images/it-engineer/mv@2x.webp");
  }
}
.voice .m-mv__parallax {
  position: absolute;
  z-index: 1;
  top: -12.7226463104vw;
  left: 0;
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  height: 58.524173028vw;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/voice/mv-s.webp");
}
@media only screen and (min-width: 787px) {
  .voice .m-mv__parallax {
    top: -210px;
    background-size: cover;
    height: 696px;
    background-image: url("/assets/images/voice/mv.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .voice .m-mv__parallax {
    background-image: url("/assets/images/voice/mv@2x.webp");
  }
}
.voice .m-mv__parallax::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 1;
}
.first-timers .m-mv__in {
  position: relative;
  top: 0;
  left: 0;
  z-index: -2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-position: left top, left top;
  background-size: 3.5623409669vw 3.5623409669vw, 3.5623409669vw 3.5623409669vw;
  background-repeat: repeat, repeat;
  background-color: #00A096;
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.05) 0.2544529262vw, transparent 0.2544529262vw), linear-gradient(rgba(255, 255, 255, 0.05) 0.2544529262vw, transparent 0.2544529262vw);
}
@media only screen and (min-width: 787px) {
  .first-timers .m-mv__in {
    background-size: 14px 14px, 14px 14px, cover;
    height: 485px;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  }
}
.electrical-engineer .m-mv__in {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 787px) {
  .electrical-engineer .m-mv__in {
    height: 485px;
  }
}
.it-engineer .m-mv__in {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 787px) {
  .it-engineer .m-mv__in {
    height: 485px;
  }
}
.biological-engineer .m-mv__in {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 787px) {
  .biological-engineer .m-mv__in {
    height: 485px;
  }
}
.chemical-engineer .m-mv__in {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 787px) {
  .chemical-engineer .m-mv__in {
    height: 485px;
  }
}
.first-timers .m-mv-ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20.3562340967vw;
  height: 16.5394402036vw;
  background-size: 16.5394402036vw auto;
  background-repeat: no-repeat;
  background-image: url("/assets/images/first-timers/mv_ico-s.webp");
}
@media only screen and (min-width: 787px) {
  .first-timers .m-mv-ttl {
    padding-left: 200px;
    height: 158px;
    background-size: 158px auto;
  }
}
@media only screen and (min-width: 787px) {
  .first-timers .m-mv-ttl {
    background-image: url("/assets/images/first-timers/mv_ico.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .first-timers .m-mv-ttl {
    background-image: url("/assets/images/first-timers/mv_ico@2x.webp");
  }
}
.electrical-engineer .m-mv-ttl {
  width: 68.9567430025vw;
}
@media only screen and (min-width: 787px) {
  .electrical-engineer .m-mv-ttl {
    width: 711px;
  }
}
.it-engineer .m-mv-ttl {
  width: 68.7022900763vw;
}
@media only screen and (min-width: 787px) {
  .it-engineer .m-mv-ttl {
    width: 810px;
  }
}
.biological-engineer .m-mv-ttl {
  width: 70.9923664122vw;
}
@media only screen and (min-width: 787px) {
  .biological-engineer .m-mv-ttl {
    width: 860px;
  }
}
.chemical-engineer .m-mv-ttl {
  width: 63.8676844784vw;
}
@media only screen and (min-width: 787px) {
  .chemical-engineer .m-mv-ttl {
    width: 788px;
  }
}
.m-mv-ttl_en {
  display: inline-block;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 6.6157760814vw;
  letter-spacing: 0.07em;
  background: linear-gradient(to right, #0064B8, #00A8E7);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*
  .company &amp; {
  	background: none;
  	background-clip: inherit;
  	-webkit-background-clip: inherit;
  	-webkit-text-fill-color: inherit;
  	color: $color-white;
  }
  */
}
@media only screen and (min-width: 787px) {
  .m-mv-ttl_en {
    font-size: 68px;
  }
}
.first-timers .m-mv-ttl_en {
  font-weight: 600;
  font-size: 3.0534351145vw;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: inherit;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 787px) {
  .first-timers .m-mv-ttl_en {
    font-size: 29px;
  }
}
.m-mv-ttl_en.is-ja {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 5.8524173028vw;
}
@media only screen and (min-width: 787px) {
  .m-mv-ttl_en.is-ja {
    font-size: 61px;
  }
}
.m-mv-ttl_ja {
  display: block;
  margin-top: 2.5445292621vw;
  font-weight: 500;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
  /*
  .company &amp; {
  	color: $color-white;
  }
  */
}
@media only screen and (min-width: 787px) {
  .m-mv-ttl_ja {
    margin-top: 25px;
    font-size: 26px;
  }
}
.first-timers .m-mv-ttl_ja {
  margin-top: 2.5445292621vw;
  font-size: 5.5979643766vw;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .first-timers .m-mv-ttl_ja {
    margin-top: 15px;
    font-size: 53px;
  }
}
.m-mv-ttl_ja.is-ja {
  font-size: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .m-mv-ttl_ja.is-ja {
    font-size: 34px;
  }
}
.m-mv__ttl--card {
  font-weight: 500;
  font-size: 5.5979643766vw;
  line-height: 1.6363636364;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-mv__ttl--card {
    font-size: 42px;
    line-height: 1.6666666667;
  }
}
.m-mv__def--card {
  display: flex;
  align-items: center;
  margin-top: 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .m-mv__def--card {
    margin-top: 50px;
  }
}
.m-mv__def--card &gt; figure {
  position: relative;
  width: 12.7226463104vw;
  margin-right: 4.0712468193vw;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 787px) {
  .m-mv__def--card &gt; figure {
    width: 90px;
    margin-right: 32px;
  }
}
.m-mv__def--card &gt; figure &gt; img {
  display: block;
  width: 100%;
}
.m-mv__def--card &gt; dl &gt; dt &gt; span {
  font-weight: 500;
  font-size: 2.7989821883vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-mv__def--card &gt; dl &gt; dt &gt; span {
    font-size: 18px;
  }
}
.m-mv__def--card &gt; dl &gt; dt &gt; span.is-with-year {
  margin-left: 1.272264631vw;
}
@media only screen and (min-width: 787px) {
  .m-mv__def--card &gt; dl &gt; dt &gt; span.is-with-year {
    margin-left: 10px;
  }
}
.m-mv__def--card &gt; dl &gt; dd {
  display: flex;
  align-items: flex-end;
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .m-mv__def--card &gt; dl &gt; dd {
    margin-top: 20px;
  }
}
.m-mv__def--card &gt; dl &gt; dd &gt; span:nth-of-type(1) {
  font-weight: 500;
  font-size: 3.8167938931vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-mv__def--card &gt; dl &gt; dd &gt; span:nth-of-type(1) {
    font-size: 28px;
  }
}
.m-mv__def--card &gt; dl &gt; dd &gt; span:nth-of-type(2) {
  margin-left: 2.5445292621vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 2.7989821883vw;
  letter-spacing: 0.075em;
  color: #A5A5A5;
}
@media only screen and (min-width: 787px) {
  .m-mv__def--card &gt; dl &gt; dd &gt; span:nth-of-type(2) {
    margin-left: 10px;
    font-size: 18px;
  }
}
.m-mv__year--youth {
  color: #6FB7E5;
}
.m-mv__year--senior {
  color: #0045BD;
}
.m-mv__year--support {
  color: #00A096;
}

.m-pagenation {
  display: flex;
  justify-content: center;
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .m-pagenation {
    margin-top: 40px;
  }
}
.m-pagenation__pages &gt; span {
  margin-right: 3.0534351145vw;
  margin-left: 3.0534351145vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.6666666667;
  color: #D0DCE2;
}
@media only screen and (min-width: 787px) {
  .m-pagenation__pages &gt; span {
    margin-right: 12px;
    margin-left: 12px;
    font-size: 22px;
    line-height: 1.3636363636;
  }
}
.m-pagenation__pages &gt; span &gt; a {
  color: #0065BD;
}

.m-radio &gt; li,
.m-radio .wpcf7-list-item {
  display: block;
}
.m-radio &gt; li:nth-of-type(n+2),
.m-radio .wpcf7-list-item:nth-of-type(n+2) {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .m-radio &gt; li:nth-of-type(n+2),
  .m-radio .wpcf7-list-item:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
.entry .m-radio &gt; li:nth-of-type(n+2),
.m-radio &gt; li:nth-of-type(n+2) .contact,
.entry .m-radio .wpcf7-list-item:nth-of-type(n+2),
.m-radio .wpcf7-list-item:nth-of-type(n+2) .contact {
  margin-top: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .entry .m-radio &gt; li:nth-of-type(n+2),
  .m-radio &gt; li:nth-of-type(n+2) .contact,
  .entry .m-radio .wpcf7-list-item:nth-of-type(n+2),
  .m-radio .wpcf7-list-item:nth-of-type(n+2) .contact {
    margin-top: 18px;
  }
}
.m-radio &gt; li &gt; label,
.m-radio .wpcf7-list-item &gt; label {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.entry .m-radio &gt; li &gt; label, .contact .m-radio &gt; li &gt; label,
.entry .m-radio .wpcf7-list-item &gt; label,
.contact .m-radio .wpcf7-list-item &gt; label {
  font-size: 3.3078880407vw;
}
@media only screen and (min-width: 787px) {
  .entry .m-radio &gt; li &gt; label, .contact .m-radio &gt; li &gt; label,
  .entry .m-radio .wpcf7-list-item &gt; label,
  .contact .m-radio .wpcf7-list-item &gt; label {
    font-size: 15px;
  }
}
.m-radio &gt; li &gt; label:hover,
.m-radio .wpcf7-list-item &gt; label:hover {
  cursor: pointer;
}
.m-radio &gt; li &gt; label:hover &gt; input::before, .m-radio &gt; li &gt; label:hover &gt; input::after,
.m-radio .wpcf7-list-item &gt; label:hover &gt; input::before,
.m-radio .wpcf7-list-item &gt; label:hover &gt; input::after {
  cursor: pointer;
}
.m-radio &gt; li &gt; label &gt; input,
.m-radio .wpcf7-list-item &gt; label &gt; input {
  position: relative;
  margin-top: 0;
  margin-right: 2.5445292621vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 4.3256997455vw;
  height: 4.3256997455vw;
  background: none;
  border: none;
  border-radius: 0;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-radio &gt; li &gt; label &gt; input,
  .m-radio .wpcf7-list-item &gt; label &gt; input {
    margin-right: 10px;
    width: 17px;
    height: 17px;
  }
}
.m-radio &gt; li &gt; label &gt; input::before, .m-radio &gt; li &gt; label &gt; input::after,
.m-radio .wpcf7-list-item &gt; label &gt; input::before,
.m-radio .wpcf7-list-item &gt; label &gt; input::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m-radio &gt; li &gt; label &gt; input::before,
.m-radio .wpcf7-list-item &gt; label &gt; input::before {
  background-color: #fff;
  border: 0.2544529262vw solid #DEE7EB;
  border-radius: 50%;
  width: 3.8167938931vw;
  height: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .m-radio &gt; li &gt; label &gt; input::before,
  .m-radio .wpcf7-list-item &gt; label &gt; input::before {
    width: 15px;
    height: 15px;
    border: 1px solid #DEE7EB;
  }
}
.m-radio &gt; li &gt; label &gt; input::after,
.m-radio .wpcf7-list-item &gt; label &gt; input::after {
  width: 2.2900763359vw;
  height: 2.2900763359vw;
  background-color: #0065BD;
  border-radius: 50%;
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
@media only screen and (min-width: 787px) {
  .m-radio &gt; li &gt; label &gt; input::after,
  .m-radio .wpcf7-list-item &gt; label &gt; input::after {
    width: 9px;
    height: 9px;
  }
}
.m-radio &gt; li &gt; label &gt; input:checked::after,
.m-radio .wpcf7-list-item &gt; label &gt; input:checked::after {
  opacity: 1;
}
.entry .m-radio {
  justify-content: space-between;
}
@media only screen and (min-width: 787px) {
  .entry .m-radio {
    justify-content: flex-start;
  }
}
.entry .m-radio &gt; label {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 3.3078880407vw;
}
@media only screen and (min-width: 787px) {
  .entry .m-radio &gt; label {
    font-size: 15px;
  }
}
.m-radio &gt; label:hover {
  cursor: pointer;
}
.m-radio &gt; label:hover &gt; input::before, .m-radio &gt; label:hover &gt; input::after {
  cursor: pointer;
}
.m-radio &gt; label &gt; input {
  position: relative;
  margin-top: 0;
  margin-right: 2.5445292621vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 4.3256997455vw;
  height: 4.3256997455vw;
  background: none;
  border: none;
  border-radius: 0;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 787px) {
  .m-radio &gt; label &gt; input {
    margin-right: 10px;
    width: 17px;
    height: 17px;
  }
}
.entry .m-radio &gt; label &gt; input {
  position: absolute;
  left: 3.0534351145vw;
  z-index: 1;
}
@media only screen and (min-width: 787px) {
  .entry .m-radio &gt; label &gt; input {
    left: 14px;
  }
}
.m-radio &gt; label &gt; input::before, .m-radio &gt; label &gt; input::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m-radio &gt; label &gt; input::before {
  background-color: #fff;
  border: 0.2544529262vw solid #DEE7EB;
  border-radius: 50%;
  width: 3.8167938931vw;
  height: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .m-radio &gt; label &gt; input::before {
    width: 15px;
    height: 15px;
    border: 1px solid #DEE7EB;
  }
}
.m-radio &gt; label &gt; input::after {
  width: 2.2900763359vw;
  height: 2.2900763359vw;
  background-color: #0065BD;
  border-radius: 50%;
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
@media only screen and (min-width: 787px) {
  .m-radio &gt; label &gt; input::after {
    width: 9px;
    height: 9px;
  }
}
.m-radio &gt; label &gt; input:checked::after {
  opacity: 1;
}
.m-radio &gt; label &gt; span {
  display: flex;
  align-items: center;
  padding-left: 8.9058524173vw;
  width: 44.0203562341vw;
  height: 12.213740458vw;
  background-color: #F8FAFA;
  border-radius: 1.0178117048vw;
  font-size: 3.3078880407vw;
}
@media only screen and (min-width: 787px) {
  .m-radio &gt; label &gt; span {
    padding-left: 36px;
    width: 150px;
    height: 52px;
    border-radius: 4px;
    font-size: 15px;
  }
}
.m-radio &gt; label &gt; input:checked ~ span {
  background-color: #E2F0F5;
}

.m-search {
  position: relative;
  box-shadow: 0 0.7633587786vw 1.5267175573vw rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 787px) {
  .m-search {
    display: none;
  }
}
.m-search__btns {
  display: flex;
}
.m-search__btns &gt; li {
  width: 50%;
  height: 11.1959287532vw;
}
.m-search__btns &gt; li &gt; button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #0065BD;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.02em;
  color: #FFF;
}
.m-search__btns &gt; li &gt; button::before {
  content: "";
  display: block;
  margin-right: 2.5445292621vw;
}
.m-search__btns &gt; li:nth-of-type(1) &gt; button {
  border-right: 0.2544529262vw solid #4C75B4;
}
.m-search__btns &gt; li:nth-of-type(1) &gt; button::before {
  width: 2.7989821883vw;
  height: 4.0712468193vw;
  background: url("/assets/images/common/ico_map.svg") center center/100% auto no-repeat;
}
.m-search__btns &gt; li:nth-of-type(2) &gt; button::before {
  width: 3.5623409669vw;
  height: 3.5623409669vw;
  background: url("/assets/images/common/ico_field.svg") center center/100% auto no-repeat;
}
.m-search-keyword {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18.8295165394vw;
  background-color: #F8F8FA;
}
.m-search-keyword__in {
  position: relative;
  width: 90.3307888041vw;
  height: 12.7226463104vw;
  border: 0.7633587786vw solid #0065BD;
  border-radius: 7.1246819338vw;
}
.m-search-keyword__in &gt; input {
  display: block;
  padding-right: 10.1781170483vw;
  padding-left: 5.0890585242vw;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 7.1246819338vw;
  font-size: 3.5623409669vw;
  letter-spacing: 0.02em;
}
.m-search-keyword__in &gt; input::-moz-placeholder {
  color: #98A6B6;
}
.m-search-keyword__in &gt; input::placeholder {
  color: #98A6B6;
}
.m-search-keyword__in &gt; button {
  position: absolute;
  top: 50%;
  right: 5.0890585242vw;
  transform: translateY(-50%);
  display: block;
  width: 4.3256997455vw;
  height: 4.3256997455vw;
  background: url("/assets/images/common/ico_lupe.svg") center center/100% auto no-repeat;
}
.m-search-filter {
  height: calc(100vh - 20.3562340967vw);
}
.m-search-filter__header {
  display: flex;
  justify-content: space-between;
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
.m-search-filter__ttl {
  font-weight: 500;
  font-size: 4.0712468193vw;
  letter-spacing: 0.05em;
}
.m-search-filter__txt {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.05em;
  color: #0065BD;
}
.m-search-filter__txt::after {
  content: "";
  display: block;
  margin-left: 1.272264631vw;
  width: 2.5445292621vw;
  height: 2.0356234097vw;
  background: url("/assets/images/common/ico_arrow_right_gray.svg") center center/100% auto no-repeat;
}
.m-search-filter__body {
  overflow-y: scroll;
  height: calc(100% - 17.06667vw - 19.2vw);
}
.m-search-filter-list {
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
.m-search-filter-list &gt; dt {
  position: relative;
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
}
.m-search-filter-list &gt; dt &gt; span {
  display: flex;
  align-items: center;
}
.m-search-filter-list &gt; dt &gt; span &gt; span {
  display: inline-block;
  padding-top: 2.0356234097vw;
  padding-right: 2.5445292621vw;
  padding-bottom: 2.0356234097vw;
  padding-left: 2.5445292621vw;
  background-color: #0065BD;
  border-radius: 1.0178117048vw;
  font-weight: 600;
  font-size: 2.5445292621vw;
  letter-spacing: 0.02em;
  color: #FFF;
}
.m-search-filter-list &gt; dt &gt; i {
  position: absolute;
  top: 50%;
  right: 5.0890585242vw;
  transform: translateY(-50%);
  width: 2.2900763359vw;
  height: 2.2900763359vw;
}
.m-search-filter-list &gt; dt &gt; i::before, .m-search-filter-list &gt; dt &gt; i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.2544529262vw;
  background-color: #0065BD;
}
.m-search-filter-list &gt; dt &gt; i::before {
  transform: rotate(90deg);
  transition: transform 0.2s ease-out;
}
.m-search-filter-list &gt; dt &gt; i.is-act::before {
  transform: rotate(0);
}
.m-search-filter-list &gt; dd {
  display: none;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
}
.m-search-filter__submitBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.8167938931vw;
  margin-right: auto;
  margin-left: auto;
  width: 82.951653944vw;
  height: 14.2493638677vw;
  background-color: #394A53;
  border-radius: 1.7811704835vw;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  color: #FFF;
}

.m-slider {
  position: relative;
  margin-top: 10.1781170483vw;
  padding-bottom: 20.3562340967vw;
}
@media only screen and (min-width: 787px) {
  .m-slider {
    margin-top: 60px;
    padding-bottom: 120px;
  }
}
.company .m-slider {
  margin-top: 0;
}
@media only screen and (min-width: 787px) {
  .company .m-slider {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.m-slider-head {
  position: relative;
}
.m-slider-head__ttl {
  display: flex;
  flex-direction: column;
  margin-left: 5.0890585242vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-slider-head__ttl {
    margin-left: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.8333333333;
    text-align: center;
  }
}
.m-slider-head__ttl &gt; em {
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-slider-head__ttl &gt; em {
    font-size: 15px;
    text-align: left;
  }
}
.m-slider-head__ttl &gt; strong {
  font-weight: 500;
  font-size: 5.0890585242vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-slider-head__ttl &gt; strong {
    font-size: 30px;
    line-height: 1.4;
    text-align: left;
  }
}
.m-slider-head__prev, .m-slider-head__next {
  position: absolute;
  bottom: 0;
  width: 10.6870229008vw;
  height: 10.6870229008vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #DEE7EB;
  cursor: pointer;
}
@media only screen and (min-width: 787px) {
  .m-slider-head__prev, .m-slider-head__next {
    width: 42px;
    height: 42px;
    border: 1px solid #DEE7EB;
  }
}
.m-slider-head__prev:before, .m-slider-head__next:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3.0534351145vw;
  height: 2.5445292621vw;
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (min-width: 787px) {
  .m-slider-head__prev:before, .m-slider-head__next:before {
    width: 12px;
    height: 10px;
  }
}
.m-slider-head__prev.is-disabled, .m-slider-head__next.is-disabled {
  pointer-events: none;
  cursor: default;
  filter: grayscale(100%);
  opacity: 0.5;
}
.m-slider-head__prev {
  right: 15.0127226463vw;
  border-top-left-radius: 1.7811704835vw;
  border-bottom-left-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .m-slider-head__prev {
    right: 41px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
}
.m-slider-head__prev:before {
  background: url("/assets/images/common/ico_arrow_blue_left.svg") no-repeat center center;
  background-size: contain;
}
.m-slider-head__next {
  right: 4.5801526718vw;
  bottom: 0;
  border-top-right-radius: 1.7811704835vw;
  border-bottom-right-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .m-slider-head__next {
    right: 0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }
}
.m-slider-head__next:before {
  background: url("/assets/images/common/ico_arrow_blue_right.svg") no-repeat center center;
  background-size: contain;
}
.m-slider__container {
  overflow-x: scroll;
  scrollbar-width: none;
  margin-top: 7.6335877863vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .m-slider__container {
    margin-top: 40px;
    padding-left: 0;
  }
}
.m-slider__container::-webkit-scrollbar {
  display: none;
}
.m-slider__slide {
  display: flex;
}
@media only screen and (min-width: 787px) {
  .company .m-slider__slide {
    justify-content: space-between;
  }
}
.m-slider__slide &gt; * {
  flex: 0 0 auto;
}
@media only screen and (max-width: 786px) {
  .m-slider__slide::after {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 1px;
  }
}
.m-slider-card {
  margin-right: 6.8702290076vw;
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 10.1781170483vw;
  padding-left: 5.0890585242vw;
  width: 63.6132315522vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #DEE7EB;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .m-slider-card {
    margin-right: 27px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    width: 258px;
    border: 1px solid #DEE7EB;
    border-radius: 7px;
  }
}
.m-slider-card__ttl {
  padding-bottom: 5.0890585242vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
  font-weight: 500;
  font-size: 3.8167938931vw;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-slider-card__ttl {
    padding-bottom: 20px;
    border-bottom: 1px solid #DEE7EB;
    font-size: 16px;
    line-height: 1.625;
  }
}
.m-slider-card__def {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .m-slider-card__def {
    margin-top: 20px;
  }
}
.m-slider-card__def &gt; dt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 1.272264631vw;
  padding-left: 1.272264631vw;
  height: 6.3613231552vw;
  background-color: #EEF5F8;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
  color: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .m-slider-card__def &gt; dt {
    padding-right: 5px;
    padding-left: 5px;
    height: 27px;
    font-size: 13px;
    letter-spacing: 0;
  }
}
.m-slider-card__def &gt; dt:nth-of-type(n+2) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .m-slider-card__def &gt; dt:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.m-slider-card__def &gt; dd {
  font-size: 3.3078880407vw;
  line-height: 2;
}
@media only screen and (min-width: 787px) {
  .m-slider-card__def &gt; dd {
    font-size: 13px;
  }
}
.m-slider-element {
  position: relative;
  margin-right: 6.8702290076vw;
  width: 81.4249363868vw;
  background-color: #F7F8F8;
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-slider-element {
    margin-right: 0;
    width: 31.0344827586%;
    border: 1px solid #DEE7EB;
  }
}
.m-slider-element:nth-of-type(1) {
  margin-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .m-slider-element:nth-of-type(1) {
    margin-left: 0;
  }
}
.m-slider-element::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-slider-element::before {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.m-slider-element::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-slider-element::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.m-slider-element__in {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6.3613231552vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 11.4503816794vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .m-slider-element__in {
    padding-top: 25px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
  }
}
.m-slider-element__in::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-slider-element__in::before {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.m-slider-element__in::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-slider-element__in::after {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.m-slider-element__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.7226463104vw;
  height: 12.213740458vw;
  font-family: "Chakra Petch", sans-serif;
  font-style: normal;
  font-size: 6.106870229vw;
  color: #FFF;
  background: url("/assets/images/company/sec_element_ico_badge-s.webp") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-slider-element__ico {
    width: 50px;
    height: 48px;
    font-style: normal;
    font-size: 24px;
  }
}
@media only screen and (min-width: 787px) {
  .m-slider-element__ico {
    background: url("/assets/images/company/sec_element_ico_badge.webp") center center/100% auto no-repeat;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .m-slider-element__ico {
    background: url("/assets/images/company/sec_element_ico_badge@2x.webp") center center/100% auto no-repeat;
  }
}
.m-slider-element__ttl &gt; span {
  display: block;
  margin-top: 3.8167938931vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 5.0890585242vw;
  letter-spacing: 0.07em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .m-slider-element__ttl &gt; span {
    margin-top: 20px;
    font-size: 22px;
  }
}
.m-slider-element__ttl &gt; em {
  display: block;
  margin-top: 1.272264631vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .m-slider-element__ttl &gt; em {
    margin-top: 10px;
    font-size: 15px;
  }
}
.m-slider-element__write {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-slider-element__write {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2;
  }
}

@media only screen and (min-width: 787px) {
  .m-table &gt; div {
    display: flex;
    flex-wrap: wrap;
  }
}
.m-table &gt; div:nth-of-type(n+2) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .m-table &gt; div:nth-of-type(n+2) {
    margin-top: 0;
  }
}
.m-table &gt; div &gt; h3 {
  padding-top: 0.5089058524vw;
  padding-right: 3.3078880407vw;
  padding-bottom: 0.5089058524vw;
  padding-left: 3.3078880407vw;
  background-color: #EEF5F8;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-table &gt; div &gt; h3 {
    margin-top: 0;
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
    width: 180px;
    border-bottom: 1px solid #DEE7EB;
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
@media only screen and (min-width: 787px) {
  .m-table &gt; div &gt; div {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
    width: calc(100% - 180px);
    border-bottom: 1px solid #DEE7EB;
  }
}
.m-table &gt; div &gt; div &gt; p {
  margin-top: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .m-table &gt; div &gt; div &gt; p {
    margin-top: 20px;
    width: calc(100% - 180px);
    font-size: 15px;
    line-height: 1.8666666667;
  }
  .m-table &gt; div &gt; div &gt; p:first-child {
    margin-top: 0;
  }
}
.m-table &gt; div &gt; div &gt; dl {
  display: flex;
  flex-wrap: wrap;
}
.m-table &gt; div &gt; div &gt; dl:nth-of-type(1) {
  margin-top: 4.0712468193vw;
}
@media only screen and (min-width: 787px) {
  .m-table &gt; div &gt; div &gt; dl:nth-of-type(1) {
    margin-top: 0;
  }
}
.m-table &gt; div &gt; div &gt; dl:nth-of-type(n+2) {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .m-table &gt; div &gt; div &gt; dl:nth-of-type(n+2) {
    margin-top: 10px;
  }
}
.compnay .m-table &gt; div &gt; div &gt; dl &gt; dt {
  width: 35.1145038168vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .compnay .m-table &gt; div &gt; div &gt; dl &gt; dt {
    width: 138px;
    font-size: 15px;
    line-height: 1.8666666667;
  }
}
.compnay .m-table &gt; div &gt; div &gt; dl &gt; dd {
  width: 55.4707379135vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.025em;
}
@media only screen and (min-width: 787px) {
  .compnay .m-table &gt; div &gt; div &gt; dl &gt; dd {
    width: calc(100% - 138px);
    font-size: 15px;
    line-height: 1.8666666667;
  }
}
.company .m-table &gt; div &gt; div &gt; p &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-decoration: underline;
  cursor: pointer;
}
.company .m-table &gt; div &gt; div &gt; p &gt; a:hover {
  opacity: 0.8;
}
.company .m-table &gt; div &gt; div &gt; p &gt; a:hover {
  text-decoration: none;
}
.company .m-table &gt; div &gt; div &gt; dl &gt; dt {
  width: 35.1145038168vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .company .m-table &gt; div &gt; div &gt; dl &gt; dt {
    width: 138px;
    font-size: 15px;
    line-height: 1.8666666667;
  }
}
.company .m-table &gt; div &gt; div &gt; dl &gt; dd {
  width: 55.4707379135vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.025em;
}
@media only screen and (min-width: 787px) {
  .company .m-table &gt; div &gt; div &gt; dl &gt; dd {
    width: calc(100% - 138px);
    font-size: 15px;
    line-height: 1.8666666667;
  }
}

.m-ttl-m &gt; span {
  display: block;
  text-align: center;
}
.m-ttl-m &gt; span:nth-of-type(1) {
  font-weight: 500;
  font-size: 5.5979643766vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-ttl-m &gt; span:nth-of-type(1) {
    font-size: 36px;
  }
}
.m-ttl-m &gt; span:nth-of-type(2) {
  margin-top: 2.5445292621vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ttl-m &gt; span:nth-of-type(2) {
    margin-top: 20px;
    font-size: 18px;
  }
}
.m-ttl-s &gt; span {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .m-ttl-s &gt; span {
    text-align: left;
  }
}
.m-ttl-s &gt; span:nth-of-type(1) {
  font-weight: 500;
  font-size: 5.5979643766vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-ttl-s &gt; span:nth-of-type(1) {
    font-size: 30px;
  }
}
.m-ttl-s &gt; span:nth-of-type(2) {
  margin-top: 2.5445292621vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .m-ttl-s &gt; span:nth-of-type(2) {
    margin-top: 20px;
    font-size: 14px;
  }
}
.m-ttl-band-l {
  display: flex;
  align-items: flex-end;
  position: relative;
  padding-top: 3.8167938931vw;
  padding-right: 6.3613231552vw;
  padding-bottom: 3.8167938931vw;
  padding-left: 6.3613231552vw;
  background-color: #F7F8F8;
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l {
    padding-top: 20px;
    padding-right: 35px;
    padding-bottom: 20px;
    padding-left: 35px;
    font-size: 20px;
  }
}
.m-ttl-band-l::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.0356234097vw;
  height: 100%;
  background: url("/assets/images/common/ttl_measure.svg") right top/1.272264631vw auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l::before {
    width: 12px;
  }
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l::before {
    background: url("/assets/images/common/ttl_measure.svg") right top/6px auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .m-ttl-band-l::before {
    background: url("/assets/images/common/ttl_measure.svg") right top/6px auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
  }
}
.m-ttl-band-l &gt; small {
  margin-left: 0.7633587786vw;
  font-weight: 400;
  font-size: 2.5445292621vw;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l &gt; small {
    margin-left: 6px;
    font-size: 11px;
  }
}
.m-ttl-band-l-link {
  display: flex;
  align-items: flex-end;
  position: relative;
  background-color: #F7F8F8;
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l-link {
    font-size: 20px;
  }
}
.m-ttl-band-l-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.0356234097vw;
  height: 100%;
  background: url("/assets/images/common/ttl_measure.svg") right top/1.272264631vw auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l-link::before {
    width: 12px;
  }
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l-link::before {
    background: url("/assets/images/common/ttl_measure.svg") right top/6px auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .m-ttl-band-l-link::before {
    background: url("/assets/images/common/ttl_measure.svg") right top/6px auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
  }
}
.m-ttl-band-l-link &gt; small {
  margin-left: 0.7633587786vw;
  font-weight: 400;
  font-size: 2.5445292621vw;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l-link &gt; small {
    margin-left: 6px;
    font-size: 11px;
  }
}
.m-ttl-band-l-link &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 3.8167938931vw;
  padding-right: 3.3078880407vw;
  padding-bottom: 3.8167938931vw;
  padding-left: 6.3613231552vw;
  color: #2F3C43;
}
.m-ttl-band-l-link &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l-link &gt; a {
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 35px;
  }
}
.m-ttl-band-l-link &gt; a::after {
  content: "";
  display: block;
  width: 3.0534351145vw;
  height: 2.5445292621vw;
  background: url("/assets/images/common/ico_arrow_blue_dark_right.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-l-link &gt; a::after {
    width: 15px;
    height: 12px;
  }
}
.m-ttl-band-s {
  position: relative;
  padding-top: 2.5445292621vw;
  padding-right: 2.5445292621vw;
  padding-bottom: 2.5445292621vw;
  padding-left: 5.0890585242vw;
  background-color: #F7F8F8;
  font-weight: 500;
  font-size: 3.8167938931vw;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-s {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    font-size: 18px;
  }
}
.m-ttl-band-s::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.272264631vw;
  height: 100%;
  background: linear-gradient(to top, #0064B8, #00A8E7);
}
@media only screen and (min-width: 787px) {
  .m-ttl-band-s::before {
    width: 6px;
  }
}
.m-ttl-border {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 3.8167938931vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-ttl-border {
    padding-bottom: 28px;
    border-bottom: 1px solid #DEE7EB;
  }
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access .m-ttl-border {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
    width: 33.7931034483%;
    border: none;
  }
}
@media only screen and (min-width: 787px) {
  .new-graduate .m-ttl-border.p-new-graduate-sec-process01__ttl, .new-graduate .m-ttl-border.p-guideline-sec-process01__ttl, .guideline .m-ttl-border.p-new-graduate-sec-process01__ttl, .guideline .m-ttl-border.p-guideline-sec-process01__ttl {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
    width: 33.7931034483%;
    border: none;
  }
}
.m-ttl-border::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 14.2493638677vw;
  height: 0.7633587786vw;
  background: linear-gradient(to right, #0064B8, #00A8E7);
}
@media only screen and (min-width: 787px) {
  .m-ttl-border::before {
    width: 96px;
    height: 6px;
  }
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access .m-ttl-border::before {
    display: none;
  }
}
@media only screen and (min-width: 787px) {
  .new-graduate .m-ttl-border.p-new-graduate-sec-process01__ttl::before, .new-graduate .m-ttl-border.p-guideline-sec-process01__ttl::before, .guideline .m-ttl-border.p-new-graduate-sec-process01__ttl::before, .guideline .m-ttl-border.p-guideline-sec-process01__ttl::before {
    display: none;
  }
}
.m-ttl-border &gt; strong {
  font-weight: 500;
  font-size: 5.0890585242vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .m-ttl-border &gt; strong {
    font-size: 30px;
  }
}
.m-ttl-border &gt; em {
  margin-top: 1.272264631vw;
  margin-left: 2.5445292621vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: #1673C3;
}
@media only screen and (min-width: 787px) {
  .m-ttl-border &gt; em {
    margin-top: 5px;
    margin-left: 15px;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-size: 14px;
  }
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access .m-ttl-border &gt; em {
    margin-top: 15px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 787px) {
  .new-graduate .m-ttl-border.p-new-graduate-sec-process01__ttl &gt; em, .new-graduate .m-ttl-border.p-guideline-sec-process01__ttl &gt; em, .guideline .m-ttl-border.p-new-graduate-sec-process01__ttl &gt; em, .guideline .m-ttl-border.p-guideline-sec-process01__ttl &gt; em {
    margin-top: 15px;
    margin-left: 0;
  }
}
.m-ttl-grad {
  padding-left: 5.0890585242vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  border-left: 1.5267175573vw solid #0045BD;
  -o-border-image: linear-gradient(to top, #0045BD, #159CD6);
     border-image: linear-gradient(to top, #0045BD, #159CD6);
  border-image-slice: 1;
}
@media only screen and (min-width: 787px) {
  .m-ttl-grad {
    padding-left: 30px;
    font-size: 20px;
    line-height: 1.7;
    border-left: 6px solid #0045BD;
  }
}

.m-voice__cards {
  background-color: #FFF;
  width: 100%;
}
.first-timers .m-voice__cards {
  background-color: transparent;
}
.m-voice__cards &gt; li &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  display: block;
  padding-top: 5.0890585242vw;
  padding-right: 12.7226463104vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  border-right: 0.2544529262vw solid #DEE7EB;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
.m-voice__cards &gt; li &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .m-voice__cards &gt; li &gt; a {
    height: 100%;
    padding-top: 26px;
    padding-right: 80px;
    padding-bottom: 22px;
    padding-left: 32px;
    border-right: 1px solid #DEE7EB;
    border-bottom: 1px solid #DEE7EB;
  }
}
.first-timers .m-voice__cards &gt; li &gt; a {
  padding-left: 0;
  border-right: none;
}
.m-voice__cards &gt; li &gt; a:nth-of-type(1) {
  border-top: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-voice__cards &gt; li &gt; a:nth-of-type(1) {
    border-top: 1px solid #DEE7EB;
  }
}
.m-voice__cards &gt; li &gt; a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 7.6335877863vw;
  display: block;
  width: 0.2544529262vw;
  height: 100%;
  background-color: #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .m-voice__cards &gt; li &gt; a::before {
    right: 50px;
    width: 1px;
  }
}
.first-timers .m-voice__cards &gt; li &gt; a::before {
  display: none;
}
.m-voice__cards &gt; li &gt; a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.5445292621vw;
  transform: translateY(-50%);
  display: block;
  width: 3.0534351145vw;
  height: 2.5445292621vw;
  background: url("/assets/images/common/ico_arrow_right_black.svg") center center/100% auto no-repeat;
  transition: right 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .m-voice__cards &gt; li &gt; a::after {
    right: 16px;
    display: block;
    width: 15px;
    height: 12px;
  }
}
@media only screen and (min-width: 787px) {
  .m-voice__cards &gt; li &gt; a:hover::after {
    animation: scrollDown1 0.6s ease forwards;
  }
}
@keyframes scrollDown1 {
  0% {
    transform: translate(0px, -50%);
    opacity: 1;
  }
  50% {
    transform: translate(10px, -50%);
    opacity: 0;
  }
  51% {
    transform: translate(-10px, -50%);
    opacity: 0;
  }
  100% {
    transform: translate(0px, -50%);
    opacity: 1;
  }
}
.m-voice__cards &gt; li &gt; a &gt; h2 {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .m-voice__cards &gt; li &gt; a &gt; h2 {
    font-size: 21px;
    line-height: 1.619047619;
  }
}
.m-voice__card--youth {
  border-left: 2.5445292621vw solid #6FB7E5;
}
@media only screen and (min-width: 787px) {
  .m-voice__card--youth {
    border-left: 10px solid #6FB7E5;
  }
}
.m-voice__card--youth .m-voice__card__prof &gt; dt &gt; span:nth-of-type(1) {
  color: #6FB7E5;
}
.m-voice__card--senior {
  border-left: 2.5445292621vw solid #0045BD;
}
@media only screen and (min-width: 787px) {
  .m-voice__card--senior {
    border-left: 10px solid #0045BD;
  }
}
.m-voice__card--senior .m-voice__card__prof &gt; dt &gt; span:nth-of-type(1) {
  color: #0045BD;
}
.m-voice__card--support {
  border-left: 2.5445292621vw solid #00A096;
}
@media only screen and (min-width: 787px) {
  .m-voice__card--support {
    border-left: 10px solid #00A096;
  }
}
.first-timers .m-voice__card--support {
  border-left: none;
}
.m-voice__card--support .m-voice__card__prof &gt; dt &gt; span:nth-of-type(1) {
  color: #00A096;
}
.m-voice__card__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .m-voice__card__info {
    margin-top: 20px;
  }
}
.m-voice__card__thumb {
  position: relative;
  display: block;
  width: 12.7226463104vw;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 787px) {
  .m-voice__card__thumb {
    width: 64px;
  }
}
.m-voice__card__thumb &gt; img {
  display: block;
  width: 100%;
}
.m-voice__card__prof {
  width: calc(100% - 12.7226463104vw - 4.0712468193vw);
}
@media only screen and (min-width: 787px) {
  .m-voice__card__prof {
    width: calc(100% - 64px - 16px);
  }
}
.m-voice__card__prof &gt; dt &gt; span {
  font-weight: 500;
  font-size: 2.7989821883vw;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .m-voice__card__prof &gt; dt &gt; span {
    font-size: 12px;
  }
}
.m-voice__card__prof &gt; dt &gt; span.is-with-year {
  margin-left: 1.272264631vw;
}
@media only screen and (min-width: 787px) {
  .m-voice__card__prof &gt; dt &gt; span.is-with-year {
    margin-left: 10px;
  }
}
.m-voice__card__prof &gt; dd {
  display: flex;
  align-items: flex-end;
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .m-voice__card__prof &gt; dd {
    margin-top: 10px;
  }
}
.m-voice__card__prof &gt; dd &gt; span:nth-of-type(1) {
  margin-right: 2.5445292621vw;
  font-weight: 500;
  font-size: 3.8167938931vw;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .m-voice__card__prof &gt; dd &gt; span:nth-of-type(1) {
    margin-right: 10px;
    font-size: 17px;
  }
}
.m-voice__card__prof &gt; dd &gt; span:nth-of-type(2) {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 2.7989821883vw;
  letter-spacing: 0.07em;
  color: #A5A5A5;
}
@media only screen and (min-width: 787px) {
  .m-voice__card__prof &gt; dd &gt; span:nth-of-type(2) {
    font-size: 12px;
  }
}

.p-bookmark .m-breadcrumb {
  display: flex;
}

.p-company__in {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-company__in {
    margin-top: 104px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-company-article {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
  }
}
.p-company-article__in {
  display: flex;
  flex-direction: column;
  row-gap: 7.6335877863vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-company-article__in {
    flex-direction: row;
    -moz-column-gap: 65px;
         column-gap: 65px;
    padding-right: 0;
    padding-left: 0;
  }
}
.p-company-article__txts {
  display: flex;
  flex-direction: column;
  row-gap: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-company-article__txts {
    order: 2;
    row-gap: 40px;
  }
}
.p-company-article__ttl {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.7647058824;
}
@media only screen and (min-width: 787px) {
  .p-company-article__ttl {
    font-size: 30px;
    line-height: 1.6666666667;
    letter-spacing: 0.01em;
  }
}
.p-company-article__lead {
  display: flex;
  flex-direction: column;
  row-gap: 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .p-company-article__lead {
    row-gap: 40px;
  }
}
.p-company-article__lead &gt; span {
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-company-article__lead &gt; span {
    font-size: 18px;
    line-height: 2.1111111111;
    letter-spacing: 0.01em;
  }
}
.p-company-article-card {
  display: flex;
  align-items: center;
  -moz-column-gap: 6.3613231552vw;
       column-gap: 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .p-company-article-card {
    order: 1;
    flex-shrink: 0;
    flex-direction: column;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 28px;
    width: 220px;
  }
}
.p-company-article-card__figure {
  width: 21.3740458015vw;
}
@media only screen and (min-width: 787px) {
  .p-company-article-card__figure {
    width: 130px;
  }
}
.p-company-article-card__def {
  display: flex;
  flex-direction: column;
  row-gap: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-company-article-card__def {
    row-gap: 15px;
  }
}
.p-company-article-card__def &gt; dt {
  font-size: 2.7989821883vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-company-article-card__def &gt; dt {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.02em;
    text-align: center;
  }
}
.p-company-article-card__def &gt; dd {
  font-size: 4.3256997455vw;
  line-height: 1.4705882353;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-company-article-card__def &gt; dd {
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: 0.02em;
    text-align: center;
  }
}
.p-company-sec-company {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-company {
    margin-top: 105px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
  }
}
.p-company-sec-company__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-company__in {
    padding-right: 0;
    padding-left: 0;
  }
}
.p-company-sec-company__inIn {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-company__inIn {
    margin-top: 40px;
  }
}
.p-company-sec-company__recruit {
  margin-top: 10.1781170483vw;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-company__recruit {
    margin-top: 50px;
  }
}
.p-company-sec-company__recruit a {
  display: inline-flex;
  padding-left: 2em;
  padding-right: 2em;
}
.p-company-sec-philosophy {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-philosophy {
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
  }
}
.p-company-sec-philosophy__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-philosophy__in {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.p-company-sec-philosophy__catch {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-philosophy__catch {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.875;
  }
}
.p-company-sec-philosophy__ill {
  margin-top: 7.6335877863vw;
  margin-right: auto;
  margin-left: auto;
  width: 90.5852417303vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-philosophy__ill {
    margin-top: 50px;
    width: 746px;
  }
}
.p-company-sec-three {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-three {
    margin-top: 75px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
  }
}
.p-company-sec-three__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-three__in {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-company-sec-greeting {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
  }
}
.p-company-sec-greeting__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-greeting__in {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.p-company-sec-greeting-card {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-greeting-card {
    margin-top: 40px;
  }
}
.p-company-sec-greeting-card__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-company-sec-greeting-card__photo {
  width: 28.4987277354vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-greeting-card__photo {
    width: 277px;
  }
}
.p-company-sec-greeting-card__inIn {
  margin-left: 4.834605598vw;
  width: 62.0865139949vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-greeting-card__inIn {
    width: calc(100% - 277px);
  }
}
.p-company-sec-greeting-card__ttl {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-greeting-card__ttl {
    font-size: 27px;
    white-space: normal;
  }
}
.p-company-sec-greeting-card__name {
  margin-top: 2.5445292621vw;
  font-size: 3.3078880407vw;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-greeting-card__name {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-company-sec-greeting-card__btn {
  margin-top: 7.6335877863vw;
  margin-right: auto;
  margin-left: auto;
  width: 33.5877862595vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-greeting-card__btn {
    margin-top: 30px;
    margin-right: 0;
    margin-left: 0;
    width: 142px;
  }
}
.p-company-sec-access {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access__in {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.p-company-sec-access-accordion {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion {
    margin-top: 0;
    width: 66.2068965517%;
  }
}
.p-company-sec-access-accordion__in {
  display: flex;
  justify-content: space-between;
}
.p-company-sec-access-accordion__inIn {
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__inIn {
    width: 120px;
  }
}
.p-company-sec-access-accordion__map {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__map {
    margin-top: 15px;
  }
}
.p-company-sec-access-accordion__map &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
}
.p-company-sec-access-accordion__map &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__map &gt; a {
    font-size: 14px;
  }
}
.p-company-sec-access-accordion__map &gt; a::before {
  content: "";
  display: inline-block;
  margin-right: 1.272264631vw;
  width: 2.5445292621vw;
  height: 3.8167938931vw;
  background: url("/assets/images/common/ico_map_blue.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__map &gt; a::before {
    margin-right: 5px;
    width: 12px;
    height: 18px;
  }
}
.p-company-sec-access-accordion__address {
  width: 62.0865139949vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__address {
    width: calc(100% - 120px - 30px);
    font-size: 15px;
    line-height: 2;
  }
}
.p-company-sec-access-accordion-route {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion-route {
    margin-top: 40px;
  }
}
.p-company-sec-access-accordion-route__ttl {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion-route__ttl {
    font-size: 14px;
  }
}
.p-company-sec-access-accordion-route__list {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion-route__list {
    margin-top: 10px;
  }
}
.p-company-sec-access-accordion-route__list &gt; li {
  display: flex;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion-route__list &gt; li {
    font-size: 13px;
    line-height: 1.8461538462;
  }
}
.p-company-sec-access-accordion-route__list &gt; li::before {
  content: "・";
}
.p-company-sec-access-accordion__area {
  display: flex;
  margin-top: 7.6335877863vw;
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  background-color: #EEF5F8;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__area {
    margin-top: 30px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
}
.p-company-sec-access-accordion__area &gt; dt {
  width: 21.6284987277vw;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.05em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__area &gt; dt {
    width: 85px;
    font-size: 13px;
  }
}
.p-company-sec-access-accordion__area &gt; dd {
  width: 59.0330788804vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__area &gt; dd {
    width: calc(100% - 85px);
  }
}
.p-company-sec-access-accordion__area &gt; dd &gt; ul &gt; li {
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-access-accordion__area &gt; dd &gt; ul &gt; li {
    font-size: 13px;
  }
}
.p-company-sec-more {
  margin-top: 15.2671755725vw;
  padding-bottom: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more {
    margin-top: 75px;
    padding-bottom: 100px;
  }
}
.p-company-sec-more__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__in {
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
  }
}
.p-company-sec-more__box {
  position: relative;
  background-color: #F7F8F8;
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__box {
    border: 1px solid #DEE7EB;
  }
}
.p-company-sec-more__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__box::before {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-company-sec-more__box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__box::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-company-sec-more__box__in {
  padding: 9.1603053435vw 4.0712468193vw 8.1424936387vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__box__in {
    padding: 54px 22px 44px;
  }
}
.p-company-sec-more__box__in::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__box__in::before {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-company-sec-more__box__in::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__box__in::after {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-company-sec-more__ttl {
  text-align: center;
}
.p-company-sec-more__ttl &gt; span {
  display: block;
}
.p-company-sec-more__ttl &gt; span:nth-child(1) {
  font-size: 3.3078880407vw;
  font-weight: 400;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__ttl &gt; span:nth-child(1) {
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-company-sec-more__ttl &gt; span:nth-child(2) {
  margin-top: 1.0178117048vw;
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__ttl &gt; span:nth-child(2) {
    margin-top: 4px;
    font-size: 27px;
    white-space: normal;
  }
}
.p-company-sec-more__links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__links {
    margin-top: 20px;
  }
}
.p-company-sec-more__links li {
  margin: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-company-sec-more__links li {
    margin: 8px;
  }
}
.p-company-sec-more__links li a {
  letter-spacing: 0;
}

.p-contact__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-contact__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-contact__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-contact__article {
    max-width: 964px;
  }
}
.p-contact-sec-confirm__ttl {
  margin-top: 5.0890585242vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.4444444444;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-confirm__ttl {
    margin-top: 30px;
    font-size: 24px;
  }
}
.p-contact-sec-confirm__in {
  margin-top: 7.6335877863vw;
  padding-top: 2.5445292621vw;
  padding-right: 2.0356234097vw;
  padding-bottom: 2.5445292621vw;
  border: 0.2544529262vw solid #DEE7EB;
  border-radius: 1.0178117048vw;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-confirm__in {
    margin-top: 60px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    border: none;
    border-radius: 0;
  }
}
.p-contact-sec-confirm__list {
  overflow-y: scroll;
  padding-top: 2.5445292621vw;
  padding-right: 2.5445292621vw;
  padding-bottom: 2.5445292621vw;
  padding-left: 5.0890585242vw;
  height: 51.6539440204vw;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-confirm__list {
    overflow-y: scroll;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    height: auto;
  }
}
.p-contact-sec-confirm__list::-webkit-scrollbar {
  width: 1.0178117048vw;
}
.p-contact-sec-confirm__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.p-contact-sec-confirm__list::-webkit-scrollbar-thumb {
  border-radius: 10.1781170483vw;
  background: #D0DCE2;
}
.p-contact-sec-confirm__list &gt; li {
  display: flex;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-confirm__list &gt; li {
    font-size: 16px;
    line-height: 1.875;
  }
}
.p-contact-sec-confirm__list &gt; li:nth-of-type(n+2) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-confirm__list &gt; li:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.p-contact-sec-confirm__list &gt; li &gt; em {
  margin-right: 2.0356234097vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.3078880407vw;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-confirm__list &gt; li &gt; em {
    margin-top: 1px;
    margin-right: 10px;
    font-size: 16px;
  }
}
.p-contact-sec-confirm__address {
  margin-top: 3.8167938931vw;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
  text-align: right;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-confirm__address {
    margin-top: 30px;
    font-size: 14px;
  }
}
.p-contact-sec-confirm__otherAddress {
  margin-top: 10.1781170483vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-confirm__otherAddress {
    margin-top: 60px;
    font-size: 15px;
    line-height: 2.2666666667;
  }
}
.p-contact-sec-form {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-contact-sec-form {
    margin-top: 100px;
  }
}

.p-cookie__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-cookie__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-cookie__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-cookie__article {
    max-width: 964px;
  }
}
.p-cookie-sec__ttl {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec__ttl {
    margin-top: 80px;
  }
}
.p-cookie-sec__endTxt {
  margin-top: 7.6335877863vw;
  text-align: right;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec__endTxt {
    margin-top: 50px;
  }
}
.p-cookie-sec__in &gt; p {
  margin-top: 7.6335877863vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec__in &gt; p {
    margin-top: 50px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-cookie-sec__in &gt; p &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-decoration: underline;
  color: #0065BD;
}
.p-cookie-sec__in &gt; p &gt; a:hover {
  opacity: 0.8;
}
.p-cookie-sec__in &gt; ul {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec__in &gt; ul {
    margin-top: 50px;
  }
}
.p-cookie-sec__in &gt; ul &gt; li {
  margin-left: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
  list-style: decimal;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec__in &gt; ul &gt; li {
    margin-left: 16px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-cookie-sec-table {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec-table {
    margin-top: 30px;
  }
}
.p-cookie-sec-table &gt; div {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec-table &gt; div {
    margin-top: 50px;
  }
}
.p-cookie-sec-table &gt; div &gt; h3 {
  padding-top: 0.5089058524vw;
  padding-right: 3.3078880407vw;
  padding-bottom: 0.5089058524vw;
  padding-left: 3.3078880407vw;
  background-color: #EEF5F8;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec-table &gt; div &gt; h3 {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-color: transparent;
    font-size: 17px;
    line-height: 1.5294117647;
    color: #0065BD;
  }
}
.p-cookie-sec-table &gt; div &gt; p {
  margin-top: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec-table &gt; div &gt; p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-cookie-sec-table__in &gt; h4 {
  margin-top: 3.8167938931vw;
  font-weight: 400;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec-table__in &gt; h4 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-cookie-sec-table__in &gt; dl &gt; dt {
  margin-top: 3.8167938931vw;
  font-weight: 700;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec-table__in &gt; dl &gt; dt {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-cookie-sec-table__in &gt; dl &gt; dd {
  margin-top: 2.5445292621vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec-table__in &gt; dl &gt; dd {
    margin-top: 15px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-cookie-sec-table__in &gt; dl &gt; dd &gt; ul &gt; li {
  margin-left: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
  list-style: upper-latin;
}
@media only screen and (min-width: 787px) {
  .p-cookie-sec-table__in &gt; dl &gt; dd &gt; ul &gt; li {
    margin-left: 16px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-cookie__mark {
  display: flex;
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-cookie__mark {
    margin-top: 50px;
  }
}
.p-cookie__mark &gt; a {
  flex-shrink: 0;
  display: block;
  width: 19.0839694656vw;
}
@media only screen and (min-width: 787px) {
  .p-cookie__mark &gt; a {
    width: 75px;
  }
}
.p-cookie__mark &gt; p {
  margin-left: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-cookie__mark &gt; p {
    margin-left: 30px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-cookie__attention {
  margin-top: 7.6335877863vw;
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  background-color: #EEF5F8;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-cookie__attention {
    margin-top: 50px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 2;
  }
}

.p-electrical-engineer__in {
  padding-top: 5.0890585242vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer__in {
    padding-top: 48px;
  }
}
.p-electrical-engineer__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer__article {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.p-electrical-engineer-head {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-head {
    padding-right: 30px;
    padding-left: 30px;
    max-width: 1024px;
  }
}
.p-electrical-engineer-head-in {
  padding-top: 4.5801526718vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 4.5801526718vw;
  padding-left: 4.5801526718vw;
  background-color: #EEF5F8;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-head-in {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    border-radius: 7px;
  }
}
.p-electrical-engineer-head-in__def &gt; dt {
  font-weight: 500;
  font-size: 3.5623409669vw;
  line-height: 1.4285714286;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-head-in__def &gt; dt {
    font-size: 17px;
    line-height: 1.4705882353;
  }
}
.p-electrical-engineer-head-in__def &gt; dd {
  margin-top: 2.5445292621vw;
  font-size: 2.7989821883vw;
  line-height: 1.9090909091;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-head-in__def &gt; dd {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.8461538462;
  }
}
.p-electrical-engineer-head__ttl {
  margin-top: 10.1781170483vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-head__ttl {
    margin-top: 60px;
    font-size: 24px;
    line-height: 1.25;
  }
}
.p-electrical-engineer-head__write &gt; span {
  display: inline-block;
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-head__write &gt; span {
    margin-top: 30px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 2;
  }
}
.p-electrical-engineer-head__write &gt; span:nth-of-type(n+2) {
  margin-top: 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-head__write &gt; span:nth-of-type(n+2) {
    margin-top: 1em;
  }
}
.p-electrical-engineer-sec-reason {
  margin-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason {
    margin-top: 90px;
    padding-right: 0;
    padding-left: 0;
    max-width: 1024px;
    width: 100%;
  }
}
.p-electrical-engineer-sec-reason__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-electrical-engineer-sec-reason__ttl &gt; span {
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__ttl &gt; span {
    font-size: 24px;
    line-height: 1.4583333333;
  }
}
.p-electrical-engineer-sec-reason__ttl &gt; strong {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 4.0712468193vw;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__ttl &gt; strong {
    font-size: 29px;
    line-height: 1.4482758621;
    letter-spacing: 0.05em;
  }
}
.p-electrical-engineer-sec-reason__ttl &gt; strong &gt; em {
  position: relative;
  z-index: 1;
  margin-left: 1.272264631vw;
  font-weight: 500;
  font-size: 5.0890585242vw;
  line-height: 1.45;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__ttl &gt; strong &gt; em {
    margin-left: 5px;
    font-size: 36px;
    line-height: 1.4444444444;
  }
}
.p-electrical-engineer-sec-reason__ttl &gt; strong &gt; em::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 1.0178117048vw;
  left: 0;
  display: block;
  width: 100%;
  height: 1.0178117048vw;
  background-color: #F7F285;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__ttl &gt; strong &gt; em::before {
    bottom: 4px;
    height: 4px;
  }
}
.p-electrical-engineer-sec-reason__list {
  margin-top: 3.5623409669vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__list {
    margin-top: 64px;
  }
}
.p-electrical-engineer-sec-reason__list &gt; li {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4.5801526718vw;
  padding-top: 4.0712468193vw;
  padding-bottom: 4.0712468193vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__list &gt; li {
    gap: 40px;
    padding-top: 23px;
    padding-bottom: 23px;
    border-bottom: 1px solid #DEE7EB;
  }
}
.p-electrical-engineer-sec-reason__list &gt; li::before {
  position: absolute;
  top: 1.5267175573vw;
  left: -1.5267175573vw;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.1603053435vw;
  height: 9.1603053435vw;
  background: url("/assets/images/electrical-engineer/sec_element_ico_badge-s.webp") center center/100% auto no-repeat;
  font-family: "Chakra Petch", sans-serif;
  font-size: 4.3256997455vw;
  line-height: 9.1603053435vw;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__list &gt; li::before {
    top: 13px;
    left: -13px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__list &gt; li::before {
    background: url("/assets/images/electrical-engineer/sec_element_ico_badge.webp") center center/100% auto no-repeat;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-electrical-engineer-sec-reason__list &gt; li::before {
    background: url("/assets/images/electrical-engineer/sec_element_ico_badge@2x.webp") center center/100% auto no-repeat;
  }
}
.p-electrical-engineer-sec-reason__list &gt; li:nth-of-type(1)::before {
  content: "1";
}
.p-electrical-engineer-sec-reason__list &gt; li:nth-of-type(2)::before {
  content: "2";
}
.p-electrical-engineer-sec-reason__list &gt; li:nth-of-type(3)::before {
  content: "3";
}
.p-electrical-engineer-sec-reason__list &gt; li &gt; picture {
  display: block;
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__list &gt; li &gt; picture {
    width: 139px;
  }
}
.p-electrical-engineer-sec-reason__list &gt; li &gt; p {
  font-size: 3.3078880407vw;
  line-height: 1.6923076923;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-reason__list &gt; li &gt; p {
    font-size: 22px;
    line-height: 1.7272727273;
    letter-spacing: 0.05em;
  }
}
.p-electrical-engineer-sec-cover {
  margin-top: 7.6335877863vw;
  padding-top: 6.3613231552vw;
  padding-bottom: 9.1603053435vw;
  height: 58.0152671756vw;
  background: url("/assets/images/electrical-engineer/sec_covering_photo-s.webp") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover {
    margin-top: 80px;
    padding-top: 40px;
    padding-bottom: 80px;
    width: 100%;
    height: 353px;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover {
    background: url("/assets/images/electrical-engineer/sec_covering_photo.webp") center center/cover no-repeat;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-electrical-engineer-sec-cover {
    background: url("/assets/images/electrical-engineer/sec_covering_photo@2x.webp") center center/cover no-repeat;
  }
}
.p-electrical-engineer-sec-cover__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-electrical-engineer-sec-cover__ttl &gt; span {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 2.3333333333;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover__ttl &gt; span {
    font-size: 20px;
    line-height: 2.9;
  }
}
.p-electrical-engineer-sec-cover__ttl &gt; strong {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover__ttl &gt; strong {
    font-size: 30px;
  }
}
.p-electrical-engineer-sec-cover__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover__list {
    gap: 15px;
  }
}
.p-electrical-engineer-sec-cover__list:nth-of-type(1) {
  margin-top: 4.834605598vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover__list:nth-of-type(1) {
    margin-top: 40px;
  }
}
.p-electrical-engineer-sec-cover__list:nth-of-type(n+2) {
  margin-top: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover__list:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover__list:nth-of-type(2) {
    margin-top: 0;
  }
}
.p-electrical-engineer-sec-cover__list &gt; li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 4.0712468193vw;
  padding-left: 4.0712468193vw;
  height: 7.1246819338vw;
  background-color: #FFF;
  border: 0.2544529262vw dashed #D0DCE2;
  border-radius: 100vw;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-cover__list &gt; li {
    padding-right: 20px;
    padding-left: 20px;
    height: 37px;
    border: 1px dashed #D0DCE2;
    font-size: 16px;
  }
}
.p-electrical-engineer-sec-voice {
  margin-top: 12.7226463104vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice {
    margin-top: 100px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    max-width: 1024px;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice__in {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
}
.p-electrical-engineer-sec-voice-card {
  display: flex;
  align-items: center;
  gap: 6.6157760814vw;
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-top: 0;
    width: 179px;
  }
}
.p-electrical-engineer-sec-voice-card__pic {
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__pic {
    width: 179px;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__career {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
}
.p-electrical-engineer-sec-voice-card__career &gt; em {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.5;
  letter-spacing: 0.07em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__career &gt; em {
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
.p-electrical-engineer-sec-voice-card__career &gt; span {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.5;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__career &gt; span {
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
.p-electrical-engineer-sec-voice-card__name {
  display: flex;
  align-items: flex-end;
  margin-top: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__name {
    margin-top: 10px;
  }
}
.p-electrical-engineer-sec-voice-card__name &gt; em {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.1;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__name &gt; em {
    font-size: 25px;
  }
}
.p-electrical-engineer-sec-voice-card__name &gt; span {
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__name &gt; span {
    font-size: 17px;
  }
}
.p-electrical-engineer-sec-voice-card__btn {
  margin-top: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__btn {
    margin-top: 20px;
  }
}
.p-electrical-engineer-sec-voice-card__btn &gt; button {
  width: 30.0254452926vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice-card__btn &gt; button {
    width: 142px;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice__txts {
    width: 723px;
  }
}
.p-electrical-engineer-sec-voice__ttl {
  margin-top: 7.6335877863vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.4444444444;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice__ttl {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.4583333333;
    letter-spacing: 0.05em;
  }
}
.p-electrical-engineer-sec-voice__write {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-voice__write {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2;
  }
}
.p-electrical-engineer-sec-requirements {
  margin-top: 10.1781170483vw;
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 10.1781170483vw;
  padding-left: 4.5801526718vw;
  background-color: #EEF5F8;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements {
    margin-top: 80px;
    padding-top: 65px;
    padding-right: 30px;
    padding-bottom: 80px;
    padding-left: 30px;
    width: 100%;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
.p-electrical-engineer-sec-requirements__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-electrical-engineer-sec-requirements__ttl &gt; span {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; span {
    font-size: 20px;
    line-height: 1.45;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; strong {
  position: relative;
  z-index: 1;
}
.p-electrical-engineer-sec-requirements__ttl &gt; strong::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; strong::before {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; strong::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; strong::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; strong &gt; span {
  display: flex;
  align-items: flex-end;
  padding-top: 2.5445292621vw;
  padding-right: 3.5623409669vw;
  padding-bottom: 2.5445292621vw;
  padding-left: 3.5623409669vw;
  font-weight: 500;
  font-size: 5.0890585242vw;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; strong &gt; span {
    padding-top: 15px;
    padding-right: 26px;
    padding-bottom: 15px;
    padding-left: 26px;
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; strong &gt; span::before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; strong &gt; span::before {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; strong &gt; span::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; strong &gt; span::after {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; strong &gt; span &gt; span {
  font-size: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; strong &gt; span &gt; span {
    font-size: 22px;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; em {
  display: flex;
  justify-content: center;
  gap: 10.1781170483vw;
  margin-top: 1.272264631vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; em {
    gap: 60px;
    margin-top: 15px;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; em &gt; span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.4166666667;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; em &gt; span {
    font-size: 20px;
    line-height: 1.45;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; em &gt; span::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1.0178117048vw;
  background-color: #F7F285;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; em &gt; span::after {
    height: 4px;
  }
}
.p-electrical-engineer-sec-requirements__ttl &gt; em &gt; span:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -7.6335877863vw;
  width: 7.6335877863vw;
  height: 0.2544529262vw;
  background-color: #D0DCE2;
  transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__ttl &gt; em &gt; span:nth-of-type(n+2)::before {
    left: -50px;
    width: 40px;
    height: 1px;
  }
}
.p-electrical-engineer-sec-requirements-table {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements-table {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements-table__def {
    width: 456px;
  }
}
.p-electrical-engineer-sec-requirements-table__def &gt; dt {
  padding-top: 1.0178117048vw;
  padding-right: 3.8167938931vw;
  padding-bottom: 1.0178117048vw;
  padding-left: 3.8167938931vw;
  background-color: #3D97D0;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements-table__def &gt; dt {
    padding-top: 6px;
    padding-right: 15px;
    padding-bottom: 6px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements-table__def &gt; dt:nth-of-type(n+2) {
    margin-top: 17px;
  }
}
.p-electrical-engineer-sec-requirements-table__def &gt; dd {
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  background-color: #FFF;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements-table__def &gt; dd {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.p-electrical-engineer-sec-requirements__btnEntry {
  margin-top: 7.6335877863vw;
  margin-right: auto;
  margin-left: auto;
  width: 44.7837150127vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-requirements__btnEntry {
    margin-top: 60px;
    width: 190px;
  }
}
.p-electrical-engineer-sec-more {
  margin-top: 15.2671755725vw;
  padding-bottom: 12.7226463104vw;
  width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more {
    margin-top: 75px;
    padding-bottom: 100px;
  }
}
.p-electrical-engineer-sec-more__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__in {
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
  }
}
.p-electrical-engineer-sec-more__box {
  position: relative;
  background-color: #F7F8F8;
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__box {
    border: 1px solid #DEE7EB;
  }
}
.p-electrical-engineer-sec-more__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__box::before {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-electrical-engineer-sec-more__box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__box::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-electrical-engineer-sec-more__box__in {
  padding: 9.1603053435vw 4.0712468193vw 8.1424936387vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__box__in {
    padding: 54px 22px 44px;
  }
}
.p-electrical-engineer-sec-more__box__in::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__box__in::before {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-electrical-engineer-sec-more__box__in::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__box__in::after {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-electrical-engineer-sec-more__ttl {
  text-align: center;
}
.p-electrical-engineer-sec-more__ttl &gt; span {
  display: block;
}
.p-electrical-engineer-sec-more__ttl &gt; span:nth-child(1) {
  font-size: 3.3078880407vw;
  font-weight: 400;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__ttl &gt; span:nth-child(1) {
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-electrical-engineer-sec-more__ttl &gt; span:nth-child(2) {
  margin-top: 1.0178117048vw;
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__ttl &gt; span:nth-child(2) {
    margin-top: 4px;
    font-size: 27px;
    white-space: normal;
  }
}
.p-electrical-engineer-sec-more__links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__links {
    margin-top: 20px;
  }
}
.p-electrical-engineer-sec-more__links li {
  margin: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-electrical-engineer-sec-more__links li {
    margin: 8px;
  }
}
.p-electrical-engineer-sec-more__links li a {
  letter-spacing: 0;
}

.p-engineer__in {
  padding-top: 5.0890585242vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-engineer__in {
    padding-top: 48px;
  }
}
.p-engineer__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-engineer__article {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.p-engineer-head {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-head {
    padding-right: 30px;
    padding-left: 30px;
    max-width: 1024px;
  }
}
.p-engineer-head-in {
  padding-top: 4.5801526718vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 4.5801526718vw;
  padding-left: 4.5801526718vw;
  background-color: #EEF5F8;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-head-in {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    border-radius: 7px;
  }
}
.p-engineer-head-in__def &gt; dt {
  font-weight: 500;
  font-size: 3.5623409669vw;
  line-height: 1.4285714286;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-head-in__def &gt; dt {
    font-size: 17px;
    line-height: 1.4705882353;
  }
}
.p-engineer-head-in__def &gt; dd {
  margin-top: 2.5445292621vw;
  font-size: 2.7989821883vw;
  line-height: 1.9090909091;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-head-in__def &gt; dd {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.8461538462;
  }
}
.p-engineer-head__ttl {
  margin-top: 10.1781170483vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-head__ttl {
    margin-top: 60px;
    font-size: 24px;
    line-height: 1.25;
  }
}
.p-engineer-head__write &gt; span {
  display: inline-block;
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-head__write &gt; span {
    margin-top: 30px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 2;
  }
}
.p-engineer-head__write &gt; span:nth-of-type(n+2) {
  margin-top: 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-head__write &gt; span:nth-of-type(n+2) {
    margin-top: 1em;
  }
}
.p-engineer-sec-reason {
  margin-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason {
    margin-top: 90px;
    padding-right: 0;
    padding-left: 0;
    max-width: 1024px;
    width: 100%;
  }
}
.p-engineer-sec-reason__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-engineer-sec-reason__ttl &gt; span {
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__ttl &gt; span {
    font-size: 24px;
    line-height: 1.4583333333;
  }
}
.p-engineer-sec-reason__ttl &gt; strong {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 4.0712468193vw;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__ttl &gt; strong {
    font-size: 29px;
    line-height: 1.4482758621;
    letter-spacing: 0.05em;
  }
}
.p-engineer-sec-reason__ttl &gt; strong &gt; em {
  position: relative;
  z-index: 1;
  margin-left: 1.272264631vw;
  font-weight: 500;
  font-size: 5.0890585242vw;
  line-height: 1.45;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__ttl &gt; strong &gt; em {
    margin-left: 5px;
    font-size: 36px;
    line-height: 1.4444444444;
  }
}
.p-engineer-sec-reason__ttl &gt; strong &gt; em::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 1.0178117048vw;
  left: 0;
  display: block;
  width: 100%;
  height: 1.0178117048vw;
  background-color: #F7F285;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__ttl &gt; strong &gt; em::before {
    bottom: 4px;
    height: 4px;
  }
}
.p-engineer-sec-reason__list {
  margin-top: 3.5623409669vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__list {
    margin-top: 64px;
  }
}
.p-engineer-sec-reason__list &gt; li {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4.5801526718vw;
  padding-top: 4.0712468193vw;
  padding-bottom: 4.0712468193vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__list &gt; li {
    gap: 40px;
    padding-top: 23px;
    padding-bottom: 23px;
    border-bottom: 1px solid #DEE7EB;
  }
}
.p-engineer-sec-reason__list &gt; li::before {
  position: absolute;
  top: 1.5267175573vw;
  left: -1.5267175573vw;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.1603053435vw;
  height: 9.1603053435vw;
  background: url("/assets/images/electrical-engineer/sec_element_ico_badge-s.webp") center center/100% auto no-repeat;
  font-family: "Chakra Petch", sans-serif;
  font-size: 4.3256997455vw;
  line-height: 9.1603053435vw;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__list &gt; li::before {
    top: 13px;
    left: -13px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__list &gt; li::before {
    background: url("/assets/images/electrical-engineer/sec_element_ico_badge.webp") center center/100% auto no-repeat;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-engineer-sec-reason__list &gt; li::before {
    background: url("/assets/images/electrical-engineer/sec_element_ico_badge@2x.webp") center center/100% auto no-repeat;
  }
}
.p-engineer-sec-reason__list &gt; li:nth-of-type(1)::before {
  content: "1";
}
.p-engineer-sec-reason__list &gt; li:nth-of-type(2)::before {
  content: "2";
}
.p-engineer-sec-reason__list &gt; li:nth-of-type(3)::before {
  content: "3";
}
.p-engineer-sec-reason__list &gt; li &gt; picture {
  display: block;
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__list &gt; li &gt; picture {
    width: 139px;
  }
}
.p-engineer-sec-reason__list &gt; li &gt; p {
  font-size: 3.3078880407vw;
  line-height: 1.6923076923;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-reason__list &gt; li &gt; p {
    font-size: 22px;
    line-height: 1.7272727273;
    letter-spacing: 0.05em;
  }
}
.p-engineer-sec-cover {
  margin-top: 7.6335877863vw;
  padding-top: 6.3613231552vw;
  padding-bottom: 9.1603053435vw;
  background: url("/assets/images/it-engineer/sec_covering_photo-s.webp") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover {
    margin-top: 80px;
    padding-top: 40px;
    padding-bottom: 80px;
    width: 100%;
  }
}
.it-engineer .p-engineer-sec-cover {
  height: 92.1119592875vw;
}
@media only screen and (min-width: 787px) {
  .it-engineer .p-engineer-sec-cover {
    height: 430px;
  }
}
.biological-engineer .p-engineer-sec-cover {
  height: 40.7124681934vw;
}
@media only screen and (min-width: 787px) {
  .biological-engineer .p-engineer-sec-cover {
    height: 280px;
  }
}
.chemical-engineer .p-engineer-sec-cover {
  height: 40.7124681934vw;
}
@media only screen and (min-width: 787px) {
  .chemical-engineer .p-engineer-sec-cover {
    height: 280px;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover {
    background: url("/assets/images/it-engineer/sec_covering_photo.webp") center center/cover no-repeat;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-engineer-sec-cover {
    background: url("/assets/images/it-engineer/sec_covering_photo@2x.webp") center center/cover no-repeat;
  }
}
.p-engineer-sec-cover__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-engineer-sec-cover__ttl &gt; span {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 2.3333333333;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover__ttl &gt; span {
    font-size: 20px;
    line-height: 2.9;
  }
}
.p-engineer-sec-cover__ttl &gt; strong {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover__ttl &gt; strong {
    font-size: 30px;
  }
}
.p-engineer-sec-cover__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover__list {
    gap: 15px;
  }
}
.p-engineer-sec-cover__list:nth-of-type(1) {
  margin-top: 4.834605598vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover__list:nth-of-type(1) {
    margin-top: 40px;
  }
}
.p-engineer-sec-cover__list:nth-of-type(n+2) {
  margin-top: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover__list:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover__list:nth-of-type(even) {
    margin-top: 0;
  }
}
.p-engineer-sec-cover__list &gt; li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 4.0712468193vw;
  padding-left: 4.0712468193vw;
  height: 7.1246819338vw;
  background-color: #FFF;
  border: 0.2544529262vw dashed #D0DCE2;
  border-radius: 100vw;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-cover__list &gt; li {
    padding-right: 20px;
    padding-left: 20px;
    height: 37px;
    border: 1px dashed #D0DCE2;
    font-size: 16px;
  }
}
.p-engineer-sec-voice {
  margin-top: 12.7226463104vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice {
    margin-top: 100px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    max-width: 1024px;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice__in {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
}
.p-engineer-sec-voice-card {
  display: flex;
  align-items: center;
  gap: 6.6157760814vw;
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-top: 0;
    width: 180px;
  }
}
.p-engineer-sec-voice-card__pic {
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__pic {
    width: 180px;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__career {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
}
.p-engineer-sec-voice-card__career &gt; em {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.5;
  letter-spacing: 0.07em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__career &gt; em {
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
.p-engineer-sec-voice-card__career &gt; span {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.5;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__career &gt; span {
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
.p-engineer-sec-voice-card__name {
  display: flex;
  align-items: flex-end;
  margin-top: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__name {
    margin-top: 10px;
  }
}
.p-engineer-sec-voice-card__name &gt; em {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.1;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__name &gt; em {
    font-size: 25px;
  }
}
.p-engineer-sec-voice-card__name &gt; span {
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__name &gt; span {
    font-size: 17px;
  }
}
.p-engineer-sec-voice-card__btn {
  margin-top: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__btn {
    margin-top: 20px;
  }
}
.p-engineer-sec-voice-card__btn &gt; button, .p-engineer-sec-voice-card__btn &gt; a {
  width: 30.0254452926vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice-card__btn &gt; button, .p-engineer-sec-voice-card__btn &gt; a {
    width: 142px;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice__txts {
    width: 723px;
  }
}
.p-engineer-sec-voice__ttl {
  margin-top: 7.6335877863vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.4444444444;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice__ttl {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.4583333333;
    letter-spacing: 0.05em;
  }
}
.p-engineer-sec-voice__write {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-voice__write {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2;
  }
}
.p-engineer-sec-requirements {
  margin-top: 10.1781170483vw;
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 10.1781170483vw;
  padding-left: 4.5801526718vw;
  background-color: #EEF5F8;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements {
    margin-top: 80px;
    padding-top: 65px;
    padding-right: 30px;
    padding-bottom: 80px;
    padding-left: 30px;
    width: 100%;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
.p-engineer-sec-requirements__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-engineer-sec-requirements__ttl &gt; span {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; span {
    font-size: 20px;
    line-height: 1.45;
  }
}
.p-engineer-sec-requirements__ttl &gt; strong {
  position: relative;
  z-index: 1;
}
.p-engineer-sec-requirements__ttl &gt; strong::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -4.0712468193vw;
  left: 0;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; strong::before {
    top: -25px;
    left: -60px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-engineer-sec-requirements__ttl &gt; strong::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -4.0712468193vw;
  right: 0;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; strong::after {
    top: -25px;
    right: -60px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-engineer-sec-requirements__ttl &gt; strong &gt; span {
  display: flex;
  align-items: flex-end;
  padding-top: 2.5445292621vw;
  padding-right: 11.7048346056vw;
  padding-left: 11.7048346056vw;
  font-weight: 500;
  font-size: 5.0890585242vw;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; strong &gt; span {
    padding-top: 15px;
    padding-right: 26px;
    padding-bottom: 15px;
    padding-left: 26px;
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
  }
}
.p-engineer-sec-requirements__ttl &gt; strong &gt; span::before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; strong &gt; span::before {
    bottom: 20px;
    left: -60px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-engineer-sec-requirements__ttl &gt; strong &gt; span::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 1.5267175573vw;
  height: 1.5267175573vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; strong &gt; span::after {
    right: -60px;
    bottom: 20px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-engineer-sec-requirements__ttl &gt; strong &gt; span &gt; span {
  font-size: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; strong &gt; span &gt; span {
    font-size: 22px;
  }
}
.p-engineer-sec-requirements__ttl &gt; em {
  display: flex;
  justify-content: center;
  gap: 10.1781170483vw;
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; em {
    gap: 60px;
    margin-top: 15px;
  }
}
.p-engineer-sec-requirements__ttl &gt; em &gt; span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.4166666667;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; em &gt; span {
    font-size: 20px;
    line-height: 1.45;
  }
}
.p-engineer-sec-requirements__ttl &gt; em &gt; span::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1.0178117048vw;
  background-color: #F7F285;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; em &gt; span::after {
    height: 4px;
  }
}
.p-engineer-sec-requirements__ttl &gt; em &gt; span:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -7.6335877863vw;
  width: 7.6335877863vw;
  height: 0.2544529262vw;
  background-color: #D0DCE2;
  transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__ttl &gt; em &gt; span:nth-of-type(n+2)::before {
    left: -50px;
    width: 40px;
    height: 1px;
  }
}
.p-engineer-sec-requirements-table {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements-table {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
}
.p-engineer-sec-requirements-table__btn {
  margin-top: 3.8167938931vw;
  width: 33.5877862595vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements-table__btn {
    margin-top: 30px;
    width: 142px;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements-table__def {
    width: 456px;
  }
}
.p-engineer-sec-requirements-table__def &gt; dt {
  padding-top: 1.0178117048vw;
  padding-right: 3.8167938931vw;
  padding-bottom: 1.0178117048vw;
  padding-left: 3.8167938931vw;
  background-color: #3D97D0;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements-table__def &gt; dt {
    padding-top: 6px;
    padding-right: 15px;
    padding-bottom: 6px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements-table__def &gt; dt:nth-of-type(n+2) {
    margin-top: 17px;
  }
}
.p-engineer-sec-requirements-table__def &gt; dd {
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  background-color: #FFF;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements-table__def &gt; dd {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.p-engineer-sec-requirements__btnEntry {
  margin-top: 7.6335877863vw;
  margin-right: auto;
  margin-left: auto;
  width: 44.7837150127vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-requirements__btnEntry {
    margin-top: 60px;
    width: 190px;
  }
}
.p-engineer-sec-more {
  margin-top: 15.2671755725vw;
  padding-bottom: 12.7226463104vw;
  width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more {
    margin-top: 75px;
    padding-bottom: 100px;
  }
}
.p-engineer-sec-more__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__in {
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
  }
}
.p-engineer-sec-more__box {
  position: relative;
  background-color: #F7F8F8;
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__box {
    border: 1px solid #DEE7EB;
  }
}
.p-engineer-sec-more__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__box::before {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-engineer-sec-more__box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__box::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-engineer-sec-more__box__in {
  padding: 9.1603053435vw 4.0712468193vw 8.1424936387vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__box__in {
    padding: 54px 22px 44px;
  }
}
.p-engineer-sec-more__box__in::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__box__in::before {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-engineer-sec-more__box__in::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__box__in::after {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-engineer-sec-more__ttl {
  text-align: center;
}
.p-engineer-sec-more__ttl &gt; span {
  display: block;
}
.p-engineer-sec-more__ttl &gt; span:nth-child(1) {
  font-size: 3.3078880407vw;
  font-weight: 400;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__ttl &gt; span:nth-child(1) {
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-engineer-sec-more__ttl &gt; span:nth-child(2) {
  margin-top: 1.0178117048vw;
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__ttl &gt; span:nth-child(2) {
    margin-top: 4px;
    font-size: 27px;
    white-space: normal;
  }
}
.p-engineer-sec-more__links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__links {
    margin-top: 20px;
  }
}
.p-engineer-sec-more__links li {
  margin: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-engineer-sec-more__links li {
    margin: 8px;
  }
}
.p-engineer-sec-more__links li a {
  letter-spacing: 0;
}

.p-entry__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-entry__in {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.p-entry__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-entry__article {
    max-width: 964px;
  }
}
.p-entry__message {
  margin-bottom: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-entry__message {
    margin-bottom: 70px;
  }
}
.p-entry__message &gt; p {
  font-size: 3.5623409669vw;
  line-height: 1.7142857143;
}
@media only screen and (min-width: 787px) {
  .p-entry__message &gt; p {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-entry__thanks &gt; p {
  text-align: center;
  font-size: 4.5801526718vw !important;
  line-height: 1.75 !important;
}
@media only screen and (min-width: 787px) {
  .p-entry__thanks &gt; p {
    font-size: 24px !important;
  }
}
.p-entry__thanksback {
  margin-top: 7.6335877863vw;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-entry__thanksback {
    margin-top: 40px;
  }
}
.p-entry__thanksback &gt; a {
  width: 40.203562341vw;
  margin: 0 auto;
}
@media only screen and (min-width: 787px) {
  .p-entry__thanksback &gt; a {
    width: 158px;
  }
}
.p-entry-sec:nth-of-type(n+2) {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-entry-sec:nth-of-type(n+2) {
    margin-top: 80px;
  }
}
.p-entry-sec__ttl {
  margin-bottom: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-entry-sec__ttl {
    margin-bottom: 60px;
  }
}
.p-entry-sec__write {
  margin-top: 10.1781170483vw;
  font-size: 3.5623409669vw !important;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .p-entry-sec__write {
    margin-top: 50px;
    font-size: 15px !important;
  }
}
.p-entry-sec__btn {
  margin-top: 5.0890585242vw;
  margin-right: auto;
  margin-left: auto;
  width: 30.0254452926vw;
}
@media only screen and (min-width: 787px) {
  .p-entry-sec__btn {
    margin-top: 30px;
    width: 126px;
  }
}
.p-entry-sec__body {
  margin-top: 7.6335877863vw;
  margin-bottom: 0;
}
@media only screen and (min-width: 787px) {
  .p-entry-sec__body {
    margin-top: 50px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 787px) {
  .p-entry__background {
    margin-top: -110px;
  }
  body.entry-confirm .p-entry__background {
    margin-top: 0;
  }
}
.p-entry input[type=radio], .p-entry input[type=checkbox] {
  top: inherit !important;
  line-height: 1 !important;
  opacity: 1 !important;
}
.p-entry input[type=radio] + span:before {
  display: none !important;
}
.p-entry input[type=radio]:checked + span:after {
  display: none !important;
}
.p-entry .radiorequired {
  top: inherit;
  opacity: 1 !important;
}
.p-entry .inputwrapper {
  padding: 0 !important;
}

.p-first-timers-mv-ttl_ja {
  font-size: 4.5801526718vw !important;
  line-height: 1.3;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-mv-ttl_ja {
    font-size: 36px !important;
    line-height: 1.2;
  }
}
.p-first-timers__in {
  padding-top: 10.1781170483vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers__in {
    padding-top: 60px;
  }
}
.p-first-timers-head {
  padding-right: 4.5801526718vw;
  padding-bottom: 13.9949109415vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head {
    padding-right: 30px;
    padding-bottom: 80px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
.p-first-timers-head__catch {
  margin-bottom: 10.1781170483vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.7777777778;
  letter-spacing: 0.05em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__catch {
    margin-bottom: 60px;
    font-size: 32px;
    line-height: 1.8125;
  }
}
.p-first-timers-head__catch &gt; em {
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__list {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__list &gt; li {
    width: 94.1908713693%;
  }
}
.p-first-timers-head__list &gt; li &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: flex-end;
  padding-top: 3.8167938931vw;
  padding-bottom: 3.8167938931vw;
  border-bottom: 0.2544529262vw solid #D9E5E1;
}
.p-first-timers-head__list &gt; li &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__list &gt; li &gt; a {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #D9E5E1;
  }
}
.p-first-timers-head__list &gt; li &gt; a &gt; em {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 3.3078880407vw;
  letter-spacing: 0.025em;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__list &gt; li &gt; a &gt; em {
    font-size: 16px;
  }
}
.p-first-timers-head__list &gt; li &gt; a &gt; strong {
  margin-left: 3.0534351145vw;
  font-weight: 500;
  font-size: 3.8167938931vw;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__list &gt; li &gt; a &gt; strong {
    margin-left: 10px;
    font-size: 18px;
  }
}
.p-first-timers-head__list &gt; li:nth-of-type(1) {
  border-top: 0.2544529262vw solid #D9E5E1;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__list &gt; li:nth-of-type(1) {
    border-top: 1px solid #D9E5E1;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__list &gt; li:nth-of-type(3) {
    border-top: 1px solid #D9E5E1;
  }
}
.p-first-timers-head__def {
  display: flex;
  justify-content: space-between;
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__def {
    margin-top: 35px;
  }
}
.p-first-timers-head__def &gt; dt {
  width: 21.3740458015vw;
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.8333333333;
  letter-spacing: 0.02em;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__def &gt; dt {
    width: 117px;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.p-first-timers-head__def &gt; dd {
  width: 68.7022900763vw;
  font-size: 3.0534351145vw;
  line-height: 1.8333333333;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-head__def &gt; dd {
    width: calc(100% - 117px);
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.p-first-timers-sec-support__ttl, .p-first-timers-sec-career__ttl, .p-first-timers-sec-group__ttl, .p-first-timers-sec-offer__ttl {
  display: flex;
  align-items: flex-end;
}
.p-first-timers-sec-support__ttl &gt; em, .p-first-timers-sec-career__ttl &gt; em, .p-first-timers-sec-group__ttl &gt; em, .p-first-timers-sec-offer__ttl &gt; em {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 3.8167938931vw;
  letter-spacing: 0.025em;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__ttl &gt; em, .p-first-timers-sec-career__ttl &gt; em, .p-first-timers-sec-group__ttl &gt; em, .p-first-timers-sec-offer__ttl &gt; em {
    font-size: 18px;
  }
}
.p-first-timers-sec-support__ttl &gt; strong, .p-first-timers-sec-career__ttl &gt; strong, .p-first-timers-sec-group__ttl &gt; strong, .p-first-timers-sec-offer__ttl &gt; strong {
  margin-left: 2.5445292621vw;
  font-weight: 500;
  font-size: 4.834605598vw;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__ttl &gt; strong, .p-first-timers-sec-career__ttl &gt; strong, .p-first-timers-sec-group__ttl &gt; strong, .p-first-timers-sec-offer__ttl &gt; strong {
    margin-left: 20px;
    font-size: 30px;
  }
}
.p-first-timers-sec-career__ttl &gt; strong {
  color: #FFF;
}
.p-first-timers-sec-support {
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #F0F4F4;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support {
    padding-top: 80px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
.p-first-timers-sec-support__def01 {
  margin-top: 7.6335877863vw;
  padding-left: 24.1730279898vw;
  min-height: 24.1730279898vw;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def01 {
    margin-top: 60px;
    padding-left: 178px;
    min-height: 100px;
  }
}
.p-first-timers-sec-support__def01:nth-of-type(1) {
  background-position: left 2.5445292621vw top 8.6513994911vw;
  background-size: 16.2849872774vw;
  background-image: url("/assets/images/first-timers/sec_support_ill_01-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def01:nth-of-type(1) {
    background-position: left 33px top;
    background-size: 100px auto;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def01:nth-of-type(1) {
    background-image: url("/assets/images/first-timers/sec_support_ill_01.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-first-timers-sec-support__def01:nth-of-type(1) {
    background-image: url("/assets/images/first-timers/sec_support_ill_01@2x.webp");
  }
}
.p-first-timers-sec-support__def01:nth-of-type(2) {
  background-position: left 3.8167938931vw top 8.6513994911vw;
  background-size: 12.213740458vw;
  background-image: url("/assets/images/first-timers/sec_support_ill_02-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def01:nth-of-type(2) {
    background-position: left 47px top;
    background-size: 70px auto;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def01:nth-of-type(2) {
    background-image: url("/assets/images/first-timers/sec_support_ill_02.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-first-timers-sec-support__def01:nth-of-type(2) {
    background-image: url("/assets/images/first-timers/sec_support_ill_02@2x.webp");
  }
}
.p-first-timers-sec-support__def01 &gt; dt {
  font-weight: 500;
  font-size: 4.0712468193vw;
  line-height: 1.625;
  letter-spacing: 0.02em;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def01 &gt; dt {
    font-size: 18px;
    line-height: 1.6666666667;
  }
}
.p-first-timers-sec-support__def01 &gt; dd {
  margin-top: 2.5445292621vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def01 &gt; dd {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.8666666667;
  }
}
.p-first-timers-sec-support__defWrap {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__defWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 83px;
  }
}
.p-first-timers-sec-support__interview {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__interview {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
  }
}
.p-first-timers-sec-support__interview &gt; li {
  display: block;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__interview &gt; li {
    width: 32.2510822511%;
  }
}
.p-first-timers-sec-support__interview &gt; li:not(:first-child) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__interview &gt; li:not(:first-child) {
    margin-top: 0;
  }
}
.p-first-timers-sec-support__interview &gt; li &gt; a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-first-timers-sec-support__interview &gt; li &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__interview &gt; li &gt; a {
    display: block;
  }
}
.p-first-timers-sec-support__interview &gt; li &gt; a &gt; picture {
  width: 31.8066157761vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__interview &gt; li &gt; a &gt; picture {
    width: 100%;
  }
}
.p-first-timers-sec-support__interview &gt; li &gt; a &gt; span {
  display: block;
  width: 53.9440203562vw;
  font-size: 3.0534351145vw;
  line-height: 1.6666666667;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__interview &gt; li &gt; a &gt; span {
    width: 100%;
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.8666666667;
  }
}
.p-first-timers-sec-support__interviewBtn {
  margin-top: 7.6335877863vw;
  margin-right: auto;
  margin-left: auto;
  width: 74.8091603053vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__interviewBtn {
    margin-top: 40px;
    width: 316px;
  }
}
.p-first-timers-sec-support__def02 {
  background-color: #FFF;
  border: 0.2544529262vw solid #D9E5E1;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def02 {
    width: 46.887966805%;
    border: 1px solid #D9E5E1;
    border-radius: 6px;
  }
}
.p-first-timers-sec-support__def02:nth-of-type(n+2) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def02:nth-of-type(n+2) {
    margin-top: 0;
  }
}
.p-first-timers-sec-support__def02 &gt; dt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32.0610687023vw;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-weight: 500;
  font-size: 3.8167938931vw;
  line-height: 1.7333333333;
  letter-spacing: 0.02em;
  text-align: center;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def02 &gt; dt {
    height: 166px;
    font-size: 19px;
    line-height: 1.7894736842;
  }
}
.p-first-timers-sec-support__def02:nth-of-type(1) &gt; dt {
  background-image: url("/assets/images/first-timers/sec_support_photo_01-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def02:nth-of-type(1) &gt; dt {
    background-image: url("/assets/images/first-timers/sec_support_photo_01.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-first-timers-sec-support__def02:nth-of-type(1) &gt; dt {
    background-image: url("/assets/images/first-timers/sec_support_photo_01@2x.webp");
  }
}
.p-first-timers-sec-support__def02:nth-of-type(2) &gt; dt {
  background-image: url("/assets/images/first-timers/sec_support_photo_02-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def02:nth-of-type(2) &gt; dt {
    background-image: url("/assets/images/first-timers/sec_support_photo_02.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-first-timers-sec-support__def02:nth-of-type(2) &gt; dt {
    background-image: url("/assets/images/first-timers/sec_support_photo_02@2x.webp");
  }
}
.p-first-timers-sec-support__def02 &gt; dd {
  padding-top: 7.6335877863vw;
  padding-right: 2.5445292621vw;
  padding-bottom: 10.1781170483vw;
  padding-left: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def02 &gt; dd {
    padding-top: 30px;
    padding-right: 50px;
    padding-bottom: 40px;
    padding-left: 50px;
  }
}
.p-first-timers-sec-support__def02 &gt; dd &gt; ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-first-timers-sec-support__def02 &gt; dd &gt; ul &gt; li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.272264631vw;
  margin-bottom: 2.5445292621vw;
  margin-left: 1.272264631vw;
  padding-right: 4.3256997455vw;
  padding-left: 4.3256997455vw;
  height: 7.6335877863vw;
  background-color: #F0F4F4;
  border-radius: 12.7226463104vw;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def02 &gt; dd &gt; ul &gt; li {
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-right: 17px;
    padding-left: 17px;
    height: 32px;
    border-radius: 50px;
    font-size: 13px;
  }
}
.p-first-timers-sec-support__def02 &gt; dd &gt; p {
  margin-top: 5.0890585242vw;
  margin-right: auto;
  margin-left: auto;
  width: 52.417302799vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-support__def02 &gt; dd &gt; p {
    margin-top: 30px;
    width: 220px;
  }
}
.p-first-timers-sec-career {
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/first-timers/sec_career_bg-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career {
    padding-top: 80px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.p-first-timers-sec-career__catch {
  margin-top: 7.6335877863vw;
  font-size: 4.0712468193vw;
  line-height: 1.875;
  letter-spacing: 0.02em;
  text-align: center;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career__catch {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.9;
    text-align: left;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__in {
    width: 46.6804979253%;
  }
}
.p-first-timers-sec-career-data__in:nth-of-type(1) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__in:nth-of-type(1) {
    margin-top: 80px;
  }
}
.p-first-timers-sec-career-data__in:nth-of-type(2) {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__in:nth-of-type(2) {
    margin-top: 80px;
  }
}
.p-first-timers-sec-career-data__ttl {
  font-weight: 700;
  font-size: 3.5623409669vw;
  letter-spacing: 0.02em;
  text-align: center;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__ttl {
    font-size: 18px;
  }
}
.p-first-timers-sec-career-data__inIn &gt; dl {
  height: auto;
}
.p-first-timers-sec-career-data__inIn &gt; dl:nth-of-type(1) {
  border-bottom: none;
}
.p-first-timers-sec-career-data__def {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  border-top: 0.2544529262vw solid #404F56;
  border-bottom: 0.2544529262vw solid #404F56;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__def {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 187px;
    border-top: 1px solid #404F56;
    border-bottom: 1px solid #404F56;
  }
}
.p-first-timers-sec-career-data__def:nth-of-type(1) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__def:nth-of-type(1) {
    margin-top: 30px;
  }
}
.p-first-timers-sec-career-data__def &gt; dt {
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 1.5384615385;
  letter-spacing: 0.02em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__def &gt; dt {
    font-size: 15px;
  }
}
.p-first-timers-sec-career-data__def &gt; dd {
  display: flex;
  align-items: flex-end;
}
.p-first-timers-sec-career-data__small {
  display: block;
  margin-top: 3.5623409669vw;
  font-size: 2.5445292621vw;
  letter-spacing: 0.02em;
  text-align: right;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__small {
    margin-top: 18px;
    font-size: 11px;
  }
}
.p-first-timers-sec-career-data__btn {
  margin-top: 3.5623409669vw;
  margin-right: auto;
  margin-left: auto;
  width: 48.8549618321vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__btn {
    margin-top: 13px;
    width: 205px;
  }
}
.p-first-timers-sec-career-data__num {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 8.6513994911vw;
  letter-spacing: 0.05em;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__num {
    font-size: 52px;
  }
}
.p-first-timers-sec-career-data__age {
  margin-left: 3.0534351145vw;
  font-size: 3.5623409669vw;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__age {
    margin-left: 16px;
    font-size: 25px;
  }
}
.p-first-timers-sec-career-data__percentage {
  margin-left: 3.0534351145vw;
  font-size: 3.5623409669vw;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-career-data__percentage {
    margin-left: 16px;
    font-size: 25px;
  }
}
.p-first-timers-sec-group {
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #F0F4F4;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group {
    padding-top: 80px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
.p-first-timers-sec-group__catch {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group__catch {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.875;
  }
}
.p-first-timers-sec-group-data:nth-of-type(1) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data:nth-of-type(1) {
    margin-top: 60px;
  }
}
.p-first-timers-sec-group-data:nth-of-type(2) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data:nth-of-type(2) {
    margin-top: 60px;
  }
}
.p-first-timers-sec-group-data__in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-first-timers-sec-group-data__def {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  width: 50%;
  border-right: 0.2544529262vw solid #D9E5E1;
  border-left: 0.2544529262vw solid #D9E5E1;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data__def {
    width: 33.3333333333%;
    border-right: 1px solid #D9E5E1;
    border-left: 1px solid #D9E5E1;
  }
}
.p-first-timers-sec-group-data__def:nth-of-type(1) {
  border-left: 0.2544529262vw solid #D9E5E1;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data__def:nth-of-type(1) {
    border-left: 1px solid #D9E5E1;
  }
}
.p-first-timers-sec-group-data__def:nth-of-type(2) {
  border-left: none;
}
.p-first-timers-sec-group-data__def:nth-of-type(3) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data__def:nth-of-type(3) {
    margin-top: 0;
    border-left: none;
  }
}
.p-first-timers-sec-group-data__def &gt; dt {
  font-weight: 500;
  font-size: 2.7989821883vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data__def &gt; dt {
    font-size: 18px;
  }
}
.p-first-timers-sec-group-data__def &gt; dd {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data__def &gt; dd {
    margin-top: 20px;
  }
}
.p-first-timers-sec-group-data__num {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 6.6157760814vw;
  letter-spacing: 0.05em;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data__num {
    font-size: 52px;
  }
}
.p-first-timers-sec-group-data__unit {
  margin-left: 1.272264631vw;
  font-size: 3.3078880407vw;
  line-height: 1.6;
  letter-spacing: 0.025em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data__unit {
    margin-left: 10px;
    font-size: 25px;
  }
}
.p-first-timers-sec-group-data__attention {
  display: block;
  margin-top: 2.5445292621vw;
  width: 100%;
  font-size: 2.5445292621vw;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-group-data__attention {
    margin-top: 20px;
    font-size: 11px;
  }
}
.p-first-timers-sec-offer__in {
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer__in {
    padding-top: 80px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer__inIn {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
.p-first-timers-sec-offer__catch {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer__catch {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.6666666667;
  }
}
.p-first-timers-sec-offer-tab__btns {
  display: flex;
  justify-content: space-between;
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab__btns {
    margin-right: auto;
    margin-left: auto;
    width: 570px;
  }
}
.p-first-timers-sec-offer-tab__btns &gt; li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44.0203562341vw;
  height: 11.4503816794vw;
  background-color: #F0F4F4;
  border-radius: 1.7811704835vw 1.7811704835vw 0 0;
  font-weight: 500;
  font-size: 3.5623409669vw;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab__btns &gt; li {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    width: 280px;
    height: 60px;
    background-color: #F0F4F4;
    border-radius: 7px 7px 0 0;
    font-size: 16px;
    cursor: pointer;
  }
  .p-first-timers-sec-offer-tab__btns &gt; li:hover {
    opacity: 0.8;
  }
}
.p-first-timers-sec-offer-tab__btns &gt; li.is-active {
  background-color: #00A096;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab__btns &gt; li.is-active {
    opacity: 1;
    cursor: inherit;
  }
}
.p-first-timers-sec-offer-tab-area {
  display: none;
  padding-top: 10.1781170483vw;
  padding-bottom: 10.1781170483vw;
  background: url("/assets/images/common/menu_measure.svg") left top/2.5445292621vw auto repeat-y #00A096;
  border-radius: 0 0 1.7811704835vw 1.7811704835vw;
  opacity: 0;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area {
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    background: url("/assets/images/common/menu_measure.svg") left top/10px auto repeat-y #00A096;
    border-radius: 0 0 7px 7px;
    width: 570px;
  }
}
.p-first-timers-sec-offer-tab-area.is-show {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
}
.p-first-timers-sec-offer-tab-area__write {
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.02em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__write {
    font-size: 15px;
  }
}
.p-first-timers-sec-offer-tab-area__list {
  width: 59.5419847328vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__list {
    width: 254px;
  }
}
.p-first-timers-sec-offer-tab-area__list &gt; li {
  position: relative;
}
.p-first-timers-sec-offer-tab-area__list &gt; li:nth-of-type(n+2) {
  margin-top: 9.1603053435vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__list &gt; li:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
.p-first-timers-sec-offer-tab-area__list &gt; li::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -6.6157760814vw;
  left: 50%;
  transform: translateX(-50%);
  width: 3.3078880407vw;
  height: 4.0712468193vw;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("/assets/images/common/ico_arrow_under_white.svg");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__list &gt; li::before {
    bottom: -28px;
    width: 13px;
    height: 16px;
  }
}
.p-first-timers-sec-offer-tab-area__list &gt; li:nth-last-of-type(1)::before {
  display: none;
}
.p-first-timers-sec-offer-tab-area__list &gt; li &gt; span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11.1959287532vw;
  background-color: #B3E3E0;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__list &gt; li &gt; span {
    height: 44px;
    font-size: 15px;
  }
}
.p-first-timers-sec-offer-tab-area__list &gt; li:nth-of-type(1) &gt; span {
  background-color: transparent;
  border: 0.2544529262vw solid #57BCB4;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__list &gt; li:nth-of-type(1) &gt; span {
    border: 1px solid #57BCB4;
  }
}
.p-first-timers-sec-offer-tab-area__list &gt; li:nth-last-of-type(1) &gt; span {
  background-color: #FFF;
  color: #00A096;
}
.p-first-timers-sec-offer-tab-area__list &gt; li &gt; small {
  display: inline-block;
  margin-top: 2.5445292621vw;
  font-size: 2.7989821883vw;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__list &gt; li &gt; small {
    margin-top: 10px;
    font-size: 11px;
  }
}
.p-first-timers-sec-offer-tab-area__def {
  position: relative;
}
.p-first-timers-sec-offer-tab-area__def &gt; dt {
  position: absolute;
  top: 0;
  right: -6.3613231552vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  font-size: 2.5445292621vw;
  line-height: 1.6;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__def &gt; dt {
    right: -25px;
    font-size: 10px;
  }
}
.p-first-timers-sec-offer-tab-area__def &gt; dt::before {
  content: "";
  display: block;
  margin-bottom: 2.5445292621vw;
  width: 11.7048346056vw;
  height: 7.6335877863vw;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("/assets/images/first-timers/sec_offer_ill.svg");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__def &gt; dt::before {
    margin-bottom: 10px;
    width: 46px;
    height: 30px;
  }
}
.p-first-timers-sec-offer-tab-area__def &gt; dd {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35.6234096692vw;
  height: 11.1959287532vw;
  background-color: #B3E3E0;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__def &gt; dd {
    width: 140px;
    height: 44px;
  }
}
.p-first-timers-sec-offer-tab-area__def &gt; dd:nth-of-type(n+2) {
  margin-top: 9.1603053435vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__def &gt; dd:nth-of-type(n+2) {
    margin-top: 36px;
  }
}
.p-first-timers-sec-offer-tab-area__def &gt; dd::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -6.6157760814vw;
  left: 50%;
  transform: translateX(-50%);
  width: 3.3078880407vw;
  height: 4.0712468193vw;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("/assets/images/common/ico_arrow_under_white.svg");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__def &gt; dd::before {
    bottom: -26px;
    width: 13px;
    height: 16px;
  }
}
.p-first-timers-sec-offer-tab-area__def &gt; dd:nth-last-of-type(1)::before {
  display: none;
}
.p-first-timers-sec-offer-tab-area__def &gt; dd:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: 5.0890585242vw;
  right: -2.5445292621vw;
  display: block;
  margin-bottom: 2.5445292621vw;
  width: 1.5267175573vw;
  height: 20.3562340967vw;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("/assets/images/first-timers/sec_offer_dot.svg");
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-tab-area__def &gt; dd:nth-of-type(1)::after {
    top: 20px;
    right: -10px;
    margin-bottom: 10px;
    width: 6px;
    height: 80px;
  }
}
.p-first-timers-sec-offer-faq {
  margin-top: 12.7226463104vw;
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #F0F4F4;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-faq {
    margin-top: 100px;
    padding-top: 80px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-faq__in {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
.p-first-timers-sec-offer-faq__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-faq__ttl {
    align-items: flex-start;
    margin-bottom: 0;
    width: 42.7385892116%;
  }
}
.p-first-timers-sec-offer-faq__ttl &gt; strong {
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-faq__ttl &gt; strong {
    font-size: 24px;
  }
}
.p-first-timers-sec-offer-faq__ttl &gt; em {
  margin-top: 2.5445292621vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-size: 2.7989821883vw;
  letter-spacing: 0.07em;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-faq__ttl &gt; em {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-faq__accordions {
    width: 57.2614107884%;
  }
}
.p-first-timers-sec-offer-faq-accordion__def &gt; dd &gt; p {
  padding-right: 6.3613231552vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-first-timers-sec-offer-faq-accordion__def &gt; dd &gt; p {
    padding-right: 25px;
    font-size: 16px;
  }
}

.slot {
  display: inline-flex;
  align-items: flex-end;
  height: 1em;
  overflow: hidden;
}

.slotc {
  display: inline-block;
  width: 0.7em;
  word-break: break-all;
  text-align: center;
  transition: transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1);
}

.slotc:nth-child(1) {
  transform: translateX(0) translateY(1em);
}

.slotc:nth-child(2) {
  transform: translateX(0) translateY(2em);
}

.slotc:nth-child(3) {
  transform: translateX(0) translateY(3em);
}

.slotc:nth-child(4) {
  transform: translateX(0) translateY(4em);
}

.slotc:nth-child(5) {
  transform: translateX(0) translateY(5em);
}

.slotc:nth-child(6) {
  transform: translateX(0) translateY(6em);
}

.slotc:nth-child(7) {
  transform: translateX(0) translateY(7em);
}

.slotc:nth-child(8) {
  transform: translateX(0) translateY(8em);
}

.slotc:nth-child(9) {
  transform: translateX(0) translateY(9em);
}

.slotc:nth-child(10) {
  transform: translateX(0) translateY(10em);
}

.slot.inview.active .slotc:nth-child(1),
.slot.inview.active .slotc:nth-child(2),
.slot.inview.active .slotc:nth-child(3),
.slot.inview.active .slotc:nth-child(4),
.slot.inview.active .slotc:nth-child(5),
.slot.inview.active .slotc:nth-child(6),
.slot.inview.active .slotc:nth-child(7),
.slot.inview.active .slotc:nth-child(8),
.slot.inview.active .slotc:nth-child(9),
.slot.inview.active .slotc:nth-child(10) {
  transform: translateY(0em);
}

.p-first-timers-sec-group-data__num .slotc {
  width: 0.6em;
}

.p-for-corporate__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-for-corporate__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate__article {
    max-width: 1160px;
  }
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-head {
    display: flex;
    justify-content: space-between;
  }
}
.p-for-corporate-head__ttl {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.7647058824;
  letter-spacing: 0.05em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-head__ttl {
    width: 400px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.75;
    text-align: left;
  }
}
.p-for-corporate-head__write {
  margin-top: 7.6335877863vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-head__write {
    margin-top: 0;
    width: calc(100% - 400px);
    font-size: 16px;
    line-height: 2;
  }
}
.p-for-corporate-sec-scheme {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-scheme {
    margin-top: 100px;
  }
}
.p-for-corporate-sec-scheme__write {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-scheme__write {
    margin-top: 60px;
    font-size: 18px;
    line-height: 2.1111111111;
    letter-spacing: 0.02em;
    text-align: center;
  }
}
.p-for-corporate-sec-needs {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
  }
}
.p-for-corporate-sec-needs__list &gt; li {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs__list &gt; li {
    margin-top: 0;
    width: 47.5862068966%;
  }
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs__list &gt; li:nth-of-type(n+3) {
    margin-top: 60px;
  }
}
.p-for-corporate-sec-needs__subTtl {
  display: flex;
  flex-direction: column;
}
.p-for-corporate-sec-needs__subTtl &gt; em {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.05em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs__subTtl &gt; em {
    font-size: 18px;
  }
}
.p-for-corporate-sec-needs__subTtl &gt; strong {
  font-weight: 500;
  font-size: 3.5623409669vw;
  line-height: 1.7142857143;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs__subTtl &gt; strong {
    margin-top: 5px;
    font-size: 21px;
  }
}
.p-for-corporate-sec-needs__photoTxt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs__photoTxt {
    margin-top: 30px;
  }
}
.p-for-corporate-sec-needs__photo {
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs__photo {
    width: 140px;
  }
}
.p-for-corporate-sec-needs__write {
  width: 61.5776081425vw;
  font-size: 3.0534351145vw;
  line-height: 1.8333333333;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-needs__write {
    width: 372px;
    font-size: 15px;
    line-height: 2;
  }
}
.p-for-corporate-sec-field {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field__in {
    display: flex;
    justify-content: space-between;
  }
}
.p-for-corporate-sec-field__def {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field__def {
    margin-top: 60px;
    width: 45.8620689655%;
  }
}
.p-for-corporate-sec-field__def &gt; dt {
  font-weight: 500;
  font-size: 4.3256997455vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field__def &gt; dt {
    font-size: 24px;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
}
.p-for-corporate-sec-field__def &gt; dd {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field__def &gt; dd {
    margin-top: 40px;
    font-size: 16px;
    line-height: 2;
  }
}
.p-for-corporate-sec-field-accordion {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field-accordion {
    margin-top: 40px;
    width: 47.5862068966%;
  }
}
.p-for-corporate-sec-field-accordion__def &gt; dd &gt; h4 {
  padding-top: 0.5089058524vw;
  padding-right: 3.3078880407vw;
  padding-bottom: 0.5089058524vw;
  padding-left: 3.3078880407vw;
  background-color: #EEF5F8;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field-accordion__def &gt; dd &gt; h4 {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-color: transparent;
    font-size: 17px;
    line-height: 1.5294117647;
    color: #0065BD;
  }
}
.p-for-corporate-sec-field-accordion__def &gt; dd &gt; h4:nth-of-type(1) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field-accordion__def &gt; dd &gt; h4:nth-of-type(1) {
    margin-top: 30px;
  }
}
.p-for-corporate-sec-field-accordion__def &gt; dd &gt; h4:nth-of-type(n+2) {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field-accordion__def &gt; dd &gt; h4:nth-of-type(n+2) {
    margin-top: 60px;
  }
}
.p-for-corporate-sec-field-accordion__def &gt; dd &gt; ul {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field-accordion__def &gt; dd &gt; ul {
    margin-top: 30px;
  }
}
.p-for-corporate-sec-field-accordion__def &gt; dd &gt; ul &gt; li {
  font-size: 3.3078880407vw;
  line-height: 2.1538461538;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-field-accordion__def &gt; dd &gt; ul &gt; li {
    font-size: 15px;
  }
}
.p-for-corporate-sec-result {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result {
    margin-top: 60px;
  }
}
.p-for-corporate-sec-result__logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result__logos {
    justify-content: center;
    padding-top: 50px;
    margin-top: -15px;
    margin-left: -16px;
  }
}
.p-for-corporate-sec-result__logos &gt; li {
  width: 44.0203562341vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result__logos &gt; li {
    margin-top: 15px;
    width: 155px;
  }
}
@media only screen and (max-width: 786px) {
  .p-for-corporate-sec-result__logos &gt; li:nth-of-type(n+3) {
    margin-top: 5.0890585242vw;
  }
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result__logos &gt; li {
    margin-left: 16px;
  }
}
.p-for-corporate-sec-result__logos &gt; li &gt; span {
  display: block;
  margin-top: 1.0178117048vw;
  font-size: 2.7989821883vw;
  line-height: 1.1818181818;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result__logos &gt; li &gt; span {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.0833333333;
  }
}
.p-for-corporate-sec-result-table {
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 10.1781170483vw;
  width: 95.4198473282vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table {
    margin-top: 100px;
    width: 100%;
  }
}
.p-for-corporate-sec-result-table__in {
  display: flex;
}
.p-for-corporate-sec-result-table__def {
  flex-shrink: 0;
}
.p-for-corporate-sec-result-table__def:nth-of-type(1) {
  width: 35.368956743vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table__def:nth-of-type(1) {
    width: 15.5172413793%;
  }
}
.p-for-corporate-sec-result-table__def:nth-of-type(2) {
  width: 77.8625954198vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table__def:nth-of-type(2) {
    width: 29.8275862069%;
  }
}
.p-for-corporate-sec-result-table__def:nth-of-type(3) {
  width: 62.5954198473vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table__def:nth-of-type(3) {
    width: 24.6551724138%;
  }
}
.p-for-corporate-sec-result-table__def:nth-of-type(4) {
  width: 78.1170483461vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table__def:nth-of-type(4) {
    width: 30%;
  }
}
.p-for-corporate-sec-result-table__def &gt; dt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10.6870229008vw;
  background-color: #0065BD;
  border-right: 0.2544529262vw solid #DEE7EB;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table__def &gt; dt {
    height: 60px;
    border-right: 1px solid #DEE7EB;
    font-size: 15px;
    line-height: 1.3;
  }
}
.p-for-corporate-sec-result-table__def &gt; dd {
  display: flex;
  align-items: center;
  padding-left: 3.8167938931vw;
  border-right: 0.2544529262vw solid #DEE7EB;
  height: 15.2671755725vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table__def &gt; dd {
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px solid #DEE7EB;
    height: 60px;
    border-bottom: 1px solid #DEE7EB;
    font-size: 15px;
    line-height: 1.3;
  }
}
.p-for-corporate-sec-result-table__def:nth-of-type(1) &gt; dt {
  border-left: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table__def:nth-of-type(1) &gt; dt {
    border-left: 1px solid #DEE7EB;
  }
}
.p-for-corporate-sec-result-table__def:nth-of-type(1) &gt; dd {
  border-left: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-result-table__def:nth-of-type(1) &gt; dd {
    border-left: 1px solid #DEE7EB;
  }
}
.p-for-corporate-sec-active {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active__inIn {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
}
.p-for-corporate-sec-active-head {
  margin-top: 7.6335877863vw;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-head {
    margin-top: 0;
    width: 48.7068965517%;
  }
}
.p-for-corporate-sec-active-head__ttl {
  font-weight: 400;
  font-size: 4.0712468193vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-head__ttl {
    font-size: 20px;
    line-height: 1.6428571429;
    text-align: center;
  }
}
.p-for-corporate-sec-active-head__write {
  margin-top: 2.5445292621vw;
  font-size: 2.7989821883vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-head__write {
    margin-top: 20px;
    font-size: 13px;
    text-align: center;
  }
}
.p-for-corporate-sec-active-head__graph {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-head__graph {
    margin-top: 77px;
    margin-right: auto;
    margin-left: auto;
    width: 84.9557522124%;
  }
}
@media only screen and (max-width: 786px) {
  .p-for-corporate-sec-active-head__graph &gt; picture {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 89.8218829517vw;
  }
}
.p-for-corporate-sec-active-head__graph &gt; small {
  display: block;
  margin-top: 5.0890585242vw;
  font-size: 2.7989821883vw;
  letter-spacing: 0.02em;
  text-align: right;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-head__graph &gt; small {
    margin-top: 25px;
    font-size: 11px;
  }
}
.p-for-corporate-sec-active-body {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-body {
    margin-top: 0;
    width: 48.7068965517%;
  }
}
.p-for-corporate-sec-active-body__ttl {
  font-weight: 400;
  font-size: 4.0712468193vw;
  line-height: 1.8888888889;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-body__ttl {
    font-size: 20px;
    line-height: 1.6428571429;
  }
}
.p-for-corporate-sec-active-body__graph {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-body__graph {
    margin-top: 38px;
    margin-right: auto;
    margin-left: auto;
    width: 59.4690265487%;
  }
}
@media only screen and (max-width: 786px) {
  .p-for-corporate-sec-active-body__graph &gt; picture {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 72.2646310433vw;
  }
}
.p-for-corporate-sec-active-body__graph &gt; small {
  display: block;
  margin-top: 2.5445292621vw;
  font-size: 2.7989821883vw;
  letter-spacing: 0.02em;
  text-align: right;
}
@media only screen and (min-width: 787px) {
  .p-for-corporate-sec-active-body__graph &gt; small {
    margin-top: -5px;
    font-size: 11px;
  }
}

@media only screen and (min-width: 787px) {
  .scroll-hint-icon-wrap {
    display: none !important;
  }
}

.scroll-hint-text {
  display: none;
}

.p-greeting__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 20.3562340967vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-greeting__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-greeting__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-greeting__article {
    max-width: 1160px;
  }
}
.p-greeting-catch {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-greeting-catch__photo {
  width: 28.4987277354vw;
}
@media only screen and (min-width: 787px) {
  .p-greeting-catch__photo {
    width: 140px;
  }
}
.p-greeting-catch__in {
  width: 57.5063613232vw;
}
@media only screen and (min-width: 787px) {
  .p-greeting-catch__in {
    width: calc(100% - 185px);
  }
}
.p-greeting-catch__ttl {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .p-greeting-catch__ttl {
    font-size: 36px;
    line-height: 1.6111111111;
    letter-spacing: 0.05em;
    white-space: normal;
  }
}
.p-greeting-catch__name {
  margin-top: 2.5445292621vw;
  font-size: 3.3078880407vw;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-greeting-catch__name {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.4;
  }
}
.p-greeting-sec {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-greeting-sec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 80px;
  }
}
@media only screen and (min-width: 787px) {
  .p-greeting-sec__ttl {
    width: 340px;
  }
}
@media only screen and (min-width: 787px) {
  .p-greeting-sec__in {
    width: calc(100% - 420px);
  }
}
.p-greeting-sec__write {
  font-size: 3.3078880407vw;
  line-height: 2.1538461538;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-greeting-sec__write {
    font-size: 15px;
    line-height: 2.1333333333;
  }
}
.p-greeting-sec__write:nth-of-type(1) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-greeting-sec__write:nth-of-type(1) {
    margin-top: 0;
  }
}
.p-greeting-sec__write:nth-of-type(n+2) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-greeting-sec__write:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.p-greeting__sign {
  margin-top: 7.6335877863vw;
  margin-right: 0;
  margin-left: auto;
  width: 27.989821883vw;
}
@media only screen and (min-width: 787px) {
  .p-greeting__sign {
    margin-top: 50px;
    width: 129px;
  }
}
.p-greeting__sign &gt; dt {
  font-size: 3.0534351145vw;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-greeting__sign &gt; dt {
    font-size: 14px;
    line-height: 1.4285714286;
  }
}
.p-greeting__sign &gt; dd {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-greeting__sign &gt; dd {
    margin-top: 15px;
  }
}

.p-guideline__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-guideline__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-guideline__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-guideline__article {
    max-width: 1160px;
  }
}
.p-guideline-sec {
  padding-bottom: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-guideline__btn {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    width: 380px;
  }
}
.p-guideline-sec-guideline__btn &gt; a, .p-guideline-sec-guideline__btn &gt; button, .p-guideline-sec-guideline__btn &gt; input {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right top, #0045BD, #159CD6);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-guideline__btn &gt; a, .p-guideline-sec-guideline__btn &gt; button, .p-guideline-sec-guideline__btn &gt; input {
    height: 88px;
    border-radius: 7px;
    font-size: 16px;
    transition: opacity 0.3s;
  }
}
.p-guideline-sec-guideline__btn &gt; a:hover, .p-guideline-sec-guideline__btn &gt; button:hover, .p-guideline-sec-guideline__btn &gt; input:hover {
  opacity: 0.8;
}
.p-guideline-sec-guideline__btn &gt; a:hover &gt; strong, .p-guideline-sec-guideline__btn &gt; a:hover &gt; em, .p-guideline-sec-guideline__btn &gt; button:hover &gt; strong, .p-guideline-sec-guideline__btn &gt; button:hover &gt; em, .p-guideline-sec-guideline__btn &gt; input:hover &gt; strong, .p-guideline-sec-guideline__btn &gt; input:hover &gt; em {
  cursor: pointer;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-guideline__btn &gt; a &gt; strong, .p-guideline-sec-guideline__btn &gt; button &gt; strong, .p-guideline-sec-guideline__btn &gt; input &gt; strong {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.02em;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-guideline__btn &gt; a &gt; em, .p-guideline-sec-guideline__btn &gt; button &gt; em, .p-guideline-sec-guideline__btn &gt; input &gt; em {
    margin-top: 10px;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.07em;
    color: rgba(255, 255, 255, 0.3);
  }
}
.p-guideline-sec-guideline__btn02 {
  width: 33.5877862595vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-guideline__btn02 {
    width: 118px !important;
    margin-top: 10px !important;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-guideline__btn02 a {
    height: 38px;
    font-size: 13px;
  }
}
.p-guideline-sec-guideline__txt {
  margin-top: 5.0890585242vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-guideline__txt {
    margin-top: 40px;
    font-size: 16px;
  }
}
.p-guideline-sec-guideline__txt &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-decoration: underline;
  color: #0065BD;
}
.p-guideline-sec-guideline__txt &gt; a:hover {
  opacity: 0.8;
}
.p-guideline-sec-guideline-table__ttl {
  margin-top: 10.1781170483vw;
  margin-bottom: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-guideline-table__ttl {
    margin-top: 80px;
    margin-bottom: 40px;
  }
}
.p-guideline-sec-process01 {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01 {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01__in {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.p-guideline-sec-process01__subTtl {
  margin-top: 7.6335877863vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  line-height: 1.5714285714;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01__subTtl {
    margin-top: 0;
    font-size: 18px;
    color: #0065BD;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01__inIn {
    width: 57.7586206897%;
  }
}
.p-guideline-sec-process01__list {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01__list {
    margin-top: 0;
  }
}
.p-guideline-sec-process01__list &gt; li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.4147582697vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01__list &gt; li {
    height: 50px;
    font-size: 16px;
  }
}
.p-guideline-sec-process01__list &gt; li:not(:nth-last-of-type(1))::after {
  content: "";
  position: absolute;
  bottom: -5.8524173028vw;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 2.5445292621vw;
  height: 3.0534351145vw;
  background: url("/assets/images/common/ico_arrow_under_blue.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01__list &gt; li:not(:nth-last-of-type(1))::after {
    bottom: -28px;
    width: 11px;
    height: 14px;
  }
}
.p-guideline-sec-process01__list &gt; li:nth-of-type(n+2) {
  margin-top: 8.3969465649vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01__list &gt; li:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
.p-guideline-sec-process01__list &gt; li:nth-of-type(1) {
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process01__list &gt; li:nth-of-type(1) {
    border: 1px solid #DEE7EB;
  }
}
.p-guideline-sec-process01__list &gt; li:nth-of-type(2) {
  background-color: #F7F8F8;
}
.p-guideline-sec-process01__list &gt; li:nth-of-type(3) {
  background-color: #F7F8F8;
}
.p-guideline-sec-process01__list &gt; li:nth-of-type(4) {
  background-color: #0045BD;
  color: #FFF;
}
.p-guideline-sec-process02 {
  margin-top: 15.2671755725vw;
  margin-bottom: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02__inIn {
    -moz-columns: 2;
         columns: 2;
    margin-top: 60px;
  }
}
.p-guideline-sec-process02-step {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step {
    margin-top: 0;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step:nth-of-type(2) {
    margin-top: 80px;
    margin-bottom: 192px;
  }
}
.p-guideline-sec-process02-step__ttl {
  display: flex;
  flex-direction: column;
}
.p-guideline-sec-process02-step__ttl &gt; em {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.05em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__ttl &gt; em {
    font-size: 16px;
  }
}
.p-guideline-sec-process02-step__ttl &gt; strong {
  margin-top: 2.0356234097vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__ttl &gt; strong {
    margin-top: 15px;
    font-size: 26px;
  }
}
.p-guideline-sec-process02-step__list {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__list {
    margin-top: 30px;
  }
}
.p-guideline-sec-process02-step__list &gt; li {
  font-size: 3.0534351145vw;
  line-height: 2.1666666667;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__list &gt; li {
    font-size: 16px;
    line-height: 2.375;
  }
}
.p-guideline-sec-process02-step__write {
  font-size: 3.0534351145vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__write {
    font-size: 18px;
    line-height: 2;
  }
}
.p-guideline-sec-process02-step__write:nth-of-type(1) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__write:nth-of-type(1) {
    margin-top: 30px;
  }
}
.p-guideline-sec-process02-step__write:nth-of-type(n+2) {
  margin-top: 3.0534351145vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__write:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.p-guideline-sec-process02-step__btn--01 {
  margin-top: 5.0890585242vw;
  width: 33.5877862595vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__btn--01 {
    margin-top: 40px;
    margin-bottom: 50px;
    width: 132px;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__btn--01 {
    width: 132px;
  }
}
.p-guideline-sec-process02-step__btn--02 {
  margin-top: 5.0890585242vw;
  width: 71.2468193384vw;
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__btn--02 {
    margin-top: 40px;
    margin-bottom: 50px;
    width: 132px;
  }
}
@media only screen and (min-width: 787px) {
  .p-guideline-sec-process02-step__btn--02 {
    width: 280px;
  }
}

.p-history .m-breadcrumb {
  display: flex;
}

.p-home-mv {
  position: relative;
}
@media only screen and (min-width: 787px) {
  .p-home-mv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 47.9166666667vw;
  }
}
.p-home-mv__ttl {
  margin-top: 16.5394402036vw;
  margin-right: auto;
  margin-left: auto;
  width: 73.7913486005vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__ttl {
    margin-top: 0;
    margin-right: inherit;
    margin-left: inherit;
    margin-left: 5.6944444444%;
    width: 32.5%;
  }
}
.p-home-mv__ttl &gt; picture &gt; img {
  width: 100%;
}
.p-home-mv__txts {
  position: relative;
  margin-top: 8.9058524173vw;
  width: 100vw;
  height: 82.951653944vw;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("/assets/images/home/mv_photo-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txts {
    margin-top: 0.9722222222vw;
    padding-top: 45vw;
    padding-right: 5.4166666667%;
    width: 60.0694444444vw;
    height: 0;
  }
  .p-home-mv__txts &gt; li &gt; picture &gt; img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txts {
    background-image: url("/assets/images/home/mv_photo.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-mv__txts {
    background-image: url("/assets/images/home/mv_photo@2x.webp");
  }
}
body.second .p-home-mv__txts &gt; li {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
  transition: unset !important;
}
.p-home-mv__txt--chemical {
  position: absolute;
  top: 31.0432569975vw;
  left: 4.5801526718vw;
  width: 9.4147582697vw;
  height: 11.1959287532vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txt--chemical {
    top: 16.8055555556vw;
    left: 5.2777777778vw;
    width: 5vw;
    height: 5.8333333333vw;
  }
}
.p-home-mv__txt--mecha {
  position: absolute;
  top: 5.0890585242vw;
  left: 17.8117048346vw;
  width: 20.6106870229vw;
  height: 5.5979643766vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txt--mecha {
    top: 2.6388888889vw;
    left: 12.1527777778vw;
    width: 10.8333333333vw;
    height: 3.0555555556vw;
  }
}
.p-home-mv__txt--biotechnology {
  position: absolute;
  top: 11.9592875318vw;
  left: 46.8193384224vw;
  width: 14.7582697201vw;
  height: 8.9058524173vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txt--biotechnology {
    top: 6.4583333333vw;
    left: 28.6111111111vw;
    width: 7.7777777778vw;
    height: 4.7222222222vw;
  }
}
.p-home-mv__txt--circuit {
  position: absolute;
  top: 1.7811704835vw;
  left: 63.1043256997vw;
  width: 12.7226463104vw;
  height: 10.6870229008vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txt--circuit {
    top: 1.1111111111vw;
    left: 37.1527777778vw;
    width: 6.6666666667vw;
    height: 5.5555555556vw;
  }
}
.p-home-mv__txt--machine {
  position: absolute;
  top: 26.7175572519vw;
  left: 83.4605597964vw;
  width: 11.1959287532vw;
  height: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txt--machine {
    top: 14.7222222222vw;
    left: 48.3333333333vw;
    width: 5.9722222222vw;
    height: 5.2777777778vw;
  }
}
.p-home-mv__txt--production {
  position: absolute;
  top: 67.4300254453vw;
  left: 71.2468193384vw;
  width: 15.5216284987vw;
  height: 12.213740458vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txt--production {
    top: 37.0138888889vw;
    left: 41.9444444444vw;
    width: 8.1944444444vw;
    height: 6.3888888889vw;
  }
}
.p-home-mv__txt--it {
  position: absolute;
  top: 74.5547073791vw;
  left: 17.5572519084vw;
  width: 25.1908396947vw;
  height: 5.3435114504vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__txt--it {
    top: 40.6944444444vw;
    left: 12.1527777778vw;
    width: 13.3333333333vw;
    height: 2.7777777778vw;
  }
}
.p-home-mv__movie {
  max-width: 90.5852417303vw;
  margin: 7.1246819338vw auto 0;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__movie {
    position: absolute;
    left: 5.6944444444%;
    top: 50%;
    width: 356px;
    margin: 10% 0 0 0;
  }
}
.p-home-mv__movie &gt; button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 3.5623409669vw;
  box-sizing: border-box;
  background-color: #EEF5F8;
  border: 0;
  border-radius: 1.7811704835vw;
  cursor: pointer;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__movie &gt; button {
    padding: 14px;
    border-radius: 7px;
  }
}
.p-home-mv__movie &gt; button &gt; picture {
  position: relative;
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__movie &gt; button &gt; picture {
    width: 90px;
  }
}
.p-home-mv__movie &gt; button &gt; picture:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5.5979643766vw;
  height: 3.8167938931vw;
  background: url("/assets/images/home/mv_movie_play.png") center center/100% auto no-repeat;
  transform: translateX(-50%) translateY(-50%);
  content: "";
}
@media only screen and (min-width: 787px) {
  .p-home-mv__movie &gt; button &gt; picture:after {
    width: 22px;
    height: 15px;
  }
}
.p-home-mv__movie &gt; button &gt; span {
  flex: 1 1 auto;
  display: block;
  width: auto;
  padding-left: 5.0890585242vw;
  font-size: 4.0712468193vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}
@media only screen and (min-width: 787px) {
  .p-home-mv__movie &gt; button &gt; span {
    padding-left: 20px;
    font-size: 16px;
  }
}
.p-home-mv__movie &gt; button &gt; span &gt; em {
  display: inline-block;
  background: linear-gradient(transparent 70%, #F7F285 71%);
}
.p-home__catch {
  margin-top: 13.4860050891vw;
  font-weight: 500;
  font-size: 4.0712468193vw;
  line-height: 1.875;
  letter-spacing: 0.05em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-home__catch {
    margin-top: 77px;
    font-size: 26px;
    line-height: 1.8461538462;
  }
}
.p-home__catch &gt; em {
  color: #00A096;
}
.p-home__btn {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-home__btn {
    margin-top: 40px;
  }
}
.p-home__btn &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  padding-left: 12.213740458vw;
  width: 60.5597964377vw;
  height: 12.9770992366vw;
  background: linear-gradient(0deg, #00A096, #1DAFA4);
  border-radius: 1.7811704835vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #FFF;
}
.p-home__btn &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-home__btn &gt; a {
    padding-left: 68px;
    width: 338px;
    height: 72px;
    border-radius: 7px;
  }
}
.p-home__btn &gt; a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3.0534351145vw;
  transform: translateY(-50%);
  width: 6.6157760814vw;
  height: 6.6157760814vw;
  background: url("/assets/images/common/ico_beginner.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-home__btn &gt; a::before {
    left: 17px;
    width: 37px;
    height: 37px;
  }
}
.p-home__btn &gt; a &gt; small {
  font-size: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-home__btn &gt; a &gt; small {
    font-size: 14px;
  }
}
.p-home__btn &gt; a &gt; em {
  margin-top: 1.5267175573vw;
  font-size: 3.0534351145vw;
}
@media only screen and (min-width: 787px) {
  .p-home__btn &gt; a &gt; em {
    margin-top: 8px;
    font-size: 16px;
  }
}
.p-home-sec-recommend {
  margin-top: 15.2671755725vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-recommend {
    margin-top: 60px;
    padding-right: 30px;
    padding-bottom: 80px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-recommend__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.p-home-sec-recommend__ttl {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 4.3256997455vw;
  letter-spacing: 0.07em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-recommend__ttl {
    width: 304px;
    font-size: 23px;
    text-align: left;
  }
}
.p-home-sec-recommend__ttl &gt; small {
  margin-top: 2.5445292621vw;
  font-weight: 400;
  font-size: 2.5445292621vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-recommend__ttl &gt; small {
    margin-top: 14px;
    font-size: 11px;
  }
}
.p-home-sec-recommend__logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-recommend__logos {
    justify-content: flex-start;
    margin-top: -15px;
    width: calc(100% - 304px);
  }
}
.p-home-sec-recommend__logos &gt; li {
  width: 44.0203562341vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-recommend__logos &gt; li {
    margin-top: 15px;
    width: 155px;
  }
}
@media only screen and (max-width: 786px) {
  .p-home-sec-recommend__logos &gt; li:nth-of-type(n+3) {
    margin-top: 5.0890585242vw;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-recommend__logos &gt; li {
    margin-left: 16px;
  }
}
.p-home-sec-recommend__logos &gt; li &gt; span {
  display: block;
  margin-top: 1.0178117048vw;
  font-size: 2.7989821883vw;
  line-height: 1.1818181818;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-recommend__logos &gt; li &gt; span {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.0833333333;
  }
}
.p-home-sec-area {
  padding-top: 14.2493638677vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-area {
    padding-top: 90px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-area__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
    width: 100%;
  }
}
.p-home-sec-area__ttl {
  margin-bottom: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-area__ttl {
    margin-bottom: 60px;
  }
}
.p-home-sec-find {
  margin-top: 14.2493638677vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find {
    margin-top: 80px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
    width: 100%;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__inIn {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.p-home-sec-find__btns {
  margin-top: 5.0890585242vw;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    width: 49.3103448276%;
  }
}
.p-home-sec-find__btns &gt; li {
  position: relative;
  width: 44.0203562341vw;
  height: 19.3384223919vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li {
    width: 48.6013986014%;
    height: 104px;
  }
}
.p-home-sec-find__btns &gt; li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.0356234097vw;
  height: 2.0356234097vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li::before {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-home-sec-find__btns &gt; li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.0356234097vw;
  height: 2.0356234097vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-home-sec-find__btns &gt; li &gt; button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #EEF5F8;
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li &gt; button {
    border: 1px solid #DEE7EB;
  }
}
.p-home-sec-find__btns &gt; li &gt; button &gt; span {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  width: 100%;
  color: #2F3C43;
}
.p-home-sec-find__btns &gt; li &gt; button &gt; span:hover {
  opacity: 0.8;
}
.p-home-sec-find__btns &gt; li &gt; button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 2.0356234097vw;
  height: 2.0356234097vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li &gt; button::before {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-home-sec-find__btns &gt; li &gt; button::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 2.0356234097vw;
  height: 2.0356234097vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li &gt; button::after {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-home-sec-find__btns &gt; li &gt; button &gt; span {
  font-size: 3.8167938931vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li &gt; button &gt; span {
    font-size: 18px;
  }
}
.p-home-sec-find__btns &gt; li &gt; button &gt; span::before {
  content: "";
  display: block;
  margin-right: auto;
  margin-bottom: 1.7811704835vw;
  margin-left: auto;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li &gt; button &gt; span::before {
    margin-bottom: 14px;
  }
}
.p-home-sec-find__btns &gt; li:nth-of-type(1) &gt; button &gt; span::before {
  width: 3.8167938931vw;
  height: 5.5979643766vw;
  background-image: url("/assets/images/home/sec_search_ico_map.svg");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li:nth-of-type(1) &gt; button &gt; span::before {
    width: 20px;
    height: 30px;
  }
}
.p-home-sec-find__btns &gt; li:nth-of-type(2) &gt; button &gt; span::before {
  width: 4.3256997455vw;
  height: 4.3256997455vw;
  background-image: url("/assets/images/home/sec_search_ico_field.svg");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find__btns &gt; li:nth-of-type(2) &gt; button &gt; span::before {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find-keyword {
    width: 46.724137931%;
  }
}
.p-home-sec-find-keyword__in {
  position: relative;
  margin-top: 5.0890585242vw;
  width: 90.3307888041vw;
  height: 12.7226463104vw;
  border: 0.7633587786vw solid rgba(0, 101, 189, 0.96);
  border-radius: 7.1246819338vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find-keyword__in {
    margin-top: 0;
    width: 100%;
    height: 61px;
    border: 3px solid rgba(0, 101, 189, 0.96);
    border-radius: 38px;
  }
}
.p-home-sec-find-keyword__in &gt; input {
  display: block;
  padding-right: 10.1781170483vw;
  padding-left: 5.0890585242vw;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 7.1246819338vw;
  font-size: 3.5623409669vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find-keyword__in &gt; input {
    padding-right: 60px;
    padding-left: 30px;
    border-radius: 38px;
    font-size: 17px;
  }
}
.p-home-sec-find-keyword__in &gt; input::-moz-placeholder {
  color: #98A6B6;
}
.p-home-sec-find-keyword__in &gt; input::placeholder {
  color: #98A6B6;
}
.p-home-sec-find-keyword__in &gt; button {
  position: absolute;
  top: 50%;
  right: 5.0890585242vw;
  transform: translateY(-50%);
  display: block;
  width: 4.3256997455vw;
  height: 4.3256997455vw;
  background: url("/assets/images/common/ico_lupe.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-find-keyword__in &gt; button {
    right: 18px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice {
    display: flex;
  }
}
.p-home-sec-voice__in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
  height: 137.4045801527vw;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__in {
    padding-right: 6.25vw;
    padding-left: 6.25vw;
    width: 50%;
    height: 850px;
  }
}
.p-home-sec-voice__in:nth-of-type(1) {
  background-image: url("/assets/images/home/sec_voice_photo_youth-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__in:nth-of-type(1) {
    background-image: url("/assets/images/home/sec_voice_photo_youth.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-voice__in:nth-of-type(1) {
    background-image: url("/assets/images/home/sec_voice_photo_youth@2x.webp");
  }
}
.p-home-sec-voice__in:nth-of-type(2) {
  background-image: url("/assets/images/home/sec_voice_photo_senior-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__in:nth-of-type(2) {
    background-image: url("/assets/images/home/sec_voice_photo_senior.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-voice__in:nth-of-type(2) {
    background-image: url("/assets/images/home/sec_voice_photo_senior@2x.webp");
  }
}
.p-home-sec-voice__ttl {
  display: flex;
  align-items: flex-end;
  color: #FFF;
}
.p-home-sec-voice__ttl &gt; em {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 8.6513994911vw;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__ttl &gt; em {
    font-size: 42px;
  }
}
.p-home-sec-voice__ttl &gt; span {
  margin-left: 4.5801526718vw;
  font-weight: 500;
  font-size: 3.8167938931vw;
  line-height: 1.6;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__ttl &gt; span {
    margin-left: 26px;
    font-size: 18px;
  }
}
.p-home-sec-voice__cards {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__cards {
    margin-top: 30px;
  }
}
.p-home-sec-voice__cards &gt; li:nth-of-type(n+3) {
  display: none;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__cards &gt; li:nth-of-type(n+3) {
    display: block;
  }
}
.p-home-sec-voice__view {
  margin-top: 7.6335877863vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 4.0712468193vw;
  letter-spacing: 0.07em;
  text-align: center;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__view {
    margin-top: 35px;
    font-size: 18px;
  }
}
.p-home-sec-voice__view &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.p-home-sec-voice__view &gt; a:hover {
  opacity: 0.8;
}
.p-home-sec-voice__view &gt; a::after {
  content: "";
  position: relative;
  right: 0;
  display: block;
  margin-left: 2.5445292621vw;
  width: 3.0534351145vw;
  height: 2.5445292621vw;
  background: url("/assets/images/common/ico_arrow_right_white.svg") center center/100% auto no-repeat;
  transition: right 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__view &gt; a::after {
    margin-left: 10px;
    width: 15px;
    height: 12px;
  }
}
.p-home-sec-voice__view &gt; a:hover::after {
  right: -1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-voice__view &gt; a:hover::after {
    right: -6px;
  }
}
.p-home-sec-feature {
  padding-top: 13.4860050891vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 20.3562340967vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature {
    padding-top: 88px;
    padding-right: 30px;
    padding-bottom: 180px;
    padding-left: 30px;
  }
}
.p-home-sec-feature__in {
  background-position: left 18.320610687vw top;
  background-size: 83.9694656489vw auto;
  background-repeat: no-repeat;
  background-image: url("/assets/images/home/sec_feature_mv-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
    width: 100%;
    background-position: left 625px top;
    background-size: 444px auto;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature__in {
    background-image: url("/assets/images/home/sec_feature_mv.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-feature__in {
    background-image: url("/assets/images/home/sec_feature_mv@2x.webp");
  }
}
.p-home-sec-feature__ttl {
  font-weight: 700;
  font-size: 8.6513994911vw;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature__ttl {
    font-size: 50px;
  }
}
.p-home-sec-feature__ttl &gt; em {
  display: inline-block;
  margin-bottom: 2.0356234097vw;
  background: linear-gradient(to right, #00A8E7, #0064B8);
  background-clip: text;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 12.213740458vw;
  letter-spacing: 0.07em;
  vertical-align: baseline;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature__ttl &gt; em {
    font-size: 68px;
  }
}
.p-home-sec-feature__ttl &gt; span {
  margin-left: 2.0356234097vw;
  font-weight: 700;
  font-size: 8.6513994911vw;
  vertical-align: baseline;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature__ttl &gt; span {
    margin-left: 0;
    font-size: 50px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature__lead {
    font-weight: 500;
    font-size: 21px;
    line-height: 1.9047619048;
    letter-spacing: 0.07em;
  }
}
.p-home-sec-feature__list {
  margin-top: 45.8015267176vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px;
  }
}
.p-home-sec-feature-item {
  position: relative;
  background-color: #E2F0F5;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item {
    width: 47.4137931034%;
  }
}
@media only screen and (max-width: 786px) {
  .p-home-sec-feature-item:nth-of-type(n+2) {
    margin-top: 7.6335877863vw;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item:nth-of-type(n+3) {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item:nth-of-type(2) {
    top: 90px;
  }
  .p-home-sec-feature-item:nth-of-type(4) {
    top: 90px;
  }
}
.p-home-sec-feature-item::before, .p-home-sec-feature-item::after {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.0356234097vw;
  height: 2.0356234097vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item::before, .p-home-sec-feature-item::after {
    width: 10px;
    height: 10px;
  }
}
.p-home-sec-feature-item::before {
  content: "";
  top: 0;
  right: 0;
  display: block;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item::before {
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-home-sec-feature-item::after {
  content: "";
  bottom: 0;
  left: 0;
  display: block;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item::after {
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-home-sec-feature-item-head {
  position: relative;
}
.p-home-sec-feature-item-head &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
}
.p-home-sec-feature-item-head &gt; a:hover {
  opacity: 0.8;
}
.p-home-sec-feature-item-head__ttl--01, .p-home-sec-feature-item-head__ttl--02, .p-home-sec-feature-item-head__ttl--03, .p-home-sec-feature-item-head__ttl--04 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 27.989821883vw;
  height: 22.9007633588vw;
  background-color: #EEF5F8;
  /*
  &amp; &gt; small {
  	margin-bottom: vwsp(10);
  	font-family: $ff-en;
  	font-weight: $fw-medium;
  	font-size: vwsp(18);
  	letter-spacing: 0.07em;
  	color: $color-blue-dark-ex;
  	@media only screen and (min-width: 787px) {
  		margin-bottom: 10px;
  		font-size: 20px;
  	}
  }
  */
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--01, .p-home-sec-feature-item-head__ttl--02, .p-home-sec-feature-item-head__ttl--03, .p-home-sec-feature-item-head__ttl--04 {
    padding-left: 150px;
    padding-right: 30px;
    height: 120px;
  }
}
.p-home-sec-feature-item-head__ttl--01::before, .p-home-sec-feature-item-head__ttl--02::before, .p-home-sec-feature-item-head__ttl--03::before, .p-home-sec-feature-item-head__ttl--04::before {
  margin-bottom: 2.5445292621vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.07em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--01::before, .p-home-sec-feature-item-head__ttl--02::before, .p-home-sec-feature-item-head__ttl--03::before, .p-home-sec-feature-item-head__ttl--04::before {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
.p-home-sec-feature-item-head__ttl--01::after, .p-home-sec-feature-item-head__ttl--02::after, .p-home-sec-feature-item-head__ttl--03::after, .p-home-sec-feature-item-head__ttl--04::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22.9007633588vw;
  height: 22.9007633588vw;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: background-size 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--01::after, .p-home-sec-feature-item-head__ttl--02::after, .p-home-sec-feature-item-head__ttl--03::after, .p-home-sec-feature-item-head__ttl--04::after {
    width: 120px;
    height: 120px;
  }
}
.p-home-sec-feature-item-head__ttl--01 &gt; h3, .p-home-sec-feature-item-head__ttl--02 &gt; h3, .p-home-sec-feature-item-head__ttl--03 &gt; h3, .p-home-sec-feature-item-head__ttl--04 &gt; h3 {
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--01 &gt; h3, .p-home-sec-feature-item-head__ttl--02 &gt; h3, .p-home-sec-feature-item-head__ttl--03 &gt; h3, .p-home-sec-feature-item-head__ttl--04 &gt; h3 {
    font-size: 22px;
  }
}
.p-home-sec-feature-item-head__ttl--01:hover::after, .p-home-sec-feature-item-head__ttl--02:hover::after, .p-home-sec-feature-item-head__ttl--03:hover::after, .p-home-sec-feature-item-head__ttl--04:hover::after {
  background-size: 25.4452926209vw auto;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--01:hover::after, .p-home-sec-feature-item-head__ttl--02:hover::after, .p-home-sec-feature-item-head__ttl--03:hover::after, .p-home-sec-feature-item-head__ttl--04:hover::after {
    background-size: 130px auto;
  }
}
.p-home-sec-feature-item-head__ttl--01::before {
  content: "#1";
}
.p-home-sec-feature-item-head__ttl--01::after {
  background-image: url("/assets/images/home/sec_feature_thumb_01-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--01::after {
    background-image: url("/assets/images/home/sec_feature_thumb_01.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-feature-item-head__ttl--01::after {
    background-image: url("/assets/images/home/sec_feature_thumb_01@2x.webp");
  }
}
.p-home-sec-feature-item-head__ttl--02::before {
  content: "#2";
}
.p-home-sec-feature-item-head__ttl--02::after {
  background-image: url("/assets/images/home/sec_feature_thumb_02-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--02::after {
    background-image: url("/assets/images/home/sec_feature_thumb_02.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-feature-item-head__ttl--02::after {
    background-image: url("/assets/images/home/sec_feature_thumb_02@2x.webp");
  }
}
.p-home-sec-feature-item-head__ttl--03::before {
  content: "#3";
}
.p-home-sec-feature-item-head__ttl--03::after {
  background-image: url("/assets/images/home/sec_feature_thumb_03-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--03::after {
    background-image: url("/assets/images/home/sec_feature_thumb_03.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-feature-item-head__ttl--03::after {
    background-image: url("/assets/images/home/sec_feature_thumb_03@2x.webp");
  }
}
.p-home-sec-feature-item-head__ttl--04::before {
  content: "#4";
}
.p-home-sec-feature-item-head__ttl--04::after {
  background-image: url("/assets/images/home/sec_feature_thumb_04-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-head__ttl--04::after {
    background-image: url("/assets/images/home/sec_feature_thumb_04.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-feature-item-head__ttl--04::after {
    background-image: url("/assets/images/home/sec_feature_thumb_04@2x.webp");
  }
}
.p-home-sec-feature-item-body {
  padding-top: 6.3613231552vw;
  padding-right: 6.106870229vw;
  padding-bottom: 6.3613231552vw;
  padding-left: 6.106870229vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-body {
    padding-top: 27px;
    padding-right: 40px;
    padding-bottom: 41px;
    padding-left: 40px;
  }
}
.p-home-sec-feature-item-body__write {
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-body__write {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-foot {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.p-home-sec-feature-item-foot__btn {
  text-align: right;
}
.p-home-sec-feature-item-foot__btn &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: inline-block;
  padding-top: 2.0356234097vw;
  padding-right: 2.5445292621vw;
  padding-bottom: 2.0356234097vw;
  padding-left: 2.5445292621vw;
  background-color: #0065BD;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: #FFF;
}
.p-home-sec-feature-item-foot__btn &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-foot__btn &gt; a {
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    font-size: 12px;
  }
}
.p-home-sec-feature-item-foot__btn &gt; a::after {
  content: "";
  position: relative;
  right: 0;
  display: inline-block;
  margin-left: 1.272264631vw;
  width: 2.5445292621vw;
  height: 2.0356234097vw;
  background: url("/assets/images/common/ico_arrow_right_white.svg") center center/100% auto no-repeat;
  transition: right 0.3s;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-foot__btn &gt; a::after {
    margin-left: 5px;
    width: 10px;
    height: 8px;
  }
}
.p-home-sec-feature-item-foot__btn &gt; a:hover {
  opacity: 0.8;
}
.p-home-sec-feature-item-foot__btn &gt; a:hover::after {
  right: -1.0178117048vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-feature-item-foot__btn &gt; a:hover::after {
    right: -4px;
  }
}
.p-home-sec-timer {
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #00A096;
  background-size: 3.5623409669vw 3.5623409669vw;
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.05) 0.2544529262vw, transparent 0.2544529262vw), linear-gradient(rgba(255, 255, 255, 0.05) 0.2544529262vw, transparent 0.2544529262vw);
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer {
    padding-top: 70px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
    background-size: 14px 14px;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
    width: 100%;
  }
}
.p-home-sec-timer__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-home-sec-timer__ttl &gt; strong {
  font-weight: 500;
  font-size: 5.8524173028vw;
  line-height: 1.3913043478;
  letter-spacing: 0.05em;
  text-align: center;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__ttl &gt; strong {
    font-size: 32px;
    text-align: left;
  }
}
.p-home-sec-timer__ttl &gt; em {
  margin-top: 3.3078880407vw;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__ttl &gt; em {
    margin-top: 15px;
    font-size: 15px;
  }
}
.p-home-sec-timer__support {
  margin-top: 11.1959287532vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__support {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__support__pic {
    width: 47.4137931034%;
  }
}
.p-home-sec-timer__support__content {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__support__content {
    width: 47.4137931034%;
    margin-top: 0;
  }
}
.p-home-sec-timer__list {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px;
  }
}
.p-home-sec-timer-item {
  position: relative;
  padding-left: 25.4452926209vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item {
    padding-left: 0;
  }
}
@media only screen and (max-width: 786px) {
  .p-home-sec-timer-item:nth-of-type(n+2) {
    margin-top: 10.1781170483vw;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item {
    width: 30.6896551724%;
  }
}
.p-home-sec-timer-item-head__ttl--01, .p-home-sec-timer-item-head__ttl--02, .p-home-sec-timer-item-head__ttl--03, .p-home-sec-timer-item-head__ttl--04 {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.4117647059;
  letter-spacing: 0.05em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-head__ttl--01, .p-home-sec-timer-item-head__ttl--02, .p-home-sec-timer-item-head__ttl--03, .p-home-sec-timer-item-head__ttl--04 {
    font-size: 20px;
    letter-spacing: 0.07em;
  }
}
.p-home-sec-timer-item-head__ttl--01::before, .p-home-sec-timer-item-head__ttl--02::before, .p-home-sec-timer-item-head__ttl--03::before, .p-home-sec-timer-item-head__ttl--04::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.5267175573vw;
  display: block;
  width: 23.4096692112vw;
  height: 23.4096692112vw;
  background-position: left top;
  background-size: 23.4096692112vw auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-head__ttl--01::before, .p-home-sec-timer-item-head__ttl--02::before, .p-home-sec-timer-item-head__ttl--03::before, .p-home-sec-timer-item-head__ttl--04::before {
    position: relative;
    left: 0;
    width: 106px;
    height: 106px;
    margin: 0 auto 32px;
    background-size: 106px auto;
  }
}
.p-home-sec-timer-item-head__ttl--01::before {
  background-image: url("/assets/images/home/sec_timer_figure_01-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-head__ttl--01::before {
    background-image: url("/assets/images/home/sec_timer_figure_01.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-timer-item-head__ttl--01::before {
    background-image: url("/assets/images/home/sec_timer_figure_01@2x.webp");
  }
}
.p-home-sec-timer-item-head__ttl--02::before {
  background-image: url("/assets/images/home/sec_timer_figure_02-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-head__ttl--02::before {
    background-image: url("/assets/images/home/sec_timer_figure_02.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-timer-item-head__ttl--02::before {
    background-image: url("/assets/images/home/sec_timer_figure_02@2x.webp");
  }
}
.p-home-sec-timer-item-head__ttl--03::before {
  background-image: url("/assets/images/home/sec_timer_figure_03-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-head__ttl--03::before {
    background-image: url("/assets/images/home/sec_timer_figure_03.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-timer-item-head__ttl--03::before {
    background-image: url("/assets/images/home/sec_timer_figure_03@2x.webp");
  }
}
.p-home-sec-timer-item-head__ttl--04::before {
  background-image: url("/assets/images/home/sec_timer_figure_04-s.webp");
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-head__ttl--04::before {
    background-image: url("/assets/images/home/sec_timer_figure_04.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-sec-timer-item-head__ttl--04::before {
    background-image: url("/assets/images/home/sec_timer_figure_04@2x.webp");
  }
}
.p-home-sec-timer-item-body {
  margin-top: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-body {
    margin-top: 15px;
  }
}
.p-home-sec-timer-item-body__write {
  font-size: 3.3078880407vw;
  line-height: 1.6923076923;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-body__write {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
.p-home-sec-timer-item-foot {
  margin-top: 2.5445292621vw;
}
.p-home-sec-timer-item-foot__btn {
  text-align: right;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-foot__btn {
    text-align: left;
  }
}
.p-home-sec-timer-item-foot__btn &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: inline-block;
  padding-top: 2.0356234097vw;
  padding-right: 2.5445292621vw;
  padding-bottom: 2.0356234097vw;
  padding-left: 2.5445292621vw;
  background-color: rgba(255, 255, 255, 0.25);
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
  color: #FFF;
}
.p-home-sec-timer-item-foot__btn &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-foot__btn &gt; a {
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    font-size: 12px;
  }
}
.p-home-sec-timer-item-foot__btn &gt; a::after {
  content: "";
  position: relative;
  right: 0;
  display: inline-block;
  margin-left: 1.272264631vw;
  width: 2.5445292621vw;
  height: 2.0356234097vw;
  background: url("/assets/images/common/ico_arrow_right_white.svg") center center/100% auto no-repeat;
  transition: right 0.3s;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-foot__btn &gt; a::after {
    margin-left: 5px;
    width: 10px;
    height: 8px;
  }
}
.p-home-sec-timer-item-foot__btn &gt; a:hover::after {
  right: -1.0178117048vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer-item-foot__btn &gt; a:hover::after {
    right: -4px;
  }
}
.p-home-sec-timer__support .p-home-sec-timer-item-head__ttl--01:before {
  display: none;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__support .p-home-sec-timer-item-head__ttl--01 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-timer__support .p-home-sec-timer-item-body__write {
    font-size: 18px;
  }
}
.p-home-sec-tips {
  padding-top: 15.2671755725vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips {
    padding-top: 80px;
    padding-right: 30px;
    padding-bottom: 120px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
    width: 100%;
  }
}
.p-home-sec-tips__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips__list {
    justify-content: space-between;
    margin-top: 50px;
  }
}
.p-home-sec-tips-item {
  width: 43.0025445293vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips-item {
    width: 23.1034482759%;
  }
}
.p-home-sec-tips-item:nth-of-type(n+3) {
  margin-top: 10.6870229008vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips-item:nth-of-type(n+3) {
    margin-top: 0;
  }
}
.p-home-sec-tips-item:nth-of-type(even) {
  margin-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips-item:nth-of-type(even) {
    margin-left: 0;
  }
}
.p-home-sec-tips-item__photo {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 27.989821883vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips-item__photo {
    height: 177px;
  }
}
.p-home-sec-tips-item__photo &gt; img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-home-sec-tips-item &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-home-sec-tips-item &gt; a:hover {
  opacity: 0.8;
}
.p-home-sec-tips-item &gt; a:hover picture img {
  scale: 1.05;
}
.p-home-sec-tips-item__write {
  margin-top: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 1.5384615385;
  letter-spacing: 0.02em;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips-item__write {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.8666666667;
  }
}
.p-home-sec-tips__btn {
  margin-top: 10.1781170483vw;
  margin-right: auto;
  margin-left: auto;
  width: 53.9440203562vw;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips__btn {
    margin-top: 60px;
    width: 220px;
  }
}
.p-home-sec-tips__btn &gt; a {
  position: relative;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips__btn &gt; a {
    font-size: 15px;
  }
}
.p-home-sec-tips__btn &gt; a::after {
  content: "";
  position: absolute;
  top: 2.7989821883vw;
  right: 4.5801526718vw;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  background: url("/assets/images/common/ico_window.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-home-sec-tips__btn &gt; a::after {
    top: 12px;
    right: 20px;
    width: 10px;
    height: 10px;
  }
}
.p-home-bnrArea {
  margin-right: auto;
  margin-bottom: 11.4503816794vw;
  margin-left: auto;
  width: 91.6030534351vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrArea {
    margin-bottom: 70px;
    width: 1166px;
  }
}
.p-home-bnrArea__ttl {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrArea__ttl {
    font-size: 26px;
  }
}
.p-home-bnrArea__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5.0890585242vw;
  justify-content: space-between;
  margin-top: 6.106870229vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrArea__list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    -moz-column-gap: 70px;
         column-gap: 70px;
    row-gap: 40px;
    margin-top: 45px;
  }
}
.p-home-bnrArea__list &gt; div {
  width: 44.2748091603vw;
  height: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrArea__list &gt; div {
    width: 548px;
    height: 138px;
  }
}
.p-home-bnrArea__list &gt; div &gt; a {
  width: 100%;
  height: 100%;
}
.p-home-bnrElectrical &gt; a {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 15.2671755725vw;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrElectrical &gt; a {
    width: 548px;
    height: 138px;
    border-radius: 7px;
  }
}
.p-home-bnrElectrical &gt; a:hover .p-home-bnrElectrical__pic &gt; img {
  scale: 1.05;
}
.p-home-bnrElectrical__pic {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.p-home-bnrElectrical__pic &gt; img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  scale: 1;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-home-bnrElectrical__ttl {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: 5.5979643766vw;
  width: 34.6055979644vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrElectrical__ttl {
    margin-left: 47px;
    width: 384px;
  }
}
.p-home-bnrIt &gt; a {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 15.2671755725vw;
  border: 1px solid #F5F5F5;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrIt &gt; a {
    width: 548px;
    height: 138px;
    border-radius: 7px;
  }
}
@media only screen and (min-width: 787px) and (min-width: 787px) {
  .p-home-bnrIt &gt; a {
    border-radius: 7px;
  }
}
.p-home-bnrIt &gt; a:hover .p-home-bnrIt__pic &gt; img {
  scale: 1.05;
}
.p-home-bnrIt__pic {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.p-home-bnrIt__pic &gt; img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  scale: 1;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-home-bnrIt__ttl {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: 5.5979643766vw;
  width: 36.1323155216vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrIt__ttl {
    margin-left: 47px;
    width: 384px;
  }
}
.p-home-bnrBiological &gt; a {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 15.2671755725vw;
  border: 1px solid #F5F5F5;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrBiological &gt; a {
    width: 548px;
    height: 138px;
    border-radius: 7px;
  }
}
.p-home-bnrBiological &gt; a:hover .p-home-bnrBiological__pic &gt; img {
  scale: 1.05;
}
.p-home-bnrBiological__pic {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.p-home-bnrBiological__pic &gt; img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  scale: 1;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-home-bnrBiological__ttl {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: 5.5979643766vw;
  width: 36.3867684478vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrBiological__ttl {
    margin-left: 47px;
    width: 384px;
  }
}
.p-home-bnrChemical &gt; a {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 15.2671755725vw;
  border: 1px solid #F5F5F5;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrChemical &gt; a {
    width: 548px;
    height: 138px;
    border-radius: 7px;
  }
}
.p-home-bnrChemical &gt; a:hover .p-home-bnrChemical__pic &gt; img {
  scale: 1.05;
}
.p-home-bnrChemical__pic {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.p-home-bnrChemical__pic &gt; img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  scale: 1;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-home-bnrChemical__ttl {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: 5.5979643766vw;
  width: 35.368956743vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrChemical__ttl {
    margin-left: 47px;
    width: 384px;
  }
}
.p-home-bnrVoice &gt; a {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrVoice &gt; a {
    border-radius: 7px;
  }
}
.p-home-bnrVoice &gt; a::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 90.5852417303vw;
  height: 1.7811704835vw;
  background-image: url("/assets/images/home/bnr_voice_dot-s.webp");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrVoice &gt; a::before {
    width: 548px;
    height: 7px;
    background-image: url("/assets/images/home/bnr_voice_dot.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-bnrVoice &gt; a::before {
    background-image: url("/assets/images/home/bnr_voice_dot@2x.webp");
  }
}
.p-home-bnrVoice &gt; a:hover .p-home-bnrVoice__pic &gt; img {
  scale: 1.05;
}
.p-home-bnrVoice &gt; a &gt; p {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 3.8167938931vw;
  display: flex;
  flex-direction: column;
  row-gap: 1.5267175573vw;
  transform: translateY(-50%);
}
@media only screen and (min-width: 787px) {
  .p-home-bnrVoice &gt; a &gt; p {
    left: 43px;
    row-gap: 14px;
  }
}
.p-home-bnrVoice &gt; a &gt; p &gt; span {
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
}
.p-home-bnrVoice &gt; a &gt; p &gt; span:nth-of-type(1) {
  font-size: 2.2900763359vw;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrVoice &gt; a &gt; p &gt; span:nth-of-type(1) {
    font-size: 23px;
  }
}
.p-home-bnrVoice &gt; a &gt; p &gt; span:nth-of-type(2) {
  font-size: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrVoice &gt; a &gt; p &gt; span:nth-of-type(2) {
    font-size: 28px;
  }
}
.p-home-bnrVoice &gt; a &gt; p::after {
  content: "";
  position: absolute;
  right: -8.1424936387vw;
  bottom: -2.5445292621vw;
  width: 5.5979643766vw;
  height: 8.9058524173vw;
  background-image: url("/assets/images/home/ico_voice_balloon-s.webp");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrVoice &gt; a &gt; p::after {
    right: -51px;
    bottom: -5px;
    width: 45px;
    height: 48px;
    background-image: url("/assets/images/home/ico_voice_balloon.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-home-bnrVoice &gt; a &gt; p::after {
    background-image: url("/assets/images/home/ico_voice_balloon@2x.webp");
  }
}
.p-home-bnrVoice__pic {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.p-home-bnrVoice__pic &gt; img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  scale: 1;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-home-bnrVoice__ttl {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: 7.6335877863vw;
  width: 64.631043257vw;
}
@media only screen and (min-width: 787px) {
  .p-home-bnrVoice__ttl {
    margin-left: 47px;
    width: 384px;
  }
}

.p-interview-detail__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-interview-detail__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1160px;
}
.p-interview-detail-sec:nth-of-type(n+2) {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-sec:nth-of-type(n+2) {
    margin-top: 80px;
  }
}
.p-interview-detail-sec h3 {
  position: relative;
  padding-top: 3.8167938931vw;
  padding-right: 6.3613231552vw;
  padding-bottom: 3.8167938931vw;
  padding-left: 6.3613231552vw;
  background-color: #F7F8F8;
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-sec h3 {
    padding-top: 20px;
    padding-right: 35px;
    padding-bottom: 20px;
    padding-left: 35px;
    font-size: 20px;
  }
}
.p-interview-detail-sec h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.0356234097vw;
  height: 100%;
  background: url("/assets/images/common/ttl_measure.svg") right top/1.272264631vw auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-sec h3::before {
    width: 12px;
  }
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-sec h3::before {
    background: url("/assets/images/common/ttl_measure.svg") right top/6px auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-interview-detail-sec h3::before {
    background: url("/assets/images/common/ttl_measure.svg") right top/6px auto repeat-y, linear-gradient(to bottom, #0064B8, #00A8E7);
  }
}
.p-interview-detail-sec h3:not(:first-child) {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-sec h3:not(:first-child) {
    margin-top: 80px;
  }
}
.p-interview-detail-sec p {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2.1538461538;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-sec p {
    margin-top: 40px;
    font-size: 16px;
    line-height: 2.25;
  }
}
.p-interview-detail-nav {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-nav {
    margin-top: 104px;
  }
}
.p-interview-detail-nav__item &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  padding-top: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
.p-interview-detail-nav__item &gt; a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-nav__item &gt; a {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #DEE7EB;
  }
}
.p-interview-detail-nav__item &gt; a:hover &gt; dl &gt; dt {
  letter-spacing: 0.2em;
}
.p-interview-detail-nav__item:nth-of-type(1) &gt; a {
  border-top: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-nav__item:nth-of-type(1) &gt; a {
    border-top: 1px solid #DEE7EB;
  }
}
.p-interview-detail-nav__def &gt; dt {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.075em;
  text-align: center;
  color: #0065BD;
  transition: letter-spacing 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-nav__def &gt; dt {
    font-size: 14px;
  }
}
.p-interview-detail-nav__def &gt; dd {
  margin-top: 1.7811704835vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.6923076923;
}
@media only screen and (min-width: 787px) {
  .p-interview-detail-nav__def &gt; dd {
    margin-top: 7px;
    font-size: 18px;
  }
}

.p-interview-top__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-interview-top__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-interview-top__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1160px;
}
.p-interview-top__labels &gt; ul {
  display: flex;
}
.p-interview-top__labels &gt; ul &gt; li:nth-of-type(n+2) {
  margin-left: 2.5445292621vw;
}
@media only screen and (min-width: 787px) {
  .p-interview-top__labels &gt; ul &gt; li:nth-of-type(n+2) {
    margin-left: 10px;
  }
}
.p-interview-top__labels &gt; ul &gt; li &gt; a {
  display: block;
  padding-top: 2.5445292621vw;
  padding-right: 2.5445292621vw;
  padding-bottom: 2.5445292621vw;
  padding-left: 2.5445292621vw;
  width: 100%;
  height: 100%;
  border-radius: 1.0178117048vw;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-interview-top__labels &gt; ul &gt; li &gt; a {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 4px;
    font-size: 15px;
  }
}
.p-interview-top__label--youth &gt; a {
  background-color: #6FB7E5;
}
.p-interview-top__label--youth.is-active &gt; a {
  background-color: #FFF;
  border: 0.5089058524vw solid #6FB7E5;
  color: #6FB7E5;
}
@media only screen and (min-width: 787px) {
  .p-interview-top__label--youth.is-active &gt; a {
    border: 2px solid #6FB7E5;
  }
}
.p-interview-top__label--senior &gt; a {
  background-color: #0045BD;
}
.p-interview-top__label--senior.is-active &gt; a {
  background-color: #FFF;
  border: 0.5089058524vw solid #0045BD;
  color: #0045BD;
}
@media only screen and (min-width: 787px) {
  .p-interview-top__label--senior.is-active &gt; a {
    border: 2px solid #0045BD;
  }
}
.p-interview-top__label--support &gt; a {
  background-color: #00A096;
}
.p-interview-top__label--support.is-active &gt; a {
  background-color: #FFF;
  border: 0.5089058524vw solid #00A096;
  color: #00A096;
}
@media only screen and (min-width: 787px) {
  .p-interview-top__label--support.is-active &gt; a {
    border: 2px solid #00A096;
  }
}
.p-interview-top-voice {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-interview-top-voice {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-interview-top-voice_cards {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 787px) {
  .p-interview-top-voice_cards &gt; li {
    width: 50%;
  }
}

.p-new-graduate__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-new-graduate__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate__article {
    max-width: 1160px;
  }
}
.p-new-graduate__btn {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
}
.p-new-graduate__btn:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate__btn {
    margin-right: auto;
    margin-left: auto;
    width: 460px;
  }
}
.p-new-graduate__btn:nth-of-type(1) {
  margin-bottom: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate__btn:nth-of-type(1) {
    margin-bottom: 60px;
  }
}
.p-new-graduate__btn:nth-of-type(2) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate__btn:nth-of-type(2) {
    margin-top: 60px;
  }
}
.p-new-graduate-sec-guideline {
  padding-bottom: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-guideline {
    padding-bottom: 60px;
  }
}
.p-new-graduate-sec-guideline__txt {
  margin-top: 5.0890585242vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-guideline__txt {
    margin-top: 40px;
    font-size: 16px;
  }
}
.p-new-graduate-sec-guideline__txt &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-decoration: underline;
  color: #0065BD;
}
.p-new-graduate-sec-guideline__txt &gt; a:hover {
  opacity: 0.8;
}
.p-new-graduate-sec-guideline-table__ttl {
  margin-top: 10.1781170483vw;
  margin-bottom: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-guideline-table__ttl {
    margin-top: 80px;
    margin-bottom: 40px;
  }
}
.p-new-graduate-sec-process01 {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01 {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01__in {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.p-new-graduate-sec-process01__subTtl {
  margin-top: 7.6335877863vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  line-height: 1.5714285714;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01__subTtl {
    margin-top: 0;
    font-size: 18px;
    color: #0065BD;
  }
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01__inIn {
    width: 57.7586206897%;
  }
}
.p-new-graduate-sec-process01__list {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01__list {
    margin-top: 0;
  }
}
.p-new-graduate-sec-process01__list &gt; li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.4147582697vw;
  font-size: 3.3078880407vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01__list &gt; li {
    height: 50px;
    font-size: 16px;
  }
}
.p-new-graduate-sec-process01__list &gt; li:not(:nth-last-of-type(1))::after {
  content: "";
  position: absolute;
  bottom: -5.8524173028vw;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 2.5445292621vw;
  height: 3.0534351145vw;
  background: url("/assets/images/common/ico_arrow_under_blue.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01__list &gt; li:not(:nth-last-of-type(1))::after {
    bottom: -28px;
    width: 11px;
    height: 14px;
  }
}
.p-new-graduate-sec-process01__list &gt; li:nth-of-type(n+2) {
  margin-top: 8.3969465649vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01__list &gt; li:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
.p-new-graduate-sec-process01__list &gt; li:nth-of-type(1) {
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process01__list &gt; li:nth-of-type(1) {
    border: 1px solid #DEE7EB;
  }
}
.p-new-graduate-sec-process01__list &gt; li:nth-of-type(2) {
  background-color: #F7F8F8;
}
.p-new-graduate-sec-process01__list &gt; li:nth-of-type(3) {
  background-color: #F7F8F8;
}
.p-new-graduate-sec-process01__list &gt; li:nth-of-type(4) {
  background-color: #0045BD;
  color: #FFF;
}
.p-new-graduate-sec-process02 {
  margin-top: 15.2671755725vw;
  margin-bottom: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02__inIn {
    -moz-columns: 2;
         columns: 2;
    margin-top: 60px;
  }
}
.p-new-graduate-sec-process02-step {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step {
    margin-top: 0;
  }
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step:nth-of-type(2) {
    margin-top: 80px;
    margin-bottom: 192px;
  }
}
.p-new-graduate-sec-process02-step__ttl {
  display: flex;
  flex-direction: column;
}
.p-new-graduate-sec-process02-step__ttl &gt; em {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-size: 3.0534351145vw;
  letter-spacing: 0.05em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__ttl &gt; em {
    font-size: 16px;
  }
}
.p-new-graduate-sec-process02-step__ttl &gt; strong {
  margin-top: 2.0356234097vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__ttl &gt; strong {
    margin-top: 15px;
    font-size: 26px;
  }
}
.p-new-graduate-sec-process02-step__list {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__list {
    margin-top: 30px;
  }
}
.p-new-graduate-sec-process02-step__list &gt; li {
  font-size: 3.0534351145vw;
  line-height: 2.1666666667;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__list &gt; li {
    font-size: 16px;
    line-height: 2.375;
  }
}
.p-new-graduate-sec-process02-step__write {
  font-size: 3.0534351145vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__write {
    font-size: 18px;
    line-height: 2;
  }
}
.p-new-graduate-sec-process02-step__write:nth-of-type(1) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__write:nth-of-type(1) {
    margin-top: 30px;
  }
}
.p-new-graduate-sec-process02-step__write:nth-of-type(n+2) {
  margin-top: 3.0534351145vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__write:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.p-new-graduate-sec-process02-step__btn--01 {
  margin-top: 5.0890585242vw;
  width: 33.5877862595vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__btn--01 {
    margin-top: 40px;
    margin-bottom: 50px;
    width: 132px;
  }
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__btn--01 {
    width: 132px;
  }
}
.p-new-graduate-sec-process02-step__btn--02 {
  margin-top: 5.0890585242vw;
  width: 71.2468193384vw;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__btn--02 {
    margin-top: 40px;
    margin-bottom: 50px;
    width: 132px;
  }
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec-process02-step__btn--02 {
    width: 280px;
  }
}
.p-new-graduate-sec__write {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-new-graduate-sec__write {
    margin-top: 40px;
    font-size: 16px;
    line-height: 2;
  }
}

.p-notfound__article {
  padding-top: 20.3562340967vw;
  padding-bottom: 20.3562340967vw;
}
@media only screen and (min-width: 787px) {
  .p-notfound__article {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.p-notfound__def {
  text-align: center;
}
.p-notfound__def &gt; dt {
  font-weight: 500;
  font-size: 5.0890585242vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-notfound__def &gt; dt {
    font-size: 30px;
  }
}
.p-notfound__def &gt; dd {
  margin-top: 6.8702290076vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-notfound__def &gt; dd {
    margin-top: 36px;
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-notfound__btn {
  margin-top: 7.6335877863vw;
  margin-right: auto;
  margin-left: auto;
  width: 41.2213740458vw;
}
@media only screen and (min-width: 787px) {
  .p-notfound__btn {
    margin-top: 50px;
    width: 174px;
  }
}
@media only screen and (min-width: 787px) {
  .p-notfound__btn &gt; a {
    font-size: 15px;
  }
}

.p-privacy__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-privacy__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-privacy__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-privacy__article {
    max-width: 964px;
  }
}
.p-privacy-sec__ttl {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec__ttl {
    margin-top: 80px;
  }
}
.p-privacy-sec__endTxt {
  margin-top: 7.6335877863vw;
  text-align: right;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec__endTxt {
    margin-top: 50px;
  }
}
.p-privacy-sec__in &gt; p {
  margin-top: 7.6335877863vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec__in &gt; p {
    margin-top: 50px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-privacy-sec__in &gt; p &gt; a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-decoration: underline;
  color: #0065BD;
}
.p-privacy-sec__in &gt; p &gt; a:hover {
  opacity: 0.8;
}
.p-privacy-sec__in &gt; p &gt; a:hover {
  text-decoration: none;
}
.p-privacy-sec__in &gt; ul {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec__in &gt; ul {
    margin-top: 50px;
  }
}
.p-privacy-sec__in &gt; ul &gt; li {
  margin-left: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
  list-style: decimal;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec__in &gt; ul &gt; li {
    margin-left: 16px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-privacy-sec-table {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec-table {
    margin-top: 30px;
  }
}
.p-privacy-sec-table &gt; div {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec-table &gt; div {
    margin-top: 50px;
  }
}
.p-privacy-sec-table &gt; div &gt; h3 {
  padding-top: 0.5089058524vw;
  padding-right: 3.3078880407vw;
  padding-bottom: 0.5089058524vw;
  padding-left: 3.3078880407vw;
  background-color: #EEF5F8;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec-table &gt; div &gt; h3 {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-color: transparent;
    font-size: 17px;
    line-height: 1.5294117647;
    color: #0065BD;
  }
}
.p-privacy-sec-table &gt; div &gt; p {
  margin-top: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec-table &gt; div &gt; p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-privacy-sec-table__in &gt; h4 {
  margin-top: 3.8167938931vw;
  font-weight: 400;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec-table__in &gt; h4 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-privacy-sec-table__in &gt; dl &gt; dt {
  margin-top: 3.8167938931vw;
  font-weight: 700;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec-table__in &gt; dl &gt; dt {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-privacy-sec-table__in &gt; dl &gt; dd {
  margin-top: 2.5445292621vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec-table__in &gt; dl &gt; dd {
    margin-top: 15px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-privacy-sec-table__in &gt; dl &gt; dd &gt; ul &gt; li {
  margin-left: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
  list-style: upper-latin;
}
@media only screen and (min-width: 787px) {
  .p-privacy-sec-table__in &gt; dl &gt; dd &gt; ul &gt; li {
    margin-left: 16px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-privacy__mark {
  display: flex;
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-privacy__mark {
    margin-top: 50px;
  }
}
.p-privacy__mark &gt; a {
  flex-shrink: 0;
  display: block;
  width: 19.0839694656vw;
}
@media only screen and (min-width: 787px) {
  .p-privacy__mark &gt; a {
    width: 75px;
  }
}
.p-privacy__mark &gt; a &gt; picture &gt; img {
  width: 100%;
}
.p-privacy__mark &gt; p {
  margin-left: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-privacy__mark &gt; p {
    margin-left: 30px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-privacy__attention {
  margin-top: 7.6335877863vw;
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  background-color: #EEF5F8;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-privacy__attention {
    margin-top: 50px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 2;
  }
}

.p-project-detail {
  background-color: #EEF5F8;
}
@media only screen and (min-width: 787px) {
  .p-project-detail__in {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
  }
}
.p-project-detail__article {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail__article {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 90px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    max-width: 1160px;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-detail__secWrap {
    order: 2;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 278px - 55px);
  }
}
.p-project-detail-sec-desc {
  margin-right: 4.5801526718vw;
  margin-left: 4.5801526718vw;
  padding-top: 5.0890585242vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #DEE7EB;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc {
    margin-right: 0;
    margin-left: 0;
    padding-top: 40px;
    padding-right: 0;
    padding-bottom: 40px;
    padding-left: 0;
    border: 1px solid #DEE7EB;
    border-radius: 7px;
  }
}
.p-project-detail-sec-desc-head {
  padding-right: 5.0890585242vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-head {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.p-project-detail-sec-desc-head__ttl {
  padding-bottom: 5.0890585242vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
  font-weight: 500;
  font-size: 3.8167938931vw;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-head__ttl {
    padding-bottom: 30px;
    border-bottom: 1px solid #DEE7EB;
    font-size: 20px;
    line-height: 1.7;
  }
}
.p-project-detail-sec-desc-body {
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 7.6335877863vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-body {
    display: flex;
    justify-content: space-between;
    padding-top: 36px;
    padding-right: 40px;
    padding-bottom: 60px;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-body__col {
    width: 48%;
  }
}
@media only screen and (max-width: 786px) {
  .p-project-detail-sec-desc-body__col:nth-of-type(n+2) {
    margin-top: 5.0890585242vw;
  }
}
.p-project-detail-sec-desc-body__def &gt; dt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 1.7811704835vw;
  padding-left: 1.7811704835vw;
  height: 6.3613231552vw;
  background-color: #EEF5F8;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
  color: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-body__def &gt; dt {
    padding-right: 7px;
    padding-left: 7px;
    height: 27px;
    font-size: 13px;
  }
}
.p-project-detail-sec-desc-body__def &gt; dt:nth-of-type(n+2) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-body__def &gt; dt:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.p-project-detail-sec-desc-body__def &gt; dd {
  margin-top: 2.5445292621vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-body__def &gt; dd {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
.p-project-detail-sec-desc-body__def &gt; dd a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: #0065BD;
  text-decoration: underline;
}
.p-project-detail-sec-desc-body__def &gt; dd a:hover {
  opacity: 0.8;
}
.p-project-detail-sec-desc-body__def &gt; dd a:hover {
  text-decoration: none;
}
.p-project-detail-sec-desc-foot {
  padding-right: 5.0890585242vw;
  padding-bottom: 10.1781170483vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-foot {
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }
}
.p-project-detail-sec-desc-foot__desc {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-foot__desc {
    margin-top: 30px;
  }
}
.p-project-detail-sec-desc-foot__desc &gt; dt {
  padding-bottom: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-foot__desc &gt; dt {
    padding-bottom: 15px;
    border-bottom: 1px solid #DEE7EB;
    font-size: 16px;
  }
}
.p-project-detail-sec-desc-foot__desc &gt; dt:nth-of-type(n+2) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-foot__desc &gt; dt:nth-of-type(n+2) {
    margin-top: 36px;
  }
}
.p-project-detail-sec-desc-foot__desc &gt; dd {
  margin-top: 2.5445292621vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-desc-foot__desc &gt; dd {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.p-project-detail-sec-area {
  padding-top: 15.2671755725vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-area {
    padding-top: 100px;
    padding-right: 30px;
    padding-bottom: 120px;
    padding-left: 30px;
    background-color: #FFF;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-area__in {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1160px;
  }
}
.p-project-detail-sec-area__ttl {
  margin-bottom: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-area__ttl {
    margin-right: 30px;
    margin-bottom: 50px;
    width: 300px;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-detail-sec-area__col {
    margin-top: 0;
    width: 100%;
    max-width: 825px;
  }
}

@media only screen and (min-width: 787px) {
  .p-project-list {
    background-color: #EEF5F8;
  }
}
.p-project-list__ttl {
  padding-top: 11.4503816794vw;
  background-color: #EEF5F8;
}
@media only screen and (min-width: 787px) {
  .p-project-list__ttl {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-list__article {
    margin-right: 0;
  }
}
.p-project-list-sec-card {
  padding-top: 7.6335877863vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #EEF5F8;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card {
    padding-top: 90px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-project-list-sec-card__in {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1160px;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card__inIn {
    position: relative;
    order: 2;
    width: calc(100% - 278px - 55px);
  }
  .p-project-list-sec-card__inIn:last-child {
    width: 100%;
  }
}
.p-project-list-sec-card__num {
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card__num {
    position: absolute;
    top: -40px;
    font-size: 14px;
  }
}
.p-project-list-sec-card__list {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card__list {
    margin-top: 0;
  }
}
.p-project-list-sec-card__item {
  padding-top: 5.0890585242vw;
  background-color: #FFF;
  border: 0.2544529262vw solid #DEE7EB;
  border-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card__item {
    padding-top: 30px;
    padding-bottom: 40px;
    border: 1px solid #DEE7EB;
    border-radius: 7px;
  }
}
.p-project-list-sec-card__item:nth-of-type(n+2) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card__item:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.p-project-list-sec-card-head {
  padding-right: 5.0890585242vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-head {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.p-project-list-sec-card-head__ttl {
  padding-bottom: 5.0890585242vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
  font-weight: 500;
  font-size: 3.8167938931vw;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-head__ttl {
    padding-right: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
    border-bottom: 1px solid #DEE7EB;
    font-size: 20px;
    line-height: 1.7;
  }
}
.p-project-list-sec-card-body {
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 7.6335877863vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-body {
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
  }
}
.p-project-list-sec-card-body__write {
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-body__write {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.p-project-list-sec-card-foot__btns {
  display: flex;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-foot__btns {
    justify-content: center;
  }
}
.p-project-list-sec-card-foot__btn {
  width: 50%;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-foot__btn {
    width: 176px;
  }
}
.p-project-list-sec-card-foot__btn &gt; a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 13.7404580153vw;
  font-weight: 500;
  font-size: 3.5623409669vw;
  letter-spacing: 0.05em;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), letter-spacing 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-foot__btn &gt; a {
    height: 47px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-foot__btn:nth-of-type(1) {
    margin-right: 10px;
  }
}
.p-project-list-sec-card-foot__btn:nth-of-type(1) &gt; a {
  background: linear-gradient(to right top, #0045BD, #159CD6);
  border-bottom-left-radius: 1.7811704835vw;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-foot__btn:nth-of-type(1) &gt; a {
    border-radius: 7px;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-foot__btn:nth-of-type(2) {
    margin-left: 10px;
  }
}
.p-project-list-sec-card-foot__btn:nth-of-type(2) &gt; a {
  background: #F7F8F8;
  border-bottom-right-radius: 1.7811704835vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-foot__btn:nth-of-type(2) &gt; a {
    border-radius: 7px;
  }
}
.p-project-list-sec-card-foot__btn:nth-of-type(2) &gt; a::before {
  content: "";
  display: block;
  margin-right: 0.7633587786vw;
  width: 4.3256997455vw;
  height: 4.0712468193vw;
  background: url("/assets/images/common/ico_favorite_on.svg") center center/100% auto no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-card-foot__btn:nth-of-type(2) &gt; a::before {
    margin-right: 3px;
    width: 17px;
    height: 16px;
  }
}
.p-project-list-sec-card-foot__btn:nth-of-type(2) &gt; a.is-active::before {
  background-image: url("/assets/images/common/ico_favorite.svg");
}
.p-project-list-sec-outline {
  padding-top: 7.6335877863vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 7.6335877863vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-outline {
    padding-top: 80px;
    padding-right: 30px;
    padding-bottom: 80px;
    padding-left: 30px;
    background-color: #FFF;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-outline__in {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1160px;
  }
}
.p-project-list-sec-outline__ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.3888888889;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-outline__ttl {
    display: block;
    margin-right: 30px;
    width: 300px;
    font-size: 20px;
    line-height: 1.25;
  }
}
.p-project-list-sec-outline__ico {
  display: block;
  width: 2.7989821883vw;
  height: 1.7811704835vw;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("/assets/images/project/ico_tryangle_blue.svg");
  transition: transform 0.2s ease-out;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-outline__ico {
    display: none;
  }
}
.p-project-list-sec-outline__ico.is-act {
  transform: rotate(180deg);
}
.p-project-list-sec-outline__desc {
  display: none;
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-outline__desc {
    display: block !important;
    margin-top: 0;
    width: 100%;
    height: auto !important;
    max-width: 825px;
  }
}
.p-project-list-sec-outline__desc &gt; p {
  font-size: 3.3078880407vw;
  line-height: 2.1538461538;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-outline__desc &gt; p {
    font-size: 14px;
    line-height: 2.1428571429;
  }
}
.p-project-list-sec-outline__desc &gt; p:nth-of-type(n+2) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-outline__desc &gt; p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.p-project-list-sec-area {
  padding-top: 15.2671755725vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-area {
    padding-top: 100px;
    padding-right: 30px;
    padding-bottom: 120px;
    padding-left: 30px;
    background-color: #FFF;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-area__in {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1160px;
  }
}
.p-project-list-sec-area__ttl {
  margin-bottom: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-area__ttl {
    margin-right: 30px;
    margin-bottom: 50px;
    width: 300px;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-list-sec-area__col {
    margin-top: 0;
    width: 100%;
    max-width: 825px;
  }
}

@media only screen and (min-width: 787px) {
  .p-project-top__cont {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.p-project-top__ttl {
  margin-top: 11.4503816794vw;
  margin-bottom: 6.3613231552vw;
}
@media only screen and (min-width: 787px) {
  .p-project-top__ttl {
    margin-top: 70px;
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-top__in {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px;
  }
}
.p-project-top__article {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-project-top__article {
    order: 2;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    width: calc(100% - 278px - 55px);
  }
}
.p-project-top-sec {
  overflow: hidden;
}
.p-project-top-sec__in--field:nth-of-type(n+2) {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-project-top-sec__in--field:nth-of-type(n+2) {
    margin-top: 60px;
  }
}
.p-project-top-sec__btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6.6157760814vw;
  border-left: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-project-top-sec__btns {
    margin-top: 30px;
    border-left: 1px solid #DEE7EB;
  }
}
.p-project-top-sec__btns &gt; li {
  width: 50%;
  height: 15.2671755725vw;
  border-right: 0.2544529262vw solid #DEE7EB;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-project-top-sec__btns &gt; li {
    width: 33.3333333333%;
    height: 60px;
    border-right: 1px solid #DEE7EB;
    border-bottom: 1px solid #DEE7EB;
  }
}
@media only screen and (max-width: 786px) {
  .p-project-top-sec__btns &gt; li:nth-of-type(-n+2) {
    border-top: 0.2544529262vw solid #DEE7EB;
  }
}
@media only screen and (min-width: 787px) {
  .p-project-top-sec__btns &gt; li:nth-of-type(-n+3) {
    border-top: 1px solid #DEE7EB;
  }
}
.p-project-top-sec__btns &gt; li a {
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 2.5445292621vw;
  padding-left: 5.0890585242vw;
  height: 100%;
  font-size: 3.3078880407vw;
  line-height: 1.3;
}
.p-project-top-sec__btns &gt; li a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 787px) {
  .p-project-top-sec__btns &gt; li a {
    padding-right: 0;
    padding-left: 30px;
    font-size: 15px;
  }
}
.p-project-top-sec__btns &gt; li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 2.5445292621vw;
  height: 0.2544529262vw;
  background: #3D97D0;
}
@media only screen and (min-width: 787px) {
  .p-project-top-sec__btns &gt; li a::before {
    width: 10px;
    height: 1px;
  }
}
.p-project-top-sec-area {
  margin-top: 15.2671755725vw;
  padding-bottom: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-project-top-sec-area {
    margin-top: 100px;
    padding-bottom: 120px;
  }
}
.p-project-top-sec-area__ttl {
  margin-bottom: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-project-top-sec-area__ttl {
    margin-bottom: 50px;
  }
}

.p-support__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 20.3562340967vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-support__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-support__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-support__article {
    max-width: 1160px;
  }
}
@media only screen and (min-width: 787px) {
  .p-support__inIn {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 787px) {
  .p-support__head {
    width: calc(100% - 600px);
  }
}
@media only screen and (min-width: 787px) {
  .p-support__body {
    width: 553px;
  }
}
.p-support__ttl {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-support__ttl {
    font-size: 36px;
    line-height: 1.6111111111;
  }
}
.p-support__lead {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-support__lead {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2.375;
  }
}
.p-support__flow {
  margin-top: 10.1781170483vw;
}
@media only screen and (min-width: 787px) {
  .p-support__flow {
    margin-top: 0;
  }
}
.p-support-sec {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec {
    margin-top: 120px;
  }
}
.p-support-sec__ttl--01 {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1.0178117048vw;
  padding-bottom: 1.0178117048vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--01 {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 35px;
  }
}
.p-support-sec__ttl--01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.0178117048vw;
  height: 100%;
  border-radius: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--01::before {
    width: 11px;
    border-radius: 20px;
  }
}
.p-support-sec__ttl--01 &gt; em {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4325699746vw;
  height: 5.3435114504vw;
  border-radius: 15.2671755725vw;
  font-weight: 500;
  font-size: 2.7989821883vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--01 &gt; em {
    width: 61px;
    height: 33px;
    font-size: 15px;
  }
}
.p-support-sec__ttl--01 &gt; strong {
  margin-top: 2.5445292621vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--01 &gt; strong {
    margin-top: 20px;
    font-size: 30px;
  }
}
.p-support-sec__ttl--01::before {
  background: linear-gradient(to top, #5E90C4, #98A6B6);
}
.p-support-sec__ttl--02 {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1.0178117048vw;
  padding-bottom: 1.0178117048vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--02 {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 35px;
  }
}
.p-support-sec__ttl--02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.0178117048vw;
  height: 100%;
  border-radius: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--02::before {
    width: 11px;
    border-radius: 20px;
  }
}
.p-support-sec__ttl--02 &gt; em {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4325699746vw;
  height: 5.3435114504vw;
  border-radius: 15.2671755725vw;
  font-weight: 500;
  font-size: 2.7989821883vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--02 &gt; em {
    width: 61px;
    height: 33px;
    font-size: 15px;
  }
}
.p-support-sec__ttl--02 &gt; strong {
  margin-top: 2.5445292621vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--02 &gt; strong {
    margin-top: 20px;
    font-size: 30px;
  }
}
.p-support-sec__ttl--02::before {
  background: linear-gradient(to top, #0538B0, #2D8BC6);
}
.p-support-sec__ttl--03 {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1.0178117048vw;
  padding-bottom: 1.0178117048vw;
  padding-left: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--03 {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 35px;
  }
}
.p-support-sec__ttl--03::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.0178117048vw;
  height: 100%;
  border-radius: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--03::before {
    width: 11px;
    border-radius: 20px;
  }
}
.p-support-sec__ttl--03 &gt; em {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4325699746vw;
  height: 5.3435114504vw;
  border-radius: 15.2671755725vw;
  font-weight: 500;
  font-size: 2.7989821883vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--03 &gt; em {
    width: 61px;
    height: 33px;
    font-size: 15px;
  }
}
.p-support-sec__ttl--03 &gt; strong {
  margin-top: 2.5445292621vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__ttl--03 &gt; strong {
    margin-top: 20px;
    font-size: 30px;
  }
}
.p-support-sec__ttl--03::before {
  background: linear-gradient(to top, #032155, #0538B0);
}
.p-support-sec__em--01 {
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__em--01 {
    border: 1px solid #DEE7EB;
  }
}
.p-support-sec__em--02, .p-support-sec__em--03 {
  background-color: #2F3C43;
  color: #FFF;
}
.p-support-sec__container {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__container {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 787px) {
  .p-support-sec__container.is-centering {
    align-items: center;
  }
}
@media only screen and (min-width: 787px) {
  .p-support-sec__thumb {
    width: 29.1379310345%;
  }
}
.p-support-sec__content {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__content {
    margin-top: 0;
    width: 66.5517241379%;
  }
}
.p-support-sec__lead {
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__lead {
    font-size: 18px;
    line-height: 2.1111111111;
    letter-spacing: 0.02em;
  }
}
.p-support-sec__lead:not(:first-child) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__lead:not(:first-child) {
    margin-top: 40px;
  }
}
.p-support-sec-accordionWrap {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec-accordionWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
}
@media only screen and (min-width: 787px) {
  .p-support-sec-accordion {
    width: 47.5862068966%;
  }
}
.p-support-sec__table {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__table {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-left: -30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-support-sec__table &gt; div {
    margin-top: 50px;
    margin-left: 30px;
    width: 356px;
  }
}
@media only screen and (max-width: 786px) {
  .p-support-sec__table &gt; div:nth-of-type(n+2) {
    margin-top: 7.6335877863vw;
  }
}
.p-support-sec__table &gt; div &gt; h3 {
  padding-top: 0.5089058524vw;
  padding-right: 3.3078880407vw;
  padding-bottom: 0.5089058524vw;
  padding-left: 3.3078880407vw;
  background-color: #EEF5F8;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__table &gt; div &gt; h3 {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-color: transparent;
    font-size: 17px;
    line-height: 1.5294117647;
    color: #0065BD;
  }
}
.p-support-sec__table &gt; div &gt; div &gt; p {
  margin-top: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-support-sec__table &gt; div &gt; div &gt; p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-support-ad {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-support-ad {
    margin-top: 100px;
  }
}

html.modal-visible {
  overflow: hidden;
}

.voice .m-modal {
  position: fixed;
}

.p-voice {
  position: static !important;
  top: 0 !important;
}
@media only screen and (min-width: 787px) {
  .p-voice-mv__in {
    margin-right: auto;
    margin-left: auto;
  }
}
.p-voice-mv-ttl {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  row-gap: 2.5445292621vw;
  margin-left: 22.1374045802vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-mv-ttl {
    margin-right: auto;
    margin-left: auto;
    width: 1024px;
  }
}
.p-voice-mv-ttl_txt--01 {
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  font-size: 5.8524173028vw;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-mv-ttl_txt--01 {
    font-size: 61px;
  }
}
.p-voice-mv-ttl_txt--02 {
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  font-size: 7.1246819338vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-mv-ttl_txt--02 {
    font-size: 74px;
  }
}
.p-voice-mv-ttl::after {
  content: "";
  position: absolute;
  right: -8.9058524173vw;
  bottom: -1.0178117048vw;
  width: 10.6870229008vw;
  height: 11.4503816794vw;
  background-image: url("/assets/images/voice/mv_balloon-s.webp");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-voice-mv-ttl::after {
    right: auto;
    left: 480px;
    bottom: -5px;
    width: 111px;
    height: 118px;
    background-image: url("/assets/images/voice/mv_balloon.webp");
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-voice-mv-ttl::after {
    background-image: url("/assets/images/voice/mv_balloon.webp");
  }
}
.p-voice__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-voice__article {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.p-voice-sec-reason {
  margin-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason {
    margin-top: 90px;
    padding-right: 0;
    padding-left: 0;
    max-width: 1024px;
    width: 100%;
  }
}
.p-voice-sec-reason__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-voice-sec-reason__ttl &gt; span {
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__ttl &gt; span {
    font-size: 24px;
    line-height: 1.4583333333;
  }
}
.p-voice-sec-reason__ttl &gt; strong {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 4.0712468193vw;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__ttl &gt; strong {
    font-size: 29px;
    line-height: 1.4482758621;
    letter-spacing: 0.05em;
  }
}
.p-voice-sec-reason__ttl &gt; strong &gt; em {
  position: relative;
  z-index: 1;
  margin-left: 1.272264631vw;
  font-weight: 500;
  font-size: 5.0890585242vw;
  line-height: 1.45;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__ttl &gt; strong &gt; em {
    margin-left: 5px;
    font-size: 36px;
    line-height: 1.4444444444;
  }
}
.p-voice-sec-reason__ttl &gt; strong &gt; em::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 1.0178117048vw;
  left: 0;
  display: block;
  width: 100%;
  height: 1.0178117048vw;
  background-color: #F7F285;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__ttl &gt; strong &gt; em::before {
    bottom: 4px;
    height: 4px;
  }
}
.p-voice-sec-reason__list {
  margin-top: 3.5623409669vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__list {
    margin-top: 64px;
  }
}
.p-voice-sec-reason__list &gt; li {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4.5801526718vw;
  padding-top: 4.0712468193vw;
  padding-bottom: 4.0712468193vw;
  border-bottom: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__list &gt; li {
    gap: 40px;
    padding-top: 23px;
    padding-bottom: 23px;
    border-bottom: 1px solid #DEE7EB;
  }
}
.p-voice-sec-reason__list &gt; li::before {
  position: absolute;
  top: 1.5267175573vw;
  left: -1.5267175573vw;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.1603053435vw;
  height: 9.1603053435vw;
  background: url("/assets/images/electrical-engineer/sec_element_ico_badge-s.webp") center center/100% auto no-repeat;
  font-family: "Chakra Petch", sans-serif;
  font-size: 4.3256997455vw;
  line-height: 9.1603053435vw;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__list &gt; li::before {
    top: 13px;
    left: -13px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__list &gt; li::before {
    background: url("/assets/images/electrical-engineer/sec_element_ico_badge.webp") center center/100% auto no-repeat;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-voice-sec-reason__list &gt; li::before {
    background: url("/assets/images/electrical-engineer/sec_element_ico_badge@2x.webp") center center/100% auto no-repeat;
  }
}
.p-voice-sec-reason__list &gt; li:nth-of-type(1)::before {
  content: "1";
}
.p-voice-sec-reason__list &gt; li:nth-of-type(2)::before {
  content: "2";
}
.p-voice-sec-reason__list &gt; li:nth-of-type(3)::before {
  content: "3";
}
.p-voice-sec-reason__list &gt; li &gt; picture {
  display: block;
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__list &gt; li &gt; picture {
    width: 139px;
  }
}
.p-voice-sec-reason__list &gt; li &gt; p {
  font-size: 3.3078880407vw;
  line-height: 1.6923076923;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-reason__list &gt; li &gt; p {
    font-size: 22px;
    line-height: 1.7272727273;
    letter-spacing: 0.05em;
  }
}
.p-voice-sec-cover {
  margin-top: 7.6335877863vw;
  padding-top: 6.3613231552vw;
  padding-bottom: 9.1603053435vw;
  height: 67.6844783715vw;
  background: url("/assets/images/electrical-engineer/sec_covering_photo-s.webp") center center/cover no-repeat;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-cover {
    margin-top: 80px;
    padding-top: 40px;
    padding-bottom: 80px;
    width: 100%;
    height: 353px;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-cover {
    background: url("/assets/images/electrical-engineer/sec_covering_photo.webp") center center/cover no-repeat;
  }
}
@media only screen and (min-width: 1441px), only screen and (min-width: 787px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 787px) and (min-resolution: 2dppx) {
  .p-voice-sec-cover {
    background: url("/assets/images/electrical-engineer/sec_covering_photo@2x.webp") center center/cover no-repeat;
  }
}
.p-voice-sec-cover__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-voice-sec-cover__ttl &gt; span {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 2.3333333333;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-cover__ttl &gt; span {
    font-size: 20px;
    line-height: 2.9;
  }
}
.p-voice-sec-cover__ttl &gt; strong {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-cover__ttl &gt; strong {
    font-size: 30px;
  }
}
.p-voice-sec-cover__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-cover__list {
    gap: 15px;
  }
}
@media only screen and (max-width: 786px) {
  .p-voice-sec-cover__list:nth-of-type(1) {
    margin-top: 4.834605598vw;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-cover__list:nth-of-type(5) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 786px) {
  .p-voice-sec-cover__list:nth-of-type(n+2) {
    margin-top: 1.5267175573vw;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-cover__list:nth-of-type(n+6) {
    margin-top: 15px;
  }
}
.p-voice-sec-cover__list &gt; li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 4.0712468193vw;
  padding-left: 4.0712468193vw;
  height: 7.1246819338vw;
  background-color: #FFF;
  border: 0.2544529262vw dashed #D0DCE2;
  border-radius: 100vw;
  font-weight: 500;
  font-size: 3.0534351145vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-cover__list &gt; li {
    padding-right: 20px;
    padding-left: 20px;
    height: 37px;
    border: 1px dashed #D0DCE2;
    font-size: 16px;
  }
}
.p-voice-sec-voice {
  margin-top: 12.7226463104vw;
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice {
    margin-top: 100px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    max-width: 1024px;
  }
}
.p-voice-sec-voice__in {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice__in {
    display: flex;
    justify-content: space-between;
  }
}
.p-voice-sec-voice__in:nth-of-type(1) {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice__in:nth-of-type(1) {
    margin-top: 60px;
  }
}
.p-voice-sec-voice__in:nth-of-type(n+2) {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice__in:nth-of-type(n+2) {
    margin-top: 120px;
  }
}
.p-voice-sec-voice-card {
  display: flex;
  align-items: center;
  gap: 6.6157760814vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 180px;
  }
}
.p-voice-sec-voice-card__pic {
  width: 22.9007633588vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__pic {
    width: 179px;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__career {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
}
.p-voice-sec-voice-card__career &gt; em {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.5;
  letter-spacing: 0.07em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__career &gt; em {
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
.p-voice-sec-voice-card__career &gt; span {
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.5;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__career &gt; span {
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
.p-voice-sec-voice-card__name {
  display: flex;
  align-items: flex-end;
  margin-top: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__name {
    margin-top: 10px;
  }
}
.p-voice-sec-voice-card__name &gt; em {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.1;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__name &gt; em {
    font-size: 25px;
  }
}
.p-voice-sec-voice-card__name &gt; span {
  font-size: 3.0534351145vw;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__name &gt; span {
    font-size: 17px;
  }
}
.p-voice-sec-voice-card__btn {
  margin-top: 3.8167938931vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__btn {
    margin-top: 20px;
  }
}
.p-voice-sec-voice-card__btn &gt; button {
  width: 30.0254452926vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice-card__btn &gt; button {
    width: 142px;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice__txts {
    width: 723px;
  }
}
.p-voice-sec-voice__ttl {
  margin-top: 7.6335877863vw;
  font-weight: 500;
  font-size: 4.5801526718vw;
  line-height: 1.4444444444;
  letter-spacing: 0;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice__ttl {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.4583333333;
    letter-spacing: 0.05em;
  }
}
.p-voice-sec-voice__write {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-voice__write {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2;
  }
}
.p-voice-sec-requirements {
  margin-top: 10.1781170483vw;
  padding-top: 10.1781170483vw;
  padding-right: 4.5801526718vw;
  padding-bottom: 10.1781170483vw;
  padding-left: 4.5801526718vw;
  background-color: #EEF5F8;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements {
    margin-top: 80px;
    padding-top: 65px;
    padding-right: 30px;
    padding-bottom: 80px;
    padding-left: 30px;
    width: 100%;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements__in {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
.p-voice-sec-requirements__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-voice-sec-requirements__ttl &gt; strong {
  margin-top: 3.8167938931vw;
  font-weight: 500;
  font-size: 5.5979643766vw;
  line-height: 1.4545454545;
  letter-spacing: 0.02em;
  color: #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements__ttl &gt; strong {
    margin-top: 15px;
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
  }
}
.p-voice-sec-requirements__ttl &gt; em {
  display: flex;
  justify-content: center;
  gap: 10.1781170483vw;
  margin-top: 1.272264631vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements__ttl &gt; em {
    gap: 60px;
    margin-top: 15px;
  }
}
.p-voice-sec-requirements__ttl &gt; em &gt; span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 3.0534351145vw;
  line-height: 1.4166666667;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements__ttl &gt; em &gt; span {
    font-size: 20px;
    line-height: 1.45;
  }
}
.p-voice-sec-requirements__ttl &gt; em &gt; span::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1.0178117048vw;
  background-color: #F7F285;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements__ttl &gt; em &gt; span::after {
    height: 4px;
  }
}
.p-voice-sec-requirements__ttl &gt; em &gt; span:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -7.6335877863vw;
  width: 7.6335877863vw;
  height: 0.2544529262vw;
  background-color: #D0DCE2;
  transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements__ttl &gt; em &gt; span:nth-of-type(n+2)::before {
    left: -50px;
    width: 40px;
    height: 1px;
  }
}
.p-voice-sec-requirements-table {
  margin-top: 7.6335877863vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements-table {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements-table__def {
    width: 456px;
  }
}
.p-voice-sec-requirements-table__def &gt; dt {
  padding-top: 1.0178117048vw;
  padding-right: 3.8167938931vw;
  padding-bottom: 1.0178117048vw;
  padding-left: 3.8167938931vw;
  background-color: #3D97D0;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
  color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements-table__def &gt; dt {
    padding-top: 6px;
    padding-right: 15px;
    padding-bottom: 6px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 1.7333333333;
  }
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements-table__def &gt; dt:nth-of-type(n+2) {
    margin-top: 17px;
  }
}
.p-voice-sec-requirements-table__def &gt; dd {
  padding-top: 5.0890585242vw;
  padding-right: 5.0890585242vw;
  padding-bottom: 5.0890585242vw;
  padding-left: 5.0890585242vw;
  background-color: #FFF;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements-table__def &gt; dd {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.p-voice-sec-requirements__btnEntry {
  margin-top: 7.6335877863vw;
  margin-right: auto;
  margin-left: auto;
  width: 44.7837150127vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-requirements__btnEntry {
    margin-top: 60px;
    width: 190px;
  }
}
.p-voice-sec-more {
  margin-top: 15.2671755725vw;
  padding-bottom: 12.7226463104vw;
  width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more {
    margin-top: 75px;
    padding-bottom: 100px;
  }
}
.p-voice-sec-more__in {
  padding-right: 4.5801526718vw;
  padding-left: 4.5801526718vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__in {
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
  }
}
.p-voice-sec-more__box {
  position: relative;
  background-color: #F7F8F8;
  border: 0.2544529262vw solid #DEE7EB;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__box {
    border: 1px solid #DEE7EB;
  }
}
.p-voice-sec-more__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__box::before {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-voice-sec-more__box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-top: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__box::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-voice-sec-more__box__in {
  padding: 9.1603053435vw 4.0712468193vw 8.1424936387vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__box__in {
    padding: 54px 22px 44px;
  }
}
.p-voice-sec-more__box__in::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-left: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__box__in::before {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-left: 1px solid #0065BD;
  }
}
.p-voice-sec-more__box__in::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-bottom: 0.2544529262vw solid #0065BD;
  border-right: 0.2544529262vw solid #0065BD;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__box__in::after {
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #0065BD;
    border-right: 1px solid #0065BD;
  }
}
.p-voice-sec-more__ttl {
  text-align: center;
}
.p-voice-sec-more__ttl &gt; span {
  display: block;
}
.p-voice-sec-more__ttl &gt; span:nth-child(1) {
  font-size: 3.3078880407vw;
  font-weight: 400;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__ttl &gt; span:nth-child(1) {
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-voice-sec-more__ttl &gt; span:nth-child(2) {
  margin-top: 1.0178117048vw;
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  white-space: nowrap;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__ttl &gt; span:nth-child(2) {
    margin-top: 4px;
    font-size: 27px;
    white-space: normal;
  }
}
.p-voice-sec-more__links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__links {
    margin-top: 20px;
  }
}
.p-voice-sec-more__links li {
  margin: 1.5267175573vw;
}
@media only screen and (min-width: 787px) {
  .p-voice-sec-more__links li {
    margin: 8px;
  }
}
.p-voice-sec-more__links li a {
  letter-spacing: 0;
}

.p-welfare__in {
  padding-right: 4.5801526718vw;
  padding-bottom: 15.2671755725vw;
  padding-left: 4.5801526718vw;
  background-color: #FFF;
}
@media only screen and (min-width: 787px) {
  .p-welfare__in {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}
.p-welfare__article {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 787px) {
  .p-welfare__article {
    max-width: 1160px;
  }
}
@media only screen and (min-width: 787px) {
  .p-welfare-head {
    display: flex;
    justify-content: space-between;
  }
}
.p-welfare-head__ttl {
  font-weight: 500;
  font-size: 4.3256997455vw;
  line-height: 1.6470588235;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 787px) {
  .p-welfare-head__ttl {
    width: 400px;
    font-weight: 500;
    font-size: 24px;
  }
}
.p-welfare-head__write {
  margin-top: 5.0890585242vw;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-welfare-head__write {
    margin-top: 0;
    width: calc(100% - 400px);
    font-size: 16px;
    line-height: 2;
  }
}
.p-welfare-sec:nth-of-type(1) {
  margin-top: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec:nth-of-type(1) {
    margin-top: 100px;
  }
}
.p-welfare-sec:nth-last-of-type(1) {
  margin-bottom: 12.7226463104vw;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec:nth-last-of-type(1) {
    margin-bottom: 80px;
  }
}
.p-welfare-sec:nth-of-type(n+2) {
  margin-top: 15.2671755725vw;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec:nth-of-type(n+2) {
    margin-top: 80px;
  }
}
.p-welfare-sec__container {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__container {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__container.is-centering {
    align-items: center;
  }
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__thumb {
    width: 30.775862069%;
  }
}
.p-welfare-sec__content {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__content {
    margin-top: 0;
    width: 65%;
  }
}
.p-welfare-sec__table {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__table {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-left: -30px;
  }
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__table &gt; div {
    margin-left: 30px;
    width: 356px;
  }
  .p-welfare-sec__table &gt; div:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 786px) {
  .p-welfare-sec__table &gt; div:nth-of-type(n+2) {
    margin-top: 7.6335877863vw;
  }
}
.p-welfare-sec__table &gt; div &gt; h3 {
  padding-top: 0.5089058524vw;
  padding-right: 3.3078880407vw;
  padding-bottom: 0.5089058524vw;
  padding-left: 3.3078880407vw;
  background-color: #EEF5F8;
  font-weight: 500;
  font-size: 3.3078880407vw;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__table &gt; div &gt; h3 {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-color: transparent;
    font-size: 17px;
    line-height: 1.5294117647;
    color: #0065BD;
  }
}
.p-welfare-sec__table &gt; div &gt; div &gt; p {
  margin-top: 3.8167938931vw;
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__table &gt; div &gt; div &gt; p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
.p-welfare-sec__write {
  font-size: 3.3078880407vw;
  line-height: 1.8461538462;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__write {
    font-size: 16px;
    line-height: 2;
  }
}
.p-welfare-sec__write:not(:first-child) {
  margin-top: 5.0890585242vw;
}
@media only screen and (min-width: 787px) {
  .p-welfare-sec__write:not(:first-child) {
    margin-top: 40px;
  }
}
/*# sourceMappingURL=style.css.map */
</pre></body></html>