@charset "UTF-8";

.for-pc { display:block; }
.for-sp { display:none; }

@media only screen and (max-width : 767px ){
  .for-pc { display:none; }
  .for-sp { display:block; }
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

html { 
  font: unset;
  -webkit-text-size-adjust: unset;
  -ms-text-size-adjust: 100%;
  background: unset;
  color: unset;  
  scroll-behavior: smooth;
  line-height: normal;
}

h1, h2, h3, h4, h5, h6{
  line-height: normal;  
    margin: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    text-transform: unset;  
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

p,ul,ol,dl,blockquote,pre,address,fieldset,figure {
    margin: revert-layer;
}


body {
  font-size: 1.2rem;
  transition: .3s;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
  font-family: "Noto Sans JP", sans-serif;
  list-style-type: none;
  margin: 0;
  line-height: normal;  
}

body img {
  max-width: 100%;
  transition: .3s;
}
/* 追従バナー */
.floating-banner {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 100px; /* バナーの上下の位置 */
  right: 0; /* バナーの左右の位置 */
  width: 77px; /* バナーの横幅 */
}
.floating-banner__image {
  max-width: 100%; /* 画像の最大幅 */
}
@media screen and (max-width: 820px) { /* タブレット用のブレイクポイントを指定 */
  .floating-banner {
    display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
  }
}
@media screen and (max-width : 921px ){ /* スマホ用のブレイクポイントを指定 */
  .floating-banner {
    display: block;/* 消していたバナーを表示させる */
    top: 374px;
	width: 60px;
  }
}
/* 追従バナー おわり*/

.contents {
    max-width: 1280px;
    margin: 0 auto;
}
.mv-bottom {
    margin: -15% auto 0;
    width: 54%;
}
.cta-box01 {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/mv-cta.jpg') no-repeat;
    background-color: #fe2212;
    background-position: bottom;
    margin-top: -8%;
    padding-top: 8%;
	padding-bottom: 2%;
}
.cta-box01-inner {
    background: #fff;
    width: 76%;
    margin: 0 auto;
    padding: 2% 0 1%;
    border-radius: 15px;
}
.cta-box01-img01 {
    width: 72%;
    margin: 0 auto;
}
.cta-box01-img02 {
    width: 74%;
    margin: 0 auto;
}
.cta-box02 {
    display: flex;
    justify-content: center;
    width: 71%;
    margin: 1% auto 0;
}
.cta-box02 .left {
    width: 50%;
}
.cta-box02 .right {
    width: 50%;
    margin-left: 2%;
}
.cta-box02 .right p {
    text-align: center;
    font-size: 14px;
    margin: 0;
}
p.txt-01 {
    text-align: center;
    font-size: 12px;
}
.cont01-1 {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/worry.jpg') no-repeat;
    position: relative;
    z-index: 2;
    padding-bottom: 18%;
}
.ttl01-1 {
    width: 33%;
    margin: 0 auto;
    padding-top: 4%;
}
.ttl01-2 {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    letter-spacing: 3px;
}
.txt-yerrow {
    font-size: 44px;
    color: #FBE404;
}
.worries-list a {
    text-decoration: none;
    color: #000;
}
.worries-list ul{
    list-style: none;
    padding: 0;
}
.worries-list ul li {
    display: flex;
    background: #fff;
    width: 56%;
    margin: 0 auto 2%;
    justify-content: space-between;
    border-radius: 15px;
    padding: 2% 3%;
    font-weight: 600;
    align-items: center;
    font-size: 22px;
}
ul.worries-list .right {
    width: 28px;
    padding-top: 2px;
}
.cont01-2 {
    width: 66%;
    position: absolute;
    z-index: -1;
    top: 72%;
    left: 17%;
    height: 149px;
}
.cont02-1 {
    background: #fbe305;
}
.cont02-1-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1%;
}
.cont02-1-inner .left {
    width: 17%;
}
.cont02-1-inner .right {
    width: 50%;
    font-size: 40px;
    font-weight: 600;
}
p.txt-02 {
    background: #fff;
    width: 406px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding: 7px;
    border-radius: 30px;
}
.cont02-2-inner {
    padding-bottom: 4%;
}
.cont02-2-inner ul {
    width: 63%;
    margin: -12px auto 0;
    list-style-image: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/attention_check.png');
    list-style-position: inside;
}
.cont02-2 {
    background: #fff;
    width: 64%;
    margin: -22px auto 0;
    padding-top: 5%;
    padding-bottom: 3%;
    border-radius: 10px;
}
.cont02-2-inner ul li {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2%;
}
.cont02-bg02 {
    margin-bottom: -1%;
}
.cont03-1 {
	background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/cta-bg-1-731.jpg') no-repeat;
	padding-bottom: 6%;
}
.cont03-1-img01 {
    width: 14%;
    margin: 0 auto;
	padding-top: 7px;
}
.cont03-1-img02 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 1%;
}
.cont04-1-img {
    width: 64%;
    margin: 0 auto;
}
.cont04-1-txt {
    display: flex;
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 34px;
	align-items: flex-end;
}
.cont04-1-txt .left {
    width: 93%;
}
.cont04-1-txt .right {
    width: 33%;
}
.cont05-1 {
    background-color: #3E3E3F;
    background-image: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/denger-1.png');
    background-position: top;
    background-size: contain;
	background-repeat: no-repeat;
	margin-top: 4%;
}
.cont05-1-inner {
    padding-top: 3%;
}
h3.ttl02-1 {
    color: #fff;
    text-align: center;
    font-size: 28px;
}
h3.ttl02-2 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    margin: -16px auto;
}
.cont05-2-img {
    width: 70%;
    margin: 0 auto;
}
.cont05-3 {
    background: #3e3e3f;
}
.cont05-3-img {
    width: 70%;
    margin: 0 auto;
}
p.txt-03 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    line-height: 52px;
    letter-spacing: 2px;
    padding-bottom: 5%;
	margin: 0;
}
span.txt-yerrow2 {
    background: #fbe404;
    color: #000;
    font-size: 32px;
    font-weight: 600;
    padding: 4px 10px;
}
span.txt-yerrow.ver2 {
    font-size: 38px;
    font-weight: 600;
}
.cont06-1 {
	background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/cta-bg-1-731.jpg');
	background-size: cover;
}
.cont06-2 {
    width: 16%;
    margin: 0 auto;
}
.cont06-3 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
	margin-top: -2%;
}
.cont06-3 .left {
    width: 46%;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}
.cont06-3 .right {
    width: 19%;
    margin-top: -8%;
    margin-bottom: -8px;
}
.cont06-1-inner {
    padding-bottom: 4%;
}
.cont06-4 {
    position: relative;
}
.monkey01 {
    position: absolute;
    top: -21%;
    left: 79%;
    width: 8%;
}
.cont07-1 {
    background-color: #9F9F9F;
	background-image: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/rekka-bg1.png');
	background-repeat: no-repeat;
	background-size: contain;
}
.cont07-1-inner {
    width: 76%;
    margin: 0 auto 0;
    padding: 3% 0% 1%;
}
.cont07-1-cont {
    background: #fff;
    margin: -8% auto 2%;
    padding-bottom: 5%;
}
h4.ttl03 {
    margin-bottom: 4%;
}
.ttl03-1 {
    border-bottom: solid 1px #000;
    padding-top: 10%;
    width: 90%;
    margin: 0 auto;
}
.ttl03-2 {
    background: #fff;
    width: 26%;
    margin: -2% auto;
    font-size: 26px;
    text-align: center;
}
.cont07-2 ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
	margin-bottom: -10px;
	margin-left: 0;
    padding-left: 0;
    justify-content: center;
}
.cont07-2 ul li {
    width: 24.5%;
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin-left: 3%;
    margin-bottom: 4%;
    padding: 15px;
}
.cont07-2 ul li:first-child {
    margin-left: 0%;
}
.cont07-2 ul li:nth-child(4) {
    margin-left: 0%;
}
p.photo {
    margin: 0;
}
p.txt-04 {
    text-align: center;
    font-size: 16px;
    margin: 6% auto 2%;
}
.cont07-3 {
    width: 90%;
    margin: 0 auto;
}
p.txt-05 {
    background: linear-gradient(0deg, #C00C00 0%, #FD2112 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    margin: 4% auto 0;
}
p.txt-06 {
    background: linear-gradient(0deg, #C00C00 0%, #FD2112 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 38px;
    text-align: center;
    font-weight: 600;
	margin: 0 auto 2%;
}
p.txt-07 {
    width: 90%;
    margin: 1% auto 3%;
    font-size: 20px;
    line-height: 36px;
    font-weight: 600;
}
.cont07-4 {
    background: #9f9f9f;
	background-image: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/rekka-bg2.png');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	padding-bottom: 5%;
}
.cont07-4-arrow {
    width: 5%;
    margin: -2% auto 0;
}
p.txt-08 {
    text-align: center;
    font-size: 42px;
    color: #fff;
    font-weight: 600;
	margin-top: 1%;
}
.cont08-1 {
    background: #FFF3D8;
}
h3.ttl04 {
    font-size: 35px;
    text-align: center;
    margin: 0% auto 2%;
    padding-top: 4%;
}
.cont08-2 {
    display: flex;
    justify-content: center;
	align-items: flex-end;
}
.cont08-2 .left {
    width: 17%;
    margin-bottom: -8px;
}
.cont08-2 .right {
    width: 50%;
    margin-left: 2%;
}
p.txt-09 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
	letter-spacing: 0.02rem;
}
span.txt-bg-orange {
    background: #FF9800;
    color: #fff;
    padding: 1px 6px;
    font-size: 24px;
    font-weight: 600;
}
p.txt-10 {
    font-size: 26px;
    font-weight: 600;
}
.cont08-3 {
    position: relative;
}
p.pika {
    position: absolute;
    top: -32%;
    right: 17%;
    width: 9%;
}
.cont08-4 {
    width: 34%;
    margin: 0 auto;
}
h3.ttl05 {
    width: 50%;
    margin: 1% auto;
}
.cont09-1-inner {
    width: 76%;
    margin: 4% auto;
    border: solid 2px #fd2112;
    border-radius: 15px;
	padding-bottom: 2%;
	margin-bottom: 5%;
}
.cont09-2 {
    position: relative;
}
.cont09-2-ttl {
    background: #fd2112;
    color: #fff;
    font-size: 46px;
    text-align: center;
    position: absolute;
    top: -66%;
    left: 45%;
    border-radius: 50px;
    width: 87px;
    height: 87px;
    padding: 5px;
    z-index: -2;
    font-family: "futura-pt", sans-serif;
}
.cont09-2-ttl2 {
    background: #fd2112;
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    padding: 8px 0 5px;
    letter-spacing: 1px;
    border-radius: 10px 10px 0 0;
}
p.txt-11 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin: 4% auto 0;
}
p.txt-12 {
    text-align: center;
    font-size: 16px;
    margin: 1% auto 2%;
}
.line01 {
    width: 90%;
    margin: 0 auto;
}
li.check {
    margin-top: -5px;
}
li.check2 {
    width: 88%;
}
ul.cont09-4-ttl {
    list-style: none;
    display: flex;
    align-content: center;
    align-items: center;
	margin-bottom: 0%;
}
ul.cont09-4-ttl li {
    font-size: 24px;
    font-weight: 600;
    margin-left: 2%;
    color: #fd2112;
}
ul.cont09-4-ttl li:first-child {
    margin-left: 0;
	width: 80px;

}
ul.cont09-4-ttl2 {
    display: flex;
    list-style: none;
    align-items: flex-start;
	width: 90%;
	padding: 0;
    margin: 0 auto;
}
ul.cont09-4-ttl2 li {
    font-size: 16px;
    margin-left: 2%;
}
span.txt-13 {
    font-size: 30px;
}
.cont09-5 {
    width: 90%;
    margin: 4% auto 1%;
    font-size: 16px;
}
p.cont09-7-img {
    text-align: center;
}
p.txt-14 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
}
p.txt-14.ver2 {
    font-size: 28px;
}
p.txt-14.ver3 {
    margin-top: -8px;
}
p.txt-bg-gray {
    background: #F2F2F2;
    border-radius: 10px;
    font-size: 14px;
    padding: 10px;
}
.cta-box01.second{
    margin-top: 0%;
    padding-top: 4%;
    padding-bottom: 3%;
}
.cont10-1 {
    background: #FFF3D8;
}
h3.ttl06 {
    width: 64%;
    margin: 0 auto;
    padding-top: 3%;
}
.cont10-2 {
    border: solid 4px #ff9800;
    border-radius: 15px;
    background: #fff;
    width: 72%;
    margin: 2% auto;
}
h4.ttl04 {
    font-size: 36px;
    padding-left: 17%;
    border-bottom: solid 4px #ff9800;
}
.cont10-2-box {
    position: relative;
}
.label {
    position: absolute;
    top: 2%;
    left: 2%;
	background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/ribbon.png')
}
.label {
    position: absolute;
    top: 0%;
    left: -2%;
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/ribbon.png') no-repeat;
    color: #fff;
    font-size: 28px;
    width: 158px;
    height: 68px;
    padding: 8px 28px;
}
h4.ttl04 {
    font-size: 36px;
    padding-left: 17%;
    padding-bottom: 2%;
    border-bottom: solid 4px #ff9800;
    margin: 3% auto;
    letter-spacing: 1px;
}
span.txt-red {
    color: #FD2112;
    font-size: 46px;
}
.cont10-2-box-in {
    display: flex;
    width: 92%;
    margin: 0 auto 4%;
}
.cont10-2-box-in .left {
    width: 26%;
}
.cont10-2-box-in .left.ver2 {
    width: 60%;
}
.cont10-2-box-in .right {
    width: 76%;
    margin-left: 2%;
    font-size: 18px;
    font-weight: 100;
    line-height: 30px;
	font-weight: 400;
}
.cont10-2-box-in .right p {
    margin: 0;
}
span.under-line {
    text-decoration: underline;
}
.cont10-2.last {
    margin: 0 auto;
}
.cont11-1 {
    background: #fff3d8;
}
p.arrow-orange {
    text-align: center;
    margin: 0;
}
p.txt-15 {
    text-align: center;
    font-size: 46px;
    background: #ff9800;
    color: #fff;
    font-weight: 600;
    justify-self: anchor-center;
    padding: 4px 10px 2px;
    margin: 1% auto 0;
    width: fit-content;
}
.cont11-1{
	background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/message.png') no-repeat;
	background-size: cover;
}
.cont11-2-img {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/massage01.png') no-repeat;
    height: 150px;
    background-position: top;
    background-size: contain;
    width: 86%;
    margin: 0 auto -34px;
}
.cont11-2-inner {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/massage02.png') repeat-y;
    background-position: top;
    background-size: contain;
    width: 86%;
    margin: 0 auto;
}
.cont11-2-box {
    display: flex;
    width: 84%;
    margin: 2% auto 0;
}
h3.ttl07 {
    text-align: center;
    margin: 0;
    padding-top: 1%;
	font-size: 30px;
}
.cont11-2-img2 {
	background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/massage03.png') no-repeat;
    background-size: contain;
    width: 86%;
    margin: 0 auto;
	height: 100px;
	padding-bottom: 10%;
}
.cont11-2-box .left {
    width: 23%;
}
.cont11-2-box .left p {
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0;
}
.cont11-2-box .right {
    width: 78%;
    margin-left: 2%;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
span.txt-red2 {
    color: #FD2112;
}
span.txt-red2.ver2 {
    font-size: 20px;
}
.cont12-1 {
    background: #FFE9E8;
    padding-bottom: 4%;
}
h3.ttl08 {
    width: 60%;
    margin: 0 auto;
    padding-top: 4%;
}
.cont12-box {
    background: #fff;
    width: 76%;
    margin: 0 auto 5%;
    border-radius: 15px;
    box-shadow: 0px 0px 15px -5px #777777;
    position: relative;
    padding-bottom: 2%;
}
.label2 {
    position: absolute;
    top: -7%;
    left: 22px;
}
h4.ttl06 {
    font-size: 40px;
    margin: 0% 0% 5% 16%;
    padding-top: 2%;
    color: #fd2112;
}
p.txt-16 {
    padding: 0 2%;
    font-size: 18px;
}
p.txt-17 {
    border: solid 1px #000;
    width: fit-content;
    padding: 4px 6px;
    margin-left: 2%;
    font-size: 16px;
    font-weight: 600;
}
.cont12-2-box {
    display: flex;
    list-style: none;
    padding-left: 2%;
    align-items: center;
}
.cont12-2-box .koda {
    background: #fd2112;
    color: #fff;
    border-radius: 0 15px 15px 0px;
    padding: 5px 14px 5px 10px;
    font-size: 14px;
}
.cont12-2-box .koda2 {
    font-size: 28px;
    font-weight: 600;
    margin-left: 1%;
    color: #fd2112;
}
p.txt-16.sec {
    margin-top: 4px;
}
.cont13-1-inner {
    background: #fd2112;
    position: relative;
    text-align: center;
}
.cont13-3 {
    padding-top: 30px;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 18px;
}
.cont13-2 {
    position: absolute;
    top: -33%;
    left: 36%;
    width: 28%;
}
.cont13-4-inner {
    width: 80%;
    margin: 1% auto 6%;
}
span.txt-18 {
    font-size: 46px;
}
.cont14-1 {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/voice-bg.jpg');
	background-size: cover;
}
.cont14-2 {
    width: 44%;
    margin: 0 auto;
    padding-top: 6%;
}
.cont14-3 {
    width: 65%;
    margin: 2% auto 0%;
    padding-bottom: 6%;
}
.cont15-1 {
	background-image: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/company-bg.png');
	background-repeat: no-repeat;
	background-color: #FFF8E9;
	background-position: top;
}
h2.ttl05 {
    margin: 0 auto;
    text-align: center;
    padding-top: 8%;
    padding-bottom: 3%;
}
.cont15-1-inner table {
    background: #fff;
    border: solid 2px #FD2112;
    border-radius: 10px;
    width: 76%;
    margin: 0 auto;
    border-collapse: separate;
	overflow: hidden;
	border-spacing:0;
	font-size: 16px;
}
.cont15-1-inner table tr th {    
	border-bottom: solid 2px #FD2112;
    color: #FD2112;
    padding: 4%;
    width: 26%;
}
.cont15-1-inner table tr td {
	border-bottom: solid 2px #FD2112;
	border-left: solid 2px #FD2112;
    padding: 5%;
	width: 800px;
}
.cont15-1-inner table tr:last-child th,
.cont15-1-inner table tr:last-child td {
  border-bottom: none;
}
.txt-bg-red {
    background: #FD2112;
    color: #fff;
    padding: 1px 6px 3px;
    border-radius: 3px;
	inline-size: fit-content;
    margin-bottom: 0;
}
.cont15-1-inner {
    padding-bottom: 6%;
}
.footer-bottom {
    background: #333;
    text-align: center;
    color: #fff;
}
.footer-bottom p {
    margin: 0;
    padding: 14px 0px;
    font-size: 12px;
}
span.under {
    text-decoration: underline;
}
.cont16-1 {
    background: #3FC1F9;
	padding-bottom: 5%;
}
h4.ttl10 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin: 0% auto 0%;
    padding-top: 5%;
}
p.txt-20 {
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.cont16-1-inner {
    background: #fff;
    width: 58%;
    margin: 2% auto 0;
    border-radius: 10px;
    padding: 3% 8%;
}
.Form-Item {
    margin-bottom: 2%;
}
p.Form-Item-Label {
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto 5px;
}
span.Form-Item-Label-Required {
    font-size: 14px;
    color: #FD2112;
    padding-left: 5px;
    font-weight: 400;
}
span.Form-Item-Label-Required.gray {
    color: #909090;
}
input.Form-Item-Input {
    width: 90%;
    padding: 14px;
    font-size: 14px;
    border: none;
    background: #F6F6F6;
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}
::placeholder {
    color: #c5c5c5;
}
.submit-btn {
    background: #017FFC;
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 300px;
    font-size: 16px;
    padding: 10px 0px;
	cursor: pointer;
}
.submit-btn-area {
    width: 300px;
    margin: 0 auto;	
}
.submit-arrow {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    position: relative;
    width: 1em;
    height: 1em;
    border: 0.075em solid rgb(1 127 252);
    background: currentColor;
    border-radius: 50%;
    box-sizing: content-box;
    margin-left: 10px;
    margin-bottom: 2px;
}

.submit-arrow::before {
  content: '';
  color: #017ffc;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.2em 0.4em;
  border-left-color: currentColor;
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.footer-top img {
    width: 100%;
}


@media screen and (max-width : 1024px){
   .cont02-1-inner .right {
    font-size: 28px;
}
	p.txt-03 {
    font-size: 26px;
    letter-spacing: 0px;
}
	h4.ttl04 {
    padding-left: 23%;
}
	.cont11-2-img {
    margin: 0 auto -60px;
}
	.cont11-2-img2 {
	margin: -1px auto;
}
	h4.ttl06 {    
    margin: 0% 0% 3% 18%;
}
	.cont07-1-cont {
    margin: -10% auto 2%;
}
	p.pika {
    top: -32%;
    right: -4%;
}
	.cont02-1 {
    background-size: contain;
}
	.cont02-2-inner {
    padding-bottom: 5%;
}
	.cont03-1 {
    background-position: center;
}
	.cont01-2 {
    top: 74%;
}
}
@media screen and (max-width : 920px){
	h4.ttl06 {
        margin: 0% 0% 3% 22%;
    }
	.cont11-2-img {
        margin: 0 auto -68px;
    }
}
@media screen and (max-width : 820px){
	.cont02-2-inner ul {
    width: 73%;
}
	.cont06-3 .left {
    width: 52%;    
    font-size: 22px;    
}
	.ttl03-2 {
    width: 33%;
    margin: -3% auto;
    font-size: 22px;
}
	p.txt-04 {    
    font-size: 12px;
}
	.cont07-2 ul li {
    width: 22.5%;
}
	.cont09-2-ttl2 {
    font-size: 34px;
}
	.cont09-1-inner {
    margin: 8% auto;
}
	.cont09-2-ttl {    
    font-size: 44px;    
    top: -79%;
    left: 41%;
}
	.label {
    left: -5%;
    font-size: 28px;
    padding: 10px 35px;
}
	span.txt-red {
    font-size: 38px;
}
	h4.ttl04 {
    font-size: 26px;
}
	.cont11-2-img {
        margin: 0px auto -76px;
    }
	.cont11-1 {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/message.png') no-repeat;
    background-size: cover;
}
	.cont11-2-box .left {
    width: 30%;
}
	.label2 {
    top: -4%;
    left: 2%;
    width: 80px;
}
	h4.ttl06 {
    font-size: 34px;
}
	.cont13-2 {
    top: -15%;
}
	.cont15-1-inner table {
    width: 76%;
}
	.cont02-1-inner {
    padding-top: 4%;
}
	.cont03-1 {
        margin-top: -3%;
    }
	.cont01-2 {
        top: 79%;
    }
	.mv-area img {
    width: 100%;
}
}

@media screen and (max-width : 800px){
	.cont02-1-inner .right {
        font-size: 26px;
    }
	.cont03-1 {
        margin-top: -13px;
    }
	.cont11-2-img {
        margin: 0px auto -80px;
    }
	.cont08-2 .right {
    width: 96%;
    margin-left: 2%;
}
	p.pika {
        top: -32%;
        right: 15%;
    }
	.cont01-2 {
        top: 78%;
    }
}

@media screen and (max-width : 767px ){
	
/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 20px;
  top   : 20px;
  width : 56px;
  height: 56px;
  cursor: pointer;
  text-align: center;
  background: #fff;
  border-radius: 30px;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 12px;
  background : #FD2112;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 17px;
}
.hamburger span:nth-child(2) {
  top: 27px;
}
.hamburger span:nth-child(3) {
  top: 37px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 26px;
  left: 12px;
  background :#FD2112;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 26px;
  background :#FD2112;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: #FD2112;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 24% auto 0;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
  margin: 0 auto;
	border-bottom: solid 1px #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ff7e75;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 1em;
  text-decoration :none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}

p.txt-02 {
    width: 270px;
	font-size: 16px;
	padding: 5px;
}
.ttl01-1 {
    width: 54%;
}
	.ttl01-2 {
    font-size: 20px;
    letter-spacing: 0px;
}
	.txt-yerrow {
    font-size: 26px;
}
	ul.worries-list li { 
    width: 78%;
	border-radius: 5px;
    font-size: 16px;
}
	ul.worries-list li .right {
    width: 24px;
}
	.cont01-1 {
    background-size: contain;
    background-color: #898989;
}
	.cont01-2 {
    width: 80%;
    top: 84%;
    left: 10%;
}
	.cont02-1-inner .right {
        font-size: 20px;
        width: 72%;
}
	.cont02-1-inner .left {
    width: 21%;
}
	.cont02-1 {
    background-size: cover;
}
  .cont02-bg01 {
    font-size: 0;
}
	.cont02-2 {
    width: 94%;
	padding-top: 10%;
}
	.cont02-2-inner ul {
        width: 85%;
        padding: 0;
    }
	.cont02-2-inner ul li {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2%;
}
	.cont02-1-inner {
    padding-top: 0%;
}
	.cont02-2-inner {
    padding-top: 4%;
}
	.cont03-1 {
    background-size: cover;
    background-position: center;
}
	.cont03-1-img02 {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 3%;
}
	.cont04-1-img {
    width: 94%;
    margin: 0 auto;
    padding-top: 7%;
}
	.cont04-1-txt {
    display: flex;
    width: 90%;
    font-size: 16px;
    flex-direction: column;
}
	.cont04-1-txt .left {
    width: 100%;
    margin: 0 auto;
}
	.cont04-1-txt .right {
    display: none;
}
	.cont04-1-txt .left p {
    margin-top: 0;
}
	.cta-box01-inner {
    width: 90%;
    margin-top: 3%;
}
	.cta-box01-img01 {
    width: 100%;
    margin: -5% auto -2%;
}
	.cta-box01-img02 {
    width: 94%;
    margin: 0 auto;
}
	p.txt-01 {
    margin: 3% auto 3%;
}
	h3.ttl02-1 {
    font-size: 16px;
}
	h3.ttl02-2 {
    font-size: 22px;
}
	.cont05-2-img {
    width: 98%;
}
	p.txt-03 {
        font-size: 16px;
		line-height: 34px;
}
	span.txt-yerrow2 {  
    font-size: 18px;
    padding: 2px 4px;
}
	span.txt-yerrow.ver2 {
    font-size: 20px;
}
    .cont06-1 {
    background-position: center;
}
	.monkey01 {
    top: -8%;
    left: 5%;
    width: 14%;
}
	.human.for-sp {
    position: absolute;
    top: 35%;
    right: 7%;
    width: 20%;
    z-index: 0;
}
	.cont06-3 {
    position: relative;
}
	.cont06-3 .left {
        width: 90%;
        font-size: 16px;
    }
	.cont06-3 .right {
    display: none;
}
	.cont07-1-inner {
    width: 94%;
	padding-top: 6%;
}
	.cont07-1-cont {
        margin: -13% auto 2%;
    }
	.ttl03-2 {
        width: 42%;
        font-size: 18px;
    }
	.cont07-2 ul li {
        width: 39.5%;
    }
	.cont07-2 ul li {
    padding: 8px;
}
	p.txt-04 {
    margin: 2% auto 2%;
}
	.cont07-2 ul li:nth-child(3) {
    margin-left: 0%;
}
	.cont07-2 ul li:nth-child(4) {
    margin-left: 3%;
}
	p.txt-14-2 {
    font-size: 12px;
	margin: 0 auto 4%;
}
	p.txt-05 {    
    font-size: 20px;
    margin: 10% auto 0;
}
	p.txt-07 {
    width: 90%;
    margin: 1% auto 3%;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
}
	.cont07-3 {
    width: 90%;
    margin: 4% auto;
}
	.cont07-4-arrow {
    width: 8%;
    margin: -2% auto 0;
}
	p.txt-08 {
        font-size: 26px;
        margin: 1% auto 2%;
    }
	.cont08-2 {
    flex-direction: column-reverse;
}
	.cont08-2 .right {
    width: 92%;
    margin: 0 auto;
}
	span.txt-bg-orange {
    font-size: 18px;
}
	.cont08-5 .left {
    width: 29%;
    margin-bottom: 0px;
}
	.cont08-5 .right {
    width: 67%;
}
	p.txt-10 {
    font-size: 18px;
    margin: 0;
}
	.cont08-5.for-sp {
    display: flex;
}
	.cont08-4 {
    width: 55%;
}
	h3.ttl05 {
    width: 90%;
}
	.cont09-1-inner {
    width: 94%;
	margin: 16% auto 8%;
}
	.cont09-2-ttl2 {
        font-size: 22px;
    }
	span.txt-13 {
    font-size: 18px;
}
	.cont09-2-ttl {
        font-size: 36px;
        top: -90%;
        left: 39%;
		width: 70px;
        height: 70px;
    }
	ul.cont09-4-ttl {
    padding-left: 2%;
}
	ul.cont09-4-ttl li img {
    width: 66px;
}
	li.check {
    margin-left: -15px !important;
	margin-top: -1px;
}
	li.check img {
    width: 45px;
}
	ul.cont09-4-ttl li {
    font-size: 18px;
}
	p.txt-11 {
    font-size: 20px;
}
	p.txt-14 {
    text-align: left;
    font-size: 12px;
}
	p.txt-14.ver2 {
    text-align: center;
    font-size: 18px;
}
	p.cont09-7-img {
    width: 38%;
    margin: 0 auto;
}
	p.txt-14.ver3 {
    text-align: center;
    font-size: 18px;
    margin: 0;
}
	h3.ttl06 {
    width: 90%;
    padding-top: 6%;
}
	.cont10-2 {
    border: solid 2px #ff9800;
    width: 88%;
    margin: 3% auto;
}
	.cont10-2-box-in .right p {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
}
	.label {
        background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/ribbon-sp.png') no-repeat;
        left: -4%;
        top: 2%;
        font-size: 16px;
        padding: 7px 18px;
        background-size: 80px;
    }
	span.txt-red {
        font-size: 30px;
    }
	h4.ttl04 {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 30px;
    }
	.cont10-2-box-in {    
    width: 100%;
    margin: 0 auto 4%;
    flex-direction: column-reverse;
}
	.cont10-2-box-in .right {
    width: 92%;
    margin: 0 auto;
}
	.cont10-2-box-in .left {
    width: 94%;
    margin: 1% auto 4%;
}
	.cont10-2-box-in .left.ver2 {
    width: 100%;
}
	p.arrow-orange {
    width: 42%;
    margin: 0 auto;
}
	.cont11-1 {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/message-sp.jpg') no-repeat;
    background-size: cover;
    }
	.cont11-2-img {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/massage01-sp.png') no-repeat;
	background-size: contain;
	width: 100%;
}
	.cont11-2-inner {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/massage02-sp.png') repeat-y;
	background-size: contain;
	width: 100%;
}
	.cont11-2-img2 {
    background: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/massage03-sp.png') no-repeat;
    background-size: contain;
	width: 100%;
}
	.cont11-2-box {    
    width: 90%;
    flex-direction: column;
}
	 .cont11-2-box .left {
        width: 94%;
        margin: 0 auto;
    }
	.cont11-2-box .left p {
    font-weight: 400;
}
	h3.ttl07 {
    font-weight: 400;
    padding-bottom: 2%;
	font-size: 26px;
}
	.cont11-2-box .right {
    width: 94%;
    margin: 4% auto 0;
    font-size: 14px;
    font-weight: 400;
}
	p.txt-15 {
    font-size: 36px;    
    justify-self: anchor-center;    
	padding: 2px 8px 2px;
    width: fit-content;
}
	span.txt-red2.ver2 {
    font-size: 18px;
    font-weight: 600;
}
	h3.ttl08 {
    width: 95%;
}
	.cont12-box {
    width: 93%;
    margin: 8% auto 5%;
}
	.label2 {
        top: -3%;
        left: 2%;
        width: 62px;
    }
	h4.ttl06 {
        font-size: 24px;
        margin: 0% 0% 3% 22%;
        padding-top: 3%;
    }
	p.txt-16 {
    padding: 0% 4%;
    font-size: 14px;
    letter-spacing: 1px;
}
	p.txt-17 {
    margin-left: 4%;
    font-size: 14px;
}
	.cont12-2-box .koda2 {
    font-size: 20px;
    font-weight: 600;
    margin-left: 2%;
}
	p.txt-16.sec {
    margin-top: 4px;
    margin-bottom: 9%;
}
	.cont12-1 {
    padding-bottom: 12%;
}
	.cont13-2 {
     top: -15%;
     left: 18%;
     width: 63%;
    }
	.cont14-1 {
    background-size: contain;
}
	.cont14-2 {
    width: 86%;
}
	.cont14-3 {
    width: 96%;
}
	.cont15-1 {
    background-image: url('/import/tenant_1/yata.unison-eigyo.work/import/tenant_37/yata.unison-eigyo.work/20250407_grad/images/company-bg-sp.png');
	background-size: contain;
}
	h2.ttl05 {    
    padding-top: 13%;
    font-weight: 400;

}
	.cont15-1-inner table {
        width: 88%;
		font-size: 14px;
    }
	.cont15-1-inner table tr td {
    border-left: 0;
}
	h5.txt-red5 {
        color: #FD2112;
        font-size: 14px;
        font-weight: 600;
        margin: 2% auto;
    }
	h3.ttl04 {
    font-size: 26px;
}
	.cont16-1-inner {
    padding: 8% 8%;
	width: 70%;
}
	p.Form-Item-Label {
    margin: 0 auto 12px;
}
	.Form-Item {
    margin-bottom: 6%;
}
	.submit-btn-area {
    width: 100%;
    margin: 10% auto 0;
}
	.submit-btn {
    width: 100%;
}
  .worries-list ul li {    
    width: 78%;    
}
}

/* 2025/05/08 */
.santtl {
    padding: 30px;
    font-weight: bold;
    font-size: clamp(1.875rem, -0.175rem + 3.2vw, 2.625rem);
    color: #fff;
    text-align: center;
    border-radius: 15px 15px 0 0;
    background: #005bac;
    position: relative;
}

/* 2025/06/27 */

@media screen and (max-width: 767px) {
.lp02 .cta-box02 {
    width: 92%;
}
    
.lp02 .cta-box01-img02 {
    width: 94%;
    margin: 0 auto;
}

.lp02 .posr-top2-sp{
  position: relative;
  top: 2px;
}
}