@charset "UTF-8";
/*--------------- ヘッダー ---------------*/
/* line 9, ../scss/style.scss */
header {
/* height: 11.733vw; */
background-color: #fff;
}
/* line 12, ../scss/style.scss */
header .headContent {
overflow: hidden;
}
/* line 14, ../scss/style.scss */
header .headContent .logo {
/* float: left; */
display: inline-block;
padding: 2.0vw 0 2.0vw 5.333vw;
}
/* line 17, ../scss/style.scss */
header .headContent .logo img {
width: 27.466vw;
}

@media screen and (min-width: 768px) {
/* line 24, ../scss/style.scss */
header {
/* height: 82px; */
}
/* line 26, ../scss/style.scss */
header .headContent {
width: 760px;
margin: 0 auto;
}
/* line 29, ../scss/style.scss */
header .headContent .logo {
padding: 24px 0 ;
}
/* line 31, ../scss/style.scss */
header .headContent .logo img {
width: 180px;
}
}
/*--------------- ヘッダー（完了画面） ---------------*/
/* line 39, ../scss/style.scss */
.formComplete {
position: relative;
background-color: #fff;
display: none;
}
/* line 43, ../scss/style.scss */
.formComplete .headContent .headnav {
float: right;
}
/* line 45, ../scss/style.scss */
.formComplete .headContent .headnav .btnMenu {
background-color: #153863;
border-radius: 1.5px;
width: 11.733vw;
height: 11.733vw;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
}
/* line 51, ../scss/style.scss */
.formComplete .headContent .headnav .btnMenu div {
width: 5.333vw;
margin: 0 auto;
}
/* line 54, ../scss/style.scss */
.formComplete .headContent .headnav .btnMenu div span {
display: block;
background-color: #fff;
height: 2px;
margin-bottom: 1.866vw;
}
/* line 59, ../scss/style.scss */
.formComplete .headContent .headnav .btnMenu div span:last-child {
margin-bottom: 0;
}
/* line 65, ../scss/style.scss */
.formComplete .headContent .headnav nav {
display: none;
position: absolute;
top: 11.733vw;
left: 0;
width: 100%;
background-color: #153863;
z-index: 1000;
}
/* line 74, ../scss/style.scss */
.formComplete .headContent .headnav nav ul li {
border-bottom: 1px solid #fff;
}
/* line 76, ../scss/style.scss */
.formComplete .headContent .headnav nav ul li a {
color: #fff;
font-size: 3.733vw;
padding: 4vw 2.666vw;
}

@media screen and (min-width: 768px) {
/* line 88, ../scss/style.scss */
.formComplete {
/* background-color: #11284a; */
height: 60px;
}
/* line 91, ../scss/style.scss */
.formComplete .headContent {
width: auto;
}
/* line 93, ../scss/style.scss */
.formComplete .headContent .logo{
width: 1000px;
margin: 0 auto;
padding: 10px 0;
float: none;
}
.formComplete .headContent .logo img{
width: auto;
height: 40px;
}
/* line 96, ../scss/style.scss */
.formComplete .headContent .headnav {
float: none;
}
/* line 98, ../scss/style.scss */
.formComplete .headContent .headnav .btnMenu {
display: none;
}
/* line 101, ../scss/style.scss */
.formComplete .headContent .headnav nav {
position: static;
top: auto;
left: auto;
background: none;
width: 1100px;
margin: 0 auto;
padding: 24px 10px;
display: flex;
display: -ms-flexbox;
justify-content: space-between;
-ms-flex-pack: justify;
align-items: center;
-ms-flex-align: center;
}
/* line 110, ../scss/style.scss */
.formComplete .headContent .headnav nav ul {
display: flex;
display: -ms-flexbox;
justify-content: flex-start;
-ms-flex-pack: start;
align-items: center;
-ms-flex-align: center;
}
.formComplete .headContent .headnav .menuType01{
margin: 0 auto;
}
/* line 112, ../scss/style.scss */
.formComplete .headContent .headnav nav ul li {
margin: 0 10px;
border-bottom: none;
}
/* line 115, ../scss/style.scss */
.formComplete .headContent .headnav nav ul li a {
color: #fff;
font-size: 1.2rem;
padding: 0;
}
/* line 119, ../scss/style.scss */
.formComplete .headContent .headnav nav ul li a:hover {
color: #ff9600;
}
/* line 127, ../scss/style.scss */
.formComplete .headContent .headnav nav .menuType02 li a {
color: #999;
}
}
/*--------------- レイアウト ---------------*/
/* line 138, ../scss/style.scss */
.pageWrap {
background-color: #f2f8fb;
position: relative;
}

/* line 142, ../scss/style.scss */
.contentWrap {
background-color: #f2f8fb;
}

/*--------------- フッター ---------------*/
/* line 150, ../scss/style.scss */
footer {
width: 100%;
padding: 4vw 5.333vw;
background-color: #f2f8fb;
}
/* line 154, ../scss/style.scss */
footer p {
font-size: 2.666vw;
line-height: 1.4;
text-align: center;
}

@media screen and (min-width: 768px) {
/* line 161, ../scss/style.scss */
footer {
padding: 20px;
}
/* line 163, ../scss/style.scss */
footer p {
font-size: 1.4rem;
}
}
/*--------------- PC・SP切り替え ---------------*/
/* line 169, ../scss/style.scss */
.pc {
display: none;
}

/* line 172, ../scss/style.scss */
.sp {
display: block;
}

@media screen and (min-width: 768px) {
/* line 176, ../scss/style.scss */
.pc {
display: block;
}

/* line 179, ../scss/style.scss */
.sp {
display: none;
}
}
/*--------------- 進捗具合 ---------------*/
/* line 184, ../scss/style.scss */
.progress {
margin-bottom: 4vw;
}
/* line 186, ../scss/style.scss */
.progress .circle {
position: relative;
width: 16.266vw;
height: 16.266vw;
margin: 0 auto;
overflow: hidden;
z-index: 1;
border-radius: 50%;
background-color: #81c6e6;
/* @include circle-gradation; */
}
/* line 196, ../scss/style.scss */
.progress .circle:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -8.133vw;
width: 16.266vw;
height: 16.266vw;
background: #ebeef2;
transform-origin: right 8.133vw;
z-index: 2;
}
/* line 208, ../scss/style.scss */
.progress .circle:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 8.133vw;
width: 16.266vw;
height: 16.266vw;
background: #ebeef2;
transform-origin: left 8.133vw;
z-index: 3;
}
/* line 220, ../scss/style.scss */
.progress .circle .circle-inner {
position: absolute;
top: 1.6vw;
left: 1.6vw;
z-index: 4;
font-size: 4vw;
font-weight: bold;
text-align: center;
color: #11284a;
background-color: #fff;
width: 13.066vw;
height: 13.066vw;
border-radius: 50%;
padding-top: 4.533vw;
}
/* line 234, ../scss/style.scss */
.progress .circle .circle-inner span {
font-size: 2.4vw;
}
/* line 239, ../scss/style.scss */
.progress p {
text-align: center;
font-size: 2.933vw;
font-weight: bold;
color: #11284a;
margin-top: 2.666vw;
}

@media screen and (min-width: 768px) {
/* line 248, ../scss/style.scss */
.progress {
margin-bottom: 30px;
}
/* line 250, ../scss/style.scss */
.progress .circle {
width: 124px;
height: 124px;
}
/* line 253, ../scss/style.scss */
.progress .circle:before {
left: -62px;
width: 124px;
height: 124px;
transform-origin: right 62px;
}
/* line 259, ../scss/style.scss */
.progress .circle:after {
left: 62px;
width: 124px;
height: 124px;
transform-origin: left 62px;
}
/* line 265, ../scss/style.scss */
.progress .circle .circle-inner {
top: 13px;
left: 13px;
font-size: 2.8rem;
width: 98px;
height: 98px;
padding-top: 35px;
}
/* line 272, ../scss/style.scss */
.progress .circle .circle-inner span {
font-size: 1.4rem;
}
/* line 277, ../scss/style.scss */
.progress p {
font-size: 1.6rem;
margin-top: 20px;
}
}
/* line 286, ../scss/style.scss */
.registerStep02 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-02 1s linear forwards;
}
@keyframes circle-right-02 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
100% {
transform: rotate(21.6deg);
background: #ebeef2;
}
}
/* line 306, ../scss/style.scss */
.registerStep03 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-03 1s linear forwards;
}
@keyframes circle-right-03 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
100% {
transform: rotate(43.2deg);
background: #ebeef2;
}
}
/* line 326, ../scss/style.scss */
.registerStep04 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-04 1s linear forwards;
}
@keyframes circle-right-04 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
100% {
transform: rotate(64.8deg);
background: #ebeef2;
}
}
/* line 346, ../scss/style.scss */
.registerStep05 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-05 1s linear forwards;
}
@keyframes circle-right-05 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
100% {
transform: rotate(86.4deg);
background: #ebeef2;
}
}
/* line 366, ../scss/style.scss */
.registerStep06 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-06 1s linear forwards;
}
@keyframes circle-right-06 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
100% {
transform: rotate(108deg);
background: #ebeef2;
}
}
/* line 386, ../scss/style.scss */
.registerStep07 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-07 1s linear forwards;
}
@keyframes circle-right-07 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
100% {
transform: rotate(129.6deg);
background: #ebeef2;
}
}
/* line 406, ../scss/style.scss */
.registerStep08 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-08 1s linear forwards;
}
@keyframes circle-right-08 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
100% {
transform: rotate(151.2deg);
background: #ebeef2;
}
}
/* line 426, ../scss/style.scss */
.registerStep09 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-09 1s linear forwards;
}
@keyframes circle-right-09 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
100% {
transform: rotate(172.8deg);
background: #ebeef2;
}
}
/* line 446, ../scss/style.scss */
.registerStep10 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-10 5s linear forwards;
}
.registerStep10 .progress .circle:before {
animation: circle-left-10 5s linear forwards;
}
@keyframes circle-right-10 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-10 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(14.4deg);
}
100% {
transform: rotate(14.4deg);
}
}
/* line 466, ../scss/style.scss */
.registerStep11 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-11 5s linear forwards;
}
.registerStep11 .progress .circle:before {
animation: circle-left-11 5s linear forwards;
}
@keyframes circle-right-11 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-11 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(36deg);
}
100% {
transform: rotate(36deg);
}
}
/* line 486, ../scss/style.scss */
.registerStep12 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-12 5s linear forwards;
}

.registerStep12 .progress .circle:before {
animation: circle-left-12 5s linear forwards;
}
@keyframes circle-right-12 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-12 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(57.6deg);
}
100% {
transform: rotate(57.6deg);
}
}
/* line 506, ../scss/style.scss */
.registerStep13 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-13 5s linear forwards;
}

.registerStep13 .progress .circle:before {
animation: circle-left-13 5s linear forwards;
}
@keyframes circle-right-13 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-13 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(79.2deg);
}
100% {
transform: rotate(79.2deg);
}
}
/* line 526, ../scss/style.scss */
.registerStep14 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-14 5s linear forwards;
}
/* line 530, ../scss/style.scss */
.registerStep14 .progress .circle:before {
animation: circle-left-14 5s linear forwards;
}
@keyframes circle-right-14 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-14 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(100.8deg);
}
100% {
transform: rotate(100.8deg);
}
}
/* line 567, ../scss/style.scss */
.registerStep15 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-15 5s linear forwards;
}
/* line 571, ../scss/style.scss */
.registerStep15 .progress .circle:before {
animation: circle-left-15 5s linear forwards;
}
@keyframes circle-right-15 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-15 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(122.4deg);
}
100% {
transform: rotate(122.4deg);
}
}
/* line 608, ../scss/style.scss */
.registerStep16 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-16 5s linear forwards;
}
/* line 612, ../scss/style.scss */
.registerStep16 .progress .circle:before {
animation: circle-left-16 5s linear forwards;
}
@keyframes circle-right-16 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-16 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(144deg);
}
100% {
transform: rotate(144deg);
}
}
/* line 650, ../scss/style.scss */
.registerStep17 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-17 5s linear forwards;
}
/* line 654, ../scss/style.scss */
.registerStep17 .progress .circle:before {
animation: circle-left-17 5s linear forwards;
}
@keyframes circle-right-17 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-17 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(151.2deg);
}
100% {
transform: rotate(151.2deg);
}
}
/* line 691, ../scss/style.scss */
.registerStep18 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-18 5s linear forwards;
}
/* line 695, ../scss/style.scss */
.registerStep18 .progress .circle:before {
animation: circle-left-18 5s linear forwards;
}
@keyframes circle-right-18 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-18 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(154.8deg);
}
100% {
transform: rotate(154.8deg);
}
}
/* line 732, ../scss/style.scss */
.registerStep19 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-19 5s linear forwards;
}
/* line 736, ../scss/style.scss */
.registerStep19 .progress .circle:before {
animation: circle-left-19 5s linear forwards;
}
@keyframes circle-right-19 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-19 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(158.4deg);
}
100% {
transform: rotate(158.4deg);
}
}
/* line 773, ../scss/style.scss */
.registerStep20 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-20 5s linear forwards;
}
/* line 777, ../scss/style.scss */
.registerStep20 .progress .circle:before {
animation: circle-left-20 5s linear forwards;
}
@keyframes circle-right-20 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-20 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(162deg);
}
100% {
transform: rotate(162deg);
}
}
/* line 814, ../scss/style.scss */
.registerStep21 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-21 5s linear forwards;
}
/* line 818, ../scss/style.scss */
.registerStep21 .progress .circle:before {
animation: circle-left-21 5s linear forwards;
}
@keyframes circle-right-21 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-21 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(165.6deg);
}
100% {
transform: rotate(165.6deg);
}
}
/* line 855, ../scss/style.scss */
.registerStep22 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-22 5s linear forwards;
}
/* line 859, ../scss/style.scss */
.registerStep22 .progress .circle:before {
animation: circle-left-22 5s linear forwards;
}
@keyframes circle-right-22 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-22 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(172.8deg);
}
100% {
transform: rotate(172.8deg);
}
}
/* line 896, ../scss/style.scss */
.registerStep23 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-23 5s linear forwards;
}
/* line 900, ../scss/style.scss */
.registerStep23 .progress .circle:before {
animation: circle-left-23 5s linear forwards;
}
@keyframes circle-right-23 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-23 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(176.4deg);
}
100% {
transform: rotate(176.4deg);
}
}
/* line 937, ../scss/style.scss */
.registerStep24 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-24 5s linear forwards;
}
/* line 941, ../scss/style.scss */
.registerStep24 .progress .circle:before {
animation: circle-left-24 5s linear forwards;
}
@keyframes circle-right-24 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-24 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(165deg);
}
100% {
transform: rotate(165deg);
}
}
/* line 978, ../scss/style.scss */
.registerStep25 .progress .circle:after {
background-color: #86c8e7;
animation: circle-right-25 5s linear forwards;
}
/* line 982, ../scss/style.scss */
.registerStep25 .progress .circle:before {
animation: circle-left-25 5s linear forwards;
}
@keyframes circle-right-25 {
0% {
transform: rotate(0deg);
background: #ebeef2;
}
15% {
transform: rotate(180deg);
background: #ebeef2;
}
15.0001% {
transform: rotate(360deg);
background: #86c8e7;
}
18% {
transform: rotate(360deg);
background: #86c8e7;
}
100% {
transform: rotate(360deg);
background: #86c8e7;
}
}
@keyframes circle-left-25 {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(0deg);
}
18% {
transform: rotate(180deg);
}
100% {
transform: rotate(180deg);
}
}
/*--------------- フォーム ---------------*/
/* line 1018, ../scss/style.scss */
.serviceLogo {
background-color: #fff;
padding: 9.333vw 0 5.333vw;
}
/* line 1021, ../scss/style.scss */
.serviceLogo img {
width: 60vw;
margin: auto;
}

/* line 1026, ../scss/style.scss */
.pageTtile {
font-size: 4.266vw;
line-height: 1.4;
color: #11284a;
background-color: #fff;
letter-spacing: 1px;
text-align: center;
padding: 5.333vw 0 2vw;
/* 2023/07/14 add */
display: none;
}
/* line 1034, ../scss/style.scss */
.pageTtile span {
font-size: 3.733vw;
}
.pageTtile span.type02 {
display: block;
padding-top: 3vw;
font-size: 3.733vw;
}

@media screen and (min-width: 768px) {
/* line 1039, ../scss/style.scss */
.serviceLogo {
padding: 70px 0 20px;
}
/* line 1041, ../scss/style.scss */
.serviceLogo img {
width: 300px;
margin: auto;
}

/* line 1046, ../scss/style.scss */
.pageTtile {
font-size: 1.6rem;
padding: 40px 0;
background-color: #fff;
}
/* line 1050, ../scss/style.scss */
.pageTtile span {
display: block;
padding-top: 10px;
font-size: 1.4rem;
}
.pageTtile span.type02 {
display: block;
padding-top: 15px;
font-size: 1.6rem;
}
}
/* line 1057, ../scss/style.scss */
.formContent {
padding: 4vw 0;
background-color: #f2f8fb;
height: auto;
/* min-height: 75vh; */
}
.formContent .formBox{
margin: 0 5.333vw;
}
/* line 1063, ../scss/style.scss */
.formContent .formBox .leadTxt {
font-size: 3.2vw;
font-weight: bold;
line-height: 1.4;
color: #11284a;
text-align: center;
margin-bottom: 4vw;
}
/* line 1071, ../scss/style.scss */
.formContent .formBox .errorTxt {
display: none;
font-size: 3.733vw;
font-weight: bold;
text-align: center;
color: #f53e26;
margin: 6.666vw 0;
}
/* line 1079, ../scss/style.scss */
.formContent .formBox .formItemTitle {
font-size: 4.266vw;
line-height: 1.4;
margin-bottom: 5.866vw;
color: #11284a;
}
/* line 1084, ../scss/style.scss */
.formContent .formBox .formItemTitle span {
display: block;
font-size: 2.933vw;
color: #707E92;
}
/* line 1090, ../scss/style.scss */
.formContent .formBox .formParts {
margin-bottom: 6.666vw;
overflow: visible;
}
/* line 1093, ../scss/style.scss */
.formContent .formBox .formParts p {
font-size: 3.733vw;
font-weight: bold;
margin-bottom: 1.333vw;
}
/* line 1098, ../scss/style.scss */
.formContent .formBox .formParts .exampleTxt {
font-size: 2.933vw;
font-weight: bold;
color: #11284a;
margin-top: 1.333vw;
}
/* line 1104, ../scss/style.scss */
.formContent .formBox .formParts .errorTxt {
display: none;
background-color: #fddcd8;
text-align: left;
padding: 1.333vw;
margin: 1.333vw 0 0 0;
}
/* line 1111, ../scss/style.scss */
.formContent .formBox .formParts .moreItem {
font-size: 3.2vw;
font-weight: bold;
color: #fff;
border-radius: 1.066vw;
background-color: #11284a;
width: 25.333vw;
padding: 1.666vw 2.666vw;
float: right;
clear: both;
margin: 1.333vw 0 4vw;
cursor: pointer;
}
/* line 1124, ../scss/style.scss */
.formContent .formBox .formParts .deleteItem {
font-size: 3.2vw;
font-weight: bold;
color: #11284a;
border-radius: 1.066vw;
background-color: #fff;
border: 1px solid #11284a;
width: 15.333vw;
padding: 1.666vw 2.666vw;
float: right;
clear: both;
margin: 1.333vw 0 4vw;
cursor: pointer;
}
/* line 1140, ../scss/style.scss */
.formContent .formBox .formParts .selectBtn ul li {
height: 16.533vw;
font-size: 5.066vw;
font-weight: bold;
color: #11284a;
border-radius: 1.066vw;
border-bottom: 5px solid #11284a;
background-color: #fff;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
margin-bottom: 4.266vw;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 1155, ../scss/style.scss */
.formContent .formBox .formParts .inputText {
font-size: 4.266vw;
/* overflow: hidden; */
}
/* line 177, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputText input[type="text"],
.formContent .formBox .formParts .inputText input[type="email"],
.formContent .formBox .formParts .inputText input[type="tel"],
.formContent .formBox .formParts .inputText input[type="password"],
.formContent .formBox .formParts .inputText input[type="number"],
.formContent .formBox .formParts .inputText input[type="date"],
.formContent .formBox .formParts .inputText input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
height: 12.666vw;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 1.066vw;
padding: 4vw;
box-sizing: border-box;
font-size: 4.266vw;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 198, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputText input[type="number"]::-webkit-outer-spin-button,
.formContent .formBox .formParts .inputText input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* line 1160, ../scss/style.scss */
.formContent .formBox .formParts .inputEmail {
font-size: 4.266vw;
}
/* line 177, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputEmail input[type="text"],
.formContent .formBox .formParts .inputEmail input[type="email"],
.formContent .formBox .formParts .inputEmail input[type="tel"],
.formContent .formBox .formParts .inputEmail input[type="password"],
.formContent .formBox .formParts .inputEmail input[type="number"],
.formContent .formBox .formParts .inputEmail input[type="date"],
.formContent .formBox .formParts .inputEmail input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
height: 12.666vw;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 1.066vw;
padding: 4vw;
box-sizing: border-box;
font-size: 4.266vw;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 198, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputEmail input[type="number"]::-webkit-outer-spin-button,
.formContent .formBox .formParts .inputEmail input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* line 1164, ../scss/style.scss */
.formContent .formBox .formParts .inputTel {
font-size: 4.266vw;
}
/* line 177, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputTel input[type="text"],
.formContent .formBox .formParts .inputTel input[type="email"],
.formContent .formBox .formParts .inputTel input[type="tel"],
.formContent .formBox .formParts .inputTel input[type="password"],
.formContent .formBox .formParts .inputTel input[type="number"],
.formContent .formBox .formParts .inputTel input[type="date"],
.formContent .formBox .formParts .inputTel input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
height: 12.666vw;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 1.066vw;
padding: 4vw;
box-sizing: border-box;
font-size: 4.266vw;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 198, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputTel input[type="number"]::-webkit-outer-spin-button,
.formContent .formBox .formParts .inputTel input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* line 1167, ../scss/style.scss */
.formContent .formBox .formParts .inputTel input[type="tel"] {
width: 25.6vw;
}
/* line 1170, ../scss/style.scss */
.formContent .formBox .formParts .inputTel span {
margin: 0 1.333vw;
}
/* line 1175, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul {
display: flex;
display: -ms-flexbox;
justify-content: flex-start;
-ms-flex-pack: start;
align-items: flex-start;
-ms-flex-align: start;
}
/* line 1177, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul li {
margin-right: 2.666vw;
}
/* line 1179, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul li:nth-child(1) {
width: 34.666vw;
}
/* line 1182, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul li:nth-child(2) {
width: 24.666vw;
}
/* line 1185, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul li:nth-child(3) {
width: 24.666vw;
margin-right: 0;
}
/* line 287, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectItem select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 12.666vw;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 1.066vw;
padding: 0 4vw;
box-sizing: border-box;
font-size: 4.266vw;
font-size: 16px;
background-color: #fff;
background-image: url(/share/images/register_test/form/formparts_selectbox_off.png);
background-repeat: no-repeat;
background-position: right 2.666vw center;
background-size: 2.4vw;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 308, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectItem select::-ms-expand {
display: none;
}
/* line 1194, ../scss/style.scss */
.formContent .formBox .formParts .graduate ul {
display: flex;
display: -ms-flexbox;
justify-content: flex-start;
-ms-flex-pack: start;
align-items: flex-start;
-ms-flex-align: start;
}
/* line 1196, ../scss/style.scss */
.formContent .formBox .formParts .graduate ul li {
margin-right: 2.666vw;
}
/* line 1198, ../scss/style.scss */
.formContent .formBox .formParts .graduate ul li:nth-child(1) {
width: 60vw;
}
/* line 1201, ../scss/style.scss */
.formContent .formBox .formParts .graduate ul li:nth-child(2) {
width: 40vw;
margin-right: 0;
}
/* line 287, ../scss/_mixins.scss */
.formContent .formBox .formParts .graduate select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 12.666vw;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 1.066vw;
padding: 0 4vw;
box-sizing: border-box;
font-size: 4.266vw;
font-size: 16px;
background-color: #fff;
background-image: url(/share/images/register_test/form/formparts_selectbox_off.png);
background-repeat: no-repeat;
background-position: right 2.666vw center;
background-size: 2.4vw;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 308, ../scss/_mixins.scss */
.formContent .formBox .formParts .graduate select::-ms-expand {
display: none;
}
/* line 1209, ../scss/style.scss */
.formContent .formBox .formParts .inputPcode {
font-size: 4.266vw;
}
/* line 177, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputPcode input[type="text"],
.formContent .formBox .formParts .inputPcode input[type="email"],
.formContent .formBox .formParts .inputPcode input[type="tel"],
.formContent .formBox .formParts .inputPcode input[type="password"],
.formContent .formBox .formParts .inputPcode input[type="number"],
.formContent .formBox .formParts .inputPcode input[type="date"],
.formContent .formBox .formParts .inputPcode input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
height: 12.666vw;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 1.066vw;
padding: 4vw;
box-sizing: border-box;
font-size: 4.266vw;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 198, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputPcode input[type="number"]::-webkit-outer-spin-button,
.formContent .formBox .formParts .inputPcode input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* line 1212, ../scss/style.scss */
.formContent .formBox .formParts .inputPcode input[type="tel"] {
width: 25.6vw;
}
/* line 1215, ../scss/style.scss */
.formContent .formBox .formParts .inputPcode span {
margin: 0 1.333vw;
}
/* line 1219, ../scss/style.scss */
.formContent .formBox .formParts .inputPrefec {
width: 43.333vw;
}
/* line 287, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputPrefec select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 12.666vw;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 1.066vw;
padding: 0 4vw;
box-sizing: border-box;
font-size: 4.266vw;
font-size: 16px;
background-color: #fff;
background-image: url(/share/images/register_test/form/formparts_selectbox_off.png);
background-repeat: no-repeat;
background-position: right 2.666vw center;
background-size: 2.4vw;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 308, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputPrefec select::-ms-expand {
display: none;
}
/* line 1224, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection {
width: 100%;
font-size: 4.266vw;
font-weight: bold;
border-radius: 1.066vw;
border-bottom: 5px solid #11284a;
background-color: #fff;
margin-bottom: 2.133vw;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 1234, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection p {
font-size: 4.266vw;
padding: 2.666vw;
margin: 1.066vw;
/* background-color: #fffac8; */
background-image: url(../../images/register/form/formparts_selectbox_off.png);
background-repeat: no-repeat;
background-position: right 2.666vw center;
background-size: 2.4vw;
}
/* line 1244, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection .opened {
background-image: url(../../images/register/form/formparts_selectbox_on.png);
}
/* line 1247, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures {
display: none;
}
/* line 1249, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures div {
border-top: 2px solid #e2dad3;
padding: 1.066vw;
}
/* line 240, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures div input[type="checkbox"] {
display: none;
}
/* line 242, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures div input[type="checkbox"] + label {
display: inline-block;
width: 100%;
/* background-color: #fffac8; */
background-image: url(/share/images/register_test/form/formparts_checkbox_off.png);
background-size: 4.8vw;
background-position: left 3.333vw center;
background-repeat: no-repeat;
padding: 2.133vw 2.666vw 2.133vw 10.466vw;
font-size: 4.266vw;
line-height: 1.4;
cursor: pointer;
}
/* line 255, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures div input[type="checkbox"]:checked + label {
background-color: #fffac8;
background-image: url(/share/images/register_test/form/formparts_checkbox_on.png);
}
/* line 1254, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures li {
border-top: 2px solid #e2dad3;
padding: 1.066vw;
}
/* line 240, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures li input[type="checkbox"] {
display: none;
}
/* line 242, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures li input[type="checkbox"] + label {
display: inline-block;
width: 100%;
/* background-color: #fffac8; */
background-image: url(/share/images/register_test/form/formparts_checkbox_off.png);
background-size: 4.8vw;
background-position: left 3.333vw center;
background-repeat: no-repeat;
padding: 2.133vw 2.666vw 2.133vw 10.466vw;
font-size: 4.266vw;
line-height: 1.4;
cursor: pointer;
}
/* line 255, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures li input[type="checkbox"]:checked + label {
background-color: #fffac8;
background-image: url(/share/images/register_test/form/formparts_checkbox_on.png);
}
/* line 1262, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .all p {
background-image: none;
}
/* line 1265, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .all input[type="checkbox"] {
display: none;
}
/* line 1268, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .all label {
display: inline-block;
width: 100%;
}
/* line 1276, ../scss/style.scss */
.formContent .formBox .formParts .selectIndustry ul,
.formContent .formBox .formParts .selectCerti ul {
width: 100%;
font-size: 4.266vw;
font-weight: bold;
border-radius: 1.066vw;
border-bottom: 5px solid #11284a;
background-color: #fff;
margin-bottom: 2.133vw;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 1286, ../scss/style.scss */
.formContent .formBox .formParts .selectIndustry ul li,
.formContent .formBox .formParts .selectCerti ul li {
border-bottom: 2px solid #e2dad3;
padding: 1.066vw;
/* background-color: #fffac8; */
}
/* line 240, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectIndustry ul li input[type="checkbox"],
.formContent .formBox .formParts .selectCerti ul li input[type="checkbox"] {
display: none;
}
/* line 242, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectIndustry ul li input[type="checkbox"] + label,
.formContent .formBox .formParts .selectCerti ul li input[type="checkbox"] + label {
display: inline-block;
width: 100%;
/* background-color: #fffac8; */
background-image: url(/share/images/register_test/form/formparts_checkbox_off.png);
background-size: 4.8vw;
background-position: left 3.333vw center;
background-repeat: no-repeat;
padding: 2.133vw 2.666vw 2.133vw 10.466vw;
font-size: 4.266vw;
line-height: 1.4;
cursor: pointer;
}
/* line 255, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectIndustry ul li input[type="checkbox"]:checked + label,
.formContent .formBox .formParts .selectCerti ul li input[type="checkbox"]:checked + label {
background-color: #fffac8;
background-image: url(/share/images/register_test/form/formparts_checkbox_on.png);
}
/* line 1291, ../scss/style.scss */
.formContent .formBox .formParts .selectIndustry ul li:last-child,
.formContent .formBox .formParts .selectCerti ul li:last-child {
/* border-top: none; */
}
/* line 1295, ../scss/style.scss */
.formContent .formBox .formParts .selectIndustry ul .pc,
.formContent .formBox .formParts .selectCerti ul .pc {
display: none;
}
/* line 1301, ../scss/style.scss */
.formContent .formBox .formParts .textField textarea {
width: 100%;
min-height: 32.5333vw;
border: none;
border-radius: 1.066vw;
box-sizing: border-box;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 1310, ../scss/style.scss */
.formContent .formBox .formParts .type01 {
width: 100%;
}
/* line 1313, ../scss/style.scss */
.formContent .formBox .formParts .type02 {
display: flex;
display: -ms-flexbox;
justify-content: space-between;
-ms-flex-pack: justify;
align-items: flex-start;
-ms-flex-align: start;
flex-wrap: wrap;
}
/* line 1316, ../scss/style.scss */
.formContent .formBox .formParts .type02 li {
width: 43.333vw;
}
/* line 1321, ../scss/style.scss */
.formContent .formBox .formParts .type03 div {
width: 43.333vw;
margin-bottom: 4vw;
}
/* line 1324, ../scss/style.scss */
.formContent .formBox .formParts .type03 div input[type="text"] {
width: 80%;
}
/* line 1327, ../scss/style.scss */
.formContent .formBox .formParts .type03 div input[type="tel"] {
width: 80%;
}
/* line 1330, ../scss/style.scss */
.formContent .formBox .formParts .type03 div span {
font-weight: bold;
margin: 0 1.333vw;
}
/* line 1337, ../scss/style.scss */
.formContent .formBox .rules {
text-align: center;
font-size: 3.733vw;
margin-bottom: 4vw;
}
/* line 1341, ../scss/style.scss */
.formContent .formBox .rules a {
display: inline-block;
text-decoration: underline;
}
/* line 1346, ../scss/style.scss */
.formContent .formBox .formBtn {
padding-top: 4vw;
}
/* line 405, ../scss/_mixins.scss */
.formContent .formBox .formBtn button[type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 4.533vw;
font-weight: bold;
width: 100%;
padding: 2.666vw 0;
/* height: 14.133vw; */
background-color: #ffaf03;
color: #fff;
border: none;
border-bottom: 5px solid #d59202;
border-radius: 1.066vw;
display: block;
margin: 0 auto;
cursor: pointer;
}
/* line 424, ../scss/_mixins.scss */
.formContent .formBox .formBtn button[type="button"]:after {
content: ">";
display: inline-block;
position: absolute;
left: 68vw;
}
/* line 430, ../scss/_mixins.scss */
.formContent .formBox .formBtn button[type="button"] span {
font-size: 3.2vw;
display: block;
/* margin-bottom: -1.333vw; */
}
/* line 1349, ../scss/style.scss */
.formContent .formBox .formBtn .notInput {
opacity: 0.6;
}
/* line 1354, ../scss/style.scss */
.formContent .formBox .btnReserv a {
position: relative;
font-size: 4.533vw;
font-weight: bold;
width: 100%;
padding: 6.6vw 0;
background-color: #51B1F9;
color: #fff;
text-align: center;
border: none;
border-bottom: 5px solid #153863;
border-radius: 1.066vw;
display: block;
margin: 0 auto;
}
/* line 1368, ../scss/style.scss */
.formContent .formBox .btnReserv a:after {
content: ">";
display: inline-block;
position: absolute;
right: 2.666vw;
}
/* line 1376, ../scss/style.scss */
.formContent .formBox .backSkip {
margin: 6.666vw 0 0;
overflow: hidden;
}
/* line 1380, ../scss/style.scss */
.formContent .formBox .backSkip p a {
font-size: 4vw;
font-weight: bold;
color: #11284a;
}
/* line 1386, ../scss/style.scss */
.formContent .formBox .backSkip .back {
float: left;
}
/* line 1389, ../scss/style.scss */
.formContent .formBox .backSkip .back a:before {
content: "<";
display: inline-block;
padding-right: 1.333vw;
}
/* line 1396, ../scss/style.scss */
.formContent .formBox .backSkip .skip {
float: right;
}
/* line 1399, ../scss/style.scss */
.formContent .formBox .backSkip .skip a:after {
content: ">>";
display: inline-block;
padding-left: 1.333vw;
}
/* line 1407, ../scss/style.scss */
.formContent .formBox .resetPass,
.formContent .formBox .notLogged {
margin: 6.666vw 0;
font-size: 3.466vw;
line-height: 1.6;
text-align: center;
}
/* line 1411, ../scss/style.scss */
.formContent .formBox .resetPass a,
.formContent .formBox .notLogged a {
display: inline-block;
font-size: 3.466vw;
font-weight: bold;
color: #11284a;
text-decoration: underline;
}

@media screen and (min-width: 768px) {
/* line 1422, ../scss/style.scss */
.formContent {
width: 800px;
/* min-height: 75vh; */
margin: 0 auto;
padding: 20px 20px;
}
.formContent .formBox{
margin: 0;
}
/* line 1428, ../scss/style.scss */
.formContent .formBox .leadTxt {
font-size: 1.4rem;
margin-bottom: 30px;
}
/* line 1432, ../scss/style.scss */
.formContent .formBox .errorTxt {
display: none;
font-size: 1.4rem;
margin: 26px;
}
/* line 1437, ../scss/style.scss */
.formContent .formBox .formItemTitle {
font-size: 1.8rem;
text-align: center;
margin-bottom: 30px;
}
/* line 1441, ../scss/style.scss */
.formContent .formBox .formItemTitle span {
font-size: 1.3rem;
}
/* line 1445, ../scss/style.scss */
.formContent .formBox .formParts {
margin-bottom: 30px;
/* .moreItem {
font-size: $fs12;
border-radius: 5px;
width: 25.333vw;
padding: 1.666vw 2.666vw;
float: right;
clear: both;
margin: 1.333vw 0 4vw;
cursor: pointer;
}
.deleteItem {
font-size: $sfs24;
font-weight: bold;
color: $mainColor;
border-radius: 1.066vw;
background-color: #fff;
border: 1px solid $mainColor;
width: 15.333vw;
padding: 1.666vw 2.666vw;
float: right;
clear: both;
margin: 1.333vw 0 4vw;
cursor: pointer;
} */
}
/* line 1447, ../scss/style.scss */
.formContent .formBox .formParts p {
font-size: 1.6rem;
margin-bottom: 10px;
}
/* line 1451, ../scss/style.scss */
.formContent .formBox .formParts .exampleTxt {
font-size: 1.2rem;
margin-top: 10px;
}
/* line 1455, ../scss/style.scss */
.formContent .formBox .formParts .errorTxt {
display: none;
font-size: 1.3rem;
padding: 10px;
margin-top: 10px;
}
/* line 1486, ../scss/style.scss */
.formContent .formBox .formParts .selectBtn ul {
flex-wrap: wrap;
overflow: auto;
}
/* line 1489, ../scss/style.scss */
.formContent .formBox .formParts .selectBtn ul li {
width: 164px;
height: 62px;
font-size: 1.6rem;
border-radius: 5px;
margin: 0 5px 16px;
}
/* line 1495, ../scss/style.scss */
.formContent .formBox .formParts .selectBtn ul li:hover {
color: #fff;
background-color: #ff9600;
border-top: 0 solid #ff9600;
border-right: 0 solid #ff9600;
border-bottom: 5px solid #d28200;
border-left: 0 solid #ff9600;
}
/* line 1506, ../scss/style.scss */
.formContent .formBox .formParts .sex {
width: 358px;
margin: 0 auto;
}
/* line 1510, ../scss/style.scss */
.formContent .formBox .formParts .name {
width: 334px;
margin: 0 auto;
}
/* line 1514, ../scss/style.scss */
.formContent .formBox .formParts .inputText {
width: 334px;
margin: 0 auto;
font-size: 1.6rem;
}
/* line 148, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputText input[type="text"],
.formContent .formBox .formParts .inputText input[type="email"],
.formContent .formBox .formParts .inputText input[type="tel"],
.formContent .formBox .formParts .inputText input[type="password"],
.formContent .formBox .formParts .inputText input[type="number"],
.formContent .formBox .formParts .inputText input[type="date"],
.formContent .formBox .formParts .inputText input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
height: 48px;
margin: 0 auto;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 5px;
padding: 2px 10px;
box-sizing: border-box;
font-size: 1.6rem;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 170, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputText input[type="number"]::-webkit-outer-spin-button,
.formContent .formBox .formParts .inputText input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* line 1520, ../scss/style.scss */
.formContent .formBox .formParts .inputEmail {
width: 334px;
margin: 0 auto;
font-size: 1.6rem;
}
/* line 148, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputEmail input[type="text"],
.formContent .formBox .formParts .inputEmail input[type="email"],
.formContent .formBox .formParts .inputEmail input[type="tel"],
.formContent .formBox .formParts .inputEmail input[type="password"],
.formContent .formBox .formParts .inputEmail input[type="number"],
.formContent .formBox .formParts .inputEmail input[type="date"],
.formContent .formBox .formParts .inputEmail input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
height: 48px;
margin: 0 auto;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 5px;
padding: 2px 10px;
box-sizing: border-box;
font-size: 1.6rem;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 170, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputEmail input[type="number"]::-webkit-outer-spin-button,
.formContent .formBox .formParts .inputEmail input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* line 1526, ../scss/style.scss */
.formContent .formBox .formParts .inputTel {
width: 334px;
margin: 0 auto;
font-size: 1.6rem;
}
/* line 148, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputTel input[type="text"],
.formContent .formBox .formParts .inputTel input[type="email"],
.formContent .formBox .formParts .inputTel input[type="tel"],
.formContent .formBox .formParts .inputTel input[type="password"],
.formContent .formBox .formParts .inputTel input[type="number"],
.formContent .formBox .formParts .inputTel input[type="date"],
.formContent .formBox .formParts .inputTel input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
height: 48px;
margin: 0 auto;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 5px;
padding: 2px 10px;
box-sizing: border-box;
font-size: 1.6rem;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 170, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputTel input[type="number"]::-webkit-outer-spin-button,
.formContent .formBox .formParts .inputTel input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* line 1531, ../scss/style.scss */
.formContent .formBox .formParts .inputTel input[type="tel"] {
width: 100px;
}
/* line 1534, ../scss/style.scss */
.formContent .formBox .formParts .inputTel span {
margin: 0 5px;
}
/* line 1538, ../scss/style.scss */
.formContent .formBox .formParts .selectItem {
width: 334px;
margin: 0 auto;
}
/* line 1542, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul li {
margin-right: 10px;
}
/* line 1544, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul li:nth-child(1) {
width: 130px;
}
/* line 1547, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul li:nth-child(2) {
width: 94px;
}
/* line 1550, ../scss/style.scss */
.formContent .formBox .formParts .selectItem ul li:nth-child(3) {
width: 94px;
}
/* line 262, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectItem select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 48px;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 5px;
padding: 0 10px;
box-sizing: border-box;
font-size: 1.6rem;
background-color: #fff;
background-image: url(/share/images/register_test/form/formparts_selectbox_off.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 10px;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 282, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectItem select::-ms-expand {
display: none;
}
/* line 1557, ../scss/style.scss */
.formContent .formBox .formParts .graduate {
width: 334px;
margin: 0 auto;
}
/* line 1561, ../scss/style.scss */
.formContent .formBox .formParts .graduate ul li {
margin-right: 10px;
}
/* line 1563, ../scss/style.scss */
.formContent .formBox .formParts .graduate ul li:nth-child(1) {
width: 190px;
}
/* line 1566, ../scss/style.scss */
.formContent .formBox .formParts .graduate ul li:nth-child(2) {
width: 134px;
}
/* line 262, ../scss/_mixins.scss */
.formContent .formBox .formParts .graduate select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 48px;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 5px;
padding: 0 10px;
box-sizing: border-box;
font-size: 1.6rem;
background-color: #fff;
background-image: url(/share/images/register_test/form/formparts_selectbox_off.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 10px;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 282, ../scss/_mixins.scss */
.formContent .formBox .formParts .graduate select::-ms-expand {
display: none;
}
/* line 1573, ../scss/style.scss */
.formContent .formBox .formParts .inputPcode {
width: 334px;
margin: 0 auto;
font-size: 1.6rem;
}
/* line 148, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputPcode input[type="text"],
.formContent .formBox .formParts .inputPcode input[type="email"],
.formContent .formBox .formParts .inputPcode input[type="tel"],
.formContent .formBox .formParts .inputPcode input[type="password"],
.formContent .formBox .formParts .inputPcode input[type="number"],
.formContent .formBox .formParts .inputPcode input[type="date"],
.formContent .formBox .formParts .inputPcode input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
height: 48px;
margin: 0 auto;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 5px;
padding: 2px 10px;
box-sizing: border-box;
font-size: 1.6rem;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 170, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputPcode input[type="number"]::-webkit-outer-spin-button,
.formContent .formBox .formParts .inputPcode input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* line 1578, ../scss/style.scss */
.formContent .formBox .formParts .inputPcode input[type="tel"] {
width: 112px;
}
/* line 1581, ../scss/style.scss */
.formContent .formBox .formParts .inputPcode span {
margin: 0 5px;
}
/* line 1585, ../scss/style.scss */
.formContent .formBox .formParts .inputPrefec {
width: 334px;
margin: 0 auto;
}
/* line 262, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputPrefec select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 48px;
border: none;
border-bottom: 5px solid #11284a;
border-radius: 5px;
padding: 0 10px;
box-sizing: border-box;
font-size: 1.6rem;
background-color: #fff;
background-image: url(/share/images/register_test/form/formparts_selectbox_off.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 10px;
cursor: pointer;
box-shadow: 0 0 3px 1px rgba(17, 40, 74, 0.2);
}
/* line 282, ../scss/_mixins.scss */
.formContent .formBox .formParts .inputPrefec select::-ms-expand {
display: none;
}
/* line 1589, ../scss/style.scss */
.formContent .formBox .formParts .inputPrefec select {
width: 162px;
}
/* line 1594, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection {
width: 245px;
font-size: 1.6rem;
border-radius: 5px;
margin: 0 4px 8px;
}
/* line 1599, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection p {
font-size: 1.6rem;
padding: 16px 20px;
margin: 4px;
background-position: right 12px center;
background-size: 10px;
}
/* line 1607, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures div {
border-top: 1px solid #e2dad3;
padding: 4px;
}
/* line 218, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures div input[type="checkbox"] {
display: none;
}
/* line 220, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures div input[type="checkbox"] + label {
display: inline-block;
width: 100%;
/* background-color: #fffac8; */
background-image: url(/share/images/register_test/form/formparts_checkbox_off.png);
background-size: 14px;
background-position: left 6px center;
background-repeat: no-repeat;
padding: 8px 6px 8px 24px;
font-size: 1.6rem;
line-height: 1.4;
cursor: pointer;
}
/* line 233, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures div input[type="checkbox"]:checked + label {
background-color: #fffac8;
background-image: url(/share/images/register_test/form/formparts_checkbox_on.png);
}
/* line 1612, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures li {
border-top: 1px solid #e2dad3;
padding: 4px;
}
/* line 218, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures li input[type="checkbox"] {
display: none;
}
/* line 220, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures li input[type="checkbox"] + label {
display: inline-block;
width: 100%;
/* background-color: #fffac8; */
background-image: url(/share/images/register_test/form/formparts_checkbox_off.png);
background-size: 14px;
background-position: left 6px center;
background-repeat: no-repeat;
padding: 8px 6px 8px 24px;
font-size: 1.6rem;
line-height: 1.4;
cursor: pointer;
}
/* line 233, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectLoc .eightSection .prefectures li input[type="checkbox"]:checked + label {
background-color: #fffac8;
background-image: url(/share/images/register_test/form/formparts_checkbox_on.png);
}
/* line 1619, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .world {
display: flex;
display: -ms-flexbox;
justify-content: flex-start;
-ms-flex-pack: start;
align-items: flex-start;
-ms-flex-align: start;
flex-wrap: wrap;
}
/* line 1624, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .all p {
background-image: none;
cursor: pointer;
}
/* line 1628, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .all input[type="checkbox"] {
display: none;
}
/* line 1631, ../scss/style.scss */
.formContent .formBox .formParts .selectLoc .all label {
display: inline-block;
width: 100%;
cursor: pointer;
}
/* line 1640, ../scss/style.scss */
.formContent .formBox .formParts .selectIndustry ul,
.formContent .formBox .formParts .selectCerti ul {
width: 100%;
font-size: 1.6rem;
border-radius: 5px;
margin-bottom: 0;
display: flex;
display: -ms-flexbox;
justify-content: flex-start;
-ms-flex-pack: start;
align-items: flex-start;
-ms-flex-align: start;
flex-wrap: wrap;
}
/* line 1647, ../scss/style.scss */
.formContent .formBox .formParts .selectIndustry ul li,
.formContent .formBox .formParts .selectCerti ul li {
width: 252px;
border-top: 1px solid #e2dad3;
border-right: 1px solid #e2dad3;
border-bottom: 0;
padding: 4px;
}
/* line 218, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectIndustry ul li input[type="checkbox"],
.formContent .formBox .formParts .selectCerti ul li input[type="checkbox"] {
display: none;
}
/* line 220, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectIndustry ul li input[type="checkbox"] + label,
.formContent .formBox .formParts .selectCerti ul li input[type="checkbox"] + label {
display: inline-block;
width: 100%;
/* background-color: #fffac8; */
background-image: url(/share/images/register_test/form/formparts_checkbox_off.png);
background-size: 14px;
background-position: left 6px center;
background-repeat: no-repeat;
padding: 8px 6px 8px 24px;
font-size: 1.6rem;
line-height: 1.4;
cursor: pointer;
}
/* line 233, ../scss/_mixins.scss */
.formContent .formBox .formParts .selectIndustry ul li input[type="checkbox"]:checked + label,
.formContent .formBox .formParts .selectCerti ul li input[type="checkbox"]:checked + label {
background-color: #fffac8;
background-image: url(/share/images/register_test/form/formparts_checkbox_on.png);
}
/* line 1654, ../scss/style.scss */
.formContent .formBox .formParts .selectIndustry ul li:nth-child(3n),
.formContent .formBox .formParts .selectCerti ul li:nth-child(3n) {
border-right: 0;
}
/* line 1658, ../scss/style.scss */
.formContent .formBox .formParts .selectIndustry ul .pc,
.formContent .formBox .formParts .selectCerti ul .pc {
display: block;
height: 47px;
}
/* line 1664, ../scss/style.scss */
.formContent .formBox .formParts .textField {
width: 334px;
margin: 0 auto;
}
/* line 1667, ../scss/style.scss */
.formContent .formBox .formParts .textField textarea {
width: 100%;
min-height: 120px;
padding: 4px;
border-radius: 5px;
}
/* line 1674, ../scss/style.scss */
.formContent .formBox .formParts .type01 {
width: 480px;
margin: 0 auto;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: flex-start;
-ms-flex-align: start;
}
/* line 1678, ../scss/style.scss */
.formContent .formBox .formParts .type01 li {
width: 230px !important;
margin-right: 10px;
}
/* line 1681, ../scss/style.scss */
.formContent .formBox .formParts .type01 li:last-child {
margin-right: 0;
}
/* line 1686, ../scss/style.scss */
.formContent .formBox .formParts .type02 {
width: 522px;
margin: 0 auto;
display: flex;
display: -ms-flexbox;
justify-content: flex-start;
-ms-flex-pack: start;
align-items: flex-start;
-ms-flex-align: start;
}
/* line 1690, ../scss/style.scss */
.formContent .formBox .formParts .type02 li {
width: 162px;
margin-right: 10px;
}
/* line 1693, ../scss/style.scss */
.formContent .formBox .formParts .type02 li:last-child {
margin-right: 0;
}
/* line 1698, ../scss/style.scss */
.formContent .formBox .formParts .type03 {
width: 162px;
display: inline-block;
}
/* line 1701, ../scss/style.scss */
.formContent .formBox .formParts .type03 div {
width: 100%;
margin-bottom: 0;
}
/* line 1704, ../scss/style.scss */
.formContent .formBox .formParts .type03 div input[type="text"] {
width: 96px;
}
/* line 1707, ../scss/style.scss */
.formContent .formBox .formParts .type03 div input[type="tel"] {
width: 96px;
}
/* line 1710, ../scss/style.scss */
.formContent .formBox .formParts .type03 div span {
font-weight: bold;
margin: 0 5px;
}
/* line 1716, ../scss/style.scss */
.formContent .formBox .formParts .type04 {
width: 348px;
}
/* line 1720, ../scss/style.scss */
.formContent .formBox .rules {
font-size: 1.4rem;
margin-bottom: 25px;
}
/* line 1724, ../scss/style.scss */
.formContent .formBox .formBtn {
width: 334px;
margin: 0 auto;
padding-top: 0;
}
/* line 372, ../scss/_mixins.scss */
.formContent .formBox .formBtn button[type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 1.6rem;
font-weight: bold;
width: 100%;
padding: 12px 0;
/* height: 14.133vw; */
background-color: #ffaf03;
color: #fff;
border: none;
border-bottom: 5px solid #d59202;
border-radius: 5px;
display: block;
margin: 0 auto;
cursor: pointer;
}
/* line 391, ../scss/_mixins.scss */
.formContent .formBox .formBtn button[type="button"]:after {
content: ">";
display: inline-block;
position: absolute;
left: 248px;
}
/* line 397, ../scss/_mixins.scss */
.formContent .formBox .formBtn button[type="button"] span {
font-size: 1.2rem;
display: block;
margin-bottom: -3px;
}
/* line 1730, ../scss/style.scss */
.formContent .formBox .btnReserv {
width: 500px;
margin: 0 auto;
}
/* line 1733, ../scss/style.scss */
.formContent .formBox .btnReserv a {
font-size: 1.6rem;
width: 100%;
padding: 26px 0;
border-radius: 5px;
}
/* line 1738, ../scss/style.scss */
.formContent .formBox .btnReserv a:after {
right: 90px;
}
/* line 1743, ../scss/style.scss */
.formContent .formBox .backSkip {
margin: 26px auto 0;
}
/* line 1746, ../scss/style.scss */
.formContent .formBox .backSkip p a {
font-size: 1.6rem;
}
/* line 1748, ../scss/style.scss */
.formContent .formBox .backSkip p a:hover {
text-decoration: underline;
}
/* line 1755, ../scss/style.scss */
.formContent .formBox .backSkip .back a:before {
padding-right: 10px;
}
/* line 1762, ../scss/style.scss */
.formContent .formBox .backSkip .skip a:after {
padding-left: 10px;
}
/* line 1768, ../scss/style.scss */
.formContent .formBox .boxSize {
width: 334px;
}
/* line 1771, ../scss/style.scss */
.formContent .formBox .resetPass,
.formContent .formBox .notLogged {
font-size: 1.6rem;
margin: 26px auto;
}
/* line 1774, ../scss/style.scss */
.formContent .formBox .resetPass a,
.formContent .formBox .notLogged a {
font-size: 1.6rem;
}
}
/*--------------- 完了画面（転職相談予約・セミナーイベント申し込み） ---------------*/
/* line 1782, ../scss/style.scss */
.registerComp {
background-color: #F2F8FB;
}
/* line 1784, ../scss/style.scss */
.registerComp h1 {
position: relative;
font-size: 4vw;
color: #11284a;
background-color: #fff;
text-align: center;
padding: 5.333vw 0;
}
/* line 1792, ../scss/style.scss */
.registerComp .innerBox {
padding: 0 5.333vw 8vw;
}
/* line 1794, ../scss/style.scss */
.registerComp .innerBox h2 {
font-size: 4.666vw;
line-height: 1.6;
text-align: center;
padding: 9.333vw 0;
color: #11284a;
}
/* line 1801, ../scss/style.scss */
.registerComp .innerBox .requestDetail {
margin-bottom: 8vw;
background-color: #fff;
}
/* line 1804, ../scss/style.scss */
.registerComp .innerBox .requestDetail h3 {
background-color: #deedf6;
color: #11284a;
font-size: 4vw;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
height: 13.333vw;
}
/* line 1811, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl {
border-bottom: 1px solid #11284a;
padding: 4vw 0;
margin: 0 6.666vw;
overflow: hidden;
}
/* line 1816, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl:last-child {
border-bottom: none;
}
/* line 1819, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl dt {
font-size: 3.733vw;
font-weight: bold;
color: #11284a;
margin-bottom: 2.666vw;
}
/* line 1825, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl dd {
font-size: 3.733vw;
line-height: 1.4;
}
/* line 1828, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl dd img {
width: 24vw;
height: 24vw;
float: left;
margin-right: 2.666vw;
}
/* line 1837, ../scss/style.scss */
.registerComp .innerBox .cancelTxt {
text-align: center;
}
/* line 1839, ../scss/style.scss */
.registerComp .innerBox .cancelTxt p {
font-size: 3.733vw;
line-height: 1.4;
margin-bottom: 4vw;
color: #11284a;
}
/* line 1845, ../scss/style.scss */
.registerComp .innerBox .cancelTxt .tel {
font-weight: bold;
font-size: 5.333vw;
position: relative;
margin-bottom: 4vw;
color: #11284a;
}
/* line 1851, ../scss/style.scss */
.registerComp .innerBox .cancelTxt .tel:before {
display: inline-block;
content: "";
width: 8.4vw;
height: 4.8vw;
background: url(/share/images/register_test/form/ico_tel.png) no-repeat left center;
background-size: 8.4vw;
}
/* line 1859, ../scss/style.scss */
.registerComp .innerBox .cancelTxt .tel a {
color: #11284a;
display: inline-block;
}

@media screen and (min-width: 768px) {
/* line 1869, ../scss/style.scss */
.registerComp h1 {
font-size: 2.4rem;
padding: 40px 0;
}
/* line 1873, ../scss/style.scss */
.registerComp .innerBox {
width: 980px;
margin: 0 auto 80px;
padding: 0;
}
/* line 1877, ../scss/style.scss */
.registerComp .innerBox h2 {
font-size: 1.8rem;
padding: 45px 0;
}
/* line 1881, ../scss/style.scss */
.registerComp .innerBox .requestDetail {
margin-bottom: 60px;
}
/* line 1883, ../scss/style.scss */
.registerComp .innerBox .requestDetail h3 {
font-size: 1.8rem;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
height: 65px;
}
/* line 1888, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl {
padding: 36px 40px;
margin: 0 38px;
}
/* line 1891, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl dt {
font-size: 2.0rem;
margin-bottom: 0;
float: left;
width: 250px;
}
/* line 1897, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl dd {
font-size: 2.0rem;
float: left;
position: relative;
}
/* line 1901, ../scss/style.scss */
.registerComp .innerBox .requestDetail dl dd img {
width: 150px;
height: 150px;
float: none;
margin: 0 auto 30px;
}
/* line 1911, ../scss/style.scss */
.registerComp .innerBox .cancelTxt p {
font-size: 1.8rem;
margin-bottom: 30px;
}
/* line 1915, ../scss/style.scss */
.registerComp .innerBox .cancelTxt .tel {
font-size: 3.4rem;
margin-bottom: 30px;
}
/* line 1918, ../scss/style.scss */
.registerComp .innerBox .cancelTxt .tel:before {
width: 52px;
height: 30px;
background-size: 52px;
}

/* line 1931, ../scss/style.scss */
.jobChange .requestDetail dl:first-of-type dt {
padding-top: 180px;
}
}



/* --------------------------------------------

complete - renewal --- 2021/05/06 asami

-------------------------------------------- */

.clearfix::after{
content: "";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.contentWrap.full{
background: #fff;
}
.contentWrap.full *{
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.contentWrap.full a{
transition: 0.3s;
}
.contentWrap.full a:hover{
opacity: 0.7;
}

/*-- btn --*/
.btnTypeA01{
text-align: center;
margin: 60px 0 0;
}
.btnTypeA01.type02{
margin: 0;
padding: 80px 0 0;
}
.btnTypeA01 a{
background: #ff9600;
color: #fff;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 8px solid #c87600;
border-radius: 100px;
padding: 13px 180px;
display: inline-block;
position: relative;
}
.btnTypeA01 a::before{
content: "";
width: 44px;
height: 46px;
background: url("/share/images/register/full/bnt_ico_01.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: 40px;
top: 50%;
margin-top: -22px;
}
.btnTypeA01 a b{
font-size: 18px;
line-height: 1.2!important;
display: block;
}
.btnTypeA01 a::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 18px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 40px;
top: 50%;
margin-top: -10px;
}
.btnTypeA01 a span{
background: #ffea00;
color: #000;
font-size: 14px;
text-align: center;
letter-spacing: 0;
border-radius: 5px;
padding: 8px 20px 10px;
display: inline-block;
position: absolute;
left: 50%;
top: -50px;
margin-left: -130px;
}
.btnTypeA01 a span::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 9px 0 9px;
border-color: #ffea00 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: -18px;
margin-left: -9px;
}
@media screen and (max-width: 768px){
.btnTypeA01{
margin: 8vw 0 0;
}
.btnTypeA01.type02{
padding: 13.333vw 0 0;
}
.btnTypeA01 a{
width: 100%;
font-size: 4.8vw;
border-bottom: 1vw solid #c87600;
padding: 2.4vw 0 2.667vw 4vw;
display: block;
}
.btnTypeA01 a b{
font-size: 3.2vw;
}
.btnTypeA01 a::before{
width: 9.3vw;
height: 9.6vw;
left: 8vw;
margin-top: -4.8vw;
}
.btnTypeA01 a::after{
border-width: 2.6vw 0 2.6vw 2.6vw;
right: 5.3vw;
margin-top: -2.6vw;
}
.btnTypeA01 a span{
font-size: 2.6vw;
border-radius: 5px;
padding: 1.3vw 2.667vw;
top: -8vw;
margin-left: -24vw;
}
.btnTypeA01 a span::before{
border-width: 1.8vw 1vw 0 1vw;
bottom: -1.8vw;
margin-left: -1vw;
}
}

.btnTypeB01{
display: none;
}
@media screen and (max-width: 768px){
.btnTypeB01{
width: 100%;
text-align: center;
display: block;
}
.btnTypeB01 span{
width: 42.6vw;
background: #2a66b0;
color: #fff;
font-size: 3.2vw;
font-weight: bold;
text-align: center;
border-radius: 100px;
padding: 2vw 0 2.5vw;
position: relative;
}
.btnTypeB01 span::before{
content: "+";
color: #fff;
font-size: 3.2vw;
font-weight: bold;
position: absolute;
right: 4vw;
}
.btnTypeB01.active span::before{
content: "-";
}
}


.btnTypeC01{
display: none;
}
@media screen and (max-width: 768px){
.btnTypeC01{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
}

.btnTypeD01{
text-align: center;
margin: 60px 0 0;
}
.btnTypeD01 a{
background: #00b900;
color: #fff;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 8px solid #058c2d;
border-radius: 100px;
padding: 20px 100px 20px 120px;
display: inline-block;
position: relative;
}
.btnTypeD01 a::before{
content: "";
width: 44px;
height: 41px;
background: url("/share/images/register/full/secD01_ico_01.gif") no-repeat;
background-size: 100% auto;
position: absolute;
left: 40px;
top: 50%;
margin-top: -20px;
}
.btnTypeD01 a::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 18px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 40px;
top: 50%;
margin-top: -10px;
}
.btnTypeD01 a span{
width: 200px;
background: #ffea00;
color: #000;
font-size: 14px;
text-align: center;
letter-spacing: 0;
border-radius: 5px;
padding: 8px 20px 10px;
display: inline-block;
position: absolute;
left: 50%;
top: -50px;
margin-left: -100px;
}
.btnTypeD01 a span::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 9px 0 9px;
border-color: #ffea00 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: -18px;
margin-left: -9px;
}
.btnTypeD01 + .notes{
font-size: 12px;
text-align: center;
padding: 10px 0 0;
}
@media screen and (max-width: 768px){
.btnTypeD01{
margin: 8vw 0 0;
}
.btnTypeD01.type02{
padding: 11vw 4vw 4vw;
}
.btnTypeD01 a{
width: 100%;
font-size: 4.8vw;
letter-spacing: 0;
border-bottom: 1vw solid #058c2d;
padding: 4.7vw 0 5vw 3.5vw;
display: block;
}
.btnTypeD01 a::before{
width: 9.0vw;
height: 8.5vw;
left: 4vw;
margin-top: -4.5vw;
}
.btnTypeD01 a::after{
border-width: 2.6vw 0 2.6vw 2.6vw;
right: 4vw;
margin-top: -2.6vw;
}
.btnTypeD01 a span{
width: 34.6vw;
font-size: 2.6vw;
border-radius: 5px;
padding: 1.3vw 0;
top: -8vw;;
margin-left: -17.3vw;
}
.btnTypeD01 a span::before{
border-width: 1.8vw 1vw 0 1vw;
bottom: -1.8vw;
margin-left: -1vw;
}
.btnTypeD01 + .notes{
font-size: 2.667vw;
padding: 2.667vw 0 0;
}
}

/*-- block --*/
.blockTypeA01{
width: 800px;
margin: 0 auto;
}
.blockTypeA01 .block{
background: #fff;
border-radius: 20px;
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 5, 103, 0.05);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 5, 103, 0.05);
-ms-box-shadow: 0px 0px 10px 5px rgba(0, 5, 103, 0.05);
box-shadow: 0px 0px 10px 5px rgba(0, 5, 103, 0.05);
padding: 20px 40px 20px 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.blockTypeA01 .block::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 30px 0 30px;
border-color: #002850 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: -40px;
margin-left: -30px;
}
.blockTypeA01 .block:nth-last-child(1)::before{
display: none;
}
.blockTypeA01 .block + .block{
margin-top: 60px;
}
.blockTypeA01 .block .image{
width: 280px;
padding: 0 60px;
}
.blockTypeA01 .block .image img{
width: 100%;
height: auto;
}
.blockTypeA01 .block .textBlock{
width: 520px;
}
.blockTypeA01 .block .textBlock .ttl{
color: #002850;
font-size: 20px;
font-weight: bold;
margin: 0 0 10px;
}
.blockTypeA01 .block .textBlock .txt{
font-size: 14px;
}
.blockTypeA01 .block.type02{
text-align: center;
padding: 20px 0;
display: block;
}
.blockTypeA01 .block.type02 .ttl{
color: #0b4d9d;
font-size: 32px;
font-weight: bold;
margin: 0 0 10px;
}
.blockTypeA01 .block.type02 .txt{
font-size: 16px;
}
@media screen and (max-width: 768px){
.blockTypeA01{
width: 100%;
}
.blockTypeA01 .block{
border-radius: 2.1vw;
padding: 5.3vw 0;
}
.blockTypeA01 .block::before{
border-width: 2.6vw 6.6vw 0 6.6vw;
bottom: -5.5vw;
margin-left: -6.6vw;
}
.blockTypeA01 .block + .block{
margin-top: 8vw;
}
.blockTypeA01 .block .image{
width: 34%;
padding: 0 4.0vw;
}
.blockTypeA01 .block .textBlock{
width: 66%;
}
.blockTypeA01 .block .textBlock .ttl{
font-size: 3.4vw;
margin: 0 0 2vw;
}
.blockTypeA01 .block .textBlock .txt{
font-size: 2.933vw;
padding: 0 4vw 0 0;
}
.blockTypeA01 .block.type02{
padding: 5.3vw 0;
}
.blockTypeA01 .block.type02 .ttl{
font-size: 5.867vw;
margin: 0 0 1.333vw;
}
.blockTypeA01 .block.type02 .txt{
font-size: 2.933vw;
}
}

.blockTypeA02{
width: 100%;
background: #fff;
text-align: center;	
border-radius: 20px;
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
margin: 0 auto;
padding: 55px 40px 40px 40px;
}
.blockTypeA02 .list{
text-align: left;
display: inline-block;
}
.blockTypeA02 .list > li{
font-size: 18px;
margin: 0 0 15px;
padding: 0 0 0 28px;
position: relative;
}
.blockTypeA02 .list > li:last-child{
margin-bottom: 0;
}
.blockTypeA02 .list > li b{
background:linear-gradient(transparent 60%, #fff690 60%);
font-weight: bold;
}
.blockTypeA02 .list > li::before{
content: "";
width: 22px;
height: 22px;
background: url("/share/images/register/full/secA02_ico_01.gif") no-repeat;
background-size: 100%;
position: absolute;
left: 0;
top: 3px;
}
@media screen and (max-width: 768px){
.blockTypeA02{
border-radius: 2.667vw;
-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
padding: 10.133vw 0 5.333vw;
}
.blockTypeA02 .list > li{
font-size: 3.733vw;
line-height: 1.4;
margin: 0 0 3.2vw;
padding: 0 0 0 6.667vw;
}
.blockTypeA02 .list > li::before{
width: 5.067vw;
height: 5.067vw;
top: 0.8vw;
}
}

.blockTypeA03{
width: 1000px;
margin: 120px auto 0;
}
.blockTypeA03::before{
display: none;
}
.blockTypeA03 .ttl{
text-align: center;
margin: 0 0 30px;
}
.blockTypeA03 .ttl span{
background: #002850;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1.0;
border-radius: 100px;
padding: 10px 60px 12px 100px;
display: inline-block;
position: relative;
}
.blockTypeA03 .ttl span::before{
content: "";
width: 70px;
height: 70px;
background: url("/share/images/register/full/secA02_ico_02.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: -3px;
top: -17px;
}
.blockTypeA03 .txt02{
color: #002850;
font-size: 16px;
text-align: center;
font-weight: normal;
margin: 0 0 20px;
}
.blockTypeA03 .qubo-iframe{
width: 800px;
border: 3px solid #002850;
margin: 0 auto 40px;
}
.blockTypeA03 .qubo-iframe iframe{
width: 100%;
height: 435px;
}
.blockTypeA03 .txt{
color: #153863;
font-size: 18px;
text-align: center;
}
.blockTypeA03 .txt + .txt{
margin-top: 15px;
}
.blockTypeA03 .txt b{
background: linear-gradient(transparent 60%, #fff690 60%);
font-weight: bold;
}
@media screen and (max-width: 768px){
.blockTypeA03{
width: 100%;
margin: 10.667vw auto 0;
padding: 0 0 20vw;
position: relative;
}
.blockTypeA03::before{
content: "";
width: 21.867vw;
height: 13.6vw;
background: url("/share/images/register/full/secA01_ico_01.gif") no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10.933vw;
}
.blockTypeA03 .ttl{
margin: 0 0 2.667vw;
}
.blockTypeA03 .ttl span{
font-size: 3.467vw;
padding: 2.667vw 16vw 3.2vw;
}
.blockTypeA03 .ttl span::before{
width: 13.333vw;
height: 13.333vw;
left: -5.333vw;
top: -2.4vw;
}
.blockTypeA03 .txt02{
font-size: 3.2vw;
margin: 0 0 2.667vw;
}
.blockTypeA03 .qubo-iframe{
width: 100%;
background: #fff;
border: 2px solid #002850;
margin: 0 0 4vw;
}
.blockTypeA03 .qubo-iframe iframe{
height: 370px;
}
.blockTypeA03 .txt{
font-size: 3.733vw;
}
.blockTypeA03 .txt + .txt{
margin-top: 6.667vw;
}
}

.blockTypeB01{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.blockTypeB01 .block{
width: 480px;
margin: 0 0 40px;
display: flex;
}
.blockTypeB01 .block:nth-child(odd){
margin-right: 40px;
}
.blockTypeB01 .block:nth-child(-n+2){
margin-bottom: 40px;
}
.blockTypeB01 .block .image{
width: 180px;
}
.blockTypeB01 .block .image img{
width: 100%;
height: auto;
}
.blockTypeB01 .block .textBlock{
width: 300px;
padding: 0 0 0 20px;
}
.blockTypeB01 .block .textBlock .ttl{
color: #002850;
font-size: 20px;
font-weight: bold;
}
.blockTypeB01 .block .textBlock .txt{
font-size: 12px;
}
.blockTypeB01 .block .textBlock .txt + .txt{
margin-top: 15px;
}
.blockTypeB01 .block .textBlock .txt span{
color: #002850;
font-size: 14px;
font-weight: bold;
}
@media screen and (max-width: 768px){
.blockTypeB01 .block{
width: 100%;
margin: 0 0 8vw;
display: flex;
}
.blockTypeB01 .block:nth-child(odd){
margin-right: 0;
}
.blockTypeB01 .block:nth-child(-n+2){
margin-bottom: 8vw;
}
.blockTypeB01 .block .image{
width: 36%;
}
.blockTypeB01 .block .textBlock{
width: 64%;
padding: 0 0 0 4vw;
}
.blockTypeB01 .block .textBlock .ttl{
font-size: 4.8vw;
margin: 0 0 2.6vw;
}
.blockTypeB01 .block .textBlock .txt{
font-size: 3.2vw;
}
.blockTypeB01 .block .textBlock .txt + .txt{
margin-top: 4vw;
}
.blockTypeB01 .block .textBlock .txt span{
font-size: 3.2vw;
}
}

.blockTypeC01{
width: 100%;
display: flex;
}
.blockTypeC01 .block{
width: 320px;
background: #fff;
border-radius: 20px;
overflow: hidden;
}
.blockTypeC01 .block + .block{
margin-left: 20px;
}
.blockTypeC01 .block .ttl{
color: #002850;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
padding: 20px 0 20px 165px;
display: block;
}
.blockTypeC01 .block:nth-child(1) .ttl{
background: url("/share/images/register/full/secC01_img_01.jpg") no-repeat;
background-size: auto 100%;
background-position: top left;
}
.blockTypeC01 .block:nth-child(2) .ttl{
background: url("/share/images/register/full/secC01_img_02.jpg") no-repeat;
background-size: auto 100%;
background-position: top left;
}
.blockTypeC01 .block:nth-child(3) .ttl{
background: url("/share/images/register/full/secC01_img_03.jpg") no-repeat;
background-size: auto 100%;
background-position: top left;
}
.blockTypeC01 .block .ttl span{
font-size: 16px;
}
.blockTypeC01 .block .txt{
font-size: 14px;
line-height: 1.8;
padding: 30px 20px 20px;
}
@media screen and (max-width: 768px){
.blockTypeC01{
width: 100%;
display: block;
}
.blockTypeC01 .block{
width: 100%;
border-radius: 2.1vw;
position: relative;
}
.blockTypeC01 .block + .block{
margin-left: 0;
margin-top: 5.3vw;
}
.blockTypeC01 .block .ttl{
font-size: 4.8vw;
padding: 7vw 0 7vw 48vw;
}
.blockTypeC01 .block .ttl::before{
content: "";
width: 5.3vw;
height: 5.3vw;
background: url("/share/images/register/full/secC01_ico_01.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
bottom: 2vw;
margin-left: -2.65vw;
transform: rotate(180deg);
}
.blockTypeC01 .block .ttl.active::before{
bottom: 4vw;
transform: rotate(0deg);
}
.blockTypeC01 .block .ttl span{
font-size: 3.7vw;
}
.blockTypeC01 .block .txt{
font-size: 3.2vw;
padding: 4vw 4vw 13.3vw;
}
}

.blockTypeD01{
width: 100%;
}
.blockTypeD01 .block{
width: 100%;
margin: 0 auto;
}
.blockTypeD01 .block .ttlBlock{
width: 100%;
background: #07b53b;
padding: 100px 0 0;
}
.blockTypeD01 .block .ttlBlock .ttlInner{
width: 1000px;
min-height: 350px;
margin: 0 auto;
padding: 0 0 0 380px;
display: table;
position: relative;
}
.blockTypeD01 .block .ttlBlock .ttlInner .image{
width: 340px;
position: absolute;
left: 0;
bottom: 0;
}
.blockTypeD01 .block .ttlBlock .ttlInner .image img{
width: 100%;
height: auto;
}
.blockTypeD01 .block .ttlBlock .ttlInner .ttl{
width: 100%;
color: #fff;
font-size: 42px;
font-weight: bold;
text-align: left;
line-height: 1.4;
-moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
-webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
-ms-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
display: table-cell;
vertical-align: middle;
}
.blockTypeD01 .block .ttlBlock .ttl span{
display: block;
}
.blockTypeD01 .block .ttlBlock .ttl span.type01{
font-size: 24px;
}
.blockTypeD01 .block .ttlBlock .ttl span.type02{
font-size: 24px;
margin-top: 30px;
}
.blockTypeD01 .block .textBlock{
width: 100%;
background: #d6f2de;
padding: 40px 0 60px;
}
.blockTypeD01 .block .textBlock .textInner{
width: 680px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
padding: 0 0 40px;
overflow: hidden;
}
.blockTypeD01 .block.type01 .textBlock .textInner .ttl{
width: 100%;
background: url("/share/images/register/full/secD01_bg_01.gif") no-repeat;
background-size: cover;
text-align: center;
margin: 0 0 40px;
padding: 30px 0;
}
.blockTypeD01 .block.type01 .textBlock .textInner .ttl img{
width: 380px;
height: auto;
margin: 0 auto;
}
.blockTypeD01 .block.type01 .textBlock .textInner .txt{
font-size: 16px;
line-height: 2.0;
margin: 0 0 40px;
padding: 0 40px;
}
.blockTypeD01 .block.type01 .textBlock .textInner .txt b{
background: linear-gradient(transparent 60%, #fff690 60%);
}
.blockTypeD01 .block.type01 .textBlock .textInner .image{
width: 450px;
margin: 0 auto;
padding: 0 50px 0 0;
}
.blockTypeD01 .block.type01 .textBlock .textInner .image img{
width: 100%;
height: auto;	
}
.blockTypeD01 .block.type02 .textBlock .textInner{
border-right: 8px solid #07b53b;
border-bottom: 8px solid #07b53b;
padding: 40px;
}
.blockTypeD01 .block.type02 .textBlock .textInner .ttl{
font-size: 18px;
font-weight: bold;
line-height: 1.4;
text-align: center;
margin: 0 0 20px;
}
.blockTypeD01 .block.type02 .textBlock .textInner .ttl span{
font-size: 22px;
padding: 0 5px;
display: inline-block;
position: relative;
z-index: 2;
}
.blockTypeD01 .block.type02 .textBlock .textInner .ttl span::before{
content: "";
width: 100%;
height: 10px;
background: #ffea00;
position: absolute;
left: 0;
bottom: 3px;
z-index: -1;
}
.blockTypeD01 .block.type02 .textBlock .textInner .txt{
font-size: 18px;
text-align: center;
}
.blockTypeD01 .block.type02 .textBlock .textInner .txt + .txt{
margin-top: 20px;
}

.blockTypeD01 .block.arrow{
position: relative;
}
.blockTypeD01 .block.arrow::before{
content: "";
width: 100%;
height: 100px;
background: url( "/share/images/register/full/secD01_bg_02_pc.png") no-repeat;
background-size: 100% 100px;
position: absolute;
left: 0;
bottom: -99px;
z-index: 2;
}
.blockTypeD01 .block.arrow .text{
width: 100%;
background: #d6f2de;
font-size: 24px;
font-weight: bold;
text-align: center;
position: relative;
}

.blockTypeD01 .block .ttlBlock .leadBlock{
width: 1000px;
margin: 0 auto 120px;
}
.blockTypeD01 .block .ttlBlock .leadBlock .title{
color: #fff;
font-weight: bold;
font-size: 24px;
text-align: center;
line-height: 1.4;
-moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
-webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
-ms-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
text-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
margin: 0 0 30px;
}
.blockTypeD01 .block .ttlBlock .leadBlock .title b{
font-size: 42px;
display: block;
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock{
width: 620px;
background: #fff;
text-align: center;
border-radius: 20px;
border-right: 8px solid #008a29;
border-bottom: 8px solid #008a29;
margin: 0 auto;
padding: 30px 0 20px 0;
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock .btnTypeD01{
margin-top: 20px!important;
transform: scale(0.8);
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock .list{
text-align: left;
display: inline-block;
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock .list > li{
font-size: 22px;
font-weight: bold;
margin: 0 0 15px;
padding: 0 0 0 28px;
position: relative;
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock .list > li:last-child{
margin-bottom: 0;
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock .list > li::before{
content: "";
width: 22px;
height: 22px;
background: url(/share/images/register/full/secD01_ico_02.gif) no-repeat;
background-size: 100%;
position: absolute;
left: 0;
top: 3px;
}
@media screen and (max-width: 768px){
.blockTypeD01{
background: #d6f2de;
padding: 0 0 4vw;
}
.blockTypeD01 .block{
width: 100%;
margin: 0 auto;
}
.blockTypeD01 .block .ttlBlock{
padding: 18.667vw 0 0;
}
.blockTypeD01 .block .ttlBlock .ttlInner{
width: 100%;
min-height: auto;
margin: 0 auto;
padding: 0;
display: block;
}
.blockTypeD01 .block .ttlBlock .ttlInner .image{
width: 75%;
margin: 0 auto;
position: static;
left: auto;
bottom: auto;
}
.blockTypeD01 .block .ttlBlock .ttlInner .ttl{
font-size: 5.867vw;
font-weight: bold;
text-align: center;
line-height: 1.6;
margin: 0 0 6vw;
display: block;
}
.blockTypeD01 .block .ttlBlock .ttl span.type01{
font-size: 4.267vw;
}
.blockTypeD01 .block .ttlBlock .ttl span.type02{
font-size: 4.267vw;;
margin-top: 4vw;
}
.blockTypeD01 .block .textBlock{
padding: 6vw 4vw;
}
.blockTypeD01 .block .textBlock .textInner{
width: 100%;
border-radius: 2.1vw;
padding: 0 0 4vw;
}
.blockTypeD01 .block.type01 .textBlock .textInner .ttl{
margin: 0 0 4vw;
padding: 5.3vw 0;
}
.blockTypeD01 .block.type01 .textBlock .textInner .ttl img{
width: 77%;
margin: 0 auto;
}
.blockTypeD01 .block.type01 .textBlock .textInner .txt{
font-size: 3.2vw;
margin: 0 0 4vw;
padding: 0 4vw;
}
.blockTypeD01 .block.type01 .textBlock .textInner .image{
width: 83%;
margin: 0 auto;
padding: 0px 8vw 0 0;
}
.blockTypeD01 .block.type02 .textBlock .textInner{
border-right: 1vw solid #07b53b;
border-bottom: 1vw solid #07b53b;
padding: 4vw 0;
}
.blockTypeD01 .block.type02 .textBlock .textInner .ttl{
font-size: 3.733vw;
margin: 0 0 4vw;
}
.blockTypeD01 .block.type02 .textBlock .textInner .ttl span{
font-size: 4.2vw;
padding: 0 0.6vw;
}
.blockTypeD01 .block.type02 .textBlock .textInner .ttl span::before{
height: 2.6vw;
bottom: 0.4vw;
}
.blockTypeD01 .block.type02 .textBlock .textInner .txt{
font-size: 3.2vw;
}
.blockTypeD01 .block.type02 .textBlock .textInner .txt + .txt{
margin-top: 2vw;
}

.blockTypeD01 .block.arrow::before{
width: 100%;
height: 12vw;
background: url( "/share/images/register/full/secD01_bg_02_sp.png") no-repeat;
background-size: 100% 12vw;
bottom: -11.8vw;
}
.blockTypeD01 .block.arrow .text{
font-size: 5.3vw;
}

.blockTypeD01 .block .ttlBlock .leadBlock{
width: 100%;
margin: 0 auto 10.667vw;
padding: 0 4vw;
}
.blockTypeD01 .block .ttlBlock .leadBlock .title{
font-size: 4.267vw;
line-height: 1.8;
margin: 0 0 5.333vw;
}
.blockTypeD01 .block .ttlBlock .leadBlock .title b{
font-size: 5.867vw;
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock{
width: 100%;
border-radius: 2.1vw;
border-right: 1vw solid #008a29;
border-bottom: 1vw solid #008a29;
padding: 6.667vw 4vw;
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock .btnTypeD01{
margin-top: 5.333vw!important;
transform: scale(1.0);
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock .list > li{
font-size: 4.267vw;
margin: 0 0 4vw;
padding: 0 0 0 8vw;
}
.blockTypeD01 .block .ttlBlock .leadBlock .listBlock .list > li::before{
width: 5.333vw;
height: 5.333vw;
top: 0.8vw;
}
}

.blockTypeE01{
width: 100%;
display: flex;
}
.blockTypeE01 .block{
width: 460px;
padding: 0 0 0 125px;
position: relative;
}
.blockTypeE01 .block::before{
content: "";
width: 100px;
height: 100px;
position: absolute;
left: 0;
top: 0;
}
.blockTypeE01 .block::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 15px 5px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
left: 110px;
top: 46px;
}
.blockTypeE01 .block:nth-child(1)::before{
background: url("/share/images/register/full/secE01_img_01.png") no-repeat;
background-size: 100% auto;
}
.blockTypeE01 .block:nth-child(2)::before{
background: url("/share/images/register/full/secE01_img_02.png") no-repeat;
background-size: 100% auto;
}
.blockTypeE01 .block + .block{
margin-left: 80px;
}
.blockTypeE01 .block .blockInner{
background: #fff;
border-radius: 20px;
padding: 20px;
position: relative;
}
.blockTypeE01 .block .blockInner .ttl{
background: #2e4380;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
border-radius: 100px;
margin: 0 20px 15px;
padding: 3px 0 5px;
display: block;
}
.blockTypeE01 .block .blockInner .txt{
font-size: 14px;
line-height: 1.8;
}
.blockTypeE01 .block .blockInner .accInner{
height: auto;
}
.blockTypeE01 .block .blockInner .moreBtn{
display: none;
}
@media screen and (max-width: 768px){
.blockTypeE01{
width: 100%;
display: block;
}
.blockTypeE01 .block{
width: 100%;
padding: 0 0 0 24vw;
}
.blockTypeE01 .block::before{
width: 17.3vw;
height: 17.3vw;
}
.blockTypeE01 .block::after{
border-width: 2vw 4vw 2vw 0;
left: 20vw;
top: 6.6vw;
}
.blockTypeE01 .block + .block{
margin-left: 0;
margin-top: 8vw;
}
.blockTypeE01 .block .blockInner{
border-radius: 2.1vw;
padding: 4vw 4vw 0;
overflow: hidden;
}
.blockTypeE01 .block .blockInner .ttl{
font-size: 3.2vw;
margin: 0 4vw;
padding: 1.7vw 0;
}
.blockTypeE01 .block .blockInner .txt{
font-size: 3.2vw;
padding: 4vw 0 13vw;
}
.blockTypeE01 .block .blockInner .accInner{
height: 32vw;
overflow: hidden;
}
.blockTypeE01 .block .blockInner .moreBtn{
width: 100%;
height: 5.3vw;
background: linear-gradient(180deg,rgb(255, 255, 255, 0) 0%,rgb(255, 255, 255, 1) 70%);
text-align: center;
padding: 20vw 0 0;
display: block;
position: absolute;
left: 0;
bottom: 0;
z-index: 5;
}
.blockTypeE01 .block .blockInner .moreBtn::before{
content: "";
width: 5.3vw;
height: 5.3vw;
background: url("/share/images/register/full/secE01_ico_01.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
bottom: 3vw;
margin-left: -2.65vw;
transform: rotate(180deg);
}
.blockTypeE01 .block .blockInner .moreBtn.active::before{
transform: rotate(0deg);
}
.blockTypeE01 .block .blockInner .moreBtn.active{
background: none;
}
}


.accBtn01{
display: none;
pointer-events: none;
}
@media screen and (max-width: 768px){
.accBlock01{
display: none;
}
.accBtn01{
text-align: center;
display: block;
pointer-events: visible;
}
.accBtn01 .open{
display: none;
}
.accBtn01 .close{
display: inline-block;
}
.accBtn01.active .open{
display: inline-block;
}
.accBtn01.active .close{
display: none;
}
}

.accBtn02{
display: none;
pointer-events: none;
}
@media screen and (max-width: 768px){
.accBlock02{
display: none;
}
.accBtn02{
text-align: center;
display: block;
pointer-events: visible;
}
.accBtn02 .open{
display: none;
}
.accBtn02 .close{
display: inline-block;
}
.accBtn02.active .open{
display: inline-block;
}
.accBtn02.active .close{
display: none;
}
}

/*-- mv --*/
.mvBlock{
width: 100%;
background: url("/share/images/register/full/mv_bg_01_pc.jpg") no-repeat;
background-position: 50% 20%;
background-size: cover;
}
.mvBlock .inner{
width: 1000px;
margin: 0 auto;
padding: 50px 0;
}
.mvBlock .inner .title{
color: #fff;
font-size: 28px;
text-align: left;
-moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
-webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
-ms-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
margin: 0 0 40px;
}
.mvBlock .inner .title span{
font-size: 48px;
display: block;
}
.mvBlock .inner .title span b{
color: #ffea00;
}
.mvBlock .inner .txt01{
margin: 0 0 40px;
text-align: left;
}
.mvBlock .inner .txt01 span{
background: #002850;
color: #fff;
font-size: 14px;
border-radius: 100px;
padding: 4px 20px 6px;
display: inline-block;
}
.mvBlock .inner .txt02{
color: #fff;
font-size: 22px;
font-weight: 900;
-moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
-webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
-ms-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px){
.mvBlock{
background: url("/share/images/register/full/mv_bg_01_sp.jpg") no-repeat;
background-position: top center;
background-size: cover;
}
.mvBlock .inner{
width: 100%;
padding: 5.333vw 4vw;
}
.mvBlock .inner .title{
font-size: 3.7vw;
line-height: 1.4;
margin: 0 0 4vw;
}
.mvBlock .inner .title span{
font-size: 6.1vw;
}
.mvBlock .inner .txt01{
margin: 0 0 5.333vw;
text-align: center;
}
.mvBlock .inner .txt01 span{
font-size: 3.2vw;
padding: 1.7vw 4vw;
}
.mvBlock .inner .txt02{
font-size: 3.733vw;
}
}

/*-- secA01 --*/
.sectionA01{
width: 100%;
background: #e2eef8;
position: relative;
}
.sectionA01 .title{
width: 100%;
background: url("/share/images/register/full/secA01_bg_01.jpg") repeat-x;
background-size: auto 100%;
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
padding: 20px 0;
}
.sectionA01 .secInner{
width: 1000px;
margin: 0 auto;
padding: 60px 0 0;
}
.sectionA01::before{
content: "";
width: 100%;
height: 100px;
background: url("/share/images/register/full/secC01_bg_01_pc.png") no-repeat;
background-size: 100% 100px;
position: absolute;
left: 0;
bottom: -99px;
z-index: 2;
}
.sectionA01 .secInner .text{
color: #002850;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 120px 0 0;
}
.sectionA01 .secInner .text img{
width: 480px;
height: auto;
margin: 0 auto 10px;
display: block;
}
@media screen and (max-width: 768px){
.sectionA01 .title{
font-size: 5vw;
padding: 2.6vw 0;
}
.sectionA01 .secInner{
width: 100%;
padding: 8vw 4vw 0;
}
.sectionA01::before{
height: 12vw;
background: url("/share/images/register/full/secC01_bg_01_sp.png") no-repeat;
background-size: 100% 12vw;
bottom: -11.8vw;
}
.sectionA01 .secInner .text{
font-size: 5.3vw;
margin: 24vw 0 0;
}
.sectionA01 .secInner .text img{
width: 89.6vw;
margin: 0 auto;
}
}

.sectionA02{
width: 100%;
background: url("/share/images/register/full/secA02_bg_01.jpg") no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.sectionA02 .secInner{
width: 800px;
margin: 0 auto;
padding: 50px 0;
}
.sectionA02 .secInner .title{
text-align: center;
margin: 0 0 -25px;
}
.sectionA02 .secInner .title > span{
background: #002850;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.0;
border-radius: 100px;
padding: 12px 30px 14px 57px;
display: inline-block;
position: relative;
}
.sectionA02 .secInner .title > span::before{
content: "";
width: 80px;
height: 80px;
background: url("/share/images/register/full/secA02_ico_02.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: -40px;
top: -15px;
}
.sectionA02 .secInner .title > span .small{
letter-spacing: -10px;
}
@media screen and (max-width: 768px){
.sectionA02 .secInner{
width: 100%;
padding: 6.667vw 4vw;
}
.sectionA02 .secInner .title{
margin: 0 0 -5.867vw;
}
.sectionA02 .secInner .title > span{
font-size: 3.2vw;
padding: 1.6vw 8vw 1.867vw 17.333vw;
}
.sectionA02 .secInner .title > span::before{
width: 13.333vw;
height: 13.333vw;
left: -0.8vw;
top: -2.667vw;
}
.sectionA02 .secInner .title > span .small{
letter-spacing: -2.133vw;
}
}

.sectionB01{
width: 100%;
}
.sectionB01 .secInner{
width: 1000px;
margin: 0 auto;
padding: 80px 0;
}
.sectionB01 .secInner .title{
color: #002850;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 0 0 60px;
}
.sectionB01 .secInner .title span{
font-size: 30px;
margin: 0 5px;
display: inline-block;
position: relative;
z-index: 2;
padding: 0 5px;
top: -2px;
}
.sectionB01 .secInner .title span::before{
content: "";
width: 100%;
height: 15px;
background: #ffea00;
position: absolute;
left: 0;
bottom: 3px;
z-index: -1;
}
@media screen and (max-width: 768px){
.sectionB01 .secInner{
width: 100%;
padding: 8vw 4vw;
}
.sectionB01 .secInner .title{
font-size: 4.2vw;
margin: 0 0 8vw;
}
.sectionB01 .secInner .title span{
font-size: 5.3vw;
margin: 0 0.6vw;
padding: 0 0.6vw;
top: -0.26vw;
}
.sectionB01 .secInner .title span::before{
height: 2.6vw;
bottom: 0.4vw;
}
}

.sectionC01{
width: 100%;
background: #e2eef8;
position: relative;
}
.sectionC01::before{
content: "";
width: 100%;
height: 100px;
background: url("/share/images/register/full/secC01_bg_01_pc.png") no-repeat;
background-size: 100% 100px;
position: absolute;
left: 0;
bottom: -99px;
z-index: 2;
}
.sectionC01 .secInner{
width: 1000px;
margin: 0 auto;
padding: 100px 0 0;
}
.sectionC01 .secInner .title{
text-align: center;
margin: 0 0 60px;
}
.sectionC01 .secInner .title span{
color: #002850;
font-size: 30px;
font-weight: bold;
margin: 0 5px;
display: inline-block;
position: relative;
z-index: 2;
padding: 0 5px;
top: -2px;
}
.sectionC01 .secInner .title span::before{
content: "";
width: 100%;
height: 15px;
background: #ffea00;
position: absolute;
left: 0;
bottom: 3px;
z-index: -1;
}
.sectionC01 .secInner .text{
color: #002850;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 80px 0 0;
}
.sectionC01 .secInner .text img{
width: 480px;
height: auto;
margin: 0 auto 10px;
display: block;
}
@media screen and (max-width: 768px){
.sectionC01::before{
height: 12vw;
background: url("/share/images/register/full/secC01_bg_01_sp.png") no-repeat;
background-size: 100% 12vw;
bottom: -12vw;
}
.sectionC01 .secInner{
width: 100%;
padding: 8vw 4vw 0;
}
.sectionC01 .secInner .title{
margin: 0 0 8vw;
}
.sectionC01 .secInner .title span{
font-size: 5.3vw;
margin: 0 0.6vw;
padding: 0 0.6vw;
top: -0.26vw;
}
.sectionC01 .secInner .title span::before{
height: 2.6vw;
bottom: 0.4vw;
}
.sectionC01 .secInner .text{
font-size: 5.3vw;
margin: 10.6vw 0 0;
}
.sectionC01 .secInner .text img{
width: 89.6vw;
margin: 0 auto 2vw;
}
}

.sectionD01{
width: 100%;
}

.sectionE01{
width: 100%;
background: #7890bc;
}
.sectionE01 .title{
width: 100%;
background: #222a41;
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
padding: 20px 0;
}
.sectionE01 .secInner{
width: 1000px;
margin: 0 auto;
padding: 60px 0 80px;
}
@media screen and (max-width: 768px){
.sectionE01{
background: url("/share/images/register/full/secE01_bg_01.jpg") no-repeat;
background-size: cover;
}
.sectionE01 .title{
font-size: 5vw;
padding: 2.6vw 0;
}
.sectionE01 .secInner{
width: 100%;
padding: 8vw 4vw;
}
}

.sectionF01{
width: 100%;
background: #e2eef8;
padding: 40px 0;
}
.sectionF01 .list{
width: 300px;
margin: 0 auto;
}
.sectionF01 .list > li{
width: 60px;
margin: 0 20px 0 0;
float: left;
}
.sectionF01 .list > li:last-child{
margin-right: 0;
}
.sectionF01 .list > li a{
display: block;
}
.sectionF01 .list > li a img{
width: 100%;
height: auto;
}
@media screen and (max-width: 768px){
.sectionF01{
width: 100%;
text-align: center;
padding: 4vw 0;
}
.sectionF01 .list{
width: auto;
display: inline-block;
}
.sectionF01 .list > li{
width: 13.3vw;
margin: 0 3vw 0 0;
}
}

.sectionG01{
background: #e2eef8;
padding: 0 0 60px;
}
.sectionG01 .title01{
width: 100%;
background: url(/share/images/register/full/secA01_bg_01.jpg) repeat-x;
background-size: auto 100%;
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
padding: 20px 0;
margin: 0 0 40px;
}
.sectionG01 .title02{
text-align: center;
margin: 0 0 30px;
}
.sectionG01 .title02 span{
background: #002850;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.0;
border-radius: 100px;
padding: 12px 30px 14px;
display: inline-block;
position: relative;
}
.sectionG01 .title02 span::before{
content: "";
width: 24px;
height: 14px;
background: #002850;
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
left: 50%;
bottom: -13px;
margin-left: -12px;
}
.sectionG01 .movieBlock{
width: 800px;
margin: 0 auto 30px;
}
.sectionG01 .movieBlock .movieInner{
width: 100%;
padding-top: 56.25%;
position: relative;
}
.sectionG01 .movieBlock .movieInner iframe{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.sectionG01 .chapter{
width: 800px;
background: #fffdf9;
text-align: center;
border: 2px solid #002850;
margin: 0 auto 80px;
overflow: hidden;
}
.sectionG01 .chapter > .ttl{
background: #002850;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 8px 0 10px;
}
.sectionG01 .chapter .list{
text-align: left;
display: inline-block;
}
.sectionG01 .chapter .list > li{	
border-bottom: 1px dashed #bfc9d3;
}
.sectionG01 .chapter .list > li:last-child{
border-bottom: none;
}
.sectionG01 .chapter .list > li a{
padding: 15px 40px;
display: table;
}
.sectionG01 .chapter .list > li a .time{
display: table-cell;
vertical-align: top;
}
.sectionG01 .chapter .list > li a .time b{
background: #002850;
color: #fff;
font-size: 14px;
font-weight: normal;
line-height: 1.0;
border-radius: 5px;
padding: 5px 10px 5px 28px;
display: inline-block;
position: relative;
}
.sectionG01 .chapter .list > li a .time b::before{
content: "";
width: 10px;
height: 12px;
background: #fff;
clip-path: polygon(100% 50%, 0 0, 0 100%);
position: absolute;
left: 10px;
top: 8px;
}
.sectionG01 .chapter .list > li a .ttl{
font-size: 16px;
padding: 0 0 0 20px;
display: table-cell;
vertical-align: top;
}
@media screen and (max-width: 768px){
.sectionG01{
padding: 0 0 8vw;
}
.sectionG01 .title01{
font-size: 4vw;
padding: 2.6vw 0;
margin: 0 0 8vw;
}
.sectionG01 .title02{
margin: 0 0 5.3vw;
}
.sectionG01 .title02 span{
font-size: 3.7vw;
padding: 2.7vw 8vw 2.4vw;
}
.sectionG01 .title02 span::before{
width: 5.3vw;
height: 2.7vw;
bottom: -2.4vw;
margin-left: -2.7vw;
}
.sectionG01 .movieBlock{
width: auto;
margin: 0 4vw 4vw;
}
.sectionG01 .chapter{
width: auto;
border: 1px solid #002850;
margin: 0 4vw 10.7vw;
}
.sectionG01 .chapter > .ttl{
font-size: 4.3vw;
padding: 1.3vw 0;
}
.sectionG01 .chapter .list{
display: block;
}
.sectionG01 .chapter .list > li a{
padding: 2.7vw 2.7vw 2.7vw 4vw;
display: block;
}
.sectionG01 .chapter .list > li a .time b{
font-size: 3.2vw;
padding: 1.3vw 2.7vw 1.3vw 6.4vw;
}
.sectionG01 .chapter .list > li a .time b::before{
width: 2.1vw;
height: 2.7vw;
left: 2.7vw;
top: 1.6vw;
}
.sectionG01 .chapter .list > li a .ttl{
font-size: 3.7vw;
padding: 0 0 0 4.0vw;
}
}

.starBlock{
text-align: center;
margin: 0 0 20px;
}
.starBlock .list{
background: #fffdf9;
border-radius: 10px;
border: 1px solid #002850;
padding: 30px 60px;
display: inline-block;
}
.starBlock .list > li{
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 20px;
}
.starBlock .list > li:last-child{
margin-bottom: 0;
}
.starBlock .list > li strong{
min-width: 70px;
font-size: 1.8rem;
font-weight: bold;
margin: 0 20px 0 0;
}
.starBlock .list > li b{
font-size: 1.6rem;
margin: 0 10px 0 0;
}
.starBlock .list > li span{
width: 150px;
margin: -5px 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}
.starBlock .list > li span img{
width: 100%;
height: auto;
display: block;
}
.starBlock .list > li span::before{
content: "";
height: 100%;
background: #ffc808;
box-sizing: border-box;
border-left: 2px solid #fffdf9;
border-top: 2px solid #fffdf9;
border-bottom: 2px solid #fffdf9;
position: absolute;
left: 0;
top: 0;
z-index: -2;
}
.starBlock .list > li span.tokyo::before{
width: 91.5%;
}
.starBlock .list > li span.osaka::before{
width: 95.2%;
}
.sliderBlock01{
width: 800px;
margin: 0 auto 10px;
}
.sliderBlock01 .slick-prev,
.sliderBlock01 .slick-next{
background: #002850;
}
.sliderBlock01 .slider .slide{
margin: 0 5px;
position: relative;
z-index: 1;
}
.sliderBlock01 .slider .slide .inner{
min-height: 180px;
background: #fffdf9;
border-left: 1px solid #002850;
border-top: 1px solid #002850;
border-right: 5px solid #002850;
border-bottom: 5px solid #002850;
box-sizing: border-box;
border-radius: 10px;
padding: 20px 20px 10px;
}
.sliderBlock01 .slider .slide .inner .txt{
font-size: 14px;
text-align: left;
}
.sliderBlock01 + .notes{
font-size: 12px;
text-align: center;
}
@media (max-width: 768px){
.starBlock{
margin: 0 4vw 4vw;
}
.starBlock .list{
padding: 5.3vw 4vw;
display: block;
}
.starBlock .list > li{
margin: 0 0 4vw;
}
.starBlock .list > li strong{
min-width: 16vw;
font-size: 4.3vw;
margin: 0 5.3vw 0 0;
}
.starBlock .list > li b{
font-size: 3.7vw;
margin: 0 2.7vw 0 0;
}
.starBlock .list > li span{
width: 32vw;
margin: -0.5vw 0 0;
}
.starBlock .notes{
font-size: 2.7vw;
margin: 1.3vw 0 0;
}
.sliderBlock01{
width: auto;
margin: 0 5.3vw;
}
.sliderBlock01 .slider .slide{
margin: 0 2.7vw 5px;
}
.sliderBlock01 .slider .slide .inner{
min-height: 38.7vw;
padding: 4vw 5.3vw 2.7vw;
}
.sliderBlock01 .slider .slide .inner .txt{
font-size: 3.7vw;
}
}

.floatNav{
width: 600px;
position: fixed;
right: 0;
bottom: 0;
z-index: 100;
}
.floatNav > li{
width: 300px;
float: left;
display: table;
}
.floatNav > li a{
width: 100%;
height: 60px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 1.4!important;
display: table-cell;
vertical-align: middle;
position: relative;
}
.floatNav > li a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 15px;
top: 50%;
margin-top: -5px;
}
.floatNav > li:nth-child(1) a{
background: #ff9600;
}
.floatNav > li:nth-child(2) a{
background: #00b900;
}
@media screen and (max-width: 768px){
.floatNav{
width:100%;
}
.floatNav > li{
width: 50%;
}
.floatNav > li a{
height: 14.6vw;
font-size: 3.7vw;
}
.floatNav > li a::before{
border-width: 1.3vw 0 1.3vw 1.8vw;
right: 2.6vw;
margin-top: -1.3vw;
}
}