@charset "utf-8";

/*==============================================================================
	.lp_ver03
========================================================================== */
body.lp_ver03 #site-header { /*position: absolute;*/ position: fixed; z-index: 999; width: 100%; max-width: none; min-width: 1000px; height: 0; padding: 0; }
body.lp_ver03 #site-header02 { /*position: absolute;*/ position: fixed; z-index: 999; width: 100%; max-width: none; min-width: 1000px; height: 0; padding: 0; }
body.lp_ver03 #container { padding: 115px 0 40px; font-size: 13px; }
body.lp_ver03 #container .p-contents { padding: 0; }


body.lp_ver03 .p-mv__container { position: relative; margin: 0 auto; height: 705px; background: #fff; }
body.lp_ver03 .p-mv__bg01 { position: absolute; top: 0; left: 0; width: 100%; height: 578px; background: #f3f3f3; }
body.lp_ver03 .p-mv__bg02 { position: absolute; top: -14px; left: -1px; width: 100%; height: 594px; background: url(../images/lp/ver03/kv_a_bg01.webp) no-repeat 50% 0 / cover; }
body.lp_ver03 .p-mv__inner { position: relative; margin: 0 auto; padding: 32px 0 0; width: 1000px; background-color: transparent; }
body.lp_ver03 .p-mv__copy { position: absolute; top: 471px; left: 0px; width: 544px; height: 47px; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.3; text-align: center; background: linear-gradient(90deg, #2f9ea3, #238a8f); }
body.lp_ver03 .p-mv__copy em { position: relative; top: 2px; padding: 0 3px 0 2px; color: #f8ea00; font-size: 32px; font-family: 'Arial', sans-serif; letter-spacing: -.03em; }
body.lp_ver03 .p-mv__copy .fs-l { margin-left: -0.5em; }
body.lp_ver03 .p-mv__copy .fs-r { margin-right: -0.5em; }
body.lp_ver03 .p-mv__copy .deco01,
body.lp_ver03 .p-mv__copy .deco02 { position: absolute; top: 0; bottom: 0; width: 34px; height: 1px; margin: auto; background: #fff; }
body.lp_ver03 .p-mv__copy .deco01 { left: 15px; transform: rotate( 55deg ); }
body.lp_ver03 .p-mv__copy .deco01::after { content: ''; position: absolute; top: 0; left: 6px; width: 2px; height: 1px; background: #2b969b; }
body.lp_ver03 .p-mv__copy .deco02 { right: 15px; transform: rotate( -55deg ); }
body.lp_ver03 .p-mv__copy .deco02::after { content: ''; position: absolute; top: 0; right: 6px; width: 2px; height: 1px; background: #238a8f; }
body.lp_ver03 .p-mv__copy02 { display: grid; place-items: center; position: absolute; top: 80px; left: 0px; width: 544px; height: 57px; color: #238a8f; font-size: 34px; font-weight: bold; border: 3px solid #289196; background: #fff; }
body.lp_ver03 .p-mv__title { position: absolute; top: 152px; left: 0; color: #000; font-size: 58px; line-height: 1.26; letter-spacing: .02em; font-weight: bold; }
body.lp_ver03 .p-mv__title .fs01 { color: #238a8f; font-size: 66px; }
body.lp_ver03 .p-mv__title .fs02 { color: #238a8f; font-size: 53px; }
body.lp_ver03 .p-mv__txt01 { position: absolute; top: 347px; left: 0; color: #333; font-size: 18px; line-height: 34px; letter-spacing: .04em; }
body.lp_ver03 .p-mv__txt01 .fs01 { font-weight: bold; }
body.lp_ver03 .p-mv__txt-img { position: absolute; top: 319px; left: 0; width: 546px; }
body.lp_ver03 .p-mv__btn { position: absolute; top: 555px; left: 0; width: 100%; text-align: center; }

body.lp_ver03 .p-mv__loop { position: relative; top: 0; left: 582px; width: 100vw; height: 546px; margin-right: calc(50% - 50vw); padding: 21px 0 0 23px; background: url(../images/lp/ver03/kv_a_bg03.webp) no-repeat 0 0 #c5c7cc; border-radius: 20px 0 0 0; overflow: hidden; }
body.lp_ver03 .p-mv__loop-inner { display: flex; position: relative; width: 7494px; height: 527px; padding: 25px 0 0 12px; background: #fff; border-radius: 20px 0 0 0; overflow: hidden; }
/*body.lp_ver03 .p-mv__loop-inner picture { overflow: hidden; }*/
body.lp_ver03 .p-mv__loop-inner img { width: 100%; animation: kv-x-loop1 100s linear 1s infinite; }
/* body.lp_ver03 .p-mv__loop-inner:hover img { animation-play-state: paused; } */
@keyframes kv-x-loop1 {
	0% { transform: none; }
	100% { transform: translateX(-100%); }
}


body.lp_ver03 .loop-logo-slider{ padding: 0 0 6px; }


body.lp_ver03 .p-concept__bg { height: 230px; background: #238a8f no-repeat 50% 0; background-size: cover; }
body.lp_ver03 .p-concept__bg.lazyloaded { background-image: url(../images/lp/ver03/concept_bg.webp); }
body.lp_ver03 .p-concept__inner { display: grid; place-items: center left; position: relative; width: 1000px; height: 230px; margin: 0 auto; }
body.lp_ver03 .p-concept__ttl { padding: 0 0 0 25px; color: #fff; font-size: 50px; font-weight: bold; line-height: 1.25; letter-spacing: .02em; }
body.lp_ver03 .p-concept__ttl em { color: #fbe000; }
body.lp_ver03 .p-concept__txt { display: grid; place-items: center; height: 44px; margin: 5px 0 0; padding: 0 10px 0 25px; color: #fff; font-size: 29px; letter-spacing: .02em; font-weight: bold; letter-spacing: .02em; background: #000; }
body.lp_ver03 .p-concept__txt em { color: #fbe000; }


body.lp_ver03 .p-lp2 { position: relative; max-width: 100%; padding: 0; overflow: hidden; }
body.lp_ver03 .p-lp2 .cmnFs { color: #443a38; font-size: 16px; line-height: 30px; letter-spacing: .05em; }
body.lp_ver03 .p-lp2 .cmnLs-0 { letter-spacing: 0; }
body.lp_ver03 .p-lp2 .bg_yellow { background: #fce519; }
body.lp_ver03 .p-lp2 .bg_white { background: #fff; }
body.lp_ver03 .p-lp2 .cmn_block { width: 1000px; margin: 0 auto; }
body.lp_ver03 .p-lp2 .cta01 { padding: 55px 0 73px; text-align: center; background: linear-gradient(0deg, rgba(212, 235, 235, 1), rgba(229, 247, 248, 1) 43%); }
body.lp_ver03 .p-lp2 .cta01 p { margin: 0 0 20px; color: #000; font-size: 28px; font-weight: bold; line-height: 1.15; letter-spacing: .05em; text-align: center; }
body.lp_ver03 .p-lp2 .cta01 a { display: inline-block; }
body.lp_ver03 .p-lp2 .cta02 { padding: 50px 0 60px; text-align: center; background: linear-gradient(0deg, rgba(212, 235, 235, 1), rgba(229, 247, 248, 1) 43%); }
body.lp_ver03 .p-lp2 .cta02.mfix { /*margin: 0 0 95px;*/ }
body.lp_ver03 .p-lp2 .cta02 p { margin: 0 0 30px; color: #000; font-size: 28px; font-weight: bold; line-height: 1.15; letter-spacing: .05em; text-align: center; }
body.lp_ver03 .p-lp2 .cta02 .cta__block-tel,
body.lp_ver03 .p-lp2 .cta02 .cta__block-btn { display: inline-block; margin: 0 30px; }
body.lp_ver03 .p-lp2 .btn_workslist_block { position: relative; z-index: 100; margin-top: 77px; text-align: center; }
body.lp_ver03 .p-lp2 .btn_workslist_block a { display: flex; align-items: center; justify-content: center; position: relative; width: 637px; height: 89px; margin: auto; color: #349599; font-size: 20px; font-weight: bold; line-height: normal; letter-spacing: .05em; text-decoration: none; border: 1px solid #349599; border-radius: 89px; transition: .2s ease-in-out; cursor: pointer; }
body.lp_ver03 .p-lp2 .btn_workslist_block a:hover { opacity: 1; color: #fff; background: #349599; }
body.lp_ver03 .p-lp2 .btn_workslist_block a span { position: relative; }
body.lp_ver03 .p-lp2 .btn_workslist_block a span::after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: -38px; width: 9px; height: 9px; border-top: 2px solid #349599; border-right: 2px solid #349599; border-radius: 2px; transform: rotate(45deg); transition: .2s ease-in-out; }
body.lp_ver03 .p-lp2 .btn_workslist_block a:hover span::after { border-top: 2px solid #fff; border-right: 2px solid #fff; }


body.lp_ver03 .p-lp2 .lp-plan { padding-top: 95px; }


body.lp_ver03 #cont01 .cont01_head { height: 378px; }
body.lp_ver03 #cont01 h2 { padding: 88px 0 0; color: #636161; font-weight: bold; text-align: center; }
body.lp_ver03 #cont01 h2 span { display: block; }
body.lp_ver03 #cont01 h2 .img01 { width: 408px; height: 0px; margin: auto; padding-top: 35px; color: #fff; background: no-repeat 50% 0; background-size: auto 100%; overflow: hidden; }
body.lp_ver03 #cont01 h2 .img01.lazyloaded { background-image: url(../images/lp/ver03/cont01_ttl01.webp); }
body.lp_ver03 #cont01 h2 .txt01 { height: 28px; font-size: 16px; line-height: 16px; }
body.lp_ver03 #cont01 h2 .txt02 { margin: 30px 0 5px; font-size: 32px; line-height: normal; letter-spacing: .05em; }
body.lp_ver03 #cont01 h2 .txt03 { color: #349599; font-size: 75px; line-height: normal; letter-spacing: .05em; }
body.lp_ver03 #cont01 .cont01__list > li { width: 100%; margin: 0; padding: 0 0 90px; }

body.lp_ver03 #cont01 li .reason_head { height: 300px; background: no-repeat 50% 0; }
body.lp_ver03 #cont01 li .reason_head__inner { display: flex; align-items: center; justify-content: space-between; height: 300px; }
body.lp_ver03 #cont01 li .reason_head__img { padding: 7px 0 20px; text-align: center; }
body.lp_ver03 #cont01 li h3 { width: 680px; color: #fff; font-size: 35px; font-weight: bold; line-height: 60px; letter-spacing: .05em; }
body.lp_ver03 #cont01 li .reason_body { background: no-repeat 50% 0; }

body.lp_ver03 #cont01 li.reason01 .reason_head.lazyloaded { background-image: url(../images/lp/ver03/cont01_01_bg01.webp); }
body.lp_ver03 #cont01 li.reason01 .reason_body.lazyloaded { background-image: url(../images/lp/ver03/cont01_01_bg02.webp); }
body.lp_ver03 #cont01 li.reason01 h3:nth-of-type(1) { font-size: 32px; letter-spacing: .03em; }
body.lp_ver03 #cont01 li.reason01 .reason01__ttl01 { padding: 60px 0 372px; text-align: center; }
body.lp_ver03 #cont01 li.reason01 .reason01__img01 { margin: 0 0 45px; text-align: center; }
body.lp_ver03 #cont01 li.reason01 .reason01__txt01 { margin: 0 0 65px; padding: 0 50px; }
body.lp_ver03 .p-lp2 #cont01 li.reason01 .reason01__txt01 .bg_yellow { margin: 0 0 0 -5px; padding: 3px 5px; }
body.lp_ver03 #cont01 li.reason01 .reason01__ttl02 { display: flex; align-items: center; justify-content: space-between; height: 82px; margin: 0 0 35px; color: #fff; font-size: 32px; font-weight: bold; line-height: normal; letter-spacing: .13em; background: no-repeat 50% 0; background-size: auto 100%; }
body.lp_ver03 #cont01 li.reason01 .reason01__ttl02.lazyloaded { background-image: url(../images/lp/ver03/cont01_01_img13.webp); }
body.lp_ver03 #cont01 li.reason01 .reason01__ttl02 .txt01 { width: 280px; text-align: center; }
body.lp_ver03 #cont01 li.reason01 .reason01__ttl02 .txt02 { width: 720px; text-align: center; }
body.lp_ver03 #cont01 li.reason01 .reason01__block01 { margin: 0 0 80px; }
body.lp_ver03 #cont01 li.reason01 .reason01__block01-list { display: flex; align-items: center; justify-content: space-between; padding: 0 30px; }
body.lp_ver03 #cont01 li.reason01 .reason01__block01-ico { width: 163px; height: 109px; margin: auto; padding: 17px 0 0; color: #349599; font-size: 33px; font-weight: bold; line-height: 1; letter-spacing: .05em; text-align: center; background: no-repeat 50% 0; background-size: auto 100%; }
body.lp_ver03 #cont01 li.reason01 .reason01__block01-list li { width: 300px; }
body.lp_ver03 #cont01 li.reason01 .reason01__block01-list li:nth-of-type(1) .reason01__block01-ico.lazyloaded { background-image: url(../images/lp/ver03/cont01_01_img03.webp); }
body.lp_ver03 #cont01 li.reason01 .reason01__block01-list li:nth-of-type(2) .reason01__block01-ico.lazyloaded { background-image: url(../images/lp/ver03/cont01_01_img04.webp); }
body.lp_ver03 #cont01 li.reason01 .reason01__block01-list li:nth-of-type(3) .reason01__block01-ico.lazyloaded { background-image: url(../images/lp/ver03/cont01_01_img05.webp); }
body.lp_ver03 #cont01 li.reason01 .reason01__block01-ttl { padding: 19px 0 19px; color: #349599; font-size: 22px; font-weight: bold; line-height: normal; letter-spacing: .05em; text-align: center; }
body.lp_ver03 #cont01 li.reason01 .reason01__block01-txt { padding: 25px 5px 0; }
body.lp_ver03 #cont01 li.reason01 .reason01__block02 { padding: 0 0 70px; background: -webkit-linear-gradient( 90deg, rgb(24,142,147) 1%, rgb(33,149,154) 100%, rgb(211,164,65) 100%); background: linear-gradient( 90deg, rgb(24,142,147) 1%, rgb(33,149,154) 100%, rgb(211,164,65) 100%); }
body.lp_ver03 #cont01 li.reason01 .reason01__block02-ico { position: relative; top: -35px; width: 163px; height: 109px; margin: auto; padding: 17px 0 0; color: #349599; font-size: 33px; font-weight: bold; line-height: 1; letter-spacing: .05em; text-align: center; background: no-repeat 50% 0; background-size: auto 100%; }
body.lp_ver03 #cont01 li.reason01 .reason01__block02-ico.lazyloaded { background-image: url(../images/lp/ver03/cont01_01_img04.webp); }
body.lp_ver03 #cont01 li.reason01 .reason01__block02-ttl { margin: -18px 0 30px; color: #fff; font-size: 34px; font-weight: bold; line-height: normal; letter-spacing: .05em; text-align: center; }
body.lp_ver03 #cont01 li.reason01 .reason01__block02-img { text-align: center; }
body.lp_ver03 #cont01 li.reason01 .reason01__block02-txt { padding: 30px 58px 0; color: #fff; font-size: 20px; }
body.lp_ver03 #cont01 li.reason01 .reason01__block03 { display: flex; align-items: center; position: relative; height: 345px; background: no-repeat 50% 100%; background-size: 100% auto; }
body.lp_ver03 #cont01 li.reason01 .reason01__block03.lazyloaded { background-image: url(../images/lp/ver03/cont01_01_img12.webp); }
body.lp_ver03 #cont01 li.reason01 .reason01__block03::before { content: ''; position: absolute; top: -45px; left: 0; right: 0; width: 128px; height: 110.5px; margin: auto; background: no-repeat 50% 0; background-size: 100% auto; }
body.lp_ver03 #cont01 li.reason01 .reason01__block03.lazyloaded::before { background-image: url(../images/lp/ver03/cont01_01_img11.webp); }
body.lp_ver03 #cont01 li.reason01 .reason01__block03-txt { display: flex; align-items: center; justify-content: center; width: 741px; height: 101px; margin: 0 auto; padding: 0 3px; color: #349599; font-size: 34px; font-weight: bold; line-height: 57px; letter-spacing: .05em; background: rgba(252,229,25,0.9); }

body.lp_ver03 #cont01 li.reason02 .reason_head.lazyloaded { background-image: url(../images/lp/ver03/cont01_02_bg01.webp); }
body.lp_ver03 #cont01 li.reason02 .reason_body.lazyloaded { background-image: url(../images/lp/ver03/cont01_02_bg02.webp); }
body.lp_ver03 #cont01 li.reason02 .reason02__block01 { padding: 80px 0 0; }
body.lp_ver03 #cont01 li.reason02 .reason02__block01-img { height: 825px; background: no-repeat 50% 0; background-size: auto 100%; }
body.lp_ver03 #cont01 li.reason02 .reason02__block01-img.lazyloaded { background-image: url(../images/lp/ver03/cont01_02_img01.webp); }
body.lp_ver03 #cont01 li.reason02 .reason02__block01-txt { padding: 40px 0 45px; letter-spacing: 0; }
body.lp_ver03 #cont01 li.reason02 .reason02__ttl01 { margin: 0 0 26px; padding: 3px 0; color: #349599; font-size: 32px; font-weight: bold; line-height: 60px; letter-spacing: .13em; text-align: center; border: 3px solid #349599; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 { margin: 0 0 20px; text-align: center; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02.box { margin: 0 0 45px; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 h5 { margin: 0 0 22px; padding: 10px 0 17px; color: #349599; font-size: 26px; font-weight: bold; line-height: 1.6; letter-spacing: .05em; border-bottom: 1px solid #349599; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .reason02__book-list li { width: 491px; padding: 0; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .item-l h5 { margin: 0 0 27px;}
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .item-l__img { height: 272px; margin: 0 0 15px; background: no-repeat 0 0; background-size: auto 100%; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .item-l__img.lazyloaded { background-image: url(../images/lp/ver03/cont01_02_img02.webp); }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .book-info { display: table; width: 100%; height: 128px; margin: 0 0 25px; background: #fff; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .book-info p { display: table-cell; width: 100%; height: 128px; text-align: center; vertical-align: middle; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .book-info .txt01 { display: block; margin: 0 0 10px; color: #111; font-size: 24px; font-weight: bold; line-height: 1.3; letter-spacing: .05em; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .book-info .txt02 { display: block; color: #111; font-size: 18px; font-weight: bold; letter-spacing: .05em; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .txt03 { color: #111; font-size: 18px; font-weight: bold; line-height: 32px; letter-spacing: .05em; text-align: center; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .item-r__img { height: 272px; margin: 0 0 15px; background: no-repeat 0 0; background-size: auto 100%; }
body.lp_ver03 #cont01 li.reason02 .reason02__block02 .item-r__img.lazyloaded { background-image: url(../images/lp/ver03/cont01_02_img03.webp); }
body.lp_ver03 #cont01 li.reason02 .reason02__blog-list li { width: 490px; margin: 0 0 25px; padding: 0; }
body.lp_ver03 #cont01 li.reason02 .reason02__blog-item { position: relative; }
body.lp_ver03 #cont01 li.reason02 .reason02__blog-detail { position: absolute; top: 0; right: 0; width: 266px; padding: 0 25px 0 0; text-align: left; }
body.lp_ver03 #cont01 li.reason02 .reason02__blog-detail-cat { display: inline-flex; align-items: center; height: 29px; margin: 10px 0; padding: 0 10px; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: .05em; background: #349599; }
body.lp_ver03 #cont01 li.reason02 .reason02__blog-detail-ttl { font-size: 15px; font-weight: bold; line-height: 24px; letter-spacing: .05em; }
body.lp_ver03 #cont01 li.reason02 .reason02__blog-detail-ttl a { color: #111; text-decoration: underline; }
body.lp_ver03 #cont01 li.reason02 .reason02__blog-detail-ttl a:hover { text-decoration: none; }

body.lp_ver03 #cont01 li.reason03 .reason_head.lazyloaded { background-image: url(../images/lp/ver03/cont01_03_bg01.webp); }
body.lp_ver03 #cont01 li.reason03 .reason_body.lazyloaded { background-image: url(../images/lp/ver03/cont01_03_bg02.webp); }
body.lp_ver03 #cont01 li.reason03 .reason03__block01 { padding: 80px 0 0; }
body.lp_ver03 #cont01 li.reason03 .reason03__block01 .cmn_block { width: 1136px; }
body.lp_ver03 #cont01 li.reason03 .support { margin: 0 0 40px; padding: 48px 0 28px; box-shadow: 27.429px 16.481px 54px 6px rgba(192, 192, 192, 0.26); }
body.lp_ver03 #cont01 li.reason03 .support_list { width: 1000px; margin: auto; }
body.lp_ver03 #cont01 li.reason03 .support_list li { position: relative; width: 50%; padding: 0; }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-of-type(1) { order: 1; }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-of-type(2) { order: 2; }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-of-type(3) { order: 4; }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-of-type(4) { order: 3; }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-of-type(-n+2) { padding: 0 0 95px; }
body.lp_ver03 #cont01 li.reason03 .support_list li::after { content: ""; position: absolute; display: block; width: 44px; height: 50px; background: no-repeat 50% 0; background-size: auto 100%; }
body.lp_ver03 #cont01 li.reason03 .support_list.lazyloaded li::after { background-image: url(../images/lp/ver03/cont01_03_arrow.webp);  }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-child(1)::after { top: 11px; right: -23px; }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-child(2)::after { bottom: 20px; right: 210px; transform:rotate(90deg); }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-child(3)::after { top: 11px; left: -23px; transform:rotate(180deg);}
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-child(4)::after { top: -70px; left: 210px; transform:rotate(-90deg); }
body.lp_ver03 #cont01 li.reason03 .support_block { width: 470px; }
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-child(2) .support_block,
body.lp_ver03 #cont01 li.reason03 .support_list li:nth-child(3) .support_block { float: right; }
body.lp_ver03 #cont01 li.reason03 .support_ttl { margin: 0 0 27px; color: #349599; font-size: 22px; font-weight: bold; border: 3px solid #349599; }
body.lp_ver03 #cont01 li.reason03 .support_ttl span { display: inline-block; height: 66px; line-height: 66px; }
body.lp_ver03 #cont01 li.reason03 .support_ttl .num { width: 61px; color: #349599; text-align: center; background: #fce519; border-right: 3px solid #349599; }
body.lp_ver03 #cont01 li.reason03 .support_ttl .ttl { padding: 0 0 0 30px; letter-spacing: .05em; }
body.lp_ver03 #cont01 li.reason03 .support_img { float: left; margin: 0 25px 0 0; }
body.lp_ver03 #cont01 li.reason03 .support_note { margin: 23px 0 0; font-size: 15px; line-height: 1; text-align: center; }
body.lp_ver03 #cont01 li.reason03 .reason03__btn { text-align: right; }


body.lp_ver03 #cont02 { position: relative; height: 1118px; padding: 0 0 90px; background: no-repeat 50% 0; }
body.lp_ver03 #cont02.lazyloaded { background-image: url(../images/lp/common/slide03/bg.jpg); }
body.lp_ver03 #cont02 .cont02_head { position: relative; height: 200px; }
body.lp_ver03 #cont02 .cont02_head_txt { position: absolute; z-index: 2; top: 65px; left: 0; width: 100%; color: #333; font-size: 31px; line-height: 47px; letter-spacing: .05em; font-weight: bold; text-align: center; }
body.lp_ver03 #cont02 .cont02_head_txt .fs01 { display: inline-block; margin: 15px 0 0; color: #349599; font-size: 54px; }
body.lp_ver03 #cont02 .cont02_head_txt .fs02 { font-size: 40px; }
body.lp_ver03 #cont02 h2 { display: flex; align-items: center; justify-content: center; width: 601px; height: 49px; margin: 0 auto 65px; color: #349599; font-size: 27px; letter-spacing: .05em; font-weight: bold; background: #fff; border: 2px solid #349599; }


body.lp_ver03 #cont04 .cont04__bg { padding: 84px 0 60px; background: no-repeat 50% 0; background-color: #f2f7fb; }
body.lp_ver03 #cont04 .cont04__bg.lazyloaded { background-image: url(../images/lp/ver03/cont04_bg01.webp); }
body.lp_ver03 #cont04 .cont04__ttl { position: relative; padding: 0 0 21px; color: #349599; font-size: 52px; font-weight: bold; line-height: normal; letter-spacing: .05em; text-align: center; text-indent: .5em; }
body.lp_ver03 #cont04 .cont04__ttl:after { content: " "; position: absolute; bottom: 0px; left: 0; right: 0; margin: auto; width: 848px; height: 3px; background: #555; }
body.lp_ver03 #cont04 .cont04__copy { padding: 30px 0 63px; color: #333; font-size: 26px; font-weight: bold; line-height: 41px; letter-spacing: .05em; text-align: center; }
body.lp_ver03 #cont04 .problem__item { width: 480px; margin: 0 0 40px; }
body.lp_ver03 #cont04 .problem__ttl { height: 99px; padding: 22px 0 0; color: #fff; font-size: 30px; font-weight: bold; line-height: normal; letter-spacing: .05em; text-align: center; background: no-repeat 50% 0; background-size: auto 100%; }
body.lp_ver03 #cont04 .problem__ttl.lazyloaded { background-image: url(../images/lp/ver03/cont04_problem_bg01.webp); }
body.lp_ver03 #cont04 .problem__ttl em { color: #fce519; }
body.lp_ver03 #cont04 .problem__content { padding: 25px 0 23px; text-align: center; background: linear-gradient(90deg, #eaeaea, #f9f9f9); border: 1px solid #a8a7a7; border-top: none; }
body.lp_ver03 #cont04 .problem__txt { display: inline-block; margin: 0 0 25px; color: #333; font-size: 22px; font-weight: bold; line-height: 30px; letter-spacing: .05em; }
body.lp_ver03 #cont04 .problem__img { width: 440px; margin: auto; }


body.lp_ver03 #cont05 .cont05__bg { height: 1968px; padding: 117px 0 95px; background: no-repeat 50% 0; background-color: #d5e2ea; }
body.lp_ver03 #cont05 .cont05__bg.lazyloaded { background-image: url(../images/lp/ver03/cont05_bg01.webp); }
body.lp_ver03 #cont05 .cont05__ttl { margin: 0 0 65px; }
body.lp_ver03 #cont05 .cont05__content { width: 1160px; margin: auto; padding: 0 0 70px; background: #fff; }
body.lp_ver03 #cont05 .cont05__ttl-h3 { display: flex; align-items: center; justify-content: center; height: 190px; color: #fff; font-size: 36px; font-weight: bold; line-height: 58px; letter-spacing: .05em; text-align: center; background: linear-gradient(90deg, #41a6aa, #349599); }
body.lp_ver03 #cont05 .cont05__ttl-h3 em { color: #fce519; font-family: 'Arial', sans-serif; }
body.lp_ver03 #cont05 .cont05__ttl-h3 .fs01 { font-size: 56px; }
body.lp_ver03 #cont05 .cont05__ttl-h3 .fs02 { font-size: 44px; }
body.lp_ver03 #cont05 .cont05__ttl-h3 .fs03 { font-size: 66px; }
body.lp_ver03 #cont05 .cont05__txt01 { position: relative; display: flex; align-items: center; justify-content: center; height: 65px; margin: 43px 0 41px; border-radius: 32px; background: rgb(234, 247, 247); }
body.lp_ver03 #cont05 .cont05__txt01::before { content: ''; position: absolute; top: 0; bottom: 0; left: 140px; width: 0px; height: 43px; margin: auto; border: 1px dashed #349599; }
body.lp_ver03 #cont05 .cont05__txt01-inner { display: flex; align-items: center; color: #349599; font-size: 28px; font-weight: bold; line-height: normal; }
body.lp_ver03 #cont05 .cont05__txt01-l { display: block; width: 140px; font-size: 24px; padding: 0 0 0 40px; }
body.lp_ver03 #cont05 .cont05__txt01-r { display: block; width: 860px; padding: 0 0 0 20px; }
body.lp_ver03 #cont05 .cont05__cvrimg { margin: 0 0 43px; }
body.lp_ver03 #cont05 .cont05__txt02 { color: #333; font-size: 16px; line-height: 32px; letter-spacing: .03em; }
body.lp_ver03 #cont05 .cont05__txt02 em { font-size: 18px; font-weight: bold; }
body.lp_ver03 #cont05 .cont05__ttl-h4 { width: 1130px; margin: 0 calc(50% - 550px); padding: 80px 0 50px; color: #349599; font-size: 34px; font-weight: bold; line-height: 55px; text-align: center; }
body.lp_ver03 #cont05 .cont05__ttl-h4 em { font-size: 40px; }
body.lp_ver03 #cont05 .cont05__cvrcomp { display: flex; justify-content: space-between; }
body.lp_ver03 #cont05 .cont05__comp01,
body.lp_ver03 #cont05 .cont05__comp02 { position: relative; }
body.lp_ver03 #cont05 .cont05__cvrcomp-txt01,
body.lp_ver03 #cont05 .cont05__cvrcomp-note { position: absolute; }
body.lp_ver03 #cont05 .cont05__cvrcomp-txt01 { top: 15px; left: 0; right: 0; margin: auto; color: #333; font-size: 20px; line-height: 35px; letter-spacing: .05em; text-align: center; }
body.lp_ver03 #cont05 .cont05__cvrcomp-txt01 em { font-size: 24px; font-weight: bold; }
body.lp_ver03 #cont05 .cont05__cvrcomp-note { top: 126px; left: 0; right: 0; margin: auto; color: #333; font-size: 15px; font-weight: bold; line-height: 1; letter-spacing: .05em; text-align: center; }
body.lp_ver03 #cont05 .cont05__cvrcomp-txt02 { padding: 26px 0 0; color: #333; font-size: 15px; line-height: 30px; letter-spacing: .04em; text-align: center; }
body.lp_ver03 #cont05 .cont05__cvrcomp-txt02 em { font-size: 17px; font-weight: bold; }
body.lp_ver03 #cont05 .cont05__comp02 .cont05__cvrcomp-txt01 { color: #fff; }


body.lp_ver03 #cont06 { padding: 98px 0 20px; }
body.lp_ver03 #cont06 h2 { margin: 0 0 70px; text-align: center; }
body.lp_ver03 #cont06 h2 span { display: block; margin: 17px 0 0; color: #111; font-size: 28px; font-weight: bold; line-height: 40px; letter-spacing: .05em; text-align: center; }
body.lp_ver03 #cont06 #faq-list li { position: relative; float: left; width: 50%; margin-bottom: 60px; }
body.lp_ver03 #cont06 #faq-list li .ico { display: block; position: absolute; top: 3px; left: 20px; width: 54px; height: 0; padding-top: 23px; background: no-repeat 0 0; overflow: hidden; }
body.lp_ver03 #cont06 #faq-list li .ico.lazyloaded { background-image: url(../images/lp/ver03/cont06_q-sprites.png); }
body.lp_ver03 #cont06 #faq-list li.que02 .ico { background-position: 0 -23px; }
body.lp_ver03 #cont06 #faq-list li.que03 .ico { background-position: 0 -46px; }
body.lp_ver03 #cont06 #faq-list li.que04 .ico { background-position: 0 -69px; }
body.lp_ver03 #cont06 #faq-list li.que05 .ico { background-position: 0 -92px; }
body.lp_ver03 #cont06 #faq-list li.que06 .ico { background-position: 0 -115px; }
body.lp_ver03 #cont06 #faq-list li.que07 .ico { background-position: 0 -138px; }
body.lp_ver03 #cont06 #faq-list li.que08 .ico { background-position: 0 -161px; }
body.lp_ver03 #cont06 #faq-list li.que09 .ico { background-position: 0 -184px; }
body.lp_ver03 #cont06 #faq-list li.que10 .ico { background-position: 0 -207px; }

body.lp_ver03 #cont06 #faq-list li dl { margin-left: 87px; }
body.lp_ver03 #cont06 #faq-list li dt { margin: 0 0 20px; color: #443a38; font-size: 18px; line-height: 32px; font-weight: bold; }
body.lp_ver03 #cont06 #faq-list li dd { color: #787878; font-size: 16px; line-height: 28px; }


/*--------------------------------------------------------------
	サービスの流れ　コンテンツ
-------------------------------------------------------------- */
#cont07 { padding: 110px 0 0; }
#cont07 h2 { margin: 0 auto 107px; color: #349599; font-size: 52px; font-weight: bold; line-height: 1; letter-spacing: .05em; text-align: center; }

.p-contentsStepBlock { background: no-repeat 50% 0; background-size: 2000px auto; }
.p-contentsStepBlock:nth-child(1) { height: 1010px; }
.p-contentsStepBlock:nth-child(1).lazyloaded { background-image: url(../images/lp/ver03/cont07_bg01.webp); }
.p-contentsStepBlock:nth-child(2) { height: 1018px; }
.p-contentsStepBlock:nth-child(2).lazyloaded { background-image: url(../images/lp/ver03/cont07_bg02.webp); }
.p-contentsStepBlock:nth-child(3) { height: 1025px; }
.p-contentsStepBlock:nth-child(3).lazyloaded { background-image: url(../images/lp/ver03/cont07_bg03.webp); }
.p-contentsStepBlock:nth-child(odd) .p-contentsStepBlock__inner { padding: 0 0 0 370px; }
.p-contentsStepBlock:nth-child(even) .p-contentsStepBlock__inner { padding: 0 370px 0 0;  }

.p-contentsStepBlock__title { padding: 70px 0 64px; color: #333; font-size: 40px; font-weight: bold; line-height: 1; letter-spacing: .08em; }
.p-contentsStepBlock__list { position: relative; }
.p-contentsStepBlock__listItem { position: absolute; width: 418px; }
.p-contentsStepBlock__listItem:nth-child(1) { top: 0; left: 212px; }
.p-contentsStepBlock__listItem:nth-child(2) { top: 224px; left: 0; }
.p-contentsStepBlock__listItem:nth-child(3) { top: 446px; left: 212px; }
.p-contentsStep__head { margin: 0 0 15px; color: #349599; font-size: 24px; font-weight: bold; line-height: 1; letter-spacing: .08em; }
.p-contentsStep__txt { color: #333; font-size: 16px; line-height: 29px; letter-spacing: .08em; }
.p-contentsStepBlock__listItem:nth-child(3) .p-contentsStep__txt { letter-spacing: .07em; }


/*--------------------------------------------------------------
	LP ver03 構築の成功事例　スライダー
-------------------------------------------------------------- */
#lp-ver03-slider { position: relative; width: 100%; }
.slider-inner { position: relative; margin: 0 auto; width: 1000px; height: 547px; transition: opacity .5s ease; opacity: 0; }
.slider-view__box { display: flex; justify-content: space-between; margin: 0 0 45px; }
.slider-view__boxl { width: 480px; padding: 0 10px; }
.slider-view__boxr { position: relative; width: 510px; }

.slider-view__head { display: flex; margin: 0 0 21px; }
.slider-view__head .case-num { position: relative; width: 98px; }
.slider-view__head .case-img { position: absolute; bottom: -8px; left: 0; width: 88px; }
.slider-view__head .case-div { display: flex; align-items: center; justify-content: center; width: 362px; }
.slider-view__head .case-div .trans, .slider-view__head .case-div .biz { display: flex; align-items: center; height: 26px; padding: 0 15px; color: #2a9ba0; font-size: 16px; font-weight: bold; letter-spacing: .05em; text-align: center; background: #f4f4f4; border-radius: 13px; }
.slider-view__head .case-div .biz { margin: 0 0 0 7px; }
.slider-view__item:nth-child(3) .slider-view__head .case-div .biz { letter-spacing: -.06em; }
.slider-view__item:nth-child(4) .slider-view__head .case-div .biz { font-size: 15px; letter-spacing: -.08em; }
.slider-view__item:nth-child(7) .slider-view__head .case-div .biz { padding: 0 10px; font-size: 14px; letter-spacing: -.08em; }

.slider-view__ttl { margin: 0 0 20px; padding: 0 0 10px; color: #292929; font-size: 32px; font-weight: bold; line-height: 1.37; letter-spacing: .07em; background-image: linear-gradient(to right, #00497d 4px, transparent 4px); background-size: 9px 1px; background-repeat: repeat-x; background-position: .2% 100%; }
.slider-view__item:nth-child(1) .slider-view__ttl { letter-spacing: .02em; }
.slider-view__item:nth-child(5) .slider-view__ttl { letter-spacing: .02em; }
.slider-view__item:nth-child(8) .slider-view__ttl { letter-spacing: .06em; }
.slider-view__desc { color: #292929; font-size: 16px; line-height: 1.75; letter-spacing: .07em; }
.slider-view__capture { width: 571px; margin: 0 0 0 -10px; }
.slider-view__detaile { position: absolute; top: 347px; right: -10px; width: 100%; }
.slider-view__name { color: #292929; font-size: 16px; line-height: normal; letter-spacing: .05em; text-align: right; }
.slider-view__url { font-size: 12px; line-height: normal; letter-spacing: .05em; text-align: right; }
.slider-view__url a { color: #9a9a9a; }
.slider-view__url a:hover { color: #000; text-decoration: underline; }

.slider-thumb { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 70px; margin: 0 0 0 10px; }
.slider-thumb .slick-track { transform: unset !important; }
.slider-thumb__item { position: relative; width: 96px; margin: 0 0 0 4.4px; border-radius: 8px; filter: brightness(.5); transition: filter 1.7s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer; overflow: hidden; }
.slider-thumb__item:hover { filter: brightness(1.3); }
.slider-thumb__item.slick-current { filter: brightness(1); }
.slider-thumb__item img { transition: transform .4s ease; }
.slider-thumb__item:hover img { transform: scale(1.05); }
/*
.slider-thumb__item::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); border-radius: 8px; transition: opacity .3s ease-in-out; content: ''; }
.slider-thumb__item.slick-current::after { opacity: 0; }
*/

/* slick slider */
#lp-ver03-slider .slick-list { overflow: visible; }
#lp-ver03-slider .slick-arrow { position: absolute; z-index: 50; top: 160px; width: 59px; height: 59px; text-indent: -9999px; background: #fce519; border-radius: 50%; overflow: hidden; transition: opacity .2s ease-in-out; cursor: pointer; }
#lp-ver03-slider .slick-arrow:hover { opacity: .7; }
#lp-ver03-slider .slick-arrow.prev { left: -185px; }
#lp-ver03-slider .slick-arrow.next { right: -205px; }
#lp-ver03-slider .slick-arrow.prev::after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; right: 22px; width: 9px; height: 9px; border-top: 2px solid #349599; border-right: 2px solid #349599; border-radius: 2px; transform: rotate(-135deg); }
#lp-ver03-slider .slick-arrow.next::after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 22px; width: 9px; height: 9px; border-top: 2px solid #349599; border-right: 2px solid #349599; border-radius: 2px; transform: rotate(45deg); }



/*--------------------------------------------------------------
	LP ver03 分析改善の成功事例　スライダー
-------------------------------------------------------------- */
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__contents { padding: 28px 0 0 0; background: no-repeat 50% 0; margin: 0 0 50px; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__contents.lazyloaded { background-image: url(../images/lp/common/case/case_bg.png); }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideTextArea { padding: 0 0 60px; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider { padding: 0 0 28px 0; margin: 0 -40px 0 0; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideTitle01 { position: relative; margin: -2px 0 0 0; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: .04em; line-height: 1.6; text-align: left; padding: 0 0 0 18px; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideTitle01::after { position: absolute; content: ""; width: 80px; bottom: -10px; left: 28px; border-bottom: 1px solid #fff; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideTitle02 { margin: 20px 0 0; color: #fff; font-size: 24px; font-weight: bold; letter-spacing: .04em; padding: 0; line-height: 1.375; text-align: left; border: none; padding: 0 0 0 28px; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideTextBlock { margin: 55px 0 0; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideText { color: #000; font-size: 16px; line-height: 1.9; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDl { display: flex; align-items: center; font-weight: bold; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDl.dl01 { width: 600px; height: 70px; margin: 30px 0 0; border: solid #c5c5c5; border-width: 1px 0; box-sizing: border-box; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDl.dl02 { height: 138px; margin: 20px 0 0; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDt { width: 125px; color: #fff; font-size: 20px; line-height: 70px; text-align: center; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDt.dt01 { background: #000; line-height: 70px; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDt.dt02 { position: relative; background: #f43f0e; line-height: 138px; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDt.dt02::after { position: absolute; content: ""; width: 0; height: 0; top: 0; left: 50%; transform: translateX(-50%); border-width: 15px 10px; border-style: solid; border-color: #fff transparent transparent transparent; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDd01 { padding: 10px 0 10px 14px; font-size: 16px; color: #000; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDd02 { position: relative; width: 600px; padding: 24px 180px 24px 17px; background: #fff6f3; font-size: 22px; color: #000; line-height: 1.4; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slideDd02 .custom-color { color: #f43f0e; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__item { position: absolute; width: 120px; height: 121px; bottom: 120px; left: 458px; padding: 30px 0; color: #fff; font-size: 20px; font-weight: normal; text-align: center; line-height: 1.2; z-index: 2; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__item.lazyloaded { background-image: url(../images/lp/common/case/case_item01.png); }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__item.custom { top: 65px; left: 608px; padding: 28px 0; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__item .bold { font-weight: bold; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__item .fs-custom { font-size: 26px; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__img { position: absolute; width: 534px; right: 0; top: 20px; z-index: 1; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__img.custom { width: 562px; right: -10px; bottom: -17px; }
/* Block01　slider arrow */
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-arrow { position: absolute; width: 28px; height: 28px; border-top: solid 5px #000; border-left: solid 5px #000; text-indent: -99999px; cursor: pointer; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-arrow:hover { opacity: .7; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-arrow.prev { top:250px; left: -75px; transform: rotate(-45deg); }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-arrow.next { top:250px; right: -75px; /*right: -35px;*/ transform: rotate(135deg); }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-dots { width: 1000px; bottom: 0; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-dots li { width: 10px; height: 20px; margin: 0 5px; cursor: pointer; padding: 0; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-dots li button { width: 10px; height: 10px; border-radius: 50%; background: #9f9f9f; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-dots li button::before { content: none; }
body.lp_ver03 #cont01 li.reason03 .p-contentsBlock01__slider .slick-dots .slick-active button { background: #549a9e; }



/*--------------------------------------------------------------
	Mediaquary
-------------------------------------------------------------- */
@media screen and (min-width: 2000px) {
	body.lp_ver03 #cont02 { background-size: cover; }
}