html,
body
{
font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
line-height: 1.7;
text-align: center;
color: #000;
}
.finishBody
{
height: 100vh;
background-color: #ebffff;
}
.main
{
position: relative;
z-index: 0;
background-color: #fff;
}
a
{
text-decoration: none;
color: #000;
}
.sp
{
display: none !important;
}
@media print, screen and (max-width: 760px)
{
.sp
{
display: block !important;
}
}
.pc
{
display: block;
}
@media print, screen and (max-width: 760px)
{
.pc
{
display: none !important;
}
}
.spi
{
display: none;
}
@media print, screen and (max-width: 760px)
{
.spi
{
display: inline;
}
}
.pci
{
display: inline;
}
@media print, screen and (max-width: 760px)
{
.pci
{
display: none;
}
}
br
{
font-size: 0;
}
.slideup
{
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
.slideup.active
{
-webkit-animation: slideup 1.3s cubic-bezier(.33, 1, .68, 1) .6 forwards;
animation: slideup 1.3s cubic-bezier(.33, 1, .68, 1) .6 forwards;
opacity: 1;
}
@-webkit-keyframes slideup
{
0%
{
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
80%
{
opacity: 1;
}
100%
{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideup
{
0%
{
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
80%
{
opacity: 1;
}
100%
{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.fadeUp
{
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
.fadeUp.active
{
-webkit-animation-name: fadeUpAnime;
animation-name: fadeUpAnime;
-webkit-animation-duration: .9s;
animation-duration: .9s;
opacity: 0;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes fadeUpAnime
{
0%
{
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
80%
{
opacity: 1;
}
100%
{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeUpAnime
{
0%
{
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
80%
{
opacity: 1;
}
100%
{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.delay-time02
{
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.delay-time04
{
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.delay-time06
{
-webkit-animation-delay: .9s;
animation-delay: .9s;
}
/* ============== .l-sec ============== */
.l-sec
{
width: 100%;
}
.l-sec__inner
{
width: 62.5vw;
max-width: 1200px;
margin: 0 auto;
}
@media print, screen and (max-width: 1025px)
{
.l-sec__inner
{
width: 80%;
}
}
@media print, screen and (max-width: 760px)
{
.l-sec__inner
{
width: 92vw;
}
}
.l-sec--fixed
{
overflow: hidden;
}
/* ============== .head ============== */
.head
{
font-weight: 500;
line-height: 66px;
height: 66px;
background: #00b3c1;
}
@media print, screen and (max-width: 1921px)
{
.head
{
line-height: 3.4375vw;
height: 3.4375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.head
{
line-height: 5.46875vw;
height: 5.46875vw;
}
}
@media print, screen and (max-width: 760px)
{
.head
{
line-height: 8.8vw;
height: 8.8vw;
}
}
.head__txt
{
font-size: 38px;
font-weight: 700;
letter-spacing: 0;
color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.head__txt
{
font-size: 1.97917vw;
}
}
@media print, screen and (max-width: 1025px)
{
.head__txt
{
font-size: 2.73438vw;
}
}
@media print, screen and (max-width: 760px)
{
.head__txt
{
font-size: 3.73333vw;
}
}
/* ============== .foot ============== */
.foot
{
line-height: 50px;
height: 50px;
background-color: #333;
}
@media print, screen and (max-width: 1921px)
{
.foot
{
line-height: 2.60417vw;
height: 2.60417vw;
}
}
@media print, screen and (max-width: 760px)
{
.foot
{
height: auto;
padding: 2.63158vw 0;
}
}
.foot--finish
{
position: absolute;
bottom: 0;
left: 0;
}
.foot__txt
{
font-size: 18px;
font-weight: bold;
text-align: center;
letter-spacing: .05em;
color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.foot__txt
{
font-size: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.foot__txt
{
font-size: .97656vw;
}
}
@media print, screen and (max-width: 760px)
{
.foot__txt
{
font-size: 2.63158vw;
line-height: 1.3;
}
}
/* ============== .c-modal ============== */
.c-modal
{
position: fixed;
z-index: 999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow-y: scroll;
width: 100%;
background-color: #c8eaed;
}
.c-modal__wrp
{
position: relative;
overflow: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 175px;
padding-bottom: 149px;
-webkit-overflow-scrolling: touch;
}
@media print, screen and (max-width: 1921px)
{
.c-modal__wrp
{
padding-top: 9.11458vw;
padding-bottom: 7.76042vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-modal__wrp
{
padding-top: 19.73684vw;
padding-bottom: 17.10526vw;
}
}
.c-modal__cont
{
display: table;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1000px;
height: 100%;
margin: 0 auto;
table-layout: fixed;
}
@media print, screen and (max-width: 1921px)
{
.c-modal__cont
{
width: 52.08333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-modal__cont
{
width: 92.77344vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-modal__cont
{
width: 92.55814vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-modal__cont--interview
{
width: 70%;
}
}
@media print, screen and (max-width: 760px)
{
.c-modal__cont--interview
{
width: 92.55814vw;
}
}
.c-modal__inner
{
position: relative;
margin: 0 auto;
}
.c-modal__close
{
position: absolute;
top: 37px;
right: 40px;
}
@media print, screen and (max-width: 1921px)
{
.c-modal__close
{
top: 1.92708vw;
right: 2.08333vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-modal__close
{
top: 4.60526vw;
right: 4.60526vw;
}
}
.c-modal__closeBtn
{
display: block;
width: 44px;
}
@media print, screen and (max-width: 1921px)
{
.c-modal__closeBtn
{
width: 2.29167vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-modal__closeBtn
{
width: 2.44141vw;
height: 2.44141vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-modal__closeBtn
{
width: 5.36974vw;
height: 5.36974vw;
}
}
.c-modal__closeBtn > img
{
width: 100%;
}
/* ============== .mv ============== */
.mv
{
position: relative;
height: 1076px;
}
@media print, screen and (max-width: 1921px)
{
.mv
{
height: 56.04167vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv
{
height: 197.33333vw;
}
}
.mv:after
{
position: absolute;
z-index: -2;
right: 0;
bottom: 0;
left: 0;
width: 1920px;
height: 833px;
margin: 0 auto;
content: '';
background-image: url(../images/img_mv_bg.png);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.mv:after
{
width: 100%;
height: 43.38542vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv:after
{
width: 85.33333vw;
height: 123.06667vw;
background-image: url(../images/img_mv_bg_sp.png);
}
}
.mv__inner
{
position: relative;
max-width: 1920px;
height: 100%;
margin: 0 auto;
}
.mv__logo
{
position: absolute;
top: 30px;
left: 20px;
display: block;
width: 553px;
}
@media print, screen and (max-width: 1921px)
{
.mv__logo
{
top: 2.32558vw;
left: 1.04167vw;
width: 28.80208vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__logo
{
top: 0;
right: 0;
left: 0;
width: 73.73333vw;
margin: 0 auto;
}
}
.mv__lead
{
position: absolute;
top: 43px;
right: 0;
left: 0;
display: block;
width: 1294px;
margin: 0 auto;
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
@media print, screen and (max-width: 1921px)
{
.mv__lead
{
top: 2.23958vw;
width: 67.39583vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__lead
{
top: 16.26667vw;
width: 96.93333vw;
}
}
.mv__lead.active
{
-webkit-animation: fadeIn 1.5s cubic-bezier(.33, 1, .68, 1) both;
animation: fadeIn 1.5s cubic-bezier(.33, 1, .68, 1) both;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.mv__speech
{
position: absolute;
}
.mv__speech--01
{
top: 444px;
left: 327px;
width: 429px;
opacity: 0;
}
@media print, screen and (max-width: 1921px)
{
.mv__speech--01
{
top: 23.125vw;
left: 17.03125vw;
width: 22.34375vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__speech--01
{
top: 76.8vw;
left: 5.46667vw;
width: 41.2vw;
}
}
.mv__speech--01.active
{
-webkit-animation: fadeIn01 1.9s cubic-bezier(.33, 1, .68, 1) both;
animation: fadeIn01 1.9s cubic-bezier(.33, 1, .68, 1) both;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.mv__speech--02
{
top: 347px;
right: 402px;
width: 373px;
opacity: 0;
}
@media print, screen and (max-width: 1921px)
{
.mv__speech--02
{
top: 18.07292vw;
right: 20.9375vw;
width: 19.42708vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__speech--02
{
top: 68.26667vw;
right: 9.86667vw;
width: 37.46667vw;
}
}
.mv__speech--02.active
{
-webkit-animation: fadeIn02 1.9s cubic-bezier(.33, 1, .68, 1) both;
animation: fadeIn02 1.9s cubic-bezier(.33, 1, .68, 1) both;
-webkit-animation-delay: .7s;
animation-delay: .7s;
}
.mv__speech--03
{
top: 546px;
right: 339px;
width: 373px;
opacity: 0;
}
@media print, screen and (max-width: 1921px)
{
.mv__speech--03
{
top: 28.4375vw;
right: 17.65625vw;
width: 19.42708vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__speech--03
{
top: 87.2vw;
right: 4.13333vw;
width: 37.46667vw;
}
}
.mv__speech--03.active
{
-webkit-animation: fadeIn03 1.9s cubic-bezier(.33, 1, .68, 1) both;
animation: fadeIn03 1.9s cubic-bezier(.33, 1, .68, 1) both;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.mv__photo
{
position: absolute;
display: block;
}
.mv__photo--01
{
z-index: 2;
top: 479px;
left: 0;
width: 396px;
}
@media print, screen and (max-width: 1921px)
{
.mv__photo--01
{
top: 24.94792vw;
width: 20.625vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__photo--01
{
top: 94.93333vw;
left: 0;
width: 39.73333vw;
}
}
.mv__photo--02
{
z-index: 2;
top: 696px;
right: 41px;
width: 299px;
}
@media print, screen and (max-width: 1921px)
{
.mv__photo--02
{
top: 36.25vw;
right: 2.13542vw;
width: 15.57292vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__photo--02
{
top: 102.93333vw;
right: 0;
width: 50.4vw;
}
}
.mv__cta
{
position: absolute;
z-index: 0;
top: 747px;
right: 0;
left: 0;
width: 1086px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.mv__cta
{
top: 38.90625vw;
width: 56.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__cta
{
position: fixed;
z-index: 10;
top: auto;
bottom: 1.57895vw;
width: 96.13333vw;
}
}
.mv__cta a
{
font-size: 43px;
font-weight: 700;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 98.8px;
padding-top: 1px;
-webkit-transition: .3s;
transition: .3s;
color: #fff;
border: 10px solid #fff;
border-radius: 54px;
background: -webkit-gradient(linear, left top, right top, from(#ec5a24), color-stop(.18%, #ec5a24), color-stop(60%, #f6ab3b), to(#f6ab3b));
background: linear-gradient(to right, #ec5a24 0%, #ec5a24 .18%, #f6ab3b 60%, #f6ab3b 100%);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-filter: drop-shadow(5px 12px 0px #0cc);
filter: drop-shadow(5px 12px 0px #0cc);
}
@media print, screen and (max-width: 1921px)
{
.mv__cta a
{
font-size: 2.23958vw;
height: 5.14583vw;
padding-top: .05208vw;
border: .52083vw solid #fff;
border-radius: 2.8125vw;
-webkit-filter: drop-shadow(.26042vw .625vw 0px #0cc);
filter: drop-shadow(.26042vw .625vw 0px #0cc);
}
}
@media print, screen and (max-width: 1025px)
{
.mv__cta a
{
-webkit-filter: drop-shadow(.48828vw 1.17188vw 0px #0cc);
filter: drop-shadow(.48828vw 1.17188vw 0px #0cc);
}
}
@media print, screen and (max-width: 760px)
{
.mv__cta a
{
font-size: 5.73333vw;
width: 96.13333vw;
height: 14.4vw;
border: 1.06667vw solid #fff;
border-radius: 7.2vw;
-webkit-filter: drop-shadow(.65789vw .68182vw 0px #0cc);
filter: drop-shadow(.65789vw .68182vw 0px #0cc);
}
}
.mv__cta a:hover
{
-webkit-transform: translate(5px, 12px);
transform: translate(5px, 12px);
-webkit-filter: none;
filter: none;
}
@media print, screen and (max-width: 1921px)
{
.mv__cta a:hover
{
-webkit-transform: translate(.26042vw, .625vw);
transform: translate(.26042vw, .625vw);
}
}
@media print, screen and (max-width: 1025px)
{
.mv__cta a:hover
{
-webkit-transform: translate(0);
transform: translate(0);
-webkit-filter: drop-shadow(.48828vw 1.17188vw 0px #0cc);
filter: drop-shadow(.48828vw 1.17188vw 0px #0cc);
}
}
.mv__cta a:hover + .mv__ctaTxt
{
-webkit-transform: translate(5px, 12px);
transform: translate(5px, 12px);
}
@media print, screen and (max-width: 1921px)
{
.mv__cta a:hover + .mv__ctaTxt
{
-webkit-transform: translate(.26042vw, .625vw);
transform: translate(.26042vw, .625vw);
}
}
@media print, screen and (max-width: 1025px)
{
.mv__cta a:hover + .mv__ctaTxt
{
-webkit-transform: translate(0);
transform: translate(0);
}
}
.mv__cta a img
{
display: block;
width: 31px;
margin-left: 20px;
-webkit-transition: .3s;
transition: .3s;
}
@media print, screen and (max-width: 1921px)
{
.mv__cta a img
{
width: 1.61458vw;
margin-left: 1.04167vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__cta a img
{
width: 4.13333vw;
margin-left: 3.33333vw;
}
}
.mv__cta a span
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-filter: drop-shadow(2px 2px 0px rgba(59, 51, 51, .2));
filter: drop-shadow(2px 2px 0px rgba(59, 51, 51, .2));
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mv__cta--02
{
position: fixed;
z-index: 10;
z-index: 10;
top: auto;
right: 0;
bottom: 0;
left: auto;
display: none;
width: 721px;
margin-right: 15px;
margin-bottom: 15px;
}
@media print, screen and (max-width: 1921px)
{
.mv__cta--02
{
width: 37.55208vw;
margin-right: .78125vw;
margin-bottom: .78125vw;
}
}
.mv__cta--02.show
{
display: block;
}
.mv__cta--02 a
{
font-size: 43px;
width: 721px;
height: 108px;
border: 8px solid #fff;
border-radius: 54px;
}
@media print, screen and (max-width: 1921px)
{
.mv__cta--02 a
{
font-size: 2.23958vw;
width: 37.55208vw;
height: 5.625vw;
border: .41667vw solid #fff;
border-radius: 2.8125vw;
}
}
.mv__cta--02 a img
{
width: 31px;
margin-left: 25px;
}
@media print, screen and (max-width: 1921px)
{
.mv__cta--02 a img
{
width: 1.61458vw;
margin-left: 1.30208vw;
}
}
.mv__cta--02 a span
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-filter: drop-shadow(2px 2px 0px rgba(59, 51, 51, .2));
filter: drop-shadow(2px 2px 0px rgba(59, 51, 51, .2));
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (max-width: 760px)
{
.mv__cta--02
{
display: none !important;
}
}
.mv__cta.active
{
display: none;
}
.mv__ctaTxt
{
position: absolute;
z-index: -1;
top: -66px;
right: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 473px;
height: 132px;
margin: 0 auto;
padding-top: 14px;
-webkit-transition: .3s;
transition: .3s;
border-radius: 50%;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.mv__ctaTxt
{
top: -3.4375vw;
width: 24.63542vw;
height: 6.875vw;
padding-top: .72917vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__ctaTxt
{
top: -7.73333vw;
width: 63.06667vw;
height: 17.6vw;
padding-top: 2.4vw;
}
}
.mv__ctaTxt img
{
display: block;
width: 268px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.mv__ctaTxt img
{
width: 13.95833vw;
}
}
@media print, screen and (max-width: 760px)
{
.mv__ctaTxt img
{
width: 35.73333vw;
}
}
@-webkit-keyframes fadeIn
{
0%
{
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
100%
{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeIn
{
0%
{
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
100%
{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fadeIn01
{
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@keyframes fadeIn01
{
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@-webkit-keyframes fadeIn02
{
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@keyframes fadeIn02
{
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@-webkit-keyframes fadeIn03
{
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@keyframes fadeIn03
{
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
/* ============== .entrySec ============== */
.entrySec
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 1406px;
padding-top: 183px;
padding-bottom: 91px;
background-image: url(../images/img_entry_sec_bg.png);
background-repeat: no-repeat;
background-position: center;
background-position: top;
background-size: cover;
}
@media print, screen and (max-width: 1921px)
{
.entrySec
{
height: 73.22917vw;
padding-top: 9.53125vw;
padding-bottom: 4.73958vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec
{
height: auto;
padding-top: 12.01172vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec
{
position: relative;
margin-top: 25vw;
padding-bottom: 17.10526vw;
background-color: #00b3c1;
background-image: none;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec:after
{
position: absolute;
top: 0;
top: -9.86842vw;
left: 0;
width: 100%;
height: 10vw;
content: '';
background-image: url(../images/img_entry_sec_top.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
.entrySec__inner
{
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1131px;
height: 1129px;
margin: 0 auto;
padding: 37px 0 66px;
background-image: url(../images/img_entry_sec_inner_bg.png);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__inner
{
width: 58.90625vw;
height: 58.80208vw;
padding: 1.92708vw 0 3.4375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__inner
{
width: 92.87109vw;
height: 92.67578vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__inner
{
width: 100%;
height: auto;
margin-top: 1.31579vw;
padding: 10.52632vw 4.60526vw 11.84211vw;
background-color: rgba(255, 255, 255, .88);
background-image: none;
background-position: center;
background-size: cover;
}
}
.entrySec__people
{
position: absolute;
top: -50px;
right: 67px;
width: 294px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__people
{
top: -2.60417vw;
right: 3.48958vw;
width: 15.3125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__people
{
top: -4.88281vw;
right: 4.58984vw;
width: 20.89844vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__people
{
top: -6.57895vw;
right: 3.55263vw;
width: 34.73684vw;
}
}
.entrySec__people--02
{
position: absolute;
top: auto;
bottom: -95px;
left: -362px;
width: 574px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__people--02
{
bottom: -4.94792vw;
left: -18.85417vw;
width: 29.89583vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__people--02
{
bottom: -4.6875vw;
left: -3.125vw;
width: 32.61719vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__people--02
{
bottom: -16.84211vw;
left: 0;
width: 51.84211vw;
}
}
.entrySec__speech
{
width: 240px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__speech
{
width: 12.5vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__speech
{
width: 21.48438vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__speech
{
width: 52.47368vw;
}
}
.entrySec__topTxt
{
font-size: 18px;
line-height: 1.88;
margin-top: 40px;
text-align: center;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__topTxt
{
font-size: .9375vw;
margin-top: 2.08333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__topTxt
{
font-size: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__topTxt
{
font-size: 3.68421vw;
margin-top: 5.26316vw;
}
}
.entrySec__mainForm
{
width: 951px;
margin: 0 auto;
margin-top: 40px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__mainForm
{
width: 49.53125vw;
margin-top: 2.08333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__mainForm
{
width: 80%;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__mainForm
{
width: 100%;
margin-top: 6.57895vw;
}
}
.entrySec__main
{
width: 100%;
}
.entrySec__row
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 2px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__row
{
margin-bottom: .10417vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__row
{
margin-bottom: .19531vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__row
{
flex-direction: column;
margin-bottom: .65789vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.entrySec__th
{
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
width: 195px;
height: 60px;
padding-left: 23px;
text-align: left;
letter-spacing: 0;
color: #fff;
background-color: #00b3c1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__th
{
font-size: .9375vw;
width: 10.15625vw;
height: 3.125vw;
padding-left: 1.19792vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__th
{
font-size: 1.5625vw;
width: 14.64844vw;
height: 4.88281vw;
padding-left: 1.17188vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__th
{
font-size: 3.94737vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 7.89474vw;
margin-bottom: .65789vw;
padding-top: 0;
padding-left: 3.68421vw;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.entrySec__th > span
{
position: relative;
}
.entrySec__th--last
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
vertical-align: top;
}
.entrySec__td
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 754px;
color: #000;
background-color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__td
{
width: 39.27083vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__td
{
width: 60vw;
height: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__td
{
width: 100%;
height: 10.52632vw;
}
}
.entrySec__tag
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 75px;
height: 60px;
background-color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__tag
{
width: 3.90625vw;
height: 3.125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__tag
{
width: 5.85938vw;
height: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__tag
{
width: 10.52632vw;
height: 100%;
}
}
.entrySec__tag img
{
width: 40px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__tag img
{
width: 2.08333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__tag img
{
width: 3.41797vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__tag img
{
width: 7.89474vw;
}
}
.entrySec__txt
{
font-size: 18px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
width: 100%;
width: 678px;
height: 60px;
padding-left: 15px;
color: #000;
border: none;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__txt
{
font-size: .9375vw;
width: 35.3125vw;
height: 3.125vw;
padding-left: .78125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__txt
{
font-size: 1.5625vw;
width: 52.64062vw;
height: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__txt
{
font-size: 3.68421vw;
width: 80.05263vw;
height: 100%;
padding-left: 1.97368vw;
}
}
.entrySec__txt::-webkit-input-placeholder
{
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
color: #000;
}
.entrySec__txt::-moz-placeholder
{
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
color: #000;
}
.entrySec__txt::-ms-input-placeholder
{
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
color: #000;
}
.entrySec__txt::placeholder
{
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
color: #000;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__txt::-webkit-input-placeholder
{
font-size: .9375vw;
}
.entrySec__txt::-moz-placeholder
{
font-size: .9375vw;
}
.entrySec__txt::-ms-input-placeholder
{
font-size: .9375vw;
}
.entrySec__txt::placeholder
{
font-size: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__txt::-webkit-input-placeholder
{
font-size: 1.5625vw;
}
.entrySec__txt::-moz-placeholder
{
font-size: 1.5625vw;
}
.entrySec__txt::-ms-input-placeholder
{
font-size: 1.5625vw;
}
.entrySec__txt::placeholder
{
font-size: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__txt::-webkit-input-placeholder
{
font-size: 3.68421vw;
}
.entrySec__txt::-moz-placeholder
{
font-size: 3.68421vw;
}
.entrySec__txt::-ms-input-placeholder
{
font-size: 3.68421vw;
}
.entrySec__txt::placeholder
{
font-size: 3.68421vw;
}
}
.entrySec__label
{
position: relative;
}
.entrySec__label:after
{
position: absolute;
top: 0;
right: 22px;
bottom: 0;
width: 16px;
height: 8px;
margin: auto 0;
content: '';
background-image: url(../images/ico_entry_sec_arrow.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__label:after
{
right: 1.14583vw;
width: .83333vw;
height: .41667vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__label:after
{
right: 2.14844vw;
width: 1.5625vw;
height: .78125vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__label:after
{
right: 2.89474vw;
width: 4.21053vw;
height: 2.10526vw;
}
}
.entrySec__select
{
font-size: 18px;
position: relative;
width: 660px;
height: 42px;
padding-left: 15px;
color: #000;
border: none;
border-radius: 6px;
background-color: #ededed;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__select
{
font-size: .9375vw;
width: 34.375vw;
height: 2.1875vw;
padding-left: .78125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__select
{
font-size: 1.5625vw;
width: 52.64062vw;
height: 3.90625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__select
{
font-size: 3.68421vw;
width: 78vw;
height: 7.89474vw;
padding-left: 1.97368vw;
}
}
.entrySec__scrollbar
{
position: relative;
overflow-y: scroll;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 766px;
height: 156px;
margin: 0 auto;
margin-top: 31px;
padding: 21px;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__scrollbar
{
width: 39.89583vw;
height: 8.125vw;
margin-top: 1.61458vw;
padding: 1.09375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__scrollbar
{
width: 100%;
height: 10.74219vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__scrollbar
{
height: 39.47368vw;
margin-top: 5.92105vw;
padding: 5.39474vw 2.36842vw 4.60526vw 3.02632vw;
}
}
.entrySec__scrollbarTxt
{
font-size: 16px;
font-weight: 400;
line-height: 1.62;
text-align: left;
letter-spacing: 0;
letter-spacing: 0;
color: #000;
}
.entrySec__scrollbarTxt .privacy-policy{
color: #00a498;
text-decoration: underline;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__scrollbarTxt
{
font-size: .83333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__scrollbarTxt
{
font-size: 1.36719vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__scrollbarTxt
{
font-size: 3.28947vw;
line-height: 1.8;
}
}
.entrySec__agreeCheck
{
display: none;
}
.entrySec__agreeCheck:checked + span::before
{
opacity: 1;
}
.entrySec__agreeLabel
{
font-size: 18px;
font-weight: 400;
display: block;
margin-top: 29px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__agreeLabel
{
font-size: .9375vw;
margin-top: 1.51042vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__agreeLabel
{
font-size: 1.36719vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__agreeLabel
{
font-size: 3.68421vw;
margin-top: 6.57895vw;
}
}
.entrySec__agreeLabel > span
{
position: relative;
padding-left: 22px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__agreeLabel > span
{
padding-left: 1.14583vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__agreeLabel > span
{
padding-left: 2.63672vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__agreeLabel > span
{
padding-left: 6.57895vw;
}
}
.entrySec__agreeLabel > span:after
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 17px;
height: 17px;
margin: auto 0;
content: '';
background-color: #e1e1e1;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__agreeLabel > span:after
{
width: .88542vw;
height: .88542vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__agreeLabel > span:after
{
top: .29297vw;
bottom: auto;
width: 1.5625vw;
height: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__agreeLabel > span:after
{
top: 0;
width: 4.34211vw;
height: 4.34211vw;
}
}
.entrySec__agreeLabel > span:before
{
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 2.5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 12px;
height: 12px;
margin: auto 0;
content: '';
opacity: 0;
background-color: #00b3c1;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__agreeLabel > span:before
{
left: .13021vw;
width: .625vw;
height: .625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__agreeLabel > span:before
{
top: .48828vw;
bottom: auto;
left: .39062vw;
width: .97656vw;
height: .97656vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__agreeLabel > span:before
{
top: .92105vw;
left: .88158vw;
width: 2.5vw;
height: 2.5vw;
}
}
.entrySec__linkBox
{
font-size: 22px;
font-weight: 700;
width: 443px;
height: 61px;
margin-top: 37px;
cursor: pointer;
letter-spacing: .05em;
color: #fff;
border: 5px solid #fff;
border-radius: 30px;
background-color: #f28e1e;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__linkBox
{
font-size: 1.14583vw;
width: 23.07292vw;
height: 3.17708vw;
margin-top: 1.92708vw;
border: .26042vw solid #fff;
border-radius: 1.5625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__linkBox
{
font-size: 1.95312vw;
width: 36.13281vw;
height: 7.8125vw;
border: .48828vw solid #fff;
border-radius: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__linkBox
{
font-size: 4.21053vw;
width: 65.78947vw;
height: 11.84211vw;
margin-top: 6.57895vw;
border: .78947vw solid #fff;
border-radius: 6.57895vw;
}
}
.entrySec__linkBox:disabled
{
opacity: .7;
}
.entrySec__finishBox
{
position: relative;
z-index: 0;
background-color: #ebffff;
padding-bottom: 100px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__finishBox
{
padding-bottom: 5.20833vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__finishBox
{
padding-bottom: 7.8125vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__finishBox
{
padding-bottom: 15vw;
}
}
.entrySec__finishBox .mv__logo
{
position: static;
}
.entrySec__finishBox .c-btn
{
margin: 0 auto;
margin-top: 40px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__finishBox .c-btn
{
margin-top: 2.08333vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__finishBox .c-btn
{
margin-top: 5.92105vw;
}
}
.entrySec__finishBox .c-btn input
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
background-color: transparent;
}
.entrySec__block
{
margin-top: 20px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__block
{
margin-top: 1.04167vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__block
{
margin-top: 4.21053vw;
}
}
.entrySec__block .error_messe
{
font-size: 18px;
font-weight: 400;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__block .error_messe
{
font-size: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__block .error_messe
{
font-size: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__block .error_messe
{
font-size: 3.68421vw;
}
}
.entrySec__blockTtl
{
font-size: 25px;
font-weight: 700;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__blockTtl
{
font-size: 1.30208vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__blockTtl
{
font-size: 1.95312vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__blockTtl
{
font-size: 4.21053vw;
}
}
.entrySec__blockTxt
{
font-size: 18px;
font-weight: 400;
margin-top: 20px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__blockTxt
{
font-size: .9375vw;
margin-top: 1.04167vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__blockTxt
{
font-size: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__blockTxt
{
font-size: 3.68421vw;
margin-top: 2.63158vw;
}
}
.entrySec__finishTxtBox
{
margin-top: 30px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__finishTxtBox
{
margin-top: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__finishTxtBox
{
margin-top: 5.26316vw;
}
}
/* ============== .question ============== */
.question
{
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
margin: 0 auto;
margin-top: -247px;
padding-top: 9vw;
padding-bottom: 10.99vw;
background-image: url(../images/img_question_bg_01_1.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
@media print, screen and (max-width: 1921px)
{
.question
{
height: 63.61458vw;
margin-top: -12.86458vw;
padding-top: 9.42708vw;
}
}
@media print, screen and (max-width: 760px)
{
.question
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
height: 193.33333vw;
margin-top: -16.46667vw;
padding-top: 12.93333vw;
background-image: url(../images/img_question_bg_01_1_sp.png);
background-position: top;
}
}
.question:after
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 8.59375vw;
content: '';
background-image: url(../images/img_question_top.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
@media print, screen and (max-width: 760px)
{
.question:after
{
top: 13vw;
display: none;
height: 9.33333vw;
}
}
.question__ttl
{
width: 753px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.question__ttl
{
width: 39.21875vw;
}
}
@media print, screen and (max-width: 760px)
{
.question__ttl
{
width: 71.2vw;
margin-top: 12vw;
}
}
.question__ttl img
{
display: block;
width: 100%;
}
.question__inner
{
position: relative;
z-index: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1138px;
margin: 0 auto;
margin-top: 29px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (max-width: 1921px)
{
.question__inner
{
width: 59.27083vw;
margin-top: 1.51042vw;
}
}
@media print, screen and (max-width: 760px)
{
.question__inner
{
position: relative;
width: 88.13333vw;
height: 89.06667vw;
margin-top: 6.4vw;
}
}
.question__inner:after
{
position: absolute;
z-index: -1;
right: 0;
bottom: -112px;
left: 0;
width: 346px;
height: 336px;
margin: 0 auto;
content: '';
background-image: url(../images/img_question_people.png);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.question__inner:after
{
bottom: -5.83333vw;
width: 18.02083vw;
height: 17.5vw;
}
}
@media print, screen and (max-width: 760px)
{
.question__inner:after
{
bottom: -35.73333vw;
width: 34.4vw;
height: 35.6vw;
}
}
@media print, screen and (max-width: 760px)
{
.question__inner:before
{
position: absolute;
top: 0;
right: 0;
left: 0;
width: 88.13333vw;
height: 89.06667vw;
margin: 0 auto;
content: '';
background-image: url(../images/img_question_speech_sp.png);
background-repeat: no-repeat;
background-size: contain;
}
}
.question__speech
{
font-size: 33px;
font-weight: 700;
line-height: 1.2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 368px;
height: 204px;
padding-top: 39px;
text-align: center;
color: #000;
background-image: url(../images/img_question_speech_02.png);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.question__speech
{
font-size: 1.71875vw;
width: 19.16667vw;
height: 10.625vw;
padding-top: 2.03125vw;
}
}
@media print, screen and (max-width: 760px)
{
.question__speech
{
font-size: 4.4vw;
position: absolute;
width: auto;
margin-top: 0;
padding-top: 0;
background-image: none;
}
}
@media print, screen and (max-width: 760px)
{
.question__speech:first-of-type
{
top: 6.4vw;
left: 6.66667vw;
margin-top: 0;
}
}
@media print, screen and (max-width: 760px)
{
.question__speech:nth-of-type(2)
{
top: 17.6vw;
right: 7.46667vw;
margin-top: 0;
}
}
@media print, screen and (max-width: 760px)
{
.question__speech:nth-of-type(3)
{
top: 36.66667vw;
left: 3.46667vw;
background-image: none;
}
}
@media print, screen and (max-width: 760px)
{
.question__speech:nth-of-type(4)
{
top: 64.53333vw;
left: 6.53333vw;
margin-top: 0;
padding-top: 0;
background-image: none;
}
}
@media print, screen and (max-width: 760px)
{
.question__speech:nth-of-type(5)
{
top: 46.8vw;
right: 1.33333vw;
margin-top: 0;
padding-top: 0;
background-image: none;
}
}
.question__speech--05
{
padding-left: 20px;
}
@media print, screen and (max-width: 1921px)
{
.question__speech--05
{
padding-left: 1.04167vw;
}
}
.question__speech--03
{
margin-top: 24px;
padding-top: 25px;
}
@media print, screen and (max-width: 1921px)
{
.question__speech--03
{
margin-top: 1.25vw;
padding-top: 1.30208vw;
}
}
@media print, screen and (max-width: 760px)
{
.question__speech--03
{
margin-top: 5.86667vw;
padding-top: 3.06667vw;
}
}
.question__speech p
{
display: inline-block;
text-align: left;
}
.question__speech span
{
color: #ea8712;
}
.question__speech--l
{
background-image: url(../images/img_question_speech_01.png);
}
@media print, screen and (max-width: 760px)
{
.question__speech--l
{
background-image: none;
}
}
.question__speech--r
{
background-image: url(../images/img_question_speech_03.png);
}
@media print, screen and (max-width: 760px)
{
.question__speech--r
{
background-image: none;
}
}
.question__orangeBox
{
position: absolute;
z-index: 0;
width: 100%;
height: 6.25vw;
margin-top: 5.1vw;
background-color: #f6ab3b;
}
@media print, screen and (max-width: 1921px)
{
.question__orangeBox
{
margin-top: 6.9vw;
}
}
@media print, screen and (max-width: 760px)
{
.question__orangeBox
{
height: 26.31579vw;
margin-top: 38.73684vw;
}
}
.question__orangeBox:after
{
position: absolute;
top: -6.45833vw;
left: 0;
width: 100%;
height: 6.5625vw;
content: '';
background-image: url(../images/img_question_orange_top.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
.question__orangeBox:before
{
position: absolute;
z-index: -1;
bottom: -5.98958vw;
left: 0;
width: 100%;
height: 5.98958vw;
content: '';
background-image: url(../images/img_question_orange_btm.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.question__orangeBox img
{
display: block;
width: 670px;
margin: 0 auto;
margin-top: 1.5625vw;
}
@media print, screen and (max-width: 1921px)
{
.question__orangeBox img
{
width: 34.89583vw;
margin-top: 1.04167vw;
}
}
@media print, screen and (max-width: 760px)
{
.question__orangeBox img
{
width: 78.94737vw;
margin-top: 6.57895vw;
}
}
/* ============== .reasonSec ============== */
.reasonSec
{
position: relative;
z-index: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: auto;
margin: 0 auto;
padding-top: 7.90625vw;
padding-bottom: 8vw;
background-color: #ebffff;
background-image: url(../images/img_reason_sec_bg_sp.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec
{
height: 40.19792vw;
padding-top: 2.13542vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec
{
height: 45.19792vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec
{
height: auto;
margin-top: -46.93333vw;
padding-top: 76.33333vw;
padding-bottom: 10vw;
background-image: url(../images/img_reason_sec_bg_sp.png);
}
}
.reasonSec:after
{
position: absolute;
z-index: -1;
top: 19.84375vw;
right: 0;
left: 0;
width: 938px;
height: 312px;
margin: 0 auto;
content: '';
background-image: url(../images/img_reason_sec_txt.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec:after
{
top: 19.84375vw;
width: 48.85417vw;
height: 16.25vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec:after
{
display: none;
}
}
.reasonSec__inner
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1282px;
margin: 0 auto;
margin-top: 80px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__inner
{
width: 66.77083vw;
margin-top: 4.16667vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__inner
{
width: 80%;
margin-top: 2.92969vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__inner
{
flex-direction: column;
width: 92vw;
margin-top: 14.66667vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.reasonSec__item
{
position: relative;
z-index: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 365px;
height: 346px;
opacity: 0;
border: 6px solid #fff;
border-radius: 35px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__item
{
width: 19.01042vw;
height: 18.02083vw;
border: .3125vw solid #fff;
border-radius: 1.82292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__item
{
width: 25.39062vw;
height: 23.04688vw;
border: .58594vw solid #fff;
border-radius: 3.41797vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__item
{
width: 100%;
height: auto;
margin-bottom: 16vw;
padding-right: 9.86842vw;
padding-bottom: 10.66667vw;
padding-left: 9.86842vw;
border: 1.33333vw solid #fff;
border-radius: 4.66667vw;
}
}
.reasonSec__item--01
{
padding-top: 66px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__item--01
{
padding-top: 3.4375vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__item--01
{
padding-top: 8.8vw;
}
}
.reasonSec__item--02
{
padding-top: 53px;
-webkit-animation-delay: .3s !important;
animation-delay: .3s !important;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__item--02
{
padding-top: 2.76042vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__item--02
{
padding-top: 7.46667vw;
}
}
.reasonSec__item--03
{
padding-top: 58px;
-webkit-animation-delay: .6s !important;
animation-delay: .6s !important;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__item--03
{
padding-top: 3.02083vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__item--03
{
padding-top: 8.8vw;
}
}
.reasonSec__num
{
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
}
.reasonSec__num--01
{
top: -33px;
width: 47px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__num--01
{
top: -1.71875vw;
width: 2.44792vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__num--01
{
top: -2.44141vw;
width: 3.51562vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__num--01
{
top: -5.73333vw;
width: 8.13333vw;
}
}
.reasonSec__num--02
{
top: -35px;
width: 55px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__num--02
{
top: -1.82292vw;
width: 2.86458vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__num--02
{
top: -2.53906vw;
width: 4.10156vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__num--02
{
top: -5.73333vw;
width: 9.46667vw;
}
}
.reasonSec__num--03
{
top: -33px;
width: 55px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__num--03
{
top: -1.71875vw;
width: 2.86458vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__num--03
{
top: -2.44141vw;
width: 4.10156vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__num--03
{
top: -5.73333vw;
width: 9.46667vw;
}
}
.reasonSec__illust
{
display: block;
margin: 0 auto;
}
.reasonSec__illust--01
{
width: 251px;
margin-bottom: 23px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__illust--01
{
width: 13.07292vw;
margin-bottom: 1.19792vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__illust--01
{
width: 15.23438vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__illust--01
{
width: 39.60526vw;
margin-bottom: 2.63158vw;
}
}
.reasonSec__illust--02
{
width: 204px;
margin-bottom: 12px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__illust--02
{
width: 10.625vw;
margin-bottom: .625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__illust--02
{
width: 12.40234vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__illust--02
{
width: 32.10526vw;
margin-bottom: 2.63158vw;
}
}
.reasonSec__illust--03
{
width: 185px;
margin-bottom: 12px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__illust--03
{
width: 9.63542vw;
margin-bottom: .625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__illust--03
{
width: 11.23047vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__illust--03
{
width: 29.21053vw;
margin-bottom: 2.63158vw;
}
}
.reasonSec__txt
{
font-size: 24px;
font-weight: 700;
line-height: 1.3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: .05em;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__txt
{
font-size: 1.25vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__txt
{
font-size: 1.75781vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txt
{
font-size: 4.21053vw;
}
}
.reasonSec__txt--02
{
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
.reasonSec__txt--03
{
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
.reasonSec__txt span
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txt span
{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txt--01
{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
.reasonSec__txtImg
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
vertical-align: baseline;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.reasonSec__txtImg--01
{
width: 61px;
margin-left: 10px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__txtImg--01
{
width: 3.17708vw;
margin-left: .52083vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__txtImg--01
{
width: 3.71094vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txtImg--01
{
width: 13.81579vw;
margin-left: 1.31579vw;
}
}
.reasonSec__txtImg--02
{
display: block;
width: 107px;
margin: 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__txtImg--02
{
width: 5.57292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__txtImg--02
{
width: 6.44531vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txtImg--02
{
width: 24.60526vw;
}
}
.reasonSec__txtImg--03
{
display: block;
width: 36px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__txtImg--03
{
width: 1.875vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__txtImg--03
{
width: 2.14844vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txtImg--03
{
width: 8.28947vw;
}
}
.reasonSec .c-btn
{
position: absolute;
right: 0;
bottom: -20px;
left: 0;
margin: 0 auto;
-webkit-transition: .3s;
transition: .3s;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec .c-btn
{
bottom: -1.04167vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec .c-btn
{
bottom: -1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec .c-btn
{
bottom: -4.21053vw;
}
}
/* ============== .c-ttl ============== */
.c-ttl__en
{
display: block;
margin: 0 auto;
}
.c-ttl__en--reason
{
width: 78px;
}
@media print, screen and (max-width: 1921px)
{
.c-ttl__en--reason
{
width: 4.0625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-ttl__en--reason
{
width: 5.85938vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-ttl__en--reason
{
width: 13.46667vw;
}
}
.c-ttl__en--voice
{
width: 57px;
margin-top: 20px;
}
@media print, screen and (max-width: 1921px)
{
.c-ttl__en--voice
{
width: 2.96875vw;
margin-top: 1.04167vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-ttl__en--voice
{
width: 4.19922vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-ttl__en--voice
{
width: 9.86667vw;
}
}
.c-ttl__en--faq
{
width: 38px;
}
@media print, screen and (max-width: 1921px)
{
.c-ttl__en--faq
{
width: 1.97917vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-ttl__en--faq
{
width: 2.83203vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-ttl__en--faq
{
width: 6.53333vw;
}
}
.c-ttl__en--job
{
width: 186px;
}
@media print, screen and (max-width: 1921px)
{
.c-ttl__en--job
{
width: 9.6875vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-ttl__en--job
{
width: 13.96484vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-ttl__en--job
{
width: 32.13333vw;
}
}
.c-ttl__en--entry
{
width: 62px;
margin-top: 15px;
}
@media print, screen and (max-width: 1921px)
{
.c-ttl__en--entry
{
width: 3.22917vw;
margin-top: .78125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-ttl__en--entry
{
width: 4.58984vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-ttl__en--entry
{
width: 10.66667vw;
}
}
.c-ttl__ja
{
font-size: 31px;
font-weight: 700;
margin-top: 10px;
letter-spacing: .05em;
}
@media print, screen and (max-width: 1921px)
{
.c-ttl__ja
{
font-size: 1.61458vw;
margin-top: .52083vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-ttl__ja
{
font-size: 2.34375vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-ttl__ja
{
font-size: 6vw;
line-height: 1.3;
margin-top: 1.33333vw;
}
}
.c-ttl__speech
{
font-size: 17px;
font-weight: 700;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 240px;
height: 81px;
margin: 0 auto;
padding-top: 36px;
text-align: center;
color: #fff;
background-image: url(../images/img_interview_sec_ttl_speech.png);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.c-ttl__speech
{
font-size: .88542vw;
width: 12.5vw;
height: 4.21875vw;
padding-top: 1.875vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-ttl__speech
{
font-size: 1.26953vw;
width: 17.96875vw;
height: 6.05469vw;
padding-top: 2.73438vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-ttl__speech
{
font-size: 3.68421vw;
width: 59.47368vw;
height: 20.13158vw;
padding-top: 10.13333vw;
}
}
/* ============== .reasonSec ============== */
.reasonSec
{
position: relative;
z-index: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: auto;
margin: 0 auto;
padding-top: 7.90625vw;
padding-bottom: 8vw;
background-color: #ebffff;
background-image: url(../images/img_reason_sec_bg_sp.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec
{
height: 40.19792vw;
padding-top: 2.13542vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec
{
height: 45.19792vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec
{
height: auto;
margin-top: -46.93333vw;
padding-top: 76.33333vw;
padding-bottom: 10vw;
background-image: url(../images/img_reason_sec_bg_sp.png);
}
}
.reasonSec:after
{
position: absolute;
z-index: -1;
top: 19.84375vw;
right: 0;
left: 0;
width: 938px;
height: 312px;
margin: 0 auto;
content: '';
background-image: url(../images/img_reason_sec_txt.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec:after
{
top: 19.84375vw;
width: 48.85417vw;
height: 16.25vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec:after
{
display: none;
}
}
.reasonSec__inner
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1282px;
margin: 0 auto;
margin-top: 80px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__inner
{
width: 66.77083vw;
margin-top: 4.16667vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__inner
{
width: 80%;
margin-top: 2.92969vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__inner
{
flex-direction: column;
width: 92vw;
margin-top: 14.66667vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.reasonSec__item
{
position: relative;
z-index: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 365px;
height: 346px;
opacity: 0;
border: 6px solid #fff;
border-radius: 35px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__item
{
width: 19.01042vw;
height: 18.02083vw;
border: .3125vw solid #fff;
border-radius: 1.82292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__item
{
width: 25.39062vw;
height: 23.04688vw;
border: .58594vw solid #fff;
border-radius: 3.41797vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__item
{
width: 100%;
height: auto;
margin-bottom: 16vw;
padding-right: 9.86842vw;
padding-bottom: 10.66667vw;
padding-left: 9.86842vw;
border: 1.33333vw solid #fff;
border-radius: 4.66667vw;
}
}
.reasonSec__item--01
{
padding-top: 66px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__item--01
{
padding-top: 3.4375vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__item--01
{
padding-top: 8.8vw;
}
}
.reasonSec__item--02
{
padding-top: 53px;
-webkit-animation-delay: .3s !important;
animation-delay: .3s !important;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__item--02
{
padding-top: 2.76042vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__item--02
{
padding-top: 7.46667vw;
}
}
.reasonSec__item--03
{
padding-top: 58px;
-webkit-animation-delay: .6s !important;
animation-delay: .6s !important;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__item--03
{
padding-top: 3.02083vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__item--03
{
padding-top: 8.8vw;
}
}
.reasonSec__num
{
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
}
.reasonSec__num--01
{
top: -33px;
width: 47px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__num--01
{
top: -1.71875vw;
width: 2.44792vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__num--01
{
top: -2.44141vw;
width: 3.51562vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__num--01
{
top: -5.73333vw;
width: 8.13333vw;
}
}
.reasonSec__num--02
{
top: -35px;
width: 55px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__num--02
{
top: -1.82292vw;
width: 2.86458vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__num--02
{
top: -2.53906vw;
width: 4.10156vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__num--02
{
top: -5.73333vw;
width: 9.46667vw;
}
}
.reasonSec__num--03
{
top: -33px;
width: 55px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__num--03
{
top: -1.71875vw;
width: 2.86458vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__num--03
{
top: -2.44141vw;
width: 4.10156vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__num--03
{
top: -5.73333vw;
width: 9.46667vw;
}
}
.reasonSec__illust
{
display: block;
margin: 0 auto;
}
.reasonSec__illust--01
{
width: 251px;
margin-bottom: 23px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__illust--01
{
width: 13.07292vw;
margin-bottom: 1.19792vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__illust--01
{
width: 15.23438vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__illust--01
{
width: 39.60526vw;
margin-bottom: 2.63158vw;
}
}
.reasonSec__illust--02
{
width: 204px;
margin-bottom: 12px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__illust--02
{
width: 10.625vw;
margin-bottom: .625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__illust--02
{
width: 12.40234vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__illust--02
{
width: 32.10526vw;
margin-bottom: 2.63158vw;
}
}
.reasonSec__illust--03
{
width: 185px;
margin-bottom: 12px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__illust--03
{
width: 9.63542vw;
margin-bottom: .625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__illust--03
{
width: 11.23047vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__illust--03
{
width: 29.21053vw;
margin-bottom: 2.63158vw;
}
}
.reasonSec__txt
{
font-size: 24px;
font-weight: 700;
line-height: 1.3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: .05em;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__txt
{
font-size: 1.25vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__txt
{
font-size: 1.75781vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txt
{
font-size: 4.21053vw;
}
}
.reasonSec__txt--02
{
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
.reasonSec__txt--03
{
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
.reasonSec__txt span
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txt span
{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txt--01
{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
.reasonSec__txtImg
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
vertical-align: baseline;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.reasonSec__txtImg--01
{
width: 61px;
margin-left: 10px;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__txtImg--01
{
width: 3.17708vw;
margin-left: .52083vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__txtImg--01
{
width: 3.71094vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txtImg--01
{
width: 13.81579vw;
margin-left: 1.31579vw;
}
}
.reasonSec__txtImg--02
{
display: block;
width: 107px;
margin: 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__txtImg--02
{
width: 11.57292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__txtImg--02
{
width: 6.44531vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txtImg--02
{
width: 45.60526vw;
}
}
.reasonSec__txtImg--03
{
display: block;
width: 36px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec__txtImg--03
{
width: 1.875vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec__txtImg--03
{
width: 2.14844vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec__txtImg--03
{
width: 8.28947vw;
}
}
.reasonSec .c-btn
{
position: absolute;
right: 0;
bottom: -20px;
left: 0;
margin: 0 auto;
-webkit-transition: .3s;
transition: .3s;
}
@media print, screen and (max-width: 1921px)
{
.reasonSec .c-btn
{
bottom: -1.04167vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonSec .c-btn
{
bottom: -1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonSec .c-btn
{
bottom: -4.21053vw;
}
}
/* ============== .c-btn ============== */
.c-btn
{
position: relative;
display: block;
width: 202px;
height: 52px;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
border: 3px solid #fff;
border-radius: 26px;
background-color: #ffe7a9;
-webkit-filter: drop-shadow(4px 10px 0px #fc3);
filter: drop-shadow(4px 10px 0px #fc3);
}
@media print, screen and (max-width: 1921px)
{
.c-btn
{
width: 10.52083vw;
height: 2.70833vw;
border: .15625vw solid #fff;
border-radius: 1.35417vw;
-webkit-filter: drop-shadow(.20833vw .52083vw 0px #fc3);
filter: drop-shadow(.20833vw .52083vw 0px #fc3);
}
}
@media print, screen and (max-width: 1025px)
{
.c-btn
{
width: 15.13672vw;
height: 3.90625vw;
border: .29297vw solid #fff;
border-radius: 2.53906vw;
-webkit-filter: drop-shadow(.39062vw .97656vw 0px #fc3);
filter: drop-shadow(.39062vw .97656vw 0px #fc3);
}
}
@media print, screen and (max-width: 760px)
{
.c-btn
{
width: 45vw;
height: 9.47368vw;
border: .39474vw solid #fff;
border-radius: 6.05263vw;
-webkit-filter: drop-shadow(.52632vw 1.31579vw 0px #fc3);
filter: drop-shadow(.52632vw 1.31579vw 0px #fc3);
}
}
.c-btn:hover
{
-webkit-transform: translate(4px, 10px);
transform: translate(4px, 10px);
-webkit-filter: none;
filter: none;
}
@media print, screen and (max-width: 1921px)
{
.c-btn:hover
{
-webkit-transform: translate(.20833vw, .52083vw);
transform: translate(.20833vw, .52083vw);
}
}
@media print, screen and (max-width: 1025px)
{
.c-btn:hover
{
-webkit-transform: translate(0);
transform: translate(0);
-webkit-filter: drop-shadow(.39062vw .97656vw 0px #fc3);
filter: drop-shadow(.39062vw .97656vw 0px #fc3);
}
}
@media print, screen and (max-width: 760px)
{
.c-btn:hover
{
-webkit-filter: drop-shadow(.52632vw 1.31579vw 0px #fc3);
filter: drop-shadow(.52632vw 1.31579vw 0px #fc3);
}
}
.c-btn span
{
font-size: 18px;
font-weight: 700;
line-height: 52px;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
margin: auto;
letter-spacing: .05em;
pointer-events: none;
color: #ec5a24;
}
@media print, screen and (max-width: 1921px)
{
.c-btn span
{
font-size: .9375vw;
line-height: 2.70833vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-btn span
{
font-size: 1.36719vw;
line-height: 3.90625vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-btn span
{
font-size: 3.94737vw;
line-height: 9.47368vw;
}
}
.c-btn--02
{
-webkit-transition: .3s;
transition: .3s;
background-color: #00b3c1;
-webkit-filter: drop-shadow(4px 10px 0px #d0d0d0);
filter: drop-shadow(4px 10px 0px #d0d0d0);
}
@media print, screen and (max-width: 1921px)
{
.c-btn--02
{
-webkit-filter: drop-shadow(.20833vw .52083vw 0px #d0d0d0);
filter: drop-shadow(.20833vw .52083vw 0px #d0d0d0);
}
}
@media print, screen and (max-width: 1025px)
{
.c-btn--02
{
-webkit-filter: drop-shadow(.39062vw .97656vw 0px #d0d0d0);
filter: drop-shadow(.39062vw .97656vw 0px #d0d0d0);
}
}
@media print, screen and (max-width: 760px)
{
.c-btn--02
{
-webkit-filter: drop-shadow(.52632vw 1.31579vw 0px #d0d0d0);
filter: drop-shadow(.52632vw 1.31579vw 0px #d0d0d0);
}
}
@media print, screen and (max-width: 1025px)
{
.c-btn--02:hover
{
-webkit-transform: translate(0);
transform: translate(0);
-webkit-filter: drop-shadow(.39062vw .97656vw 0px #d0d0d0);
filter: drop-shadow(.39062vw .97656vw 0px #d0d0d0);
}
}
@media print, screen and (max-width: 760px)
{
.c-btn--02:hover
{
-webkit-filter: drop-shadow(.52632vw 1.31579vw 0px #d0d0d0);
filter: drop-shadow(.52632vw 1.31579vw 0px #d0d0d0);
}
}
.c-btn--02 span
{
color: #fff;
}
.c-btn__txt
{
position: relative;
z-index: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-btn__arrow
{
width: 10px;
margin-left: 11px;
-webkit-transition: .3s;
transition: .3s;
}
@media print, screen and (max-width: 1921px)
{
.c-btn__arrow
{
width: .52083vw;
margin-left: .57292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.c-btn__arrow
{
width: .97656vw;
}
}
@media print, screen and (max-width: 760px)
{
.c-btn__arrow
{
width: 3.15789vw;
margin-top: .52632vw;
margin-left: 1.31579vw;
}
}
.c-btn__arrow--l
{
margin-right: 18px;
margin-left: 0;
}
@media print, screen and (max-width: 1921px)
{
.c-btn__arrow--l
{
margin-right: .9375vw;
}
}
/* ============== .reasonSec ============== */
.interviewSec
{
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 948px;
margin: 0 auto;
margin-top: -154px;
margin-bottom: 30px;
padding-top: 8.4375vw;
background-position: top;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec
{
height: 49.375vw;
margin-top: -6.45833vw;
margin-bottom: 1.5625vw;
padding-top: 8.4375vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec
{
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
margin-top: -11.86667vw;
padding-top: 20vw;
background-image: none;
background-position: center;
background-size: contain;
}
}
.interviewSec:after
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 19.84375vw;
content: '';
background-image: url(../images/img_interview_sec_bg_sp.png);
background-repeat: no-repeat;
background-size: cover;
}
@media print, screen and (max-width: 760px)
{
.interviewSec:after
{
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 39.47368vw;
background-image: url(../images/img_interview_sec_bg_sp.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
}
.interviewSec:before
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 1907px;
height: 645px;
margin: 0 auto;
content: '';
background-image: url(../images/img_interview_sec_txt.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec:before
{
width: 99.32292vw;
height: 33.59375vw;
}
}
.interviewSec__inner
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1458px;
margin: 0 auto;
margin-top: 80px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec__inner
{
width: 75.9375vw;
margin-top: 4.16667vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewSec__inner
{
width: 80%;
margin-top: 1.95312vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec__inner
{
flex-direction: column;
width: 90.78947vw;
margin-top: 14.47368vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.interviewSec__item
{
position: relative;
width: 325px;
height: 387px;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec__item
{
width: 16.92708vw;
height: 20.15625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewSec__item
{
width: 19.53125vw;
height: 23.92578vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec__item
{
width: 90.78947vw;
height: 85.52632vw;
margin: 0 auto;
margin-bottom: 10.52632vw;
}
}
.interviewSec__photo
{
display: block;
width: 100%;
}
@media print, screen and (max-width: 760px)
{
.interviewSec__photo
{
width: 76.31579vw;
margin: 0 auto;
}
}
.interviewSec .c-btn--02
{
position: absolute;
bottom: 0;
}
@media print, screen and (max-width: 760px)
{
.interviewSec .c-btn--02
{
position: relative;
left: 6.57895vw;
margin-top: 1.31579vw;
}
}
.interviewSec__txtBox
{
position: absolute;
top: 208px;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec__txtBox
{
top: 10.83333vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec__txtBox
{
top: 46.05263vw;
left: 6.57895vw;
}
}
.interviewSec__orange
{
font-size: 16px;
font-weight: 700;
line-height: 2;
text-align: left;
letter-spacing: .05em;
color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec__orange
{
font-size: .83333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewSec__orange
{
font-size: 1.26953vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec__orange
{
font-size: 3.68421vw;
}
}
.interviewSec__orange span
{
padding: 2px 6px;
background-color: #f28e1e;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec__orange span
{
padding: .10417vw .3125vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec__orange span
{
padding: .26316vw 1.31579vw .52632vw;
}
}
.interviewSec__whiteTxtBox
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.interviewSec__whiteTxt
{
font-size: 16px;
font-weight: 700;
line-height: 2;
text-align: left;
letter-spacing: .05em;
color: #424242;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec__whiteTxt
{
font-size: .83333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewSec__whiteTxt
{
font-size: 1.26953vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec__whiteTxt
{
font-size: 3.68421vw;
}
}
.interviewSec__whiteTxt span
{
padding: 2px 6px;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec__whiteTxt span
{
padding: .10417vw .3125vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec__whiteTxt span
{
padding: .26316vw 1.31579vw .52632vw;
}
}
.interviewSec__whiteTxt--01
{
margin-right: 8px;
}
@media print, screen and (max-width: 1921px)
{
.interviewSec__whiteTxt--01
{
margin-right: .41667vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewSec__whiteTxt--01
{
margin-right: 1.31579vw;
}
}
/* ============== .faqSec ============== */
.faqSec
{
max-width: 100%;
padding: 109px 0 100px;
background-image: url(../images/img_faq_sec_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media print, screen and (max-width: 1921px)
{
.faqSec
{
padding: 5.67708vw 0 5.20833vw;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec
{
padding: 14.47368vw 0 14.47368vw;
}
}
.faqSec__inner
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1200px;
margin: 0 auto;
padding: 67px 0 105px;
border-radius: 37px;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.faqSec__inner
{
width: 62.5vw;
padding: 3.48958vw 0 5.46875vw;
border-radius: 1.92708vw;
}
}
@media print, screen and (max-width: 1025px)
{
.faqSec__inner
{
width: 80%;
border-radius: 3.61328vw;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec__inner
{
width: 100%;
padding: 7.89474vw 0 10.52632vw;
border-radius: 0;
}
}
.faqSec__itemBox
{
width: 940px;
margin: 0 auto;
margin-top: 60px;
}
@media print, screen and (max-width: 1921px)
{
.faqSec__itemBox
{
width: 48.95833vw;
margin-top: 3.125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.faqSec__itemBox
{
width: 80%;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec__itemBox
{
width: 90.78947vw;
margin-top: 5.26316vw;
}
}
.faqSec__qItem
{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 30px;
padding-bottom: 23px;
cursor: pointer;
border-bottom: 1px solid #00a498;
}
@media print, screen and (max-width: 1921px)
{
.faqSec__qItem
{
padding-top: 1.5625vw;
padding-bottom: 1.19792vw;
border-bottom: .05208vw solid #00a498;
}
}
@media print, screen and (max-width: 1025px)
{
.faqSec__qItem
{
border-bottom: .09766vw solid #00a498;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec__qItem
{
padding-top: 5.26316vw;
padding-bottom: 5vw;
border-bottom: .13158vw solid #00a498;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.faqSec__qItem:after
{
position: absolute;
top: 50px;
right: 10px;
width: 21px;
height: 10px;
content: '';
-webkit-transition: .3s;
transition: .3s;
background-image: url(../images/ico_faq_sec_arrow.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.faqSec__qItem:after
{
top: 2.60417vw;
right: .52083vw;
width: 1.09375vw;
height: .52083vw;
}
}
@media print, screen and (max-width: 1025px)
{
.faqSec__qItem:after
{
top: 1.95312vw;
right: .97656vw;
width: 1.5625vw;
height: .74219vw;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec__qItem:after
{
top: 6.57895vw;
right: 1.31579vw;
width: 2.76316vw;
height: 1.31579vw;
}
}
.faqSec__qItem.active:after
{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.faqSec__q
{
display: block;
width: 19px;
margin-right: 35px;
}
@media print, screen and (max-width: 1921px)
{
.faqSec__q
{
width: .98958vw;
margin-right: 1.82292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.faqSec__q
{
width: 1.36719vw;
margin-right: 3.41797vw;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec__q
{
width: 3.42105vw;
margin-right: 2.36842vw;
}
}
.faqSec__txt
{
font-size: 18px;
line-height: 1.8;
text-align: left;
letter-spacing: 0;
}
@media print, screen and (max-width: 1921px)
{
.faqSec__txt
{
font-size: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.faqSec__txt
{
font-size: 1.36719vw;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec__txt
{
font-size: 3.68421vw;
line-height: 1.4;
width: 88%;
}
}
.faqSec__aItem
{
display: none;
padding-top: 34px;
padding-bottom: 50px;
}
@media print, screen and (max-width: 1921px)
{
.faqSec__aItem
{
padding-top: 1.77083vw;
padding-bottom: 2.60417vw;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec__aItem
{
padding-top: 5.26316vw;
padding-bottom: 4.34211vw;
}
}
.faqSec__aItemInner
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.faqSec__a
{
line-height: 1.8;
display: block;
width: 18px;
margin-right: 35px;
text-align: left;
letter-spacing: 0;
}
@media print, screen and (max-width: 1921px)
{
.faqSec__a
{
width: .9375vw;
margin-right: 1.82292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.faqSec__a
{
width: 1.36719vw;
margin-right: 3.41797vw;
}
}
@media print, screen and (max-width: 760px)
{
.faqSec__a
{
width: 3.42105vw;
margin-right: 2.36842vw;
}
}
/* ============== .jobSec ============== */
.jobSec
{
position: relative;
z-index: 0;
padding: 119px 0 20px;
}
@media print, screen and (max-width: 1921px)
{
.jobSec
{
padding: 6.19792vw 0 1.04167vw;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec
{
padding: 15.65789vw 0 5.26316vw;
}
}
.jobSec__l
{
position: absolute;
z-index: -1;
bottom: 24px;
left: 0;
width: 213px;
}
@media print, screen and (max-width: 1921px)
{
.jobSec__l
{
bottom: 1.25vw;
width: 11.09375vw;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec__l
{
display: none;
}
}
.jobSec__r
{
position: absolute;
z-index: -1;
top: 0;
right: 0;
width: 213px;
}
@media print, screen and (max-width: 1921px)
{
.jobSec__r
{
width: 11.09375vw;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec__r
{
display: none;
}
}
.jobSec__inner
{
width: 1506px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.jobSec__inner
{
width: 78.4375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.jobSec__inner
{
width: 80%;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec__inner
{
width: 90.78947vw;
}
}
.jobSec__itemBox
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (max-width: 1921px)
{
.jobSec__itemBox
{
margin-top: 2.08333vw;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec__itemBox
{
flex-direction: column;
margin-top: 10.47368vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.jobSec__table
{
width: 748px;
}
@media print, screen and (max-width: 1921px)
{
.jobSec__table
{
width: 38.95833vw;
}
}
@media print, screen and (max-width: 1025px)
{
.jobSec__table
{
width: 39.55078vw;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec__table
{
width: 100%;
}
}
.jobSec__tr
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 2px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (max-width: 1921px)
{
.jobSec__tr
{
margin-bottom: .15504vw;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec__tr
{
flex-direction: column;
margin-bottom: .65789vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.jobSec__th
{
font-size: 18px;
font-weight: 400;
line-height: 1.3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 145px;
padding-top: 17px;
padding-left: 18px;
text-align: left;
letter-spacing: 0;
color: #fff;
background-color: #00b3c1;
}
@media print, screen and (max-width: 1921px)
{
.jobSec__th
{
font-size: .9375vw;
width: 7.55208vw;
padding-top: .88542vw;
padding-left: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.jobSec__th
{
font-size: 1.36719vw;
width: 9.76562vw;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec__th
{
font-size: 3.94737vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 7.89474vw;
margin-bottom: .65789vw;
padding-top: 0;
padding-left: 3.68421vw;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.jobSec__td
{
font-size: 18px;
font-weight: 400;
line-height: 1.3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 600px;
margin-left: 2px;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 19px;
text-align: left;
letter-spacing: 0;
background-color: #f9f9f9;
}
@media print, screen and (max-width: 1921px)
{
.jobSec__td
{
font-size: .9375vw;
width: 31.25vw;
margin-left: .10417vw;
padding-top: .88542vw;
padding-right: .98958vw;
padding-bottom: .88542vw;
padding-left: .98958vw;
}
}
@media print, screen and (max-width: 1025px)
{
.jobSec__td
{
font-size: 1.36719vw;
width: 29.29688vw;
}
}
@media print, screen and (max-width: 760px)
{
.jobSec__td
{
font-size: 3.68421vw;
width: 100%;
margin-left: 0;
padding-top: 3.55263vw;
padding-right: 3.68421vw;
padding-bottom: 3.55263vw;
padding-left: 3.68421vw;
}
}
/* ============== .entrySec ============== */
.entrySec
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 1406px;
padding-top: 183px;
padding-bottom: 91px;
background-image: url(../images/img_entry_sec_bg.png);
background-repeat: no-repeat;
background-position: center;
background-position: top;
background-size: cover;
}
@media print, screen and (max-width: 1921px)
{
.entrySec
{
height: 73.22917vw;
padding-top: 9.53125vw;
padding-bottom: 4.73958vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec
{
height: auto;
padding-top: 12.01172vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec
{
position: relative;
margin-top: 25vw;
padding-bottom: 17.10526vw;
background-color: #00b3c1;
background-image: none;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec:after
{
position: absolute;
top: 0;
top: -9.86842vw;
left: 0;
width: 100%;
height: 10vw;
content: '';
background-image: url(../images/img_entry_sec_top.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
.entrySec__inner
{
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1131px;
height: 1129px;
margin: 0 auto;
padding: 37px 0 66px;
background-image: url(../images/img_entry_sec_inner_bg.png);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__inner
{
width: 58.90625vw;
height: 58.80208vw;
padding: 1.92708vw 0 3.4375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__inner
{
width: 92.87109vw;
height: 92.67578vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__inner
{
width: 100%;
height: auto;
margin-top: 1.31579vw;
padding: 10.52632vw 4.60526vw 11.84211vw;
background-color: rgba(255, 255, 255, .88);
background-image: none;
background-position: center;
background-size: cover;
}
}
.entrySec__people
{
position: absolute;
top: -50px;
right: 67px;
width: 294px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__people
{
top: -2.60417vw;
right: 3.48958vw;
width: 15.3125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__people
{
top: -4.88281vw;
right: 4.58984vw;
width: 20.89844vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__people
{
top: -6.57895vw;
right: 3.55263vw;
width: 34.73684vw;
}
}
.entrySec__people--02
{
position: absolute;
top: auto;
bottom: -95px;
left: -362px;
width: 574px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__people--02
{
bottom: -4.94792vw;
left: -18.85417vw;
width: 29.89583vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__people--02
{
bottom: -4.6875vw;
left: -3.125vw;
width: 32.61719vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__people--02
{
bottom: -16.84211vw;
left: 0;
width: 51.84211vw;
}
}
.entrySec__speech
{
width: 240px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__speech
{
width: 12.5vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__speech
{
width: 21.48438vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__speech
{
width: 52.47368vw;
}
}
.entrySec__topTxt
{
font-size: 18px;
line-height: 1.88;
margin-top: 40px;
text-align: center;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__topTxt
{
font-size: .9375vw;
margin-top: 2.08333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__topTxt
{
font-size: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__topTxt
{
font-size: 3.68421vw;
margin-top: 5.26316vw;
}
}
.entrySec__mainForm
{
width: 951px;
margin: 0 auto;
margin-top: 40px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__mainForm
{
width: 49.53125vw;
margin-top: 2.08333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__mainForm
{
width: 80%;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__mainForm
{
width: 100%;
margin-top: 6.57895vw;
}
}
.entrySec__main
{
width: 100%;
}
.entrySec__row
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 2px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__row
{
margin-bottom: .10417vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__row
{
margin-bottom: .19531vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__row
{
flex-direction: column;
margin-bottom: .65789vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.entrySec__th
{
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
width: 195px;
height: 60px;
padding-left: 23px;
text-align: left;
letter-spacing: 0;
color: #fff;
background-color: #00b3c1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__th
{
font-size: .9375vw;
width: 10.15625vw;
height: 3.125vw;
padding-left: 1.19792vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__th
{
font-size: 1.5625vw;
width: 14.64844vw;
height: 4.88281vw;
padding-left: 1.17188vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__th
{
font-size: 3.94737vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 7.89474vw;
margin-bottom: .65789vw;
padding-top: 0;
padding-left: 3.68421vw;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.entrySec__th > span
{
position: relative;
}
.entrySec__th--last
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
vertical-align: top;
}
.entrySec__td
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 754px;
color: #000;
background-color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__td
{
width: 39.27083vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__td
{
width: 60vw;
height: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__td
{
width: 100%;
height: 10.52632vw;
}
}
.entrySec__tag
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 75px;
height: 60px;
background-color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__tag
{
width: 3.90625vw;
height: 3.125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__tag
{
width: 5.85938vw;
height: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__tag
{
width: 10.52632vw;
height: 100%;
}
}
.entrySec__tag img
{
width: 40px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__tag img
{
width: 2.08333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__tag img
{
width: 3.41797vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__tag img
{
width: 7.89474vw;
}
}
.entrySec__txt
{
font-size: 18px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
width: 100%;
width: 678px;
height: 60px;
padding-left: 15px;
color: #000;
border: none;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__txt
{
font-size: .9375vw;
width: 35.3125vw;
height: 3.125vw;
padding-left: .78125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__txt
{
font-size: 1.5625vw;
width: 52.64062vw;
height: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__txt
{
font-size: 3.68421vw;
width: 80.05263vw;
height: 100%;
padding-left: 1.97368vw;
}
}
.entrySec__txt::-webkit-input-placeholder
{
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
color: #000;
}
.entrySec__txt::-moz-placeholder
{
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
color: #000;
}
.entrySec__txt::-ms-input-placeholder
{
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
color: #000;
}
.entrySec__txt::placeholder
{
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
color: #000;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__txt::-webkit-input-placeholder
{
font-size: .9375vw;
}
.entrySec__txt::-moz-placeholder
{
font-size: .9375vw;
}
.entrySec__txt::-ms-input-placeholder
{
font-size: .9375vw;
}
.entrySec__txt::placeholder
{
font-size: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__txt::-webkit-input-placeholder
{
font-size: 1.5625vw;
}
.entrySec__txt::-moz-placeholder
{
font-size: 1.5625vw;
}
.entrySec__txt::-ms-input-placeholder
{
font-size: 1.5625vw;
}
.entrySec__txt::placeholder
{
font-size: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__txt::-webkit-input-placeholder
{
font-size: 3.68421vw;
}
.entrySec__txt::-moz-placeholder
{
font-size: 3.68421vw;
}
.entrySec__txt::-ms-input-placeholder
{
font-size: 3.68421vw;
}
.entrySec__txt::placeholder
{
font-size: 3.68421vw;
}
}
.entrySec__label
{
position: relative;
}
.entrySec__label:after
{
position: absolute;
top: 0;
right: 22px;
bottom: 0;
width: 16px;
height: 8px;
margin: auto 0;
content: '';
background-image: url(../images/ico_entry_sec_arrow.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__label:after
{
right: 1.14583vw;
width: .83333vw;
height: .41667vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__label:after
{
right: 2.14844vw;
width: 1.5625vw;
height: .78125vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__label:after
{
right: 2.89474vw;
width: 4.21053vw;
height: 2.10526vw;
}
}
.entrySec__select
{
font-size: 18px;
position: relative;
width: 660px;
height: 42px;
padding-left: 15px;
color: #000;
border: none;
border-radius: 6px;
background-color: #ededed;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__select
{
font-size: .9375vw;
width: 34.375vw;
height: 2.1875vw;
padding-left: .78125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__select
{
font-size: 1.5625vw;
width: 52.64062vw;
height: 3.90625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__select
{
font-size: 3.68421vw;
width: 78vw;
height: 7.89474vw;
padding-left: 1.97368vw;
}
}
.entrySec__scrollbar
{
position: relative;
overflow-y: scroll;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 766px;
height: 156px;
margin: 0 auto;
margin-top: 31px;
padding: 21px;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__scrollbar
{
width: 39.89583vw;
height: 8.125vw;
margin-top: 1.61458vw;
padding: 1.09375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__scrollbar
{
width: 100%;
height: 10.74219vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__scrollbar
{
height: 39.47368vw;
margin-top: 5.92105vw;
padding: 5.39474vw 2.36842vw 4.60526vw 3.02632vw;
}
}
.entrySec__scrollbarTxt
{
font-size: 16px;
font-weight: 400;
line-height: 1.62;
text-align: left;
letter-spacing: 0;
letter-spacing: 0;
color: #000;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__scrollbarTxt
{
font-size: .83333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__scrollbarTxt
{
font-size: 1.36719vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__scrollbarTxt
{
font-size: 3.28947vw;
line-height: 1.8;
}
}
.entrySec__agreeCheck
{
display: none;
}
.entrySec__agreeCheck:checked + span::before
{
opacity: 1;
}
.entrySec__agreeLabel
{
font-size: 18px;
font-weight: 400;
display: inline-block;
margin-top: 29px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__agreeLabel
{
font-size: .9375vw;
margin-top: 1.51042vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__agreeLabel
{
font-size: 1.36719vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__agreeLabel
{
font-size: 3.68421vw;
margin-top: 6.57895vw;
}
}
.entrySec__agreeLabel > span
{
position: relative;
padding-left: 22px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__agreeLabel > span
{
padding-left: 1.14583vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__agreeLabel > span
{
padding-left: 2.63672vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__agreeLabel > span
{
padding-left: 6.57895vw;
}
}
.entrySec__agreeLabel > span:after
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 17px;
height: 17px;
margin: auto 0;
content: '';
background-color: #e1e1e1;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__agreeLabel > span:after
{
width: .88542vw;
height: .88542vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__agreeLabel > span:after
{
top: .29297vw;
bottom: auto;
width: 1.5625vw;
height: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__agreeLabel > span:after
{
top: 0;
width: 4.34211vw;
height: 4.34211vw;
}
}
.entrySec__agreeLabel > span:before
{
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 2.5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 12px;
height: 12px;
margin: auto 0;
content: '';
opacity: 0;
background-color: #00b3c1;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__agreeLabel > span:before
{
left: .13021vw;
width: .625vw;
height: .625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__agreeLabel > span:before
{
top: .48828vw;
bottom: auto;
left: .39062vw;
width: .97656vw;
height: .97656vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__agreeLabel > span:before
{
top: .92105vw;
left: .88158vw;
width: 2.5vw;
height: 2.5vw;
}
}
.entrySec__linkBox
{
font-size: 22px;
font-weight: 700;
width: 443px;
height: 61px;
margin-top: 37px;
cursor: pointer;
letter-spacing: .05em;
color: #fff;
border: 5px solid #fff;
border-radius: 30px;
background-color: #f28e1e;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__linkBox
{
font-size: 1.14583vw;
width: 23.07292vw;
height: 3.17708vw;
margin-top: 1.92708vw;
border: .26042vw solid #fff;
border-radius: 1.5625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__linkBox
{
font-size: 1.95312vw;
width: 36.13281vw;
height: 7.8125vw;
border: .48828vw solid #fff;
border-radius: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__linkBox
{
font-size: 4.21053vw;
width: 65.78947vw;
height: 11.84211vw;
margin-top: 6.57895vw;
border: .78947vw solid #fff;
border-radius: 6.57895vw;
}
}
.entrySec__linkBox:disabled
{
opacity: .7;
}
.entrySec__finishBox
{
position: relative;
z-index: 0;
background-color: #ebffff;
}
.entrySec__finishBox .mv__logo
{
position: static;
}
.entrySec__finishBox .c-btn
{
margin: 0 auto;
margin-top: 40px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__finishBox .c-btn
{
margin-top: 2.08333vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__finishBox .c-btn
{
margin-top: 5.92105vw;
}
}
.entrySec__finishBox .c-btn input
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
background-color: transparent;
}
.entrySec__block
{
margin-top: 20px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__block
{
margin-top: 1.04167vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__block
{
margin-top: 4.21053vw;
}
}
.entrySec__block .error_messe
{
font-size: 18px;
font-weight: 400;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__block .error_messe
{
font-size: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__block .error_messe
{
font-size: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__block .error_messe
{
font-size: 3.68421vw;
}
}
.entrySec__blockTtl
{
font-size: 25px;
font-weight: 700;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__blockTtl
{
font-size: 1.30208vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__blockTtl
{
font-size: 1.95312vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__blockTtl
{
font-size: 4.21053vw;
}
}
.entrySec__blockTxt
{
font-size: 18px;
font-weight: 400;
margin-top: 20px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__blockTxt
{
font-size: .9375vw;
margin-top: 1.04167vw;
}
}
@media print, screen and (max-width: 1025px)
{
.entrySec__blockTxt
{
font-size: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__blockTxt
{
font-size: 3.68421vw;
margin-top: 2.63158vw;
}
}
.entrySec__finishTxtBox
{
margin-top: 30px;
}
@media print, screen and (max-width: 1921px)
{
.entrySec__finishTxtBox
{
margin-top: 1.5625vw;
}
}
@media print, screen and (max-width: 760px)
{
.entrySec__finishTxtBox
{
margin-top: 5.26316vw;
}
}
/* ============== .reasonDetail ============== */
.reasonDetail__topInner
{
padding-top: 125px;
padding-bottom: 96px;
border-radius: 89px;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__topInner
{
padding-top: 6.51042vw;
padding-bottom: 5vw;
border-radius: 4.63542vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__topInner
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 11.84211vw 0 13.15789vw;
border-radius: 10.52632vw;
}
}
.reasonDetail__cont
{
position: relative;
width: 800px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__cont
{
width: 41.66667vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__cont
{
width: 70%;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__cont
{
width: 80%;
}
}
.reasonDetail__num
{
position: absolute;
}
.reasonDetail__num--01
{
top: -59px;
right: 0;
left: 0;
width: 95px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__num--01
{
top: -3.07292vw;
width: 4.94792vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__num--01
{
width: 5.76172vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__num--01
{
top: -6.57895vw;
width: 12.5vw;
}
}
.reasonDetail__num--02
{
top: -58px;
right: 0;
left: 0;
width: 112px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__num--02
{
top: -3.02083vw;
width: 5.83333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__num--02
{
width: 7.22656vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__num--02
{
top: -6.84211vw;
width: 14.73684vw;
}
}
.reasonDetail__num--03
{
top: -58px;
right: 0;
left: 0;
width: 112px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__num--03
{
top: -3.02083vw;
width: 5.83333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__num--03
{
width: 7.22656vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__num--03
{
top: -7.63158vw;
width: 14.73684vw;
}
}
.reasonDetail__illust
{
display: block;
}
.reasonDetail__illust--01
{
width: 785px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__illust--01
{
width: 40.88542vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__illust--01
{
width: 51.07422vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__illust--01
{
width: 90%;
margin: 0 auto;
}
}
.reasonDetail__illust--02
{
width: 788px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__illust--02
{
width: 41.04167vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__illust--02
{
width: 51.26953vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__illust--02
{
width: 90%;
}
}
.reasonDetail__illust--03
{
width: 738px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__illust--03
{
width: 38.4375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__illust--03
{
width: 48.04688vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__illust--03
{
width: 90%;
}
}
.reasonDetail__yellowTxt
{
font-size: 24px;
font-weight: 700;
line-height: 50px;
width: 100%;
height: 50px;
margin-top: 60px;
text-align: center;
border-radius: 30px;
background-color: #f4df4e;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__yellowTxt
{
font-size: 1.25vw;
line-height: 2.60417vw;
height: 2.60417vw;
margin-top: 3.125vw;
border-radius: 1.5625vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__yellowTxt
{
font-size: 1.95312vw;
line-height: 4.88281vw;
height: 4.88281vw;
border-radius: 2.92969vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__yellowTxt
{
font-size: 3.94737vw;
line-height: 1.4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 13.15789vw;
margin-top: 3.94737vw;
border-radius: 5.26316vw;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.reasonDetail__yellowTxt--02
{
line-height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 88px;
margin-top: 24px;
border-radius: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__yellowTxt--02
{
height: 4.58333vw;
margin-top: 1.25vw;
border-radius: 2.60417vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__yellowTxt--02
{
height: 6.83594vw;
border-radius: 3.90625vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__yellowTxt--02
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 18.42105vw;
margin-top: 3.94737vw;
border-radius: 3.94737vw;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.reasonDetail__yellowTxt--02 span
{
line-height: 1.25;
}
.reasonDetail__yellowTxt--03
{
margin-top: 41px;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__yellowTxt--03
{
margin-top: 2.13542vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__yellowTxt--03
{
margin-top: 3.94737vw;
}
}
.reasonDetail__txt
{
font-size: 18px;
font-weight: 400;
line-height: 1.8;
width: 791px;
margin: 0 auto;
margin-top: 35px;
text-align: left;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__txt
{
font-size: .9375vw;
width: 41.19792vw;
margin-top: 1.82292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__txt
{
font-size: 1.36719vw;
width: 95%;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__txt
{
font-size: 3.68421vw;
width: 100%;
margin-top: 3.94737vw;
}
}
.reasonDetail__txt span
{
color: #ec5a24;
}
.reasonDetail__btnBox
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 48px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__btnBox
{
margin-top: 2.5vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__btnBox
{
margin-top: 6.57895vw;
}
}
.reasonDetail__iconBox
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 788px;
margin: 0 auto;
margin-top: 29px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__iconBox
{
width: 41.04167vw;
margin-top: 1.51042vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__iconBox
{
width: 100%;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__iconBox
{
flex-direction: column;
margin-top: 5.26316vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.reasonDetail__iconItem
{
width: 235px;
padding-top: 13px;
background-color: #fff9eb;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__iconItem
{
width: 12.23958vw;
padding-top: .67708vw;
padding-bottom: .67708vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__iconItem
{
width: 20.99609vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__iconItem
{
width: 100%;
margin-bottom: 3.94737vw;
padding-top: 5.26316vw;
padding-bottom: 5.26316vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__iconItem--02
{
padding-bottom: 6.57895vw;
}
}
.reasonDetail__iconTtl
{
font-size: 16px;
font-weight: 700;
width: 165px;
height: 27px;
margin: 0 auto;
letter-spacing: .05em;
color: #fff;
border-radius: 14px;
background-color: #ec5a24;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__iconTtl
{
font-size: .83333vw;
width: 8.59375vw;
height: 1.40625vw;
border-radius: 1.16279vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__iconTtl
{
font-size: 1.36719vw;
width: 18.55469vw;
height: 2.44141vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__iconTtl
{
font-size: 3.94737vw;
line-height: 5.26316vw;
width: 80%;
height: 5.26316vw;
border-radius: 3.94737vw;
}
}
.reasonDetail__icon
{
display: block;
width: 178px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__icon
{
width: 9.27083vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__icon
{
width: 13.28125vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__icon
{
width: 37.36842vw;
}
}
.reasonDetail__icon--01
{
margin-top: 19px;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__icon--01
{
margin-top: 1.92708vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__icon--01
{
margin-top: 3.94737vw;
}
}
.reasonDetail__icon--02
{
width: 189px;
margin-top: 39px;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__icon--02
{
width: 9.84375vw;
margin-top: 2.03125vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__icon--02
{
width: 14.16016vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__icon--02
{
width: 39.73684vw;
margin-top: 3.94737vw;
}
}
.reasonDetail__icon--03
{
width: 196px;
margin-top: 37px;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__icon--03
{
width: 10.20833vw;
margin-top: 1.92708vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__icon--03
{
width: 14.64844vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__icon--03
{
width: 41.18421vw;
margin-top: 3.94737vw;
}
}
.reasonDetail__btmTxt
{
font-size: 16px;
font-weight: 700;
margin-top: 10px;
letter-spacing: .05em;
background-color: #ecf1dd;
}
@media print, screen and (max-width: 1921px)
{
.reasonDetail__btmTxt
{
font-size: .83333vw;
margin-top: .52083vw;
}
}
@media print, screen and (max-width: 1025px)
{
.reasonDetail__btmTxt
{
font-size: 1.36719vw;
margin-top: .97656vw;
}
}
@media print, screen and (max-width: 760px)
{
.reasonDetail__btmTxt
{
font-size: 3.68421vw;
margin-top: 3.94737vw;
}
}
/* ============== .interviewDetail ============== */
.interviewDetail
{
width: 1000px;
margin: 0 auto;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail
{
width: 52.08333vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail
{
width: 100%;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail
{
width: 100%;
}
}
.interviewDetail__photo
{
width: 100%;
}
.interviewDetail__photo img
{
display: block;
width: 100%;
}
.interviewDetail__nameBox
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 63px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__nameBox
{
margin-top: 3.28125vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__name
{
margin-top: 0;
margin-bottom: auto;
}
}
.interviewDetail__name--01
{
width: 166px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__name--01
{
width: 8.64583vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__name--01
{
width: 14.47368vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__name--01
{
width: 28.28947vw;
}
}
.interviewDetail__name--02
{
width: 131px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__name--02
{
width: 6.82292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__name--02
{
width: 11.44737vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__name--02
{
width: 22.36842vw;
}
}
.interviewDetail__name--03
{
width: 139px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__name--03
{
width: 7.23958vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__name--03
{
width: 12.10526vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__name--03
{
width: 23.68421vw;
}
}
.interviewDetail__name--04
{
width: 155px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__name--04
{
width: 8.07292vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__name--04
{
width: 13.55263vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__name--04
{
width: 26.44737vw;
}
}
.interviewDetail__txtBox
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__txtBox
{
margin-left: 1.04167vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__txtBox
{
flex-direction: column;
margin-left: 3.94737vw;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.interviewDetail__orangeTxt
{
font-size: 33px;
font-weight: 700;
text-align: left;
letter-spacing: .05em;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__orangeTxt
{
font-size: 1.71875vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__orangeTxt
{
font-size: 2.63672vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__orangeTxt
{
font-size: 3.68421vw;
}
}
.interviewDetail__orangeTxt span
{
padding: 2px 7px;
color: #fff;
background-color: #f28e1e;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__orangeTxt span
{
padding: .10417vw .36458vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__orangeTxt span
{
padding: .26316vw 1.31579vw .52632vw;
}
}
.interviewDetail__whiteTxt
{
font-size: 33px;
font-weight: 700;
margin-bottom: 16px;
margin-left: 14px;
text-align: left;
letter-spacing: .05em;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__whiteTxt
{
font-size: 1.71875vw;
margin-bottom: .83333vw;
margin-left: .72917vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__whiteTxt
{
font-size: 2.63672vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__whiteTxt
{
font-size: 3.68421vw;
margin-top: .39474vw;
margin-bottom: .39474vw;
margin-left: 0;
}
}
.interviewDetail__whiteTxt span
{
padding: 2px 7px;
color: #000;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__whiteTxt span
{
padding: .10417vw .36458vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__whiteTxt span
{
padding: .26316vw 1.31579vw .52632vw;
}
}
.interviewDetail__itemBox
{
margin-top: 70px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__itemBox
{
margin-top: 3.64583vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__itemBox
{
margin-top: 5.26316vw;
}
}
.interviewDetail__item
{
margin-bottom: 56px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__item
{
margin-bottom: 2.91667vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__item
{
margin-bottom: 6.57895vw;
}
}
.interviewDetail__qBox
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__qBox
{
flex-direction: column;
margin-bottom: 3.28947vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.interviewDetail__q
{
display: block;
width: 60px;
margin-right: 18px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__q
{
width: 3.125vw;
margin-right: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__q
{
width: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__q
{
width: 9.21053vw;
margin-right: 1.05263vw;
margin-bottom: 1.31579vw;
}
}
.interviewDetail__qTxt
{
font-size: 26px;
font-weight: 700;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 924px;
padding: 9px 20px;
padding: 9px 25px;
text-align: left;
letter-spacing: .05em;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__qTxt
{
font-size: 1.35417vw;
width: 48.125vw;
padding: .46875vw 1.30208vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__qTxt
{
font-size: 2.14844vw;
width: 64.82812vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__qTxt
{
font-size: 3.68421vw;
width: 100%;
padding: 1.71053vw 2.89474vw;
}
}
.interviewDetail__aBox
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 15px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__aBox
{
margin-top: .78125vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__aBox
{
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
}
}
.interviewDetail__a
{
display: block;
width: 60px;
margin-right: 18px;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__a
{
width: 3.125vw;
margin-right: .9375vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__a
{
width: 4.88281vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__a
{
width: 9.21053vw;
margin-right: 1.05263vw;
margin-bottom: 1.31579vw;
}
}
.interviewDetail__aTxt
{
font-size: 18px;
font-weight: 400;
line-height: 1.7;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 924px;
padding: 15px 25px;
text-align: left;
letter-spacing: 9;
background-color: #fff;
}
@media print, screen and (max-width: 1921px)
{
.interviewDetail__aTxt
{
font-size: .9375vw;
width: 48.125vw;
padding: .78125vw 1.30208vw;
}
}
@media print, screen and (max-width: 1025px)
{
.interviewDetail__aTxt
{
font-size: 1.5625vw;
width: 64.82812vw;
}
}
@media print, screen and (max-width: 760px)
{
.interviewDetail__aTxt
{
font-size: 3.68421vw;
width: 100%;
padding: 1.71053vw 2.89474vw;
}
}