@charset "UTF-8";
#lp html, #lp body, #lp div, #lp span, #lp object, #lp iframe,
#lp h1, #lp h2, #lp h3, #lp h4, #lp h5, #lp h6, #lp p, #lp blockquote, #lp pre,
#lp abbr, #lp address, #lp cite, #lp code,
#lp del, #lp dfn, #lp em, #lp img, #lp ins, #lp kbd, #lp q, #lp samp,
#lp small, #lp strong, #lp sub, #lp sup, #lp var,
#lp b, #lp i,
#lp dl, #lp dt, #lp dd, #lp ol, #lp ul, #lp li,
#lp fieldset, #lp form, #lp label, #lp legend,
#lp table, #lp caption, #lp tbody, #lp tfoot, #lp thead, #lp tr, #lp th, #lp td,
#lp article, #lp aside, #lp canvas, #lp details, #lp figcaption, #lp figure,
#lp footer, #lp header, #lp hgroup, #lp menu, #lp nav, #lp section, #lp summary,
#lp time, #lp mark, #lp audio, #lp video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html {
    scroll-behavior:smooth;
}
#lp body {
line-height: 1;
}
#lp article, #lp aside, #lp details, #lp figcaption, #lp figure,
#lp footer, #lp header, #lp hgroup, #lp menu, #lp nav, #lp section {
display: block;
}
#lp blockquote, #lp q {
quotes: none;
}
#lp blockquote:before, #lp blockquote:after,
#lp q:before, #lp q:after {
content: "";
content: none;
}
#lp h1,
#lp h2,
#lp h3,
#lp h4,
#lp h5,
#lp h6 {
font-weight: inherit;
max-width: none;
overflow: unset;
}
#lp a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
#lp ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
#lp mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
#lp del {
text-decoration: line-through;
}
#lp abbr[title], #lp dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
#lp table {
border-collapse: collapse;
border-spacing: 0;
}
#lp th {
text-align: left;
vertical-align: top;
font-weight: normal;
}
#lp td {
text-align: left;
vertical-align: top;
}
#lp hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
#lp input, #lp select, #lp textarea, #lp img {
vertical-align: middle;
}
#lp ul, #lp dl, #lp ol {
list-style: none;
}
#lp em {
font-style: normal;
font-weight: 700;
}
#lp * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* ========================================
■ sass関数設定
======================================== */
/* 関数
----------------------------- */
/* ========================================
■ LP本体部
======================================== */
#lp {
/* -----------------------------------
変数
------------------------------------ */
--init-width-sp: 768 * 100vw;
--init-width-pc: 1536 * 100vw;
--font-family-default: "Noto Sans JP", sans-serif;
--color-main01: #0CA074;
--color-red01: #CF142B;
--color-blue01: #004F88;
--color-orange01: #FF6601;
--color-black01: #151414;
--color-yellow01: #FFF500;
--color-yellow02: #FFF8D3;
--color-yellow03: #FFE661;
--grad-blue01: linear-gradient(90deg, #0073C6, #004F88);
--color-bg-default: #fff;
--color-font-default: var(--color-black01);
--color-link-default: #0073C6;
/* -----------------------------------
LP内リセット
------------------------------------ */
font-family: var(--font-family-default);
font-optical-sizing: auto;
color: var(--color-font-default);
line-height: 1.6;
background: var(--color-bg-default);
-webkit-text-size-adjust: 100%;
font-size: calc(26 / var(--init-width-sp));
/* -----------------------------------
汎用class
------------------------------------ */
/* marker */
/* 下線 */
/* 標準テキストボックス */
/* フェードインアニメーション */
/* -----------------------------------
lp_fv
------------------------------------ */
/* -----------------------------------
lp_cta
------------------------------------ */
/* -----------------------------------
lp_sec01
------------------------------------ */
/* -----------------------------------
lp_sec02
------------------------------------ */
/* -----------------------------------
lp_sec03
------------------------------------ */
/* -----------------------------------
lp_sec04
------------------------------------ */
/* -----------------------------------
lp_sec05
------------------------------------ */
/* -----------------------------------
lp_sec06
------------------------------------ */
/* -----------------------------------
lp_sec07
------------------------------------ */
/* -----------------------------------
lp_sec08
------------------------------------ */
/* -----------------------------------
lp_sec09
------------------------------------ */
}
@media screen and (min-width: 769px) {
#lp {
font-size: calc(21 / var(--init-width-pc));
}
}
#lp a {
color: var(--color-link-default);
text-decoration: underline;
transition: 0.2s ease;
}
#lp a::before, #lp a::after {
transition: 0.2s ease;
}
#lp a:hover {
text-decoration: none;
transition: 0.2s ease;
}
#lp a:hover::before, #lp a:hover::after {
transition: 0.2s ease;
}
#lp img,
#lp video,
#lp object {
width: 100%;
height: auto;
vertical-align: bottom;
border: none;
}
#lp section {
position: relative;
}
#lp mark {
background: none;
color: inherit;
font-weight: inherit;
font-style: inherit;
}
#lp picture {
display: block;
}
#lp .font_main01 {
color: var(--color-main01);
}
#lp .font_red01 {
color: var(--color-red01);
}
#lp .font_blue01 {
color: var(--color-blue01);
}
#lp .font_orange01 {
color: var(--color-orange01);
}
#lp .font_black01 {
color: var(--color-black01);
}
#lp .font_yellow01 {
color: var(--color-yellow01);
}
#lp .font_yellow02 {
color: var(--color-yellow02);
}
#lp .font_yellow03 {
color: var(--color-yellow03);
}
#lp .is_sp {
display: block;
}
@media screen and (min-width: 769px) {
#lp .is_sp {
display: none;
}
}
#lp .is_pc {
display: none;
}
@media screen and (min-width: 769px) {
#lp .is_pc {
display: block;
}
}
#lp img.is_sp,
#lp br.is_sp {
display: inline-block;
}
@media screen and (min-width: 769px) {
#lp img.is_sp,
#lp br.is_sp {
display: none;
}
}
#lp img.is_pc,
#lp br.is_pc {
display: none;
}
@media screen and (min-width: 769px) {
#lp img.is_pc,
#lp br.is_pc {
display: inline-block;
}
}
#lp .wrap {
position: relative;
width: 100%;
max-width: 768px;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
#lp .wrap {
max-width: 1536px;
}
}
#lp .clearfix {
overflow: hidden;
zoom: 1;
}
#lp .clearfix:after {
content: "";
display: block;
clear: both;
}
#lp .hover:hover {
transition: 0.2s ease;
}
#lp .hover:hover:hover {
transform: scale(0.98, 0.98);
transition: 0.2s ease;
}
#lp mark {
background: linear-gradient(0deg, #F3F3F3 50%, transparent 50%);
}
#lp .marker_full_blue01 {
background: var(--color-blue01);
padding: 0 0.5em;
}
#lp .marker_full_yellow02 {
background: var(--color-yellow02);
}
#lp .marker_full_yellow03 {
background: var(--color-yellow03);
}
#lp .marker_full_white01 {
background: #fff;
}
#lp .marker_half_yellow01 {
background: linear-gradient(0deg, var(--color-yellow01) 50%, transparent 50%);
}
#lp .marker_half_yellow03 {
background: linear-gradient(0deg, var(--color-yellow03) 50%, transparent 50%);
}
#lp .underline_orange01 {
border-bottom: solid 2px var(--color-orange01);
}
#lp .underline_yellow01 {
border-bottom: solid 2px var(--color-yellow01);
}
#lp .cmn_textbox01 > p:nth-of-type(n+2) {
margin-top: 1em;
}
#lp .anime_fadeIn {
opacity: 0;
}
#lp .anime_fadeIn.animated {
opacity: 1;
}
#lp #lp_fv {
background: url(../img/lp_fv_bg01.png) no-repeat center top;
background-size: 100% auto;
height: calc(945 / var(--init-width-sp));
padding: calc(118 / var(--init-width-sp)) 0 0;
}
#lp .lp_fv_copy {
font-weight: 700;
letter-spacing: 0.1em;
}
#lp .lp_fv_copy .txt01 {
font-weight: 700;
margin: 0 0 0 calc(50 / var(--init-width-sp));
font-size: calc(30 / var(--init-width-sp));
line-height: 150%;
text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px, #fff 0px -2px 0px, #fff 0px 2px 0px, #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px, #fff 1px 2px 0px, #fff -1px 2px 0px, #fff 1px -2px 0px, #fff -1px -2px 0px, #fff 2px 1px 0px, #fff -2px 1px 0px, #fff 2px -1px 0px, #fff -2px -1px 0px, #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}
#lp .lp_fv_copy .txt01 .deco {
display: inline-block;
background: url(../img/lp_fv_copy_deco01@2x.png) no-repeat left top;
background-size: 100% 100%;
width: calc(224 / var(--init-width-sp));
height: calc(85 / var(--init-width-sp));
margin: 0 calc(7 / var(--init-width-sp)) 0 0;
padding: 0 0 0 calc(93 / var(--init-width-sp));
text-shadow: none;
font-size: calc(38 / var(--init-width-sp));
line-height: 147.3684210526%;
color: var(--color-yellow01);
}
#lp .lp_fv_copy .tit01 {
margin: -10px 0 0 calc(43 / var(--init-width-sp));
font-size: calc(42 / var(--init-width-sp));
line-height: 150%;
color: var(--color-blue01);
}
#lp .lp_fv_copy .tit01 .marker_full_blue01 {
color: #fff;
}
#lp .lp_fv_copy .tit01 .big {
font-size: calc(70 / var(--init-width-sp));
letter-spacing: 0;
}
#lp .lp_fv_copy .tit01 .small {
font-size: calc(25 / var(--init-width-sp));
letter-spacing: 0;
}
#lp .lp_fv_copy .tit01 .fuchi_white_3px {
position: relative;
-webkit-text-stroke: 3px #fff;
text-stroke: 3px #fff;
}
#lp .lp_fv_copy .tit01 .fuchi_white_3px::before {
content: attr(data-text);
display: inline-block;
position: absolute;
-webkit-text-stroke: 0;
text-stroke: 0;
margin: calc(10 / var(--init-width-sp)) 0 0 0;
}
#lp .lp_fv_copy .tit01 .fuchi_white_5px {
position: relative;
-webkit-text-stroke: 5px #fff;
text-stroke: 5px #fff;

}
#lp .lp_fv_copy .tit01 .fuchi_white_5px::before {
content: attr(data-text);
display: inline-block;
position: absolute;
-webkit-text-stroke: 0;
text-stroke: 0;
}
#lp .lp_fv_txt01 {
position: relative;
background: var(--grad-blue01);
width: calc(600 / var(--init-width-sp));
border-radius: 4px;
margin: calc(20 / var(--init-width-sp)) auto 0;
padding: 2px;
}
#lp .lp_fv_txt01 .inner {
background: #fff;
border-radius: 2px;
padding: calc(24 / var(--init-width-sp)) 0 calc(24 / var(--init-width-sp)) calc(48 / var(--init-width-sp));
}
#lp .lp_fv_txt01 .txt01 {
font-weight: 700;
font-size: calc(24 / var(--init-width-sp));
line-height: 150%;
letter-spacing: 0.1em;
color: #266A9C;
}
#lp .lp_fv_txt01 .img01 {
position: absolute;
right: calc(8 / var(--init-width-sp));
top: calc(-13 / var(--init-width-sp));
width: calc(74 / var(--init-width-sp));
}
@media screen and (min-width: 769px) {
#lp #lp_fv {
background-image: url(../img/lp_fv_bg01_pc@2x.png);
height: calc(592 / var(--init-width-pc));
padding: calc(70 / var(--init-width-pc)) 0 0;
}
#lp .lp_fv_copy .txt01 {
margin: 0 0 0 calc(167 / var(--init-width-pc));
font-size: calc(26 / var(--init-width-pc));
line-height: 100%;
}
#lp .lp_fv_copy .txt01 .deco {
width: calc(214 / var(--init-width-pc));
height: calc(73 / var(--init-width-pc));
margin: 0 calc(6 / var(--init-width-pc)) 0 0;
padding: 0 0 0 calc(88 / var(--init-width-pc));
font-size: calc(38 / var(--init-width-pc));
line-height: 110%;
}
#lp .lp_fv_copy .tit01 {
margin: -10px 0 0 calc(172 / var(--init-width-pc));
font-size: calc(40 / var(--init-width-pc));
line-height: 180%;
}
#lp .lp_fv_copy .tit01 .big {
font-size: calc(65 / var(--init-width-pc));
}
#lp .lp_fv_copy .tit01 .small {
font-size: calc(25 / var(--init-width-pc));
}
#lp .lp_fv_txt01 {
width: calc(545 / var(--init-width-pc));
margin: calc(32 / var(--init-width-pc)) 0 0 calc(200 / var(--init-width-pc));
padding: 3px;
}
#lp .lp_fv_copy .tit01 .fuchi_white_3px::before {
margin: calc(8 / var(--init-width-pc)) 0 0 0;
}
#lp .lp_fv_txt01 .inner {
padding: calc(24 / var(--init-width-pc)) 0 calc(24 / var(--init-width-pc)) calc(34 / var(--init-width-pc));
}
#lp .lp_fv_txt01 .txt01 {
font-size: calc(21 / var(--init-width-pc));
line-height: 160%;
}
#lp .lp_fv_txt01 .img01 {
right: calc(20 / var(--init-width-pc));
top: calc(-18 / var(--init-width-pc));
width: calc(70 / var(--init-width-pc));
}
}
#lp .lp_cta {
position: relative;
background: var(--color-blue01);
}
#lp .lp_cta.bg_long {
padding: calc(45 / var(--init-width-sp)) 0 0;
}
#lp .lp_cta.bg_long .lp_cta_tit01 {
font-weight: 700;
font-size: calc(36 / var(--init-width-sp));
line-height: 153%;
letter-spacing: 0.1em;
color: #fff;
text-align: center;
}
#lp .lp_cta.bg_long .lp_cta_inner {
padding: calc(38 / var(--init-width-sp)) 0 calc(35 / var(--init-width-sp));
}
#lp .lp_cta.bg_long .lp_cta_sample {
position: relative;
left: 0;
top: 0;
transform: translateX(0);
margin: 0 auto;
}
#lp .lp_cta.bg_long .lp_cta_consult {
margin-top: calc(28 / var(--init-width-sp));
}
#lp .lp_cta_inner {
padding: calc(410 / var(--init-width-sp)) 0 calc(35 / var(--init-width-sp));
}
#lp .lp_cta_sample {
position: absolute;
left: 50%;
top: calc(-100 / var(--init-width-sp));
transform: translateX(-50%);
display: block;
width: calc(688 / var(--init-width-sp));
background: var(--color-main01);
border: calc(5 / var(--init-width-sp)) solid #fff;
box-shadow: calc(10 / var(--init-width-sp)) calc(10 / var(--init-width-sp)) 0 rgba(132, 132, 132, 0.8);
border-radius: calc(10 / var(--init-width-sp));
padding: calc(20 / var(--init-width-sp)) 0 calc(24 / var(--init-width-sp));
text-decoration: none;
}
#lp .lp_cta_sample:hover {
box-shadow: none;
}
#lp .lp_cta_sample:hover .lp_cta_sample_ico01 {
transform: translateX(10%);
}
#lp .lp_cta_sample_tit01 {
text-align: center;
font-weight: 700;
font-size: calc(36 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_cta_sample_tit01 .big {
font-size: calc(46 / var(--init-width-sp));
}
#lp .lp_cta_sample_txt01 {
margin: calc(7 / var(--init-width-sp)) 0 0;
font-weight: 500;
font-size: calc(26 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_cta_sample_list {
width: calc(643 / var(--init-width-sp));
margin: calc(13 / var(--init-width-sp)) auto 0;
display: grid;
grid-template-columns: calc(246 / var(--init-width-sp)) 1fr 1fr;
grid-template-rows: repeat(2, calc(120 / var(--init-width-sp)));
gap: calc(8 / var(--init-width-sp)) calc(15 / var(--init-width-sp));
}
#lp .lp_cta_sample_list > li {
display: grid;
grid-template-rows: auto auto;
place-content: center;
background: url(../img/lp_cta_sample_btn_bg01.svg) no-repeat center bottom #FFFFF5;
background-size: 100% auto, contain;
border-radius: calc(4 / var(--init-width-sp));
padding: calc(6 / var(--init-width-sp));
}
#lp .lp_cta_sample_list > li:nth-of-type(1) {
grid-row: 1/3;
}
#lp .lp_cta_sample_list .txt01 {
text-align: center;
font-weight: 700;
font-size: calc(21 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #000;
}
#lp .lp_cta_sample_list .img01 {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
overflow: hidden;
}
#lp .lp_cta_sample_ico01 {
position: absolute;
right: calc(30 / var(--init-width-sp));
top: calc(37 / var(--init-width-sp));
width: calc(44 / var(--init-width-sp));
transition: 0.2s ease;
}
#lp .lp_cta_consult {
position: relative;
display: block;
width: calc(688 / var(--init-width-sp));
background: #FFE4B0;
border: calc(5 / var(--init-width-sp)) solid #fff;
box-shadow: calc(10 / var(--init-width-sp)) calc(10 / var(--init-width-sp)) 0 rgba(132, 132, 132, 0.8);
border-radius: calc(10 / var(--init-width-sp));
padding: calc(20 / var(--init-width-sp)) 0 calc(24 / var(--init-width-sp));
text-decoration: none;
margin: 0 auto;
}
#lp .lp_cta_consult:hover {
box-shadow: none;
}
#lp .lp_cta_consult:hover .lp_cta_consult_ico01 {
transform: translateX(10%);
}
#lp .lp_cta_consult_tit01 {
text-align: center;
font-weight: 700;
font-size: calc(36 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #007351;
}
#lp .lp_cta_consult_tit01 .big {
font-size: calc(46 / var(--init-width-sp));
}
#lp .lp_cta_consult_list {
width: calc(620 / var(--init-width-sp));
margin: calc(13 / var(--init-width-sp)) auto 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: calc(173 / var(--init-width-sp));
gap: calc(28 / var(--init-width-sp));
}
#lp .lp_cta_consult_list > li {
display: grid;
grid-template-rows: auto auto;
gap: calc(10 / var(--init-width-sp));
place-content: center;
background: #FFFBE3;
border-radius: calc(10 / var(--init-width-sp));
padding: calc(14 / var(--init-width-sp));
}
#lp .lp_cta_consult_list .txt01 {
text-align: center;
font-weight: 700;
font-size: calc(24 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #007351;
}
#lp .lp_cta_consult_list .img01 {
display: block;
margin: 0 auto;
width: calc(94 / var(--init-width-sp));
height: calc(94 / var(--init-width-sp));
object-fit: contain;
object-position: center center;
overflow: hidden;
}
#lp .lp_cta_consult_ico01 {
position: absolute;
right: calc(30 / var(--init-width-sp));
top: calc(34 / var(--init-width-sp));
width: calc(44 / var(--init-width-sp));
transition: 0.2s ease;
}
@media screen and (min-width: 769px) {
#lp .lp_cta {
padding: calc(324 / var(--init-width-pc)) 0 0;
}
#lp .lp_cta.bg_long {
padding: calc(50 / var(--init-width-pc)) 0 0;
}
#lp .lp_cta.bg_long .lp_cta_tit01 {
font-size: calc(32 / var(--init-width-pc));
}
#lp .lp_cta.bg_long .lp_cta_inner {
padding: calc(42 / var(--init-width-pc)) 0 calc(50 / var(--init-width-pc));
position: relative;
left: 0;
top: 0;
transform: translateX(0);
}
#lp .lp_cta.bg_long .lp_cta_sample {
margin: 0;
}
#lp .lp_cta.bg_long .lp_cta_consult {
margin-top: 0;
}
#lp .lp_cta_inner {
padding: 0;
display: flex;
justify-content: center;
gap: calc(20 / var(--init-width-pc));
position: absolute;
left: 50%;
top: calc(-90 / var(--init-width-pc));
transform: translateX(-50%);
}
#lp .lp_cta_sample {
position: relative;
left: 0;
top: 0;
transform: translateX(0);
width: calc(700 / var(--init-width-pc));
padding: calc(16 / var(--init-width-pc)) 0;
border: calc(5 / var(--init-width-pc)) solid #fff;
box-shadow: calc(10 / var(--init-width-pc)) calc(10 / var(--init-width-pc)) 0 rgba(132, 132, 132, 0.8);
border-radius: calc(10 / var(--init-width-pc));
}
#lp .lp_cta_sample_tit01 {
font-size: calc(32 / var(--init-width-pc));
}
#lp .lp_cta_sample_tit01 .big {
font-size: calc(40 / var(--init-width-pc));
}
#lp .lp_cta_sample_txt01 {
margin: calc(10 / var(--init-width-pc)) 0 0;
font-weight: 700;
font-size: calc(16 / var(--init-width-pc));
}
#lp .lp_cta_sample_list {
width: calc(643 / var(--init-width-pc));
margin: calc(10 / var(--init-width-pc)) auto 0;
display: grid;
grid-template-columns: calc(246 / var(--init-width-pc)) 1fr 1fr;
grid-template-rows: repeat(2, calc(108 / var(--init-width-pc)));
gap: calc(8 / var(--init-width-pc)) calc(15 / var(--init-width-pc));
}
#lp .lp_cta_sample_list > li {
border-radius: calc(10 / var(--init-width-pc));
padding: calc(6 / var(--init-width-pc));
}
#lp .lp_cta_sample_list .txt01 {
font-size: calc(16 / var(--init-width-pc));
}
#lp .lp_cta_sample_ico01 {
right: calc(33 / var(--init-width-pc));
top: calc(23 / var(--init-width-pc));
width: calc(44 / var(--init-width-pc));
}
#lp .lp_cta_consult {
width: calc(493 / var(--init-width-pc));
border: calc(5 / var(--init-width-pc)) solid #fff;
box-shadow: calc(10 / var(--init-width-pc)) calc(10 / var(--init-width-pc)) 0 rgba(132, 132, 132, 0.8);
border-radius: calc(10 / var(--init-width-pc));
padding: calc(20 / var(--init-width-pc)) 0 calc(30 / var(--init-width-pc));
margin: 0;
}
#lp .lp_cta_consult_tit01 {
font-size: calc(32 / var(--init-width-pc));
}
#lp .lp_cta_consult_tit01 .big {
font-size: calc(40 / var(--init-width-pc));
}
#lp .lp_cta_consult_list {
width: 90%;
margin: calc(23 / var(--init-width-pc)) auto 0;
gap: calc(16 / var(--init-width-pc)) calc(20 / var(--init-width-pc));
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#lp .lp_cta_consult_list > li {
gap: calc(4 / var(--init-width-pc));
border-radius: calc(10 / var(--init-width-pc));
padding: calc(6 / var(--init-width-pc));
width: calc(154 / var(--init-width-pc));
height: calc(108 / var(--init-width-pc));
}
#lp .lp_cta_consult_list > li:nth-of-type(1) {
margin: 0 100px;
}
#lp .lp_cta_consult_list .txt01 {
font-size: calc(16 / var(--init-width-pc));
}
#lp .lp_cta_consult_list .img01 {
width: calc(78 / var(--init-width-pc));
height: calc(64 / var(--init-width-pc));
}
#lp .lp_cta_consult_ico01 {
right: calc(33 / var(--init-width-pc));
top: calc(23 / var(--init-width-pc));
width: calc(44 / var(--init-width-pc));
}
}
#lp #lp_sec01 {
background: url(../img/lp_sec01_bg01.svg) no-repeat center top;
background-size: cover;
padding: calc(88 / var(--init-width-sp)) 0 calc(63 / var(--init-width-sp));
}
#lp .lp_sec01_tit01 {
font-weight: 700;
font-size: calc(40 / var(--init-width-sp));
line-height: 138%;
text-align: center;
letter-spacing: 0.1em;
color: var(--color-blue01);
}
#lp .lp_sec01_worry > li {
position: relative;
width: calc(687 / var(--init-width-sp));
margin: calc(30 / var(--init-width-sp)) auto 0;
padding: 0 0 calc(242 / var(--init-width-sp));
}
#lp .lp_sec01_worry > li:nth-of-type(1) {
margin-top: calc(54 / var(--init-width-sp));
}
#lp .lp_sec01_worry .balloon {
background: #fff;
border-radius: calc(30 / var(--init-width-sp)) calc(30 / var(--init-width-sp)) 0 calc(30 / var(--init-width-sp));
padding: calc(40 / var(--init-width-sp));
font-weight: 500;
font-size: calc(32 / var(--init-width-sp));
letter-spacing: 0.1em;
text-align: center;
}
#lp .lp_sec01_worry .img {
position: absolute;
left: 0;
bottom: 0;
}
#lp .lp_sec01_arrow {
width: calc(50 / var(--init-width-sp));
margin: calc(22 / var(--init-width-sp)) auto 0;
}
@media screen and (min-width: 769px) {
#lp #lp_sec01 {
background-image: url(../img/lp_sec01_bg01_pc.svg);
padding: calc(90 / var(--init-width-pc)) 0 calc(28 / var(--init-width-pc));
}
#lp .lp_sec01_tit01 {
font-size: calc(40 / var(--init-width-pc));
}
#lp .lp_sec01_worry {
display: flex;
justify-content: center;
margin: calc(40 / var(--init-width-pc)) 0 0;
}
#lp .lp_sec01_worry > li {
width: calc(366 / var(--init-width-pc));
margin: 0 calc(15 / var(--init-width-pc));
padding: 0 0 calc(108 / var(--init-width-pc));
}
#lp .lp_sec01_worry > li:nth-of-type(1) {
margin-top: 0;
}
#lp .lp_sec01_worry .balloon {
border-radius: calc(30 / var(--init-width-pc)) calc(30 / var(--init-width-pc)) 0 calc(30 / var(--init-width-pc));
padding: calc(35 / var(--init-width-pc)) 0 0;
font-weight: 700;
font-size: calc(18 / var(--init-width-pc));
height: calc(190 / var(--init-width-pc));
}
#lp .lp_sec01_worry .img {
width: calc(392 / var(--init-width-pc));
}
#lp .lp_sec01_arrow {
width: calc(32 / var(--init-width-pc));
margin: calc(30 / var(--init-width-pc)) auto 0;
}
}
#lp #lp_sec02 {
background: url(../img/lp_sec02_bg01.png) no-repeat center top;
background-size: cover;
padding: 0 0 calc(196 / var(--init-width-sp));
}
#lp .lp_sec02_head {
position: relative;
background: var(--color-red01);
}
#lp .lp_sec02_head::after {
content: "";
display: block;
background: url(../img/lp_sec02_head_delta01.svg) space center bottom;
background-size: calc(56 / var(--init-width-sp)) auto;
width: calc(56 / var(--init-width-sp));
height: calc(35 / var(--init-width-sp));
position: absolute;
left: 50%;
bottom: calc(-30 / var(--init-width-sp));
transform: translateX(-50%);
}
#lp .lp_sec02_head .tit01 {
position: relative;
padding: calc(20 / var(--init-width-sp)) 0;
font-weight: 700;
font-size: calc(40 / var(--init-width-sp));
line-height: 160%;
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec02_head .tit01::before, #lp .lp_sec02_head .tit01::after {
content: "";
display: block;
width: calc(48 / var(--init-width-sp));
height: calc(48 / var(--init-width-sp));
position: absolute;
}
#lp .lp_sec02_head .tit01::before {
border-top: solid calc(5 / var(--init-width-sp)) #fff;
border-left: solid calc(5 / var(--init-width-sp)) #fff;
left: calc(40 / var(--init-width-sp));
top: calc(20 / var(--init-width-sp));
}
#lp .lp_sec02_head .tit01::after {
border-right: solid calc(5 / var(--init-width-sp)) #fff;
border-bottom: solid calc(5 / var(--init-width-sp)) #fff;
right: calc(40 / var(--init-width-sp));
bottom: calc(20 / var(--init-width-sp));
}
#lp .lp_sec02_point > li {
position: relative;
background: #fff;
width: calc(684 / var(--init-width-sp));
margin: calc(75 / var(--init-width-sp)) 0 0 calc(46 / var(--init-width-sp));
padding: calc(640 / var(--init-width-sp)) calc(16 / var(--init-width-sp)) calc(26 / var(--init-width-sp)) calc(38 / var(--init-width-sp));
}
#lp .lp_sec02_point > li:nth-of-type(1) {
margin-top: calc(66 / var(--init-width-sp));
}
#lp .lp_sec02_point_tit {
position: absolute;
right: 0;
top: 0;
width: calc(706 / var(--init-width-sp));
background: var(--color-red01);
padding: calc(14 / var(--init-width-sp)) 0 calc(14 / var(--init-width-sp)) calc(38 / var(--init-width-sp));
font-weight: 700;
font-size: calc(38 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec02_point_tit::after {
content: "";
display: block;
background: url(../img/lp_sec02_point_tit_deco02.svg) no-repeat center center;
background-size: 100% 100%;
width: calc(78 / var(--init-width-sp));
height: calc(38 / var(--init-width-sp));
position: absolute;
left: 0;
bottom: calc(-36 / var(--init-width-sp));
}
#lp .lp_sec02_point_tit .font_yellow01 {
position: relative;
}
#lp .lp_sec02_point_tit .font_yellow01::after {
content: "";
display: block;
background: url(../img/lp_sec02_point_tit_deco01@2x.png) no-repeat center center;
background-size: 100% 100%;
width: calc(93 / var(--init-width-sp));
height: calc(35 / var(--init-width-sp));
position: absolute;
left: 50%;
top: calc(-120 / var(--init-width-sp));
transform: translateX(calc(-50% - 0.5em));
}
#lp .lp_sec02_point_img {
width: calc(656 / var(--init-width-sp));
position: absolute;
left: calc(-4 / var(--init-width-sp));
top: calc(193 / var(--init-width-sp));
}
#lp .lp_sec02_point_txt {
font-weight: 500;
font-size: calc(28 / var(--init-width-sp));
letter-spacing: 0.1em;
}
#lp .lp_sec02_foot_img01 {
width: calc(161 / var(--init-width-sp));
position: absolute;
left: calc(63 / var(--init-width-sp));
bottom: calc(-98 / var(--init-width-sp));
}
#lp .lp_sec02_foot_img02 {
width: calc(128 / var(--init-width-sp));
position: absolute;
right: calc(50 / var(--init-width-sp));
bottom: calc(-98 / var(--init-width-sp));
}
@media screen and (min-width: 769px) {
#lp #lp_sec02 {
background-image: url(../img/lp_sec02_bg01_pc@2x.png);
padding: 0 0 calc(38 / var(--init-width-pc));
}
#lp .lp_sec02_head::after {
content: "";
display: block;
background: url(../img/lp_sec02_head_delta01_pc.svg) no-repeat center bottom;
background-size: 100% auto;
width: calc(820 / var(--init-width-pc));
height: calc(44 / var(--init-width-pc));
bottom: calc(-30 / var(--init-width-pc));
}
#lp .lp_sec02_head .tit01 {
padding: calc(50 / var(--init-width-pc)) 0;
font-size: calc(40 / var(--init-width-pc));
}
#lp .lp_sec02_head .tit01::before, #lp .lp_sec02_head .tit01::after {
width: calc(48 / var(--init-width-pc));
height: calc(48 / var(--init-width-pc));
}
#lp .lp_sec02_head .tit01::before {
border-top: solid calc(5 / var(--init-width-pc)) #fff;
border-left: solid calc(5 / var(--init-width-pc)) #fff;
left: calc(320 / var(--init-width-pc));
top: calc(20 / var(--init-width-pc));
}
#lp .lp_sec02_head .tit01::after {
border-right: solid calc(5 / var(--init-width-pc)) #fff;
border-bottom: solid calc(5 / var(--init-width-pc)) #fff;
right: calc(320 / var(--init-width-pc));
bottom: calc(20 / var(--init-width-pc));
}
#lp .lp_sec02_point {
margin: calc(66 / var(--init-width-pc)) 0 0;
display: flex;
justify-content: center;
}
#lp .lp_sec02_point > li {
width: calc(340 / var(--init-width-pc));
margin: 0 calc(18 / var(--init-width-pc));
padding: calc(410 / var(--init-width-pc)) calc(12 / var(--init-width-pc)) calc(18 / var(--init-width-pc)) calc(24 / var(--init-width-pc));
}
#lp .lp_sec02_point > li:nth-of-type(1) {
margin-top: 0;
}
#lp .lp_sec02_point_tit {
width: calc(360 / var(--init-width-pc));
padding: calc(12 / var(--init-width-pc)) 0 calc(12 / var(--init-width-pc)) calc(24 / var(--init-width-pc));
font-size: calc(24 / var(--init-width-pc));
}
#lp .lp_sec02_point_tit::after {
width: calc(46 / var(--init-width-pc));
height: calc(22 / var(--init-width-pc));
bottom: calc(-20 / var(--init-width-pc));
}
#lp .lp_sec02_point_tit .font_yellow01::after {
width: calc(59 / var(--init-width-pc));
height: calc(22 / var(--init-width-pc));
top: calc(-85 / var(--init-width-pc));
}
#lp .lp_sec02_point_img {
width: calc(348 / var(--init-width-pc));
left: calc(-26 / var(--init-width-pc));
top: calc(130 / var(--init-width-pc));
}
#lp .lp_sec02_point_txt {
font-weight: 700;
font-size: calc(18 / var(--init-width-pc));
}
#lp .lp_sec02_foot_img01 {
width: calc(137 / var(--init-width-pc));
left: calc(60 / var(--init-width-pc));
bottom: calc(-90 / var(--init-width-pc));
}
#lp .lp_sec02_foot_img02 {
width: calc(108 / var(--init-width-pc));
right: calc(80 / var(--init-width-pc));
bottom: calc(-95 / var(--init-width-pc));
}
}
#lp #lp_sec03 {
padding: calc(123 / var(--init-width-sp)) 0 calc(176 / var(--init-width-sp));
}
#lp .lp_sec03_topics {
width: calc(688 / var(--init-width-sp));
margin: 0 auto;
}
#lp .lp_sec03_topics_tit01 {
width: calc(353 / var(--init-width-sp));
}
#lp .lp_sec03_topics_box {
background: url(../img/lp_sec03_topics_box_bg01.png) no-repeat center top;
background-size: cover;
border: solid calc(5 / var(--init-width-sp)) #fff;
box-shadow: calc(4 / var(--init-width-sp)) calc(4 / var(--init-width-sp)) calc(10 / var(--init-width-sp)) rgba(0, 0, 0, 0.25);
padding: calc(20 / var(--init-width-sp));
}
#lp .lp_sec03_topics_box .inner {
background: #fff;
padding: calc(26 / var(--init-width-sp)) 0 calc(32 / var(--init-width-sp));
}
#lp .lp_sec03_topics_box_head {
margin: 0 calc(14 / var(--init-width-sp)) 0 calc(28 / var(--init-width-sp));
display: flex;
align-items: center;
gap: calc(30 / var(--init-width-sp));
}
#lp .lp_sec03_topics_box_head .ico {
width: calc(52 / var(--init-width-sp));
flex-shrink: 0;
}
#lp .lp_sec03_topics_box_head .tit {
font-weight: 500;
font-size: calc(32 / var(--init-width-sp));
letter-spacing: 0.1em;
color: var(--color-blue01);
}
#lp .lp_sec03_topics_box_txt01 {
width: calc(565 / var(--init-width-sp));
margin: calc(42 / var(--init-width-sp)) auto 0;
font-weight: 500;
font-size: calc(28 / var(--init-width-sp));
letter-spacing: 0.1em;
}
#lp .lp_sec03_topics_box_tbl {
width: calc(565 / var(--init-width-sp));
margin: calc(32 / var(--init-width-sp)) auto 0;
}
#lp .lp_sec03_topics_box_tbl caption {
background: #437969;
padding: calc(8 / var(--init-width-sp)) 0;
font-weight: 500;
font-size: calc(28 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec03_topics_box_tbl th, #lp .lp_sec03_topics_box_tbl td {
border: solid calc(10 / var(--init-width-sp)) #D7DAD9;
padding: calc(6 / var(--init-width-sp)) calc(18 / var(--init-width-sp));
vertical-align: middle;
font-weight: 500;
font-size: calc(21 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #424242;
}
#lp .lp_sec03_topics_box_tbl th em, #lp .lp_sec03_topics_box_tbl td em {
font-weight: 700;
}
#lp .lp_sec03_topics_box_tbl th {
text-align: center;
white-space: nowrap;
font-weight: 700;
color: var(--color-main01);
}
@media screen and (min-width: 769px) {
#lp #lp_sec03 {
padding: calc(33 / var(--init-width-pc)) 0 calc(165 / var(--init-width-pc));
}
#lp .lp_sec03_topics {
width: calc(1000 / var(--init-width-pc));
}
#lp .lp_sec03_topics_tit01 {
width: calc(222 / var(--init-width-pc));
}
#lp .lp_sec03_topics_box {
background-image: url(../img/lp_sec03_topics_box_bg01_pc@2x.png);
border: solid calc(5 / var(--init-width-pc)) #fff;
box-shadow: calc(4 / var(--init-width-pc)) calc(4 / var(--init-width-pc)) calc(10 / var(--init-width-pc)) rgba(0, 0, 0, 0.25);
padding: calc(20 / var(--init-width-pc));
}
#lp .lp_sec03_topics_box .inner {
padding: calc(14 / var(--init-width-pc)) calc(18 / var(--init-width-pc)) calc(14 / var(--init-width-pc)) calc(52 / var(--init-width-pc));
display: grid;
grid-template-columns: auto calc(314 / var(--init-width-pc));
grid-template-rows: auto auto;
gap: calc(20 / var(--init-width-pc)) calc(60 / var(--init-width-pc));
}
#lp .lp_sec03_topics_box_head {
align-self: end;
margin: 0;
gap: calc(10 / var(--init-width-pc));
}
#lp .lp_sec03_topics_box_head .ico {
width: calc(36 / var(--init-width-pc));
}
#lp .lp_sec03_topics_box_head .tit {
font-size: calc(27 / var(--init-width-pc));
font-weight: 700;
}
#lp .lp_sec03_topics_box_txt01 {
order: 3;
width: 100%;
margin: 0;
font-size: calc(21 / var(--init-width-pc));
}
#lp .lp_sec03_topics_box_tbl {
order: 2;
grid-column: 2/3;
grid-row: 1/3;
width: 100%;
margin: 0;
}
#lp .lp_sec03_topics_box_tbl caption {
padding: 2px 0;
font-weight: 700;
font-size: calc(16 / var(--init-width-pc));
}
#lp .lp_sec03_topics_box_tbl th, #lp .lp_sec03_topics_box_tbl td {
border: solid calc(10 / var(--init-width-pc)) #D7DAD9;
padding: 2px calc(10 / var(--init-width-pc));
font-size: calc(14 / var(--init-width-pc));
}
}
#lp #lp_sec04 {
background: url(../img/lp_sec04_bg01.png) no-repeat center top;
background-size: cover;
padding: calc(85 / var(--init-width-sp)) 0 calc(35 / var(--init-width-sp));
}
#lp .lp_sec04_tit01 {
font-weight: 700;
font-size: calc(50 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
color: var(--color-red01);
}
#lp .lp_sec04_tit01 .marker_full_yellow03 {
color: var(--color-black01);
}
#lp .lp_sec04_list01 > li {
width: calc(688 / var(--init-width-sp));
background: #fff;
border: calc(4 / var(--init-width-sp)) solid var(--color-main01);
margin: calc(30 / var(--init-width-sp)) auto 0;
}
#lp .lp_sec04_list01 > li:nth-of-type(1) {
margin-top: calc(63 / var(--init-width-sp));
}
#lp .lp_sec04_list01 .caption {
background: var(--color-main01);
padding: calc(10 / var(--init-width-sp)) 0;
font-weight: 700;
font-size: calc(32 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec04_list02 {
width: calc(688 / var(--init-width-sp));
margin: calc(26 / var(--init-width-sp)) auto 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(30 / var(--init-width-sp));
}
#lp .lp_sec04_list02 > li {
background: #fff;
border: calc(4 / var(--init-width-sp)) solid var(--color-main01);
}
#lp .lp_sec04_list02 figcaption {
display: block;
padding: calc(20 / var(--init-width-sp)) 0;
font-weight: 700;
font-size: calc(28 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
}
#lp .lp_sec04_foot {
margin: calc(60 / var(--init-width-sp)) 0 0;
font-weight: 500;
font-size: calc(28 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
#lp #lp_sec04 {
background-image: url(../img/lp_sec04_bg01_pc@2x.png);
padding: calc(56 / var(--init-width-pc)) 0 calc(25 / var(--init-width-pc));
}
#lp .lp_sec04_tit01 {
font-size: calc(50 / var(--init-width-pc));
}
#lp .lp_sec04_list01 {
width: calc(1200 / var(--init-width-pc));
margin: calc(55 / var(--init-width-pc)) auto 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: calc(30 / var(--init-width-pc));
}
#lp .lp_sec04_list01 > li {
width: 100%;
border: calc(4 / var(--init-width-pc)) solid var(--color-main01);
margin: 0;
}
#lp .lp_sec04_list01 > li:nth-of-type(1) {
margin-top: 0;
}
#lp .lp_sec04_list01 .caption {
padding: calc(10 / var(--init-width-pc)) 0;
font-size: calc(28 / var(--init-width-pc));
}
#lp .lp_sec04_list02 {
width: calc(1200 / var(--init-width-pc));
margin: calc(28 / var(--init-width-pc)) auto 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
gap: calc(24 / var(--init-width-pc));
}
#lp .lp_sec04_list02 > li {
border: calc(4 / var(--init-width-pc)) solid var(--color-main01);
}
#lp .lp_sec04_list02 figcaption {
padding: calc(12 / var(--init-width-pc)) 0;
font-size: calc(16 / var(--init-width-pc));
}
#lp .lp_sec04_foot {
margin: calc(36 / var(--init-width-pc)) 0 0;
font-weight: 700;
font-size: calc(24 / var(--init-width-pc));
}
}
#lp #lp_sec05 {
background: #FFFFF5;
padding: 0 0 calc(34 / var(--init-width-sp));
}
#lp .lp_sec05_tit01 {
background: var(--color-orange01);
box-shadow: 0 calc(4 / var(--init-width-sp)) calc(4 / var(--init-width-sp)) rgba(0, 0, 0, 0.25);
padding: calc(34 / var(--init-width-sp)) 0;
font-weight: 700;
font-size: calc(38 / var(--init-width-sp));
line-height: 145%;
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec05_changes {
width: calc(688 / var(--init-width-sp));
margin: calc(92 / var(--init-width-sp)) auto 0;
}
#lp .lp_sec05_changes_item {
position: relative;
background: #FFE3D0;
padding: calc(60 / var(--init-width-sp)) 0 calc(36 / var(--init-width-sp));
}
#lp .lp_sec05_changes_item.before::after {
content: "";
display: block;
background: url(../img/lp_sec05_changes_arrow01.svg) no-repeat center bottom;
background-size: 100% 100%;
width: calc(130 / var(--init-width-sp));
height: calc(140 / var(--init-width-sp));
position: absolute;
left: 50%;
bottom: calc(-120 / var(--init-width-sp));
transform: translate(-50%, 0);
z-index: 9;
}
#lp .lp_sec05_changes_item.after {
margin: calc(158 / var(--init-width-sp)) 0 0;
}
#lp .lp_sec05_changes_item.after .tit01 {
background: var(--color-orange01);
}
#lp .lp_sec05_changes_item .tit01 {
width: calc(224 / var(--init-width-sp));
background: var(--color-main01);
border-radius: 100px;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
padding: calc(8 / var(--init-width-sp)) 0;
font-weight: 700;
font-size: calc(32 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec05_changes_item .txt01 {
font-weight: 700;
font-size: calc(32 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
color: #000;
}
#lp .lp_sec05_changes_item .img {
width: calc(613 / var(--init-width-sp));
margin: calc(32 / var(--init-width-sp)) auto 0;
}
@media screen and (min-width: 769px) {
#lp #lp_sec05 {
padding: calc(80 / var(--init-width-pc)) 0;
}
#lp .lp_sec05_tit01 {
width: calc(1200 / var(--init-width-pc));
margin: 0 auto;
padding: calc(30 / var(--init-width-pc)) 0;
font-size: calc(35 / var(--init-width-pc));
}
#lp .lp_sec05_changes {
width: calc(1200 / var(--init-width-pc));
margin: calc(70 / var(--init-width-pc)) auto 0;
display: grid;
grid-template-columns: calc(460 / var(--init-width-pc)) auto;
gap: calc(100 / var(--init-width-pc));
}
#lp .lp_sec05_changes_item {
padding: calc(50 / var(--init-width-pc)) 0 calc(26 / var(--init-width-pc));
display: grid;
align-items: end;
}
#lp .lp_sec05_changes_item.before::after {
width: calc(58 / var(--init-width-pc));
height: calc(150 / var(--init-width-pc));
left: 105%;
bottom: 50%;
transform: translate(0, 50%) rotate(-90deg);
}
#lp .lp_sec05_changes_item.after {
margin: 0;
}
#lp .lp_sec05_changes_item.after .tit01 {
background: var(--color-orange01);
}
#lp .lp_sec05_changes_item.after .img {
width: calc(526 / var(--init-width-pc));
}
#lp .lp_sec05_changes_item .tit01 {
width: calc(150 / var(--init-width-pc));
padding: calc(10 / var(--init-width-pc)) 0;
font-size: calc(24 / var(--init-width-pc));
}
#lp .lp_sec05_changes_item .txt01 {
font-size: calc(24 / var(--init-width-pc));
}
#lp .lp_sec05_changes_item .img {
width: calc(368 / var(--init-width-pc));
margin: calc(30 / var(--init-width-pc)) auto 0;
}
}
#lp #lp_sec06 {
padding: calc(68 / var(--init-width-sp)) 0 calc(84 / var(--init-width-sp));
}
#lp .lp_sec06_txt01 {
position: relative;
width: calc(688 / var(--init-width-sp));
background: var(--color-main01);
margin: 0 auto;
padding: calc(12 / var(--init-width-sp)) 0;
font-weight: 700;
font-size: calc(32 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec06_txt01::before {
content: "";
display: block;
background: url(../img/lp_sec06_txt01_ico01@2x.png) no-repeat center center;
background-size: 100% 100%;
width: calc(100 / var(--init-width-sp));
height: calc(82 / var(--init-width-sp));
position: absolute;
left: calc(158 / var(--init-width-sp));
top: calc(-40 / var(--init-width-sp));
}
#lp .lp_sec06_txt01 .big {
font-size: calc(40 / var(--init-width-sp));
}
#lp .lp_sec06_tit01 {
margin: calc(28 / var(--init-width-sp)) 0 0;
font-weight: 700;
font-size: calc(50 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
}
#lp .lp_sec06_printer {
position: relative;
width: calc(720 / var(--init-width-sp));
margin: calc(40 / var(--init-width-sp)) auto 0;
}
#lp .lp_sec06_printer_img01 {
width: calc(606 / var(--init-width-sp));
margin: 0 auto;
}
#lp .lp_sec06_printer_img01_caption {
margin: calc(15 / var(--init-width-sp)) 0 0;
text-align: center;
font-weight: 700;
font-size: calc(32 / var(--init-width-sp));
letter-spacing: 0.1em;
}
#lp .lp_sec06_printer_spec {
margin: calc(56 / var(--init-width-sp)) 0 0;
display: grid;
grid-template-columns: repeat(3, auto);
gap: calc(22 / var(--init-width-sp)) calc(12 / var(--init-width-sp));
}
#lp .lp_sec06_printer_spec > li.item01 {
grid-column: 1/4;
}
#lp .lp_sec06_printer_spec > li.item06 .tit01 {
letter-spacing: -0.1em;
}
#lp .lp_sec06_printer_spec .tit01 {
font-weight: 500;
font-size: calc(28 / var(--init-width-sp));
padding: 0 0 0 calc(12 / var(--init-width-sp));
border-left: solid calc(6 / var(--init-width-sp)) var(--color-main01);
white-space: nowrap;
}
#lp .lp_sec06_printer_spec .tbl_list01 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(12 / var(--init-width-sp));
margin: calc(12 / var(--init-width-sp)) 0 0;
}
#lp .lp_sec06_printer_spec .tbl_list01 table thead th {
background: #E6E6E6;
padding: 2px 0;
text-align: center;
font-weight: 700;
font-size: calc(24 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #000000;
}
#lp .lp_sec06_printer_spec .tbl_list01 table tbody td {
padding-top: calc(10 / var(--init-width-sp));
padding-right: calc(10 / var(--init-width-sp));
}
#lp .lp_sec06_printer_spec .tbl_list01 table tbody td:nth-last-of-type(1) {
padding-right: 0;
}
#lp .lp_sec06_printer_spec .ico_list01 {
display: flex;
margin: calc(12 / var(--init-width-sp)) 0 0;
}
#lp .lp_sec06_printer_spec .ico_list01 > li {
margin-right: calc(4 / var(--init-width-sp));
}
#lp .lp_sec06_printer_spec .ico_list01 > li:nth-last-of-type(1) {
margin-right: 0;
}
#lp .lp_sec06_printer_spec .ico_list01 img {
width: auto;
height: calc(90 / var(--init-width-sp));
}
#lp .lp_sec06_notes {
width: calc(720 / var(--init-width-sp));
margin: calc(70 / var(--init-width-sp)) auto 0;
font-size: calc(18 / var(--init-width-sp));
color: #000;
}
#lp .lp_sec06_link {
margin: calc(50 / var(--init-width-sp)) 0 0;
text-align: center;
}
@media screen and (min-width: 769px) {
#lp #lp_sec06 {
padding: calc(60 / var(--init-width-pc)) 0;
}
#lp .lp_sec06_txt01 {
width: calc(720 / var(--init-width-pc));
padding: 2px 0;
font-size: calc(22 / var(--init-width-pc));
}
#lp .lp_sec06_txt01::before {
width: calc(68 / var(--init-width-pc));
height: calc(56 / var(--init-width-pc));
left: calc(-30 / var(--init-width-pc));
top: calc(-30 / var(--init-width-pc));
}
#lp .lp_sec06_txt01 .big {
font-size: calc(32 / var(--init-width-pc));
}
#lp .lp_sec06_tit01 {
margin: calc(20 / var(--init-width-pc)) 0 0;
font-size: calc(50 / var(--init-width-pc));
}
#lp .lp_sec06_printer {
width: calc(1000 / var(--init-width-pc));
margin: calc(40 / var(--init-width-pc)) auto 0;
display: grid;
grid-template-columns: calc(450 / var(--init-width-pc)) auto;
gap: calc(22 / var(--init-width-pc)) calc(60 / var(--init-width-pc));
align-items: center;
}
#lp .lp_sec06_printer_img01 {
grid-row: 1/3;
width: 100%;
margin: 0;
}
#lp .lp_sec06_printer_img01_caption {
grid-column-start: 2;
margin: 0;
text-align: left;
font-size: calc(24 / var(--init-width-pc));
}
#lp .lp_sec06_printer_spec {
margin: 0;
gap: calc(20 / var(--init-width-pc)) calc(2 / var(--init-width-pc));
justify-items: start;
}
#lp .lp_sec06_printer_spec .tit01 {
font-weight: 700;
font-size: calc(14 / var(--init-width-pc));
padding: 0 0 0 calc(12 / var(--init-width-pc));
border-left: solid calc(6 / var(--init-width-pc)) var(--color-main01);
}
#lp .lp_sec06_printer_spec .tbl_list01 {
gap: calc(12 / var(--init-width-pc));
margin: calc(12 / var(--init-width-pc)) 0 0;
}
#lp .lp_sec06_printer_spec .tbl_list01 table thead th {
font-size: calc(12 / var(--init-width-pc));
}
#lp .lp_sec06_printer_spec .tbl_list01 table tbody td {
padding-top: calc(10 / var(--init-width-pc));
padding-right: calc(10 / var(--init-width-pc));
}
#lp .lp_sec06_printer_spec .ico_list01 {
margin: calc(12 / var(--init-width-pc)) 0 0;
}
#lp .lp_sec06_printer_spec .ico_list01 > li {
margin-right: calc(4 / var(--init-width-pc));
}
#lp .lp_sec06_printer_spec .ico_list01 img {
width: auto;
height: calc(54 / var(--init-width-pc));
}
#lp .lp_sec06_notes {
width: calc(594 / var(--init-width-pc));
margin: calc(26 / var(--init-width-pc)) 0 0 calc(316 / var(--init-width-pc));
font-size: calc(10 / var(--init-width-pc));
}
#lp .lp_sec06_link {
margin: calc(30 / var(--init-width-pc)) 0 0;
text-align: center;
}
}
#lp #lp_sec07 {
padding: calc(90 / var(--init-width-sp)) 0 calc(138 / var(--init-width-sp));
}
#lp .lp_sec07_tit01 {
position: relative;
font-weight: 700;
font-size: calc(40 / var(--init-width-sp));
line-height: 138%;
text-align: center;
letter-spacing: 0.1em;
color: var(--color-blue01);
padding: 0 0 calc(30 / var(--init-width-sp));
}
#lp .lp_sec07_tit01::after {
content: "";
display: block;
background: var(--color-blue01);
width: calc(62 / var(--init-width-sp));
height: calc(4 / var(--init-width-sp));
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
#lp .lp_sec07_voice > li {
width: calc(688 / var(--init-width-sp));
background: #D5E8EF;
margin: calc(30 / var(--init-width-sp)) auto 0;
padding: calc(18 / var(--init-width-sp)) calc(20 / var(--init-width-sp));
}
#lp .lp_sec07_voice > li:nth-of-type(1) {
margin-top: calc(54 / var(--init-width-sp));
}
#lp .lp_sec07_voice_ico {
width: calc(242 / var(--init-width-sp));
margin: 0 auto;
}
#lp .lp_sec07_voice_balloon {
background: #fff;
margin: calc(20 / var(--init-width-sp)) 0 0;
padding: calc(20 / var(--init-width-sp)) calc(50 / var(--init-width-sp));
color: #000;
}
#lp .lp_sec07_voice_balloon .tit01 {
font-weight: 700;
font-size: calc(28 / var(--init-width-sp));
letter-spacing: 0.1em;
}
#lp .lp_sec07_voice_balloon .profile {
display: flex;
margin: calc(20 / var(--init-width-sp)) 0 0;
font-weight: 500;
font-size: calc(21 / var(--init-width-sp));
letter-spacing: 0.1em;
}
#lp .lp_sec07_voice_balloon .profile > li {
margin: 0 1em 0 0;
}
#lp .lp_sec07_voice_txt01 {
margin: calc(23 / var(--init-width-sp)) 0 0;
font-weight: 500;
font-size: calc(26 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #000;
}
@media screen and (min-width: 769px) {
#lp #lp_sec07 {
padding: calc(100 / var(--init-width-pc)) 0 calc(148 / var(--init-width-pc));
}
#lp .lp_sec07_tit01 {
font-size: calc(40 / var(--init-width-pc));
padding: 0 0 calc(30 / var(--init-width-pc));
}
#lp .lp_sec07_tit01::after {
width: calc(62 / var(--init-width-pc));
height: calc(4 / var(--init-width-pc));
}
#lp .lp_sec07_voice > li {
width: calc(1200 / var(--init-width-pc));
margin: calc(40 / var(--init-width-pc)) auto 0;
padding: calc(42 / var(--init-width-pc)) calc(30 / var(--init-width-pc));
display: grid;
grid-template-columns: calc(158 / var(--init-width-pc)) auto;
gap: calc(24 / var(--init-width-pc)) calc(33 / var(--init-width-pc));
}
#lp .lp_sec07_voice > li:nth-of-type(1) {
margin-top: calc(60 / var(--init-width-pc));
}
#lp .lp_sec07_voice_ico {
align-self: top;
width: 100%;
margin: 0;
}
#lp .lp_sec07_voice_balloon {
align-self: center;
position: relative;
margin: 0;
padding: calc(22 / var(--init-width-pc)) calc(40 / var(--init-width-pc));
}
#lp .lp_sec07_voice_balloon::before {
content: "";
display: block;
background: #fff;
width: calc(25 / var(--init-width-pc));
height: calc(20 / var(--init-width-pc));
clip-path: polygon(100% 0, 100% 100%, 0 50%);
position: absolute;
left: calc(-23 / var(--init-width-pc));
top: 50%;
transform: translateY(-50%);
}
#lp .lp_sec07_voice_balloon .tit01 {
font-size: calc(24 / var(--init-width-pc));
}
#lp .lp_sec07_voice_balloon .profile {
margin: calc(20 / var(--init-width-pc)) 0 0;
font-size: calc(18 / var(--init-width-pc));
}
#lp .lp_sec07_voice_balloon .profile > li {
margin: 0 3em 0 0;
}
#lp .lp_sec07_voice_txt01 {
grid-column-start: 2;
margin: 0;
font-weight: 400;
font-size: calc(20 / var(--init-width-pc));
}
#lp .lp_sec07_voice_txt01 .font_orange01 {
font-weight: 700;
}
}
#lp #lp_sec08 {
position: relative;
background: url(../img/lp_sec08_bg01.png) no-repeat center top var(--color-main01);
background-size: 100% auto, contain;
padding: calc(150 / var(--init-width-sp)) 0 calc(40 / var(--init-width-sp));
}
#lp .lp_sec08_img01 {
width: calc(238 / var(--init-width-sp));
position: absolute;
left: 50%;
top: calc(-92 / var(--init-width-sp));
transform: translateX(-50%);
}
#lp .lp_sec08_head {
text-align: center;
font-weight: 700;
letter-spacing: 0.1em;
}
#lp .lp_sec08_head .txt01 {
font-size: calc(34 / var(--init-width-sp));
color: #fff;
}
#lp .lp_sec08_head .tit01 {
font-size: calc(60 / var(--init-width-sp));
color: var(--color-yellow01);
}
#lp .lp_sec08_reason > li {
width: calc(688 / var(--init-width-sp));
background: #fff;
border: calc(3 / var(--init-width-sp)) solid var(--color-orange01);
margin: calc(40 / var(--init-width-sp)) auto 0;
padding: 0 0 calc(30 / var(--init-width-sp));
}
#lp .lp_sec08_reason > li:nth-of-type(1) {
margin-top: calc(74 / var(--init-width-sp));
}
#lp .lp_sec08_reason_tit01 {
background: var(--color-orange01);
padding: calc(10 / var(--init-width-sp)) calc(28 / var(--init-width-sp));
display: flex;
align-items: flex-end;
}
#lp .lp_sec08_reason_tit01 .num {
display: block;
width: calc(146 / var(--init-width-sp));
}
#lp .lp_sec08_reason_tit01 .txt {
font-weight: 900;
font-size: calc(36 / var(--init-width-sp));
line-height: 153%;
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec08_reason_worry {
position: relative;
width: calc(646 / var(--init-width-sp));
margin: calc(34 / var(--init-width-sp)) auto 0;
text-align: center;
}
#lp .lp_sec08_reason_worry::after {
content: "";
display: block;
background: url(../img/lp_sec08_reason_worry_arrow01.svg) no-repeat center bottom;
background-size: auto 100%;
width: 100%;
height: calc(48 / var(--init-width-sp));
position: absolute;
left: 0;
bottom: calc(-52 / var(--init-width-sp));
}
#lp .lp_sec08_reason_worry .tag {
width: calc(220 / var(--init-width-sp));
background: var(--color-blue01);
border-radius: 100px;
margin: 0 auto;
padding: calc(16 / var(--init-width-sp)) 0;
font-weight: 700;
font-size: calc(26 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec08_reason_worry .txt {
display: grid;
place-content: center;
padding: calc(28 / var(--init-width-sp)) calc(30 / var(--init-width-sp)) calc(10 / var(--init-width-sp));
font-weight: 700;
font-size: calc(28 / var(--init-width-sp));
text-align: left;
letter-spacing: 0.1em;
color: var(--color-blue01);
}
#lp .lp_sec08_reason_worry .txt p {
font-weight: 700;
}
#lp .lp_sec08_reason_worry .txt::before, #lp .lp_sec08_reason_worry .txt::after {
content: "";
display: block;
width: calc(40 / var(--init-width-sp));
height: calc(40 / var(--init-width-sp));
position: absolute;
}
#lp .lp_sec08_reason_worry .txt::before {
border-top: solid calc(6 / var(--init-width-sp)) var(--color-blue01);
border-left: solid calc(6 / var(--init-width-sp)) var(--color-blue01);
left: 0;
top: calc(70 / var(--init-width-sp));
}
#lp .lp_sec08_reason_worry .txt::after {
border-right: solid calc(6 / var(--init-width-sp)) var(--color-blue01);
border-bottom: solid calc(6 / var(--init-width-sp)) var(--color-blue01);
right: 0;
bottom: 0;
}
#lp .lp_sec08_reason_solution {
width: calc(646 / var(--init-width-sp));
background: #fff;
border: calc(4 / var(--init-width-sp)) solid var(--color-main01);
border-radius: calc(20 / var(--init-width-sp));
margin: calc(90 / var(--init-width-sp)) auto 0;
}
#lp .lp_sec08_reason_solution_head {
position: relative;
background: var(--color-main01);
border-radius: calc(16 / var(--init-width-sp)) calc(16 / var(--init-width-sp)) 0 0;
padding: calc(14 / var(--init-width-sp)) calc(50 / var(--init-width-sp)) calc(14 / var(--init-width-sp)) calc(144 / var(--init-width-sp));
}
#lp .lp_sec08_reason_solution_head .deco {
width: calc(140 / var(--init-width-sp));
position: absolute;
left: calc(-10 / var(--init-width-sp));
top: calc(-48 / var(--init-width-sp));
}
#lp .lp_sec08_reason_solution_head .tit01 {
font-weight: 700;
font-size: calc(32 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #fff;
}
#lp .lp_sec08_reason_solution_body {
padding: calc(34 / var(--init-width-sp)) calc(36 / var(--init-width-sp)) calc(45 / var(--init-width-sp));
}
#lp .lp_sec08_reason_solution_body .img01 {
width: calc(516 / var(--init-width-sp));
margin: 0 auto;
}
#lp .lp_sec08_reason_solution_body .txt01 {
margin: calc(35 / var(--init-width-sp)) 0 0;
font-weight: 500;
font-size: calc(28 / var(--init-width-sp));
letter-spacing: 0.1em;
color: #000;
}

#lp .lp_sec08_reason_solution_body .txt01 p {
font-weight: 500;
}

@media screen and (min-width: 769px) {
#lp #lp_sec08 {
background: url(../img/lp_sec08_bg01_pc@2x.png) no-repeat center top var(--color-main01);
background-size: 100% auto, contain;
padding: calc(140 / var(--init-width-pc)) 0 calc(88 / var(--init-width-pc));
}
#lp .lp_sec08_img01 {
width: calc(210 / var(--init-width-pc));
top: calc(-75 / var(--init-width-pc));
}
#lp .lp_sec08_head .txt01 {
font-size: calc(32 / var(--init-width-pc));
}
#lp .lp_sec08_head .tit01 {
font-size: calc(60 / var(--init-width-pc));
}
#lp .lp_sec08_reason > li {
width: calc(1200 / var(--init-width-pc));
border: calc(3 / var(--init-width-pc)) solid var(--color-orange01);
margin: calc(40 / var(--init-width-pc)) auto 0;
padding: 0 0 calc(44 / var(--init-width-pc));
}
#lp .lp_sec08_reason > li:nth-of-type(1) {
margin-top: calc(54 / var(--init-width-pc));
}
#lp .lp_sec08_reason_tit01 {
padding: calc(10 / var(--init-width-pc)) calc(110 / var(--init-width-pc));
align-items: center;
}
#lp .lp_sec08_reason_tit01 .num {
width: calc(146 / var(--init-width-pc));
}
#lp .lp_sec08_reason_tit01 .txt {
font-size: calc(40 / var(--init-width-pc));
}
#lp .lp_sec08_reason_worry {
width: calc(900 / var(--init-width-pc));
margin: calc(30 / var(--init-width-pc)) auto 0;
padding: calc(15 / var(--init-width-pc)) calc(55 / var(--init-width-pc));
display: grid;
grid-template-columns: calc(150 / var(--init-width-pc)) auto;
gap: calc(24 / var(--init-width-pc));
align-items: center;
}
#lp .lp_sec08_reason_worry::after {
height: calc(30 / var(--init-width-pc));
bottom: calc(-35 / var(--init-width-pc));
}
#lp .lp_sec08_reason_worry .tag {
width: 100%;
margin: 0;
padding: calc(20 / var(--init-width-pc)) 0;
font-size: calc(18 / var(--init-width-pc));
}
#lp .lp_sec08_reason_worry .txt {
place-content: flex-start;
padding: 0;
font-size: calc(24 / var(--init-width-pc));
}
#lp .lp_sec08_reason_worry .txt::before, #lp .lp_sec08_reason_worry .txt::after {
width: calc(40 / var(--init-width-pc));
height: calc(40 / var(--init-width-pc));
}
#lp .lp_sec08_reason_worry .txt::before {
border-top: solid calc(6 / var(--init-width-pc)) var(--color-blue01);
border-left: solid calc(6 / var(--init-width-pc)) var(--color-blue01);
top: 0;
}
#lp .lp_sec08_reason_worry .txt::after {
border-right: solid calc(6 / var(--init-width-pc)) var(--color-blue01);
border-bottom: solid calc(6 / var(--init-width-pc)) var(--color-blue01);
}
#lp .lp_sec08_reason_solution {
width: calc(994 / var(--init-width-pc));
border: calc(4 / var(--init-width-pc)) solid var(--color-main01);
border-radius: calc(20 / var(--init-width-pc));
margin: calc(56 / var(--init-width-pc)) auto 0;
}
#lp .lp_sec08_reason_solution_head {
border-radius: calc(16 / var(--init-width-pc)) calc(16 / var(--init-width-pc)) 0 0;
padding: calc(12 / var(--init-width-pc)) 0;
}
#lp .lp_sec08_reason_solution_head .deco {
width: calc(112 / var(--init-width-pc));
left: calc(-34 / var(--init-width-pc));
top: calc(-18 / var(--init-width-pc));
}
#lp .lp_sec08_reason_solution_head .tit01 {
font-size: calc(28 / var(--init-width-pc));
text-align: center;
}
#lp .lp_sec08_reason_solution_body {
padding: calc(40 / var(--init-width-pc)) calc(44 / var(--init-width-pc));
display: grid;
grid-template-columns: calc(380 / var(--init-width-pc)) auto;
gap: calc(56 / var(--init-width-pc));
align-items: center;
}
#lp .lp_sec08_reason_solution_body .img01 {
width: 100%;
margin: 0;
}
#lp .lp_sec08_reason_solution_body .txt01 {
margin: 0;
font-weight: 200;
font-size: calc(21 / var(--init-width-pc));
}
}
#lp #lp_sec09 {
background: #FFFFF5;
padding: calc(76 / var(--init-width-sp)) 0 calc(68 / var(--init-width-sp));
}
#lp .lp_sec09_tit01 {
font-weight: 700;
font-size: calc(32 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
color: var(--color-orange01);
}
#lp .lp_sec09_txt01 {
margin: calc(52 / var(--init-width-sp)) 0 0;
font-weight: 500;
font-size: calc(26 / var(--init-width-sp));
text-align: center;
letter-spacing: 0.1em;
}
#lp .lp_sec09_img01 {
width: calc(696 / var(--init-width-sp));
margin: calc(30 / var(--init-width-sp)) auto 0;
}
@media screen and (min-width: 769px) {
#lp #lp_sec09 {
padding: calc(110 / var(--init-width-pc)) 0 calc(90 / var(--init-width-pc));
}
#lp .lp_sec09_tit01 {
font-size: calc(35 / var(--init-width-pc));
}
#lp .lp_sec09_txt01 {
margin: calc(45 / var(--init-width-pc)) 0 0;
font-weight: 700;
font-size: calc(22 / var(--init-width-pc));
}
#lp .lp_sec09_img01 {
width: calc(908 / var(--init-width-pc));
margin: calc(45 / var(--init-width-pc)) auto 0;
}
}/*# sourceMappingURL=style.css.map */


#lp #anchor01,
#lp #anchor02,
#lp #anchor03,
#lp #anchor04 {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
#lp #anchor05 {
    display: block;
    padding-top: 130px;
    margin-top: -130px;
}