@charset "utf-8";
@charset "UTF-8";

 .slick-loading .slick-list {
background: #fff url(https://e-3rdparty.com/lp/speed-dm/js/slick/ajax-loader.gif) center center no-repeat; } @font-face {
font-family: "slick";
src: url(https://e-3rdparty.com/lp/speed-dm/js/slick/fonts/slick.eot);
src: url(https://e-3rdparty.com/lp/speed-dm/js/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://e-3rdparty.com/lp/speed-dm/js/slick/fonts/slick.woff) format("woff"), url(https://e-3rdparty.com/lp/speed-dm/js/slick/fonts/slick.ttf) format("truetype"), url(https://e-3rdparty.com/lp/speed-dm/js/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "←"; }
[dir="rtl"] .slick-prev:before {
content: "→"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "→"; }
[dir="rtl"] .slick-next:before {
content: "←"; } .slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }.clearfix:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
}
.clearfix {
display:inline-table;
zoom:1;
}/*\*/* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}/**/body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0px;
padding:0px;
}　
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}
ul {
list-style:none;
}
ol li{
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
font-variant:normal;
}
sup {
vertical-align:top;
}
sub {
vertical-align:text-bottom;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
color:#000000;
}
img {
vertical-align:bottom;
height: auto;
}
table caption {
font-weight: bold;
margin:0 0 5px;
} input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
} #header, footer, nav, section, article, figure, aside {
display:block;
}
* {
box-sizing:border-box;
}
i{
margin: 0 5px 0 0;
}
img{
max-width: 100%;
image-rendering: -webkit-optimize-contrast;
} html {
font-size: 62.5%;
overflow-x: hidden;
overflow-x: clip;
height: 100%;
}
body {
color: var(--color_black);
line-height: 2.0;
font-size: 1.6rem;
font-family: "Noto Sans JP", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", MS PGothic, "ＭＳ Ｐゴシック", Osaka, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
overflow-x: clip;
}
@media (max-width:768px){
body {
font-size: 1.6rem;
font-family: "Noto Sans JP", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", MS PGothic, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
}
.l-inner01{
max-width: 1380px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.l-inner02{
max-width: 1040px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.pc{ display: block;}
.sp{ display: none;}
@media (max-width:768px){
.pc{ display: none;}
.sp{ display: block;}
} :root{ --color_black: #171717;
--color_base: #2680EB;
--color_gray: #F8F8F8; --font_ja: "Noto Sans JP", sans-serif;
--font_en: "Inter", sans-serif;
}  a{
color: var(--color_black);
outline:none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
a img {
transition: 0.3s;
}
input[type=text],
textarea {
-webkit-appearance: none;
}
@media (min-width:769px){
.phone-link{
pointer-events: none;
}
} .l-header{
position: fixed;
left: 0;
top: 0;
z-index: 100;
width: 100%;
background: #fff;
}
.l-header-cont{
max-width: 1380px;
height: 86px;
margin: 0 auto;
padding: 0 20px;
display: flex;
align-items: center;
transition: 0.3s;
}
.l-header.fix .l-header-cont{
height: 70px;
}
.l-header__logo{
width: 300px;
transition: 0.3s;
}
.l-header.fix .l-header__logo{
width: 240px
}
.l-header__nav{
width: calc(100% - 300px);
padding: 0 0 0 25px;
box-sizing: border-box;
display: flex;
justify-content: flex-end;
align-items: center;
transition: 0.3s;
}
.l-header.fix .l-header__nav{
width: calc(100% - 240px);
}
.l-header__nav-list{
width: calc(100% - 270px);
display: flex;
justify-content: flex-end;
align-items: center;
gap: 5px 20px;
margin: 0 22px 0 0;
}
.l-header__nav-list-item a{
font-size: 1.6rem;
font-weight: 500;
text-decoration: none;
position: relative;
}
.l-header.fix .l-header__nav-list-item a{
font-size: 1.4rem;
}
@media (any-hover: hover){
.l-header__nav-list-item a:hover{
color: var(--color_base);
}
}
.l-header__nav-contact{
width: 263px;
}
@media (min-width: 769px){ 
.l-header__nav-contact-tel .tel-link{
pointer-events: none;
}
}
.l-header__nav-contact-text{
font-size: 1.2rem;
font-weight: bold;
letter-spacing: 0.015vw;
}
.l-header__nav-contact-text a{
color: var(--color_base);
text-decoration: underline;
}
.l-header #menu{
display: none;
}
@media (max-width: 1340px){
.l-header__nav-list{
flex-wrap: wrap;
align-items: center;
gap: 0 15px;
}
.l-header__nav-list-item{
text-align: center;
}
.l-header__nav-list-item a{
font-size: 1.4rem;
}
}
@media (max-width: 1000px){
.l-header__logo{
width: 200px;
}
.l-header__nav{
width: calc(100% - 200px);
}
.l-header__nav-list{
width: calc(100% - 210px);
}
.l-header__nav-contact{
width: 210px;
}
.l-header__nav-contact-text{
font-size: 0.92rem;
}
}
@media (max-width: 850px){
.l-header-cont{
height: 60px;
}
.l-header.fix .l-header-cont{
height: 60px;
}
.l-header__logo{
position: absolute;
z-index: 100;
}
.l-header__logo.on{
position: fixed;
}
.l-header.fix .l-header__logo{
width: 200px;
}
.l-header__nav{
position: fixed;
right: -200%;
top: 0;
width: 100%;
height: 100vh;
display: block;
background: #fff;
}
.l-header.fix .l-header__nav{
width: 100%;
}
.l-header__nav.on{
right: 0;
}
.l-header__nav-list{
width: 100%;
display: block;
margin: 80px auto 20px;
}
.l-header__nav-list-item{
margin: 0 auto 10px;
}
.l-header__nav-contact{
width: 100%;
text-align: center;
}
.l-header #menu{
display: block;
}
} @media (max-width: 850px){
.l-header #menu{
display: block;
position: fixed;
right:0;
top:0;
z-index:9999;
background:#fff;
color:#FFFFFF;
font-size:0.76em;
height:60px;
overflow:hidden;
}
.l-header #menu a{
display: inline-block;
position: relative;
width: 60px;
height:60px;
overflow:hidden;
}
.l-header #menu a span{
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 2px;
margin: -1px 0 0 -15px;
background: #2680EB;
transition: .2s;
text-indent:-9999px;
}
.l-header #menu a span:before,
.l-header #menu a span:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 30px;
height: 2px;
background: #2680EB;
transition: .3s;
}
.l-header #menu a span:before{
margin-top: -10px;
}
.l-header #menu a span:after{
margin-top: 8px;
}
.l-header #menu a .close{
background: transparent;
}
.l-header #menu a .close:before,
.l-header #menu a .close:after{
margin-top: 0;
}
.l-header #menu a .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.l-header #menu a .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
} .l-footer{
}
.l-footer-cont{
background: var(--color_base);
padding: 65px 20px 75px;
}
.l-footer__logo{
max-width: 263px;
margin: 0 auto 30px;
}
.l-footer dl{
max-width: 370px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.l-footer dl dt{
width: 73px;
font-size: 1.4rem;
color: #fff;
margin: 0 0 3px;
}
.l-footer dl dd{
width: calc(100% - 73px);
font-size: 1.4rem;
color: #fff;
margin: 0 0 3px;
}
.l-footer dl dd a{
text-decoration: underline;
color: #fff;
padding: 0 20px 0 0;
background: url(//e-3rdparty.com/lp/speed-dm/img/icon-blank.svg) no-repeat right 2px center;
}
@media (any-hover:hover){
.l-footer dl dd a:hover{
text-decoration: none;
}   
}
.l-footer__text{
max-width: 370px;
margin: 0 auto;
font-size: 1.4rem;
color: #fff;
}
.l-footer__copyright{
padding: 15px 20px;
text-align: center;
font-size: 1.2rem;
background: #fff;
}
@media (max-width:768px){
.l-footer-cont{
padding: 40px 20px;
}
.l-footer dl dt{
width: 65px;
font-size: 1.2rem;
}
.l-footer dl dd{
width: calc(100% - 65px);
font-size: 1.2rem;
}
.l-footer__text{
font-size: 1.2rem;
}
} main{
margin: 86px auto 0;
}
#home main{
margin: 0 auto;
} @media (max-width:850px){
main{
margin: 60px auto 0;
} 
} .p-headline{
margin: 0 auto 50px;
}
.p-headline__catch{
text-align: center;
margin: 0 auto 20px;
}
.p-headline__catch span{
padding: 6px 25px;
font-size: 2.2rem;
font-weight: bold;
color: #fff;
position: relative;
z-index: 1;
}
.p-headline__catch span::after{
position: absolute;
left: 0;
top: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
background: var(--color_base);
transform: skewX(-20deg);
}
.p-headline__catch span b{
font-size: 2.6rem;
font-weight: bold;
margin: 0 3px;
}
.p-headline__title{
text-align: center;
font-size: 3.8rem;
font-weight: bold;
letter-spacing: 0.04vw;
line-height: 1.81;
}
@media (max-width:768px){
.p-headline{
margin: 0 auto 25px;
}
.p-headline__catch{
margin: 0 auto 10px;
}
.p-headline__catch span{
padding: 5px 20px;
font-size: 1.6rem;
display: inline-block;
line-height: 1.5;
}
.p-headline__title{
font-size: 2.8rem;
line-height: 1.5;
}
} .p-contact{
margin: 35px auto 0;
}
.p-contact .p-contact-flex{
max-width: 706px;
width: 100%;
margin: 0 auto 50px;
display: flex;
align-items: flex-end;
border-bottom: 6px solid #FDE32F;
position: relative;
}
.p-contact .p-contact-flex::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
transform: translate(-50%,100%);
width:0;
height:0;
border-style:solid;
border-width: 26px 35px 0 35px;
border-color: #FDE32F transparent transparent transparent;
}
.p-contact-flex__img{
width: 178px;
}
.p-contact-flex__catch{
width: calc(100% - 178px);
font-size: 3.4rem;
font-weight: bold;
line-height: 1.32;
letter-spacing: 0.04vw;
padding: 10px 15px 10px 20px;
}
.p-contact-list{
max-width: 894px;
width: 100%;
margin: 0 auto;
display: flex;
gap: 20px 40px;
}
.p-contact-list__item{
width: calc(100% / 2 - 20px);
}
.p-contact-list__item .btn--tel{
margin: 0 0 10px;
}
.p-contact-list__item .btn--tel a{
display: block;
background: var(--color_base);
color: #fff;
border-radius: 10px;
text-decoration: none;
padding: 20px 10px 10px;
transition: 0.3s;
}
@media (min-width:769px){
.p-contact-list__item .btn--tel a.tel-link{
pointer-events: none;
}
}
.p-contact-list__item .btn--email{
margin: 0 0 10px;
}
.p-contact-list__item .btn--email a{
display: block;
background: #fff;
border: 5px solid var(--color_base);
font-size: 2.7rem;
font-weight: bold;
color: var(--color_base);
border-radius: 10px;
text-decoration: none;
padding: 15px 10px 16px;
transition: 0.3s;
box-sizing: border-box;
text-align: center;
}
.p-contact-list__item .btn--email a span{
padding: 0 0 0 40px;
background: url(//e-3rdparty.com/lp/speed-dm/img/icon-email.svg) no-repeat left center;
transition: 0.3s;
}
@media (any-hover: hover){
.p-contact-list__item .btn--email a:hover{
background: var(--color_base);
color: #fff;
}
.p-contact-list__item .btn--email a:hover span{
background: url(//e-3rdparty.com/lp/speed-dm/img/icon-email-white.svg) no-repeat left center;
}
}
.p-contact-list__item .btn--tel a .btn__tel{
display: block;
text-align: center;
}
.p-contact-list__item .btn--tel a .btn__txt{
display: block;
text-align: center;
}
.p-contact-list__item-txt-s{
text-align: center;
font-size: 1.7rem;
font-weight: 500;
}
.p-contact-list__item-txt-s a{
text-decoration: underline;
color: var(--color_base);
}
@media (any-hover: hover){
.p-contact-list__item-txt-s a:hover{
text-decoration: none;
}   
}
@media (max-width:768px){
.p-contact{
margin: 40px auto 0;
}
.p-contact .p-contact-flex{
max-width: 420px;
}
.p-contact-flex__img{
width: 100px;
}
.p-contact-flex__catch{
width: calc(100% - 100px);
font-size: 2.1rem;
padding: 10px 20px 10px 0;
}
.p-contact-list{
flex-wrap: wrap;
}
.p-contact-list__item{
width: 100%;
}
.p-contact-list__item .btn--tel a{
padding: 20px 20px 10px;
}
.p-contact-list__item .btn--email a{
font-size: 2.0rem;
padding: 15px 10px 16px;
transition: 0.3s;
box-sizing: border-box;
text-align: center;
}
.p-contact-list__item .btn--email a span{
padding: 0 0 0 40px;
}
.p-contact-list__item .btn--tel a .btn__txt{
text-align: center;
font-size: 1.4rem;
}
.p-contact-list__item-txt-s{
font-size: 1.4rem;
}
}
@media (max-width:450px){
.p-contact-flex__catch br{
display: none;
}
} .anchor{
display: block;
padding-top: 100px;
margin-top: -100px;
}
.anchor01{
display: block;
padding-top: 167px;
margin-top: -167px;
}
@media(max-width:768px){
.anchor01{
display: block;
padding-top: 100px;
margin-top: -100px;
}
}  .scroll_fade {
transition: 0.8s ease-in-out;
opacity: 0;
}
.scroll_fade.on {
opacity: 1.0;
} .scroll_up {
transition: 0.4s ease-in-out;
transform: translateX(30px);
opacity: 0;
}
.scroll_up.on {
transform: translateX(0);
opacity: 1.0; }
.timing02 {transition-delay: .2s;}
.timing03 {transition-delay: .4s;}
.timing04 {transition-delay: .6s;}
.timing05 {transition-delay: .8s;}
.timing06 {transition-delay: 1.0s;}
.timing07 {transition-delay: 1.2s;}
.timing08 {transition-delay: 1.4s;}
  .section-visual{
position: relative;
}
.section-visual__cont{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.section-visual .l-inner01{
position: relative;
height: 100%;
display: flex;
align-items: center;
max-width: 1440px;
padding: 0 50px;
}
.section-visual__point{
position: absolute;
right: 0;
bottom: -20px;
}
.section-visual__text .img01,
.section-visual__text .img02{
width: min( 42.5vw, 100%);
}
.section-visual__text .tel-cont{
max-width: 520px;
max-width: min(35.0vw, 520px);
width: 100%;
background: #fff;
border-radius: 8px;
margin: 60px 0 0;
padding: 45px 30px 17px;
box-sizing: border-box;
position: relative;
}
.section-visual__text .tel-cont__ballon{
position: absolute;
left: 30px;
top: 0;
width: calc(100% - 60px);
text-align: center;
transform: translateY(-50%);
}
.section-visual__text .tel-cont__ballon span{
display: block;
background: #FDE32F;
font-size: 2.1rem;
font-weight: bold;
position: relative;
}
.section-visual__text .tel-cont__ballon span::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
transform: translate(-50%, 100%);
width:0;
height:0;
border-style:solid;
border-width: 10px 10px 0 10px;
border-color: #FDE32F transparent transparent transparent;
}
.section-visual__text .tel-cont__tel{
font-size: min( 1.35vw, 2.1rem);
font-weight: bold;
letter-spacing: 0.03vw;
}
.section-visual__text .tel-cont__tel a{
color: var(--color_base);
text-decoration: underline;
}
.section-visual-slider-front{
}
.section-visual-slider{
position: absolute;
right: 0;
top: 0;
z-index: -1;
width: 55%;
}
.section-visual-slider > div:not(:first-child) {
display: none;
}
.section-visual-slider.slick-initialized > div:not(:first-child) {
display: block;
}
.section-visual-slider,
.section-visual-slider .slick-list,
.section-visual-slider .slick-track{
height: 100%;
overflow: hidden; 
}
.section-visual-slider__item{
height: 100%;
overflow: hidden; 
}
.section-visual-slider__item.item01{
background: url(//e-3rdparty.com/lp/speed-dm/img/mv-img01.jpg) no-repeat right center / cover;
}
.section-visual-slider__item.item02{
background: url(//e-3rdparty.com/lp/speed-dm/img/mv-img02.jpg) no-repeat right center / cover;
}
.section-visual-slider__item.item03{
background: url(//e-3rdparty.com/lp/speed-dm/img/mv-img03.jpg) no-repeat right center / cover;
}
.slick-current.slick-img {
animation: zoomUp 7s linear forwards;
}
@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1); }
} .js-animate{
opacity: 0;
transform: translateX(20px);
}
@media (min-width: 769px){
.js-animate-01 {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .1s;
}
.js-animate-02 {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .3s;
}
.js-animate-03 {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .5s;
}
.js-animate-04 {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .7s;
}
.js-animate-05 {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .9s;
}
}
@media (max-width: 768px){
.js-animate-01--sp {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .1s;
}
.js-animate-02--sp {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .3s;
}
.js-animate-03--sp {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .5s;
}
.js-animate-04--sp {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .7s;
}
.js-animate-05--sp {
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
transition-delay: .9s;
}
} .js-animate.is-animated{
opacity: 1;
transform: translateX(0);
}
@media (any-hover: hover){
.section-visual__text .tel-cont__tel a:hover{
text-decoration: none;
}   
}
@media (max-width: 1000px){
.section-visual__text .tel-cont__ballon span{
font-size: min(2.0vw, 1.8rem);
}
.section-visual__text .img{
width: min( 40.0vw, 100%);
}
.section-visual__text .tel-cont{
margin: 6% 0 0;
padding: 40px 15px 15px;
}
.section-visual__text .tel-cont__tel{
font-size: min( 1.4vw, 2.1rem);
}
.section-visual__point{
width: min(45vw, 466px);
}
}
@media (max-width: 768px){
.section-visual .l-inner01{
padding: 0;
align-items: flex-start;
}
.section-visual__text .img{
width: 100%;
}
.section-visual__text .img01,
.section-visual__text .img02{
width: 100%;
}
.section-visual__text .tel-img{ width: min( 70vw, 550px);
margin: 1.5% auto 0.5%;
text-align: center;
line-height: 1.0;
}
.section-visual__text .text{
text-align: center;
font-size: 3.3vw;
font-weight: bold;
color: #fff;
padding: 0 20px;
}
.section-visual__text .text a{
color: #fff;
text-decoration: underline;
}
.section-visual-slider{
right: auto;
left: 0;
width: 100%;
}
.section-visual-slider__item.item01{
background: url(//e-3rdparty.com/lp/speed-dm/img/mv-img01sp.png) no-repeat right center / 100% auto;
}
.section-visual-slider__item.item02{
background: url(//e-3rdparty.com/lp/speed-dm/img/mv-img02sp.png) no-repeat right center / 100% auto;
}
.section-visual-slider__item.item03{
background: url(//e-3rdparty.com/lp/speed-dm/img/mv-img03sp.png) no-repeat right center / 100% auto;
}
} .section-consultation{
padding: 80px 0;
}
.section-consultation__img{
max-width: 940px;
margin: 0 auto;
}
.section-consultation__contact{
margin: 20px auto 0;
}
.section-consultation__contact .p-contact-list{
max-width: 1000px;
}
.p-contact-list__item .ballon{
text-align: center;
margin: 0 auto 20px;
padding: 5px 10px;
background: #FDE32F;
font-size: 2.2rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.02vw;
position: relative;
}
.p-contact-list__item .ballon::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
z-index: -1;
transform: translate(-50%, 60%);
width:0;
height:0;
border-style:solid;
border-width: 20px 20px 0 20px;
border-color: #FDE32F transparent transparent transparent;
}
@media (max-width:768px){
.section-consultation{
padding: 50px 0;
}
} .section-reason{
background: var(--color_gray);
padding: 80px 0;
}
.section-reason-flex{
display: flex;
margin: 0 auto 50px;
}
.section-reason-flex__img{
width: 36%;
}
.section-reason-flex__text{
width: 64%;
padding: 0 0 0 4%;
box-sizing:border-box;
}
.section-reason-flex__text .title{
font-size: 2.8rem;
font-weight: bold;
color: var(--color_base);
line-height: 1.5;
margin: 0 auto 0.5em;
}
.section-reason-flex__text .title .marker{
font-size: 4.4rem;
background: linear-gradient(transparent 70%, #FDE32F 70%);
padding: 0 5px;
}
.section-reason-flex__text .text{
font-size: 1.6rem;
line-height: 2.12;
}
.section-reason-flex__text .text em{
font-weight: bold;
}
@media (max-width:768px){
.section-reason{
padding: 50px 0;
}
.section-reason-flex{
flex-wrap: wrap;
margin: 0 auto 40px;
}
.section-reason-flex__img{
width: 100%;
margin: 0 auto 20px;
}
.section-reason-flex__text{
width: 100%;
padding: 0;
}
.section-reason-flex__text .title{
font-size: 2.0rem;
}
.section-reason-flex__text .title .marker{
font-size: 2.8rem;
}
} .section-criterion{
padding: 80px 0;
}
.section-criterion__text{
font-size: 1.8rem;
letter-spacing: 0.05vw;
line-height: 1.88;
margin: 0 0 1.0em;
}
.section-criterion__text--center{
text-align: center;
}
.section-criterion__text--small{
font-size: 1.4rem;
}
.section-criterion__card{
display: flex;
gap: 20px 40px;
margin: 0 auto 5px;
}
.section-criterion__card-item{
width: calc(50% - 20px);
background: #E5F4FF;
padding: 30px;
box-sizing:border-box;
overflow: hidden;
}
.section-criterion__card-item .title{
font-size: 2.8rem;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.05vw;
margin: 0 0 1.0em;
}
.section-criterion__card-item .title strong{
font-size: 3.6rem;
font-weight: 700;
}
.section-criterion__card-item .title span{
position: relative;
z-index: 1;
}
.section-criterion__card-item .title span::after{
position: absolute;
left: -40px;
bottom: -5px;
z-index: -1;
content: '';
width: calc(100% + 60px);
height: 22px;
background: #FDE32F;
transform: skewX(30deg);
}
.section-criterion__card-item .list{
padding: 0 0 0 1.0em;
}
.section-criterion__card-item .list__item{
font-size: 1.8rem;
font-weight: bold;
line-height: 2.5;
position: relative;
}
.section-criterion__card-item .list__item::before{
position: absolute;
left: -17px;
top: 20px;
content: '';
width: 6px;
height: 6px;
background: #003F95;
}
@media (max-width:768px){
.section-criterion{
padding: 50px 0;
}
.section-criterion__text{
font-size: 1.6rem;
}
.section-criterion__text--center{
text-align: left;
}
.section-criterion__text--small{
font-size: 1.2rem;
}
.section-criterion__card{
flex-wrap: wrap;
}
.section-criterion__card-item{
width: 100%;
}
.section-criterion__card-item .title{
font-size: 2.0rem;
}
.section-criterion__card-item .title strong{
font-size: 2.8rem;
}
.section-criterion__card-item .list__item{
font-size: 1.6rem;
line-height: 2.0;
}
.section-criterion__card-item .list__item::before{
top: 13px;
}
} .section-step{
background: var(--color_gray);
padding: 80px 0;   
}
.section-step__list{
display: flex;
gap: 40px 35px;
}
.section-step__list-item{
width: calc(100% / 3 - 10px);
}
.section-step__list-item .title{
font-size: 2.4rem;
font-weight: bold;
letter-spacing: -0.02vw;
color: #2680EB;
display: flex;
align-items: flex-start;
margin: 0 0 15px;
}
.section-step__list-item .title span{
display: inline-block;
padding: 5px 11px;
box-sizing:  border-box;
background: #2680EB;
color: #fff;
line-height: 1.0;
margin: 0 5px 0 0;
}
.section-step__list-item .title strong{
display: block;
font-weight: bold;
line-height: 1.5;
margin: -1px 0 0;
}
.section-step__list-item .img{
text-align: center;
margin: 0 auto 15px;
}
.section-step__list-item .text{
font-size: 1.6rem;
line-height: 1.75;
}
@media (max-width:768px){
.section-step{
padding: 50px 0;   
}
.section-step__list{
flex-wrap: wrap;
}
.section-step__list-item{
width: 100%;
}
.section-step__list-item .title{
font-size: 2.0rem;
}
} .section-qa{
padding: 80px 0;
}
.section-qa__box{
background: #E5F4FF;
margin: 0 auto 25px;
padding: 25px 30px;
}
.section-qa__box-title{
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 0.5em;
padding: 0 0 0 40px;
position: relative;
}
.section-qa__box-title::before{
position: absolute;
left: 0;
top: -4px;
content: 'Q';
font-family: var(--font_en);
font-size: 2.4rem;
font-weight: bold;
color: var(--color_base);
}
.section-qa__box-text{
font-size: 1.8rem;
line-height: 1.55;
padding: 0 0 0 40px;
position: relative;
}
.section-qa__box-text::before{
position: absolute;
left: 0;
top: -3px;
content: 'A';
font-family: var(--font_en);
font-size: 2.4rem;
font-weight: bold;
color: #E31313;
}
@media (max-width:768px){
.section-qa{
padding: 50px 0;
}
.section-qa__box{
padding: 25px 25px;
}
.section-qa__box-title{
font-size: 1.6rem;
padding: 0 0 0 30px;
}
.section-qa__box-title::before{
top: -3px;
font-size: 2.0rem;
}
.section-qa__box-text{
font-size: 1.6rem;
padding: 0 0 0 30px;
}
.section-qa__box-text::before{
top: -2px;
font-size: 2.0rem;
}
} .section-case{
background: var(--color_gray);
padding: 80px 0;   
}
.section-case-flex{
display: flex;
margin: 0 auto 50px;
}
.section-case-flex__img{
width: 36%;
}
.section-case-flex__text{
width: 64%;
padding: 0 0 0 4%;
box-sizing: border-box;
}
.section-case-flex__text .title{
font-size: 3.2rem;
font-weight: bold;
color: var(--color_base);
line-height: 1.56;
letter-spacing: 0.04vw;
margin: 0 0 0.5em;
}
.section-case-flex__text table{
width: 100%;
border-top: 1px solid #D8D8D8;
border-spacing: 0;
}
.section-case-flex__text table tr th{
width: 60px;
vertical-align: top;
border-bottom: 1px solid #D8D8D8;
padding: 9px 0;
font-weight: bold;
color: var(--color_base);
}
.section-case-flex__text table tr td{
width: calc(100% - 60px);
border-bottom: 1px solid #D8D8D8;
padding: 9px 0;
box-sizing: border-box;
line-height: 1.625;
letter-spacing: 0.01vw;
}
@media (max-width:768px){
.section-case{
padding: 50px 0;   
}
.section-case-flex{
flex-wrap: wrap;
margin: 0 auto 40px;
}
.section-case-flex__img{
width: 100%;
margin: 0 auto 20px;
}
.section-case-flex__text{
width: 100%;
padding: 0;
}
.section-case-flex__text .title{
font-size: 2.0rem;
}
.section-case-flex__text .title br{
display: none;
}
.section-case-flex__text table tr th{
width: 50px;
font-size: 1.4rem;
}
.section-case-flex__text table tr td{
width: calc(100% - 50px);
font-size: 1.4rem;
}
} .section-contact{
padding: 80px 0;
}
.section-contact-flex{
max-width: 480px;
margin: 0 auto 35px;
padding: 25px 30px;
display: flex;
align-items: center;
background: var(--color_gray);
}
.section-contact-flex__img{
width: 75px;
}
.section-contact-flex__text{
width: calc(100% - 75px);
padding: 0 20px 0 0;
box-sizing: border-box;
}
.section-contact-flex__text .list{
padding: 0 0 0 25px;
}
.section-contact-flex__text .list__item{
font-size: 1.8rem;
position: relative;
}
.section-contact-flex__text .list__item::before{
position: absolute;
left: -20px;
top: 17px;
content: '';
width: 4px;
height: 4px;
background: var(--color_black);
border-radius: 50%;
}
.section-contact-flex__text .list__item .text{
font-size: 1.4rem;
}
.section-contact-flex__text .list__item .text a{
color: #2680EB;
text-decoration: underline;
}
@media (any-hover: hover){
.section-contact-flex__text .list__item .text a:hover{
text-decoration: none;
}   
}
.section-contact__table{
max-width: 630px;
width: 100%;
margin: 0 auto 20px;
}
.section-contact__table th{
width: 190px;
font-size: 1.8rem;
font-weight: bold;
color: var(--color_base);
padding: 10px 10px 10px 0;
box-sizing: border-box;
position: relative;
}
.section-contact__table th .req{
position: absolute;
right: 10px;
top: 20px;
background: #E31313;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
line-height: 1.0;
display: inline-block;
padding: 5px 10px;
}
.section-contact__table td{
width: calc(100% - 190px);
padding: 10px 0;
box-sizing: border-box;
}
.section-contact__table td input[type=text],
.section-contact__table td input[type=email],
.section-contact__table td input[type=tel]{
width: 100%;
border: none;
background: var(--color_gray);
padding: 10px 15px;
box-sizing: border-box;
}
.section-contact__table td textarea{
width: 100%;
height: 160px;
border: none;
background: var(--color_gray);
padding: 10px 15px;
box-sizing: border-box;
}
.section-contact__text {
font-size: 1.4rem;
line-height: 1.71;
margin: 0 0 1.0em;
}
.section-contact__text--center {
text-align: center;
}
.section-contact__text a{
color: var(--color_base);
text-decoration: underline;
}
@media (any-hover: hover){
.section-contact__text a:hover{
text-decoration: none;
}
}
.section-contact__privacy{
text-align: center;
font-size: 1.8rem;
letter-spacing: 0.03vw;
margin: 0 0 25px;
}
.section-contact__privacy input{
margin: 0 5px 0 0;
}
.section-contact__button{
display: flex;
justify-content: center;
margin: 0 auto 10px;
}
.section-contact__button p{
width: 100%;
text-align: center;
}
.section-contact__button button{
max-width: 450px;
width: 100%;
margin: 0 auto;
border: none;
background: #2680EB;
font-size: 2.3rem;
font-weight: bold;
padding: 25px 10px;
border-radius: 10px;
color: #fff;
cursor: pointer;
transition: 0.3s;
}
.section-contact__button button span{
padding: 0 25px 0 0;
background: url(//e-3rdparty.com/lp/speed-dm/img/icon-arrow-white.svg) no-repeat right center;
}
@media (any-hover: hover){
.section-contact__button button:hover{
opacity: 0.6;
}   
}
@media (max-width:768px){
.section-contact{
padding: 50px 0;
}
.section-contact-flex{
margin: 0 auto 30px;
padding: 25px;
}
.section-contact-flex__img{
width: 60px;
}
.section-contact-flex__text{
width: calc(100% - 60px);
padding: 0 20px 0 0;
}
.section-contact-flex__text .list{
padding: 0 0 0 20px;
}
.section-contact-flex__text .list__item{
font-size: 1.5rem;
}
.section-contact-flex__text .list__item::before{
top: 12px;
}
.section-contact-flex__text .list__item .text{
font-size: 1.4rem;
display: none;
}
.section-contact__table th{
width: 100%;
font-size: 1.6rem;
padding: 10px 0 0 0;
float: left;
}
.section-contact__table th .req{
right: 0;
top: 18px;
}
.section-contact__table td{
width: 100%;
padding: 5px 0 10px;
float: left;
}
.section-contact__table td input[type=text],
.section-contact__table td input[type=email],
.section-contact__table td input[type=tel]{
font-size: 1.7rem;
}
.section-contact__table td textarea{
font-size: 1.7rem;
height: 120px;
}
.section-contact__privacy{
font-size: 1.6rem;
margin: 0 0 20px;
}
.section-contact__privacy input{
margin: 0 5px 0 0;
}
.section-contact__button button{
font-size: 1.8rem;
padding: 20px 10px;
}
.section-contact__button button span{
padding: 0 20px 0 0;
}
.section-contact__text--center {
text-align: left;
}
}
@media (max-width:420px){
.section-contact__button button{
font-size: 1.6rem;
}
}
#cont{
max-width: 960px;
position: relative;
clear: both;
padding: 55px 0px 0px;
margin: 0px auto;
}
#cont h1 {
padding: 40px 0 0;
text-align: center;
color: #2680EB;
font-size: 3em;
text-align: center;
font-weight: 600;
}
#cont h1 br {
display: none;
}
#cont .form_area {
margin: 20px 0 80px;
}
#cont .form_area .inner {
padding: 35px 45px;
border: solid 4px #ccc;
}
#cont .form_area p.flow_03 {
background: none;
background-color: #2680EB;
text-indent: 0;
height: auto;
font-size: clamp(14px, 2.2vw, 24px);
font-weight: 600;
line-height: 1;
margin: 0 0 20px;
color: #fff;
text-align: center;
display: block;
padding: 10px;
}
#cont .form_area .headline p {
font-size: 1.167em;
margin: 0 0 1em;
}
@media screen and (max-width: 737px) {
#cont h1 {
padding: 20px 0 0;
font-size: 2.4em;
}
#cont .form_area {
margin: 1em 0 3em;
}
#cont .form_area .inner {
margin: 0 10px 20px;
padding: 0;
border: none;
}
#cont .form_area p.flow {
height: auto;
margin: 0 0 1em;
padding: 3px 0;
background: url(//e-3rdparty.com/lp/imgs/recruit/form/flow_bg.png) no-repeat right center #2680EB;
text-indent: 0;
color: #fff;
font-size: 1.333em;
font-weight: 600;
text-align: center;
}
#cont .form_area p.flow_03 {
background: #2680EB;
}
#cont .form_area .headline{
padding: 0 10px;
}
}