@charset "UTF-8";

  *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
all: unset;
display: revert;
} *,
*::before,
*::after {
box-sizing: border-box;
} a, button {
cursor: revert;
} ol, ul, menu {
list-style: none;
} img {
max-width: 100%;
} table {
border-collapse: collapse;
} input, textarea {
-webkit-user-select: auto;
} textarea {
white-space: revert;
} meter {
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
} ::-moz-placeholder {
color: unset;
}
::placeholder {
color: unset;
} :where([hidden]) {
display: none;
} :where([contenteditable]:not([contenteditable=false])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
} :where([draggable=true]) {
-webkit-user-drag: element;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
background-color: #fff;
font-family: "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
}
img {
width: 100%;
height: 100%;
}
.l-header {
width: 100%;
background-color: #181819;
}
.l-header .l-header__inner {
max-width: 1080px;
margin: 0 auto;
height: 115px;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-header .l-header__inner .l-header-logo {
display: block;
width: 285px;
}
.l-header .l-header__inner .l-header-btn {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
width: 313px;
height: 64px;
background: linear-gradient(to bottom, #ffd800, #ff9a10);
font-size: 20px;
border: 2px solid #d6b500;
border-radius: 8px;
color: #073057;
}
.l-header .l-header__inner .l-header-btn .icon {
width: 29px;
height: 29px;
display: block;
margin-right: 15px;
}
.l-footer {
width: 100%;
height: 110px;
background-color: #000;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.l-footer .l-footer__policy {
display: block;
color: #2176ff;
font-size: 14px;
}
.l-footer .l-footer__copywrite {
color: #ffffff;
font-size: 14px;
}
.l-main .fv {
width: 100%;
background-color: #2c2c2c;
}
.l-main .fv .fv__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.l-main .fv .fv__inner .fv-ctt {
padding: 59px 0 0 63px;
}
.l-main .fv .fv__inner .fv-ctt .fv-ctt__ttl {
font-size: 45px;
color: #ffffff;
line-height: 1.2;
}
.l-main .fv .fv__inner .fv-ctt .fv-ctt__tags {
display: flex;
margin-top: 18px;
}
.l-main .fv .fv__inner .fv-ctt .fv-ctt__tags .fv-ctt__tags-item {
display: flex;
justify-content: center;
align-items: center;
width: 168px;
height: 53px;
border-radius: 27px;
background-color: #0b0b0b;
margin-left: 11px;
color: #ffffff;
}
.l-main .fv .fv__inner .fv-ctt .fv-ctt__tags .fv-ctt__tags-item:first-child {
margin-left: 0;
}
.l-main .fv .fv__inner .fv-ctt .fv-ctt__img {
margin-top: 13px;
width: 520px;
height: 320px;
}
.l-main .fv .fv__inner .fv-form {
margin: 45px 0 0 20px;
padding: 14px 25px 0 0;
width: 377px;
height: 551px;
background-color: #000;
}
.l-main .issue {
width: 100%;
background-color: #131313;
}
.l-main .issue .issue__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 113px 0 155px;
}
.l-main .issue .issue__inner .issue__ttl {
font-size: 45px;
color: #fefafa;
text-align: center;
}
.l-main .issue .issue__inner .issue-ctt {
width: 100%;
display: flex;
margin-top: 45px;
}
.l-main .issue .issue__inner .issue-ctt .issue-ctt__box {
width: 336px;
height: 352px;
background-color: #fefafa;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-left: 35px;
}
.l-main .issue .issue__inner .issue-ctt .issue-ctt__box:first-child {
margin-left: 0;
}
.l-main .issue .issue__inner .issue-ctt .issue-ctt__box .issue-ctt__box-img {
width: 158px;
height: 131px;
}
.l-main .issue .issue__inner .issue-ctt .issue-ctt__box .issue-ctt__box-txt {
font-size: 24px;
color: #131313;
line-height: 1.2;
margin-top: 30px;
text-align: center;
}
.l-main .what {
width: 100%;
background-color: #323232;
position: relative;
}
.l-main .what ::after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(46, 46, 46, 0.03);
position: absolute;
top: 0;
left: 0;
}
.l-main .what .what__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding-bottom: 50px;
display: flex;
justify-content: space-between;
}
.l-main .what .what__inner .what-ctt {
width: 100%;
max-width: 451px;
padding: 65px 0 0 55px;
position: relative;
z-index: 1;
}
.l-main .what .what__inner .what-ctt .what-ctt__ttl {
font-size: 36px;
color: #ffffff;
}
.l-main .what .what__inner .what-ctt .what-ctt__txt {
margin-top: 23px;
font-size: 14px;
color: #ffffff;
}
.l-main .what .what__inner .what-pic {
padding: 0 0 0 20px;
width: 657px;
height: 417px;
position: relative;
top: 85px;
z-index: 0;
}
.change {
width: 100%;
background-color: #000000;
position: relative;
z-index: 1;
}
.change .change__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 52px 0 86px;
}
.change .change__inner .change__ttl {
font-size: 45px;
color: #ffffff;
text-align: center;
line-height: 1.3;
}
.change .change__inner .change-ctt {
width: 100%;
margin-top: 40px;
}
.change .change__inner .change-ctt .change-ctt__first {
display: flex;
justify-content: space-around;
}
.change .change__inner .change-ctt .change-ctt__first .change-ctt__pic img {
max-width: 526px;
}
.change .change__inner .change-ctt .change-ctt__first .change-ctt__right {
max-width: 410px;
margin-right: 20px;
}
.change .change__inner .change-ctt .change-ctt__first .change-ctt__right .change-ctt__subtitle {
color: #ffffff;
font-size: 36px;
}
.change .change__inner .change-ctt .change-ctt__first .change-ctt__right .change-ctt__txt {
margin-top: 10px;
color: #ffffff;
font-size: 14px;
line-height: 1.8;
}
.change .change__inner .change-ctt .change-ctt__second {
margin-top: 70px;
margin-left: 20px;
display: flex;
justify-content: space-around;
}
.change .change__inner .change-ctt .change-ctt__second .change-ctt__pic img {
max-width: 510px;
}
.change .change__inner .change-ctt .change-ctt__second .change-ctt__left {
max-width: 437px;
}
.change .change__inner .change-ctt .change-ctt__second .change-ctt__left .change-ctt__subtitle {
color: #ffffff;
font-size: 36px;
}
.change .change__inner .change-ctt .change-ctt__second .change-ctt__left .change-ctt__txt {
margin-top: 10px;
color: #ffffff;
font-size: 14px;
line-height: 1.8;
}
.change .change__inner .change-ctt .change-ctt__last {
width: 100%;
}
.change .change__inner .change-ctt .change-ctt__last .change-ctt__last-txt {
margin-top: 85px;
color: #ffffff;
font-size: 36px;
text-align: center;
}
.case {
width: 100%;
background-color: #2e2e2e;
}
.case .case__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 50px 0 97px;
}
.case .case__inner .case__ttl {
color: #ffffff;
font-size: 60px;
text-align: center;
}
.case .case__inner .case__ctt {
width: 100%;
display: flex;
}
.case .case__inner .case__ctt .case__ctt-item {
justify-content: space-around;
width: 336px;
height: 495px;
background-color: #fefafa;
display: flex;
justify-content: center;
align-items: center;
margin: 37px 0 0 22px;
flex-direction: column;
}
.case .case__inner .case__ctt .case__ctt-item:first-child {
margin-left: 0;
}
.case .case__inner .case__ctt .case__ctt-item .case__ctt-img {
max-width: 280px;
}
.case .case__inner .case__ctt .case__ctt-item .case__ctt-subtll {
font-size: 24px;
padding: 37px 0 19px;
}
.case .case__inner .case__ctt .case__ctt-item .case__ctt-txt {
font-size: 14px;
max-width: 280px;
line-height: 1.7;
}
.midcta {
width: 100%;
background-color: #c9ced4;
}
.midcta .midcta__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 5px 0 5px;
}
.midcta .midcta__inner .midcta__ctt {
display: flex;
justify-content: center;
}
.midcta .midcta__inner .midcta__ctt .midcta-img {
width: 450px;
height: 341px;
}
.midcta .midcta__inner .midcta__ctt .midcta__ctt-cta {
max-width: 418px;
text-align: center;
margin: 22px 0 0 66px;
}
.midcta .midcta__inner .midcta__ctt .midcta__ctt-cta .midcta__ctt-ttl {
font-size: 45px;
color: #073057;
border-bottom: 1px solid #073057;
}
.midcta .midcta__inner .midcta__ctt .midcta__ctt-cta .midcta__ctt-micro {
font-size: 17px;
color: #073057;
font-weight: bold;
margin-top: 20px;
}
.midcta .midcta__inner .midcta__ctt .midcta__ctt-cta .midcta__ctt-txt {
font-size: 25px;
color: #073057;
font-weight: bold;
margin-top: 5px;
}
.midcta .midcta__inner .midcta__ctt .midcta__ctt-cta .midcta__ctt-btn {
margin: 16px auto 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
width: 313px;
height: 64px;
background: linear-gradient(to bottom, #ffd800, #ff9a10);
font-size: 20px;
border: 2px solid #d6b500;
border-radius: 8px;
color: #073057;
font-weight: bold;
}
.midcta .midcta__inner .midcta__ctt .midcta__ctt-cta .midcta__ctt-btn .icon {
width: 29px;
height: 29px;
display: block;
margin-right: 15px;
}
.feature-first {
width: 100%;
background-color: #2e2e2e;
}
.feature-first .feature-first__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 44px 0 120px;
}
.feature-first .feature-first__inner .feature-first__ttl {
font-size: 36px;
color: #ffffff;
text-align: center;
}
.feature-first .feature-first__inner .feature-first__ctt {
margin-top: 59px;
display: flex;
justify-content: center;
}
.feature-first .feature-first__inner .feature-first__ctt .feature-first__ctt-img {
max-width: 520px;
}
.feature-first .feature-first__inner .feature-first__ctt .feature-first__ctt-txt {
max-width: 361px;
margin-left: 32px;
}
.feature-first .feature-first__inner .feature-first__ctt .feature-first__ctt-txt .feature-first__ctt-subttl {
color: #ffffff;
font-size: 36px;
line-height: 1.3;
}
.feature-first .feature-first__inner .feature-first__ctt .feature-first__ctt-txt .feature-first__ctt-dcrp {
margin-top: 10px;
color: #ffffff;
font-size: 14px;
line-height: 1.8;
}
.feature-second {
width: 100%;
background-color: #000000;
}
.feature-second .feature-second__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 116px 0 108px;
}
.feature-second .feature-second__inner .feature-second__ctt {
display: flex;
justify-content: center;
}
.feature-second .feature-second__inner .feature-second__ctt .feature-second__ctt-txt {
max-width: 404px;
margin-right: 42px;
}
.feature-second .feature-second__inner .feature-second__ctt .feature-second__ctt-txt .feature-second__ctt-subttl {
color: #ffffff;
font-size: 36px;
line-height: 1.3;
}
.feature-second .feature-second__inner .feature-second__ctt .feature-second__ctt-txt .feature-second__ctt-dcrp {
max-width: 361px;
margin-top: 10px;
color: #ffffff;
font-size: 14px;
line-height: 1.8;
}
.feature-second .feature-second__inner .feature-second__ctt .feature-second__ctt-img {
max-width: 520px;
}
.feature-third {
width: 100%;
background-color: #2e2e2e;
}
.feature-third .feature-third__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 44px 0 120px;
}
.feature-third .feature-third__inner .feature-third__ctt {
margin-top: 59px;
display: flex;
justify-content: center;
}
.feature-third .feature-third__inner .feature-third__ctt .feature-third__ctt-img {
max-width: 520px;
}
.feature-third .feature-third__inner .feature-third__ctt .feature-third__ctt-txt {
max-width: 361px;
margin-left: 41px;
}
.feature-third .feature-third__inner .feature-third__ctt .feature-third__ctt-txt .feature-third__ctt-subttl {
color: #ffffff;
font-size: 36px;
line-height: 1.3;
}
.feature-third .feature-third__inner .feature-third__ctt .feature-third__ctt-txt .feature-third__ctt-dcrp {
margin-top: 10px;
color: #ffffff;
font-size: 14px;
line-height: 1.8;
}
.feature-forth {
width: 100%;
background-color: #000000;
}
.feature-forth .feature-forth__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 116px 0 108px;
}
.feature-forth .feature-forth__inner .feature-forth__ctt {
display: flex;
justify-content: center;
}
.feature-forth .feature-forth__inner .feature-forth__ctt .feature-forth__ctt-txt {
max-width: 404px;
margin-right: 62px;
}
.feature-forth .feature-forth__inner .feature-forth__ctt .feature-forth__ctt-txt .feature-forth__ctt-subttl {
color: #ffffff;
font-size: 36px;
line-height: 1.3;
}
.feature-forth .feature-forth__inner .feature-forth__ctt .feature-forth__ctt-txt .feature-forth__ctt-dcrp {
max-width: 361px;
margin-top: 10px;
color: #ffffff;
font-size: 14px;
line-height: 1.8;
}
.feature-forth .feature-forth__inner .feature-forth__ctt .feature-forth__ctt-img {
max-width: 520px;
}
.step {
width: 100%;
background-color: #2e2e2e;
}
.step .step__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 63px 0 77px;
text-align: center;
}
.step .step__inner .step__ttl {
font-size: 36px;
color: #ffffff;
}
.step .step__inner .step__img {
margin: 22px auto 0;
max-width: 777px;
}
.step .step__inner .step__txt {
margin-top: 30px;
color: #ffffff;
}
.faq {
width: 100%;
background-color: #000000;
}
.faq .faq__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 95px 0 109px;
}
.faq .faq__inner .faq__ttl {
color: #ffffff;
font-size: 36px;
text-align: center;
}
.faq .faq__inner .faq__wrap {
border-radius: 8px;
background-color: #464646;
padding: 46px 0 49px;
max-width: 697px;
margin: 30px auto 0;
}
.faq .faq__inner .faq__wrap .faq__ctt {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.faq .faq__inner .faq__wrap .faq__ctt .faq__ctt-items .faq__ctt-list {
padding-top: 23px;
}
.faq .faq__inner .faq__wrap .faq__ctt .faq__ctt-items .faq__ctt-list:first-child {
padding-top: 0px;
}
.faq .faq__inner .faq__wrap .faq__ctt .faq__ctt-items .faq__ctt-list .ctt-list .ctt-list__ttl {
border-bottom: 1px solid #ffffff;
color: #ffffff;
font-size: 24px;
line-height: 2.4;
}
.faq .faq__inner .faq__wrap .faq__ctt .faq__ctt-items .faq__ctt-list .ctt-list .ctt-list__data {
margin-top: 14px;
color: #ffffff;
font-size: 14px;
padding-left: 24px;
}
.formarea {
width: 100%;
background-color: #707070;
}
.formarea .formarea__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 95px 0 109px;
}
.formarea .formarea__inner .formarea__form {
margin: 0 auto;
width: 697px;
height: 1019px;
background-color: #2c2c2c;
}.copy-right {
color: #FFFFFF;
font-size: 35px;
text-align: center;
padding-top: 30px;
margin-bottom: -20px;
}
@media (max-width: 750px) {
.copy-right {
font-size: 25px;
}
}
.entry-title {
color: #FFFFFF;
font-size: 45px;
text-align: center;
}
@media (max-width: 750px) {
.entry-title {
font-size: 25px;
}
}
table.inquiry {
margin: 50px; 
}
.inquiry th {
color: #FFFFFF;
font-size: 20px;
padding-right:20px;
text-align: center;
text-transform: uppercase;
width: 30%;
}
.inquiry {
font-size: 160px;
color:#FFFFFF;
}
.tag-required {
background-color:#FF0000;
border-radius: 2px;
color: #FFFFFF;
font-size: 12px;
margin-right: 10px;
padding: 5px;
position: relative;
left: 380px;
bottom: 45px;
}
@media (max-width: 750px) {
.tag-required {
left: 200px;
bottom: 35px;
}
}
.tag-any {
background:#AAAAAA;
border-radius: 2px;
color: #FFFFFF;
font-size: 12px;
margin-right: 10px;
padding: 5px;
position: relative;
}
.inquiry td {
font-size: 16px;
padding: 10px 0px;
}
@media (max-width: 750px) {
.inquiry td {
margin-bottom: 10px;
}
}
input[name="text-795"]{
padding: 50px 0px;
}
.wpcf7-form-control-wrap .wpcf7-text {
background-color: #F8F8FF;
border: 0;
border-radius: 3px;
box-shadow: none;
color: #333333;
display: block;
font-size: 20px;
height: 60px;
margin-bottom: 0;
resize: none;
transition: background-color 0.24s ease-in-out;
width: 100%;
}
@media (max-width: 750px) {
.wpcf7-form-control-wrap .wpcf7-text {
height:45px;
}
}
.wpcf7-form-control-wrap .wpcf7-textarea {
background-color: #F8F8FF;
border: 0;
border-radius: 3px;
box-shadow: none;
color: #333333;
display: block;
font-size: 20px;
height: 140px;
margin-bottom: 0;
resize: none;
transition: background-color 0.24s ease-in-out;
width: 100%;
}
.wpcf7-form-control-wrap .wpcf7-text:focus {
background:#f5f5f5;
}
.form-preview-privacy-text{
color: #FFFFFF;
font-size: 20px;
margin:0px;
}
@media (max-width: 750px) {
.form-preview-privacy-text {
font-size: 15px;
text-align: center;
}
}
#formbtn {
background: linear-gradient(179deg, rgba(253, 215, 2, 1), rgba(255, 147, 0, 1));
border: 2px solid #D6B500;
border-radius: 8px;
color: #073057;
display: block;
height:100px;
font-size: 30px;
font-weight: bold;
margin: -20px auto 0;
text-align:center;
padding: 15px;
width: 85%;
cursor: pointer;
}
#formbtn:hover {
opacity: 0.6;
}
@media (max-width: 750px) {
#formbtn {
height:60px;
font-size: 20px;
margin: -45px auto 0;
}
}
@media(max-width:500px) {
.inquiry th {
display: block !important;
width: 100% !important;
border-bottom:none !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important
}
.inquiry td {
display: block !important;
width: 100% !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.inquiry tr:first-child th {
border-top: none !important;
}
.inquiry .tag-any,
.inquiry .tag-required {
font-size: 16px
}
} .copy-right-top {
color: #FFFFFF;
font-size: 20px;
text-align: center;
padding-bottom: 20px;
}
.entry-title-top{
color: #FFFFFF;
font-size: 25px;
text-align: center;
}
.inquiry-top th {
color: #FFFFFF;
font-size: 15px;
text-align: center;
text-transform: uppercase;
width: 20%;
}
.inquiry-top {
font-size: 80px;
color:#FFFFFF;
}
.tag-required-top {
background-color:#FF0000;
border-radius: 2px;
color: #FFFFFF;
font-size: 12px;
margin-right: 10px;
padding: 5px;
position: relative;
left: 195px;
bottom: 30px;
}
.tag-any {
background:#AAAAAA;
border-radius: 2px;
color: #FFFFFF;
font-size: 12px;
margin-right: 10px;
padding: 5px;
position: relative;
}
.inquiry-top td {
font-size: 15px;
padding-bottom:-20px;
}
input[name="text-795"]{
padding: 20px 0px;
}
.wpcf7-form-control-wrap .wpcf7-text-top, .wpcf7-textarea-top {
background-color: #F8F8FF;
border: 0;
border-radius: 3px;
box-shadow: none;
color: #333333;
display: block;
font-size: 1em;
resize: none;
transition: background-color 0.24s ease-in-out;
width: 80%;
margin: 0 auto;
height: 35px;
}
.wpcf7-form-control-wrap .wpcf7-textarea-top {
background-color: #F8F8FF;
border: 0;
border-radius: 3px;
box-shadow: none;
color: #333333;
display: block;
font-size: 1em;
resize: none;
transition: background-color 0.24s ease-in-out;
width: 80%;
margin: 0 auto;
height:80px;
}
.wpcf7-form-control-wrap .wpcf7-text-top:focus {
background:#f5f5f5;
}
.form-preview-privacy-text-top{
color: #FFFFFF;
font-size: 13px;
text-align:center;
padding: 10px 0 18px 0;
}
#formbtn-top {
background: linear-gradient(179deg, rgba(253, 215, 2, 1), rgba(255, 147, 0, 1));
border: 2px solid #D6B500;
border-radius: 8px;
color: #073057;
display: block;
font-size: 15px;
font-weight: bold;
margin: 0px auto 0;
text-align:center;
padding: 10px;
width: 85%;
cursor: pointer;
}
#formbtn-top:hover {
opacity: 0.6;
}
.screen-reader-response {
display: none !important;
}
.wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7-response-output {
color: #FFFFFF;
}