@charset "UTF-8";
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:#fff;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:#333}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
vertical-align: top;
font-weight: normal;
}
td {
text-align: left;
vertical-align: top;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input, select, textarea, img {
vertical-align: middle;
}
ul, dl, ol {
list-style: none;
}
em {
font-style: normal;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} :root {
--font-family-default: "Zen Kaku Gothic New", sans-serif;
--color-font-default: #222C36;
--color-link-default: #4A72E9;
--color-yellow: #FCDD00;
--color-gray01: #F4F4F4;
--color-gray02: #D9D9D9;
--color-gray03: #EAE9E9;
--color-green: #30CBA3;
--header-height: 1.2rem;
}
@media screen and (min-width: 769px) {
:root {
--header-height: 0.9rem;
}
}
.font_yellow {
color: var(--color-yellow);
}
.font_gray01 {
color: var(--color-gray01);
}
.font_gray02 {
color: var(--color-gray02);
}
.font_gray03 {
color: var(--color-gray03);
}
.font_green {
color: var(--color-green);
}
.cmn_kenten, .cmn_kenten_half {
padding: 0.35em 0;
background-repeat: repeat-x;
background-size: 1em 0.5em;
background-position: top left;
background-image: radial-gradient(0.08rem 0.08rem at center center, var(--color-font-default) 50%, transparent 50%);
font-feature-settings: normal;
}
.cmn_kenten_half {
background-size: 0.65em 0.5em;
}
.is_sp {
display: block;
}
@media screen and (min-width: 769px) {
.is_sp {
display: none;
}
}
.is_pc {
display: none;
}
@media screen and (min-width: 769px) {
.is_pc {
display: block;
}
}
img.is_sp,
br.is_sp {
display: inline-block;
}
@media screen and (min-width: 769px) {
img.is_sp,
br.is_sp {
display: none;
}
}
img.is_pc,
br.is_pc {
display: none;
}
@media screen and (min-width: 769px) {
img.is_pc,
br.is_pc {
display: inline-block;
}
}  html {
font-size: 13.0208333333vw;
scroll-behavior: smooth;
}
@media screen and (min-width: 769px) {
html {
font-size: 6.5104166667vw;
}
}
body {
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/body_bg01.png) no-repeat center top;
background-size: cover;
font-family: var(--font-family-default);
color: var(--color-font-default);
line-height: 1.6;
-webkit-text-size-adjust: 100%;
font-size: 0.3rem;
}
@media screen and (min-width: 769px) {
body {
font-size: 0.23rem;
}
}
a {
color: var(--color-link-default);
text-decoration: underline;
transition: 0.2s ease;
}
a::before, a::after {
transition: 0.2s ease;
}
a:hover {
text-decoration: none;
transition: 0.2s ease;
}
a:hover::before, a:hover::after {
transition: 0.2s ease;
}
img,
video,
object {
width: 100%;
height: auto;
vertical-align: bottom;
border: none;
}
section {
position: relative;
}
mark {
background: none;
color: inherit;
font-weight: inherit;
font-style: inherit;
}
picture {
display: block;
} .wrap {
position: relative;
width: 100%;
max-width: 768px;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
.wrap {
max-width: 1536px;
}
}
.clearfix {
overflow: hidden;
zoom: 1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.hover:hover {
transition: 0.2s ease;
}
.hover:hover:hover {
transform: scale(1.02, 1.02);
transition: 0.2s ease;
}
.scrollbar::-webkit-scrollbar {
background: #ccc;
width: 0.1rem;
}
.scrollbar::-webkit-scrollbar-thumb {
background: #aaa;
}
table.tbl_block {
display: block;
text-align: left;
}
@media screen and (min-width: 769px) {
table.tbl_block {
display: table;
}
}
table.tbl_block tbody {
display: block;
text-align: left;
}
@media screen and (min-width: 769px) {
table.tbl_block tbody {
display: table-row-group;
}
}
table.tbl_block tr {
display: block;
text-align: left;
}
@media screen and (min-width: 769px) {
table.tbl_block tr {
display: table-row;
}
}
table.tbl_block th, table.tbl_block td {
display: block;
text-align: left;
}
@media screen and (min-width: 769px) {
table.tbl_block th, table.tbl_block td {
display: table-cell;
}
} mark {
background: linear-gradient(0deg, #F3F3F3 50%, transparent 50%);
}
.marker_full_gray03 {
background: var(--color-gray03);
} .underline_dashed_yellow {
border-bottom: 0.03rem dashed var(--color-yellow);
} .list_dot > li {
position: relative;
padding-left: 1em;
}
.list_dot > li::before {
content: "・";
display: inline-block;
position: absolute;
left: 0;
top: 0;
} .cmn_textbox01 > p:nth-of-type(n+2) {
margin-top: 1em;
}
.cmn_slash {
display: flex;
justify-content: center;
align-items: flex-end;
position: relative;
margin: 0 auto;
text-align: center;
}
.cmn_slash::before, .cmn_slash::after {
content: "";
display: block;
background: #fff;
width: 1px;
height: 1.5em;
margin: 0 1em;
}
.cmn_slash::before {
transform: rotate(-30deg);
}
.cmn_slash::after {
transform: rotate(30deg);
}
.cmn_slash .txt01 {
white-space: nowrap;
} .cmn_accordion > li {
width: 7.04rem;
margin: 0.17rem auto 0;
}
.cmn_accordion_key {
background: var(--color-link-default);
border-radius: 0.1rem 0.1rem 0 0;
cursor: pointer;
}
.cmn_accordion_detail {
background: var(--color-gray02);
}
@media screen and (min-width: 769px) {
.cmn_accordion > li {
width: 10rem;
margin: 0.3rem auto 0;
}
}
strong {
font-weight: 700;
} #header {
position: absolute;
left: 50%;
top: 0;
z-index: 999;
translate: -50% 0;
background: #fff;
width: 100%;
height: var(--header-height);
box-shadow: 0 0 0.2rem rgba(0, 123, 234, 0.12);
border-radius: 0 0 0.1rem 0.1rem;
display: grid;
grid-template-columns: auto calc(3.21rem + 2px) 1.05rem;
gap: 1px;
align-items: center;
}
.header_logo {
display: grid;
place-content: center;
}
.header_logo img {
width: 2.76rem;
}
.header_index {
display: grid;
grid-template-columns: repeat(2, 1.07rem);
justify-content: end;
gap: 1px;
}
@media screen and (min-width: 769px) {
#header {
width: 12rem;
grid-template-columns: 2.24rem auto 2.8rem;
gap: 0.3rem;
padding: 0.18rem 0.24rem 0.18rem 0.35rem;
justify-content: normal;
}
.header_logo {
display: grid;
place-content: left center;
}
.header_logo img {
width: 2.24rem;
}
.header_index {
grid-template-columns: repeat(3, auto);
gap: 0.5rem;
justify-content: end;
}
.header_index a {
font-weight: 500;
font-size: 0.16rem;
letter-spacing: 0.05em;
color: var(--color-font-default);
text-decoration: none;
}
.header_index a:hover {
text-decoration: underline;
}
.header_btn01 {
display: block;
border-radius: 100px;
box-shadow: 0 0 0.08rem rgba(57, 90, 193, 0.15);
transition: 0.2s ease;
}
.header_btn01:hover {
transform: scale(1.02, 1.02);
transition: 0.2s ease;
}
} #fv {
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/fv_bg01.png) no-repeat center top;
background-size: 100% auto;
margin: var(--header-height) 0 0;
padding: 5.62rem 0 0.45rem;
}
.fv_tit01 {
width: 5.66rem;
margin: 0 auto;
}
.fv_pickup {
display: grid;
grid-template-columns: repeat(3, 1.77rem);
grid-template-rows: 1.77rem;
gap: 0.22rem;
justify-content: center;
margin: 0.44rem 0 0;
text-align: center;
}
.fv_pickup > li {
width: 100%;
height: 100%;
background: var(--color-gray01);
border-radius: 50%;
padding: 0.22rem 0 0.3rem;
display: grid;
grid-auto-flow: column;
grid-template-rows: 0.36rem auto;
gap: 0.1rem;
}
.fv_pickup_ico {
width: auto;
height: 100%;
line-height: 1;
}
.fv_pickup_ico > img {
width: 100%;
height: 100%;
object-fit: contain;
}
.fv_pickup_txt01 {
font-weight: 500;
font-size: 0.18rem;
line-height: 1.2;
letter-spacing: 0.1em;
}
.fv_pickup_txt01 strong {
font-size: 0.22rem;
letter-spacing: 0.03em;
}
.fv_pickup_txt01 .big {
font-size: 0.34rem;
}
@media screen and (min-width: 769px) {
#fv {
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/fv_bg01_pc@2x.png) no-repeat right top;
background-size: 8rem auto;
margin: 0;
padding: 1.4rem 0 0.5rem;
}
.fv_tit01 {
width: 5.15rem;
margin: 0 0 0 1.7rem;
}
.fv_pickup {
display: grid;
grid-template-columns: repeat(3, 1.56rem);
grid-template-rows: 1.56rem;
gap: 0.2rem;
justify-content: start;
margin: 0.45rem 0 0 1.77rem;
}
.fv_pickup > li {
padding: 0.2rem 0 0.3rem;
grid-template-rows: 0.28rem auto;
}
} #cta01 {
padding: 0 0 0.2rem;
}
#cta02 {
padding: 0.38rem 0 0.6rem;
}
#cta03 {
padding: 0 0 0.54rem;
}
#cta04 {
padding: 0 0 0.85rem;
}
.cta_box {
background: linear-gradient(180deg, #5EDFA7 0%, #35AADF 43%, #4A72E9 98%);
border-radius: 0.15rem;
width: 7.04rem;
margin: 0 auto;
padding: 0.4rem 0 0.55rem;
color: #fff;
}
.cta_head {
text-align: center;
line-height: 1.45;
letter-spacing: 0.03em;
}
.cta_head .cmn_slash {
display: flex;
justify-content: center;
align-items: flex-end;
position: relative;
margin: 0 auto;
text-align: center;
}
.cta_head .cmn_slash::before, .cta_head .cmn_slash::after {
content: "";
display: block;
background: #fff;
width: 1px;
height: 1.5em;
margin: 0 1em;
}
.cta_head .cmn_slash::before {
transform: rotate(-30deg);
}
.cta_head .cmn_slash::after {
transform: rotate(30deg);
}
.cta_head .cmn_slash .txt01 {
white-space: nowrap;
font-weight: 500;
font-size: 0.26rem;
}
.cta_head .tit01 {
margin: 0.12rem 0 0;
font-weight: 700;
font-size: 0.42rem;
}
.cta_head .tit01 .cmn_kenten, .cta_head .tit01 .cmn_kenten_half {
padding: 0.35em 0;
background-repeat: repeat-x;
background-size: 1em 0.5em;
background-position: top left;
background-image: radial-gradient(0.08rem 0.08rem at center center, var(--color-yellow) 50%, transparent 50%);
font-feature-settings: normal;
}
.cta_price {
width: 6.4rem;
margin: 0.32rem auto 0;
}
.cta_foot {
margin: 0.38rem 0 0;
}
.cta_point {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
}
.cta_point > li {
display: inline-block;
font-weight: 700;
font-size: 0.24rem;
line-height: 1.45;
letter-spacing: 0.03em;
color: #fff;
padding: 0.12rem 0.16rem;
border: 2px solid #fff;
border-radius: 0.03rem;
}
.cta_btn_wrap > li {
width: 5.74rem;
margin: 0.32rem auto 0;
}
.cta_btn_wrap > li:nth-of-type(1) {
margin-top: 0.4rem;
}
.cta_btn01 {
display: grid;
grid-template-columns: auto 0.42rem;
align-items: center;
background: var(--color-yellow);
box-shadow: 0 0.06rem 0.2rem rgba(57, 90, 193, 0.4);
border-radius: 100px;
padding: 0.24rem 0.3rem 0.24rem 0.5rem;
color: var(--color-font-default);
text-decoration: none;
transition: 0.2s ease;
}
.cta_btn01 .txt01 {
font-weight: 700;
font-size: 0.28rem;
line-height: 1.5;
text-align: center;
letter-spacing: 0.05em;
}
.cta_btn01 .ico01 {
line-height: 0;
}
.cta_btn02 {
display: grid;
grid-template-columns: auto 0.42rem;
align-items: center;
background: #fff;
box-shadow: 0 0.06rem 0.2rem rgba(57, 90, 193, 0.4);
border-radius: 100px;
padding: 0.24rem 0.3rem 0.24rem 0.5rem;
color: var(--color-font-default);
text-decoration: none;
transition: 0.2s ease;
}
.cta_btn02 .txt01 {
font-weight: 700;
font-size: 0.28rem;
line-height: 1.5;
text-align: center;
letter-spacing: 0.05em;
}
.cta_btn02 .ico01 {
line-height: 0;
}
@media screen and (min-width: 769px) {
#cta01 {
padding: 0 0 1rem;
}
#cta02 {
padding: 0.96rem 0 1rem;
}
#cta03 {
padding: 0 0 1.04rem;
}
.cta_box {
border-radius: 0.2rem;
width: 11rem;
padding: 0.45rem 0 0.55rem;
}
.cta_head .cmn_slash .txt01 {
font-size: 0.28rem;
}
.cta_price {
width: 9rem;
margin: 0.3rem auto 0;
}
.cta_foot {
width: 9rem;
margin: 0.3rem auto 0;
display: grid;
grid-template-columns: 1.72rem auto;
gap: 0.3rem;
align-items: center;
}
.cta_point {
gap: 0.12rem;
flex-direction: column;
}
.cta_point > li {
display: block;
font-size: 0.17rem;
padding: 0.12rem 0;
text-align: center;
width: 100%;
}
.cta_btn_wrap {
display: grid;
grid-template-columns: auto 3rem;
gap: 0.3rem;
}
.cta_btn_wrap > li {
width: 100%;
margin: 0;
}
.cta_btn_wrap > li:nth-of-type(1) {
margin-top: 0;
}
.cta_btn01 {
padding: 0.3rem 0.18rem 0.3rem 0.18rem;
}
.cta_btn01 .txt01 {
font-size: 0.2rem;
}
.cta_btn02 {
padding: 0.3rem 0.18rem 0.3rem 0.3rem;
}
.cta_btn02 .txt01 {
font-size: 0.2rem;
}
} #sec01 {
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec01_bg02.svg) no-repeat center top, url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec01_bg01.png) no-repeat center top;
background-size: 100% auto, cover;
padding: 1.55rem 0 1.2rem;
}
.sec01_tit01 {
font-weight: 700;
font-size: 0.45rem;
line-height: 1.35;
letter-spacing: 0.03em;
text-align: center;
}
.sec01_img01 {
width: 7.24rem;
margin: 0.55rem auto 0;
}
.sec01_img02 {
margin: 0.8rem 0 0;
}
.sec01_tit02 {
margin: 0.8rem 0 0;
font-weight: 700;
font-size: 0.35rem;
line-height: 1.35;
letter-spacing: 0.03em;
text-align: center;
}
.sec01_worry > li {
margin: 0.4rem 0 0 0.64rem;
display: grid;
grid-template-columns: 2.7rem auto;
gap: 0.36rem;
align-items: center;
}
.sec01_worry > li:nth-of-type(1) {
margin-top: 0.55rem;
}
.sec01_worry_img {
box-shadow: 0 0 0.15rem rgba(0, 123, 234, 0.06);
border-radius: 0.2rem;
}
.sec01_worry_txt {
font-size: 0.28rem;
line-height: 1.45;
letter-spacing: 0.03em;
}
.sec01_worry_txt .bold {
font-weight: 700;
}
@media screen and (min-width: 769px) {
#sec01 {
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec01_bg02.svg) no-repeat center top, url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec01_bg01_pc@2x.png) no-repeat center top;
background-size: 100% auto, cover;
padding: 1rem 0 1.4rem;
}
.sec01_img01 {
width: 9rem;
margin: 0.6rem auto 0;
}
.sec01_worry {
width: 11rem;
margin: 0.7rem auto 0;
display: flex;
gap: 0.8rem 0.54rem;
justify-content: center;
flex-wrap: wrap;
}
.sec01_worry > li {
width: 3.3rem;
margin: 0;
display: grid;
grid-template-columns: 100%;
grid-template-rows: 1.86rem 1fr;
gap: 0.3rem;
justify-content: start;
align-items: start;
}
.sec01_worry > li:nth-of-type(1) {
margin-top: 0;
}
.sec01_worry_txt {
font-size: 0.25rem;
text-align: center;
}
} #sec02 {
padding: 0.86rem 0 0.68rem;
}
.sec02_tit01 {
position: absolute;
left: 50%;
top: -0.36rem;
translate: -50% 0;
padding: 0.06rem 0;
width: 6.15rem;
background: var(--color-font-default);
border-radius: 0.1rem;
font-weight: 700;
font-size: 0.45rem;
line-height: 1.35;
text-align: center;
letter-spacing: 0.03em;
color: #fff;
}
.sec02_tit01::after {
content: "";
display: block;
background: var(--color-font-default);
width: 0.35rem;
height: 0.35rem;
clip-path: polygon(0 20%, 100% 20%, 50% 100%);
position: absolute;
left: 50%;
bottom: 0;
translate: -50% 70%;
}
.sec02_cont01 {
width: 5.7rem;
margin: 0 auto;
}
.sec02_cont01_txt01 {
margin: 0.45rem 0 0;
}
.sec02_cont01_txt01 .tit01 {
position: relative;
display: inline-block;
font-weight: 700;
font-size: 0.55rem;
line-height: 1.35;
letter-spacing: 0.03em;
padding: 0 0.32rem;
}
.sec02_cont01_txt01 .tit01::before, .sec02_cont01_txt01 .tit01::after {
content: "";
display: block;
width: 0.18rem;
height: 0.3rem;
position: absolute;
}
.sec02_cont01_txt01 .tit01::before {
border-top: solid 0.04rem var(--color-green);
border-left: solid 0.04rem var(--color-green);
left: 0;
top: 0;
}
.sec02_cont01_txt01 .tit01::after {
border-right: solid 0.04rem var(--color-green);
border-bottom: solid 0.04rem var(--color-green);
right: 0;
bottom: 0;
}
.sec02_cont01_txt01 .txt01 {
margin: 0.38rem 0 0;
font-size: 0.35rem;
letter-spacing: 0.03em;
}
.sec02_cont01_txt01 .txt01 .bold {
font-weight: 700;
}
.sec02_cont02 {
margin: 1.2rem 0 0;
}
.sec02_cont02_txt01 {
margin: 0 0 0 1rem;
font-size: 0.35rem;
letter-spacing: 0.03em;
}
.sec02_cont02_txt01 .bold {
font-weight: 700;
}
.sec02_cont02_txt01 .logo {
display: inline-block;
width: 2.2rem;
vertical-align: baseline;
margin: 0 0.5em 0 0;
}
.sec02_cont02_img01 {
width: 7.12rem;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
#sec02 {
padding: 1.36rem 0 0.86rem;
}
.sec02_cont01 {
width: 11.22rem;
margin: 0 auto;
display: grid;
grid-template-columns: 5.5rem auto;
gap: 0.5rem;
align-items: center;
}
.sec02_cont01_txt01 {
margin: 0;
}
.sec02_cont02 {
margin: 0.6rem 1.24rem 0 1.9rem;
display: grid;
grid-template-columns: auto 6.66rem;
align-items: center;
}
.sec02_cont02_txt01 {
margin: 0;
font-size: 0.34rem;
}
.sec02_cont02_txt01 .logo {
width: 2.26rem;
}
.sec02_cont02_img01 {
width: 100%;
margin: 0;
}
} #sec03 {
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec03_bg02.svg) no-repeat center bottom, url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec03_bg01.png) no-repeat center top;
background-size: 100% auto, cover;
padding: 0.84rem 0 1.34rem;
}
.sec03_function {
counter-reset: sec03_function_num 0;
}
.sec03_function > li {
position: relative;
width: 6.72rem;
background: #fff;
box-shadow: 0 0 0.2rem rgba(173, 173, 173, 0.16), -0.2rem 0.2rem #E2E2E2;
border-radius: 0.1rem;
margin: 0.84rem 0.32rem 0 0.64rem;
padding: 0.36rem 0 0.46rem;
}
.sec03_function > li::before {
counter-increment: sec03_function_num 1;
content: counter(sec03_function_num);
display: block;
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec03_function_num_bg01.svg) no-repeat center top;
background-size: 100% 100%;
width: 0.9rem;
height: 1rem;
font-weight: 700;
font-size: 0.52rem;
letter-spacing: 0.03em;
color: #fff;
text-align: center;
position: absolute;
top: -0.42rem;
z-index: 9;
}
.sec03_function > li:nth-of-type(1) {
margin-top: 0;
}
.sec03_function > li:nth-of-type(2n-1)::before {
left: 0;
}
.sec03_function > li:nth-of-type(2n-1) .sec03_function_img {
left: 0.32rem;
}
.sec03_function > li:nth-of-type(2n) {
box-shadow: 0 0 0.2rem rgba(173, 173, 173, 0.16), 0.2rem 0.2rem #E2E2E2;
margin: 0.84rem 0.64rem 0 0.32rem;
}
.sec03_function > li:nth-of-type(2n)::before {
right: 0;
}
.sec03_function > li:nth-of-type(2n) .sec03_function_img {
left: -0.32rem;
}
.sec03_function_img {
position: relative;
}
.sec03_function_txt {
margin: 0.3rem 0.32rem 0;
}
.sec03_function_txt .tit {
font-weight: 700;
font-size: 0.36rem;
letter-spacing: 0.03em;
}
.sec03_function_txt .txt {
margin: 0.24rem 0 0;
font-size: 0.28rem;
line-height: 1.45;
letter-spacing: 0.03em;
}
.sec03_foot {
position: relative;
width: 7.04rem;
margin: 1rem auto 0;
background: #fff;
box-shadow: 0 0 0.2rem rgba(173, 173, 173, 0.16);
border-radius: 0.1rem;
padding: 0.68rem 0 0.38rem;
}
.sec03_foot_txt01 {
padding: 0.2rem 0;
width: 3.44rem;
background: var(--color-yellow);
box-shadow: 0 0 0.2rem rgba(173, 173, 173, 0.16);
border-radius: 0.1rem;
font-weight: 700;
font-size: 0.32rem;
letter-spacing: 0.03em;
text-align: center;
position: absolute;
left: 50%;
top: 0;
translate: -50% -50%;
}
.sec03_foot_tit01 {
font-weight: 700;
font-size: 0.55rem;
line-height: 1.4;
text-align: center;
letter-spacing: 0.03em;
}
.sec03_foot_img01 {
width: 6.9rem;
margin: 0 auto;
}
@media screen and (min-width: 769px) {
#sec03 {
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec03_bg02.svg) no-repeat center bottom, url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec03_bg01_pc@2x.png) no-repeat center top;
background-size: 100% auto, cover;
padding: 1.06rem 0 1.98rem;
}
.sec03_function > li {
width: 11.08rem;
box-shadow: 0 0 0.2rem rgba(173, 173, 173, 0.16), -0.25rem 0.25rem #E2E2E2;
margin: 1rem auto 0;
padding: 0.2rem 0 0.2rem 0.5rem;
display: flex;
align-items: center;
}
.sec03_function > li::before {
top: -0.5rem;
}
.sec03_function > li:nth-of-type(2n-1) {
flex-direction: row-reverse;
}
.sec03_function > li:nth-of-type(2n-1)::before {
left: 0.5rem;
}
.sec03_function > li:nth-of-type(2n-1) .sec03_function_img {
left: 0.4rem;
}
.sec03_function > li:nth-of-type(2n) {
box-shadow: 0 0 0.2rem rgba(173, 173, 173, 0.16), 0.25rem 0.25rem #E2E2E2;
margin: 1rem auto 0;
padding: 0.2rem 0.5rem 0.2rem 0;
}
.sec03_function > li:nth-of-type(2n)::before {
right: 0.5rem;
}
.sec03_function > li:nth-of-type(2n) .sec03_function_img {
left: -0.4rem;
}
.sec03_function_img {
width: 5.5rem;
flex-shrink: 0;
}
.sec03_function_txt {
margin: 0;
flex-grow: 1;
}
.sec03_function_txt .tit {
font-size: 0.28rem;
}
.sec03_function_txt .txt {
margin: 0.18rem 0 0;
font-size: 0.2rem;
}
.sec03_foot {
width: 12rem;
margin: 1.28rem auto 0;
padding: 0.6rem 0 0.65rem;
}
.sec03_foot_txt01 {
padding: 0.14rem 0;
}
.sec03_foot_img01 {
width: 10.58rem;
margin: 0.08rem auto 0;
}
} #sec04 {
padding: 0 0 1.25rem;
}
.sec04_tit01 {
width: 5.12rem;
margin: 0 auto;
}
.sec04_txt01 {
width: 6.37rem;
margin: 0.2rem auto 0;
border-top: solid 0.04rem var(--color-font-default);
border-bottom: solid 0.04rem var(--color-font-default);
padding: 0.18rem 0;
text-align: center;
font-weight: 700;
font-size: 0.28rem;
line-height: 1.45;
letter-spacing: 0.03em;
}
#sec04_slide {
position: relative;
margin: 0.75rem 0 0;
padding: 0 0 0.85rem;
}
#sec04_slide .flickity-page-dots {
width: 6.72rem;
height: 0.1rem;
bottom: 0;
left: 50%;
translate: -50% 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
#sec04_slide .flickity-page-dots .dot {
width: 100%;
height: 100%;
margin: 0;
border-radius: 0;
opacity: 1;
background: var(--color-gray01);
transition: 0.2s ease;
}
#sec04_slide .flickity-page-dots .dot.is-selected {
background: var(--color-link-default);
}
.sec04_slide_item {
width: 5.8rem;
margin: 0 0.32rem;
}
.sec04_slide_head img{
border-radius: 0.2rem 0.2rem 0 0;
}
.sec04_slide_body {
padding-inline: 7%;
padding-block-start: 6%;
padding-block-end: 11%;
background-color: #F4F4F4;
}
.sec04_slide_school {
font-size: 0.22rem;
margin-block-end: 2.22%;
letter-spacing: 0.03em;
line-height: 1.4545454545;
}
.sec04_slide_title {
font-size: 0.25rem;
letter-spacing: 0.03em;
line-height: 1.44;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-block-end: 5%;
}
.sec04_slide_tagBox {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-block-end: 5.56%;
}
.sec04_slide_tagItem {
letter-spacing: 0.03em;
background-color: #4A72E9;
padding: 1px 6px 3px;
color: #fff;
font-size: 0.2rem;
border-radius: 5px;
}
.sec04_slide_desc {
line-height: 1.6;
font-size: 0.18rem;
letter-spacing: 0.1em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
@media screen and (min-width: 769px) {
#sec04 {
padding: 0 0 0.9rem;
}
.sec04_tit01 {
width: 8.8rem;
}
.sec04_txt01 {
width: 10rem;
margin: 0.14rem auto 0;
font-size: 0.25rem;
}
#sec04_slide {
margin: 1rem 0 0;
padding: 0;
display: flex;
justify-content: center;
}
.sec04_slide_item {
width: 3.76rem;
margin: 0 0.18rem;
}
}
@media screen and (max-width: 768px) {
.sec04_slide_head {
max-height: unset;
border-radius: 26.56px 26.56px 0 0;
}
.sec04_slide_body {
background-color: #F4F4F4;
padding-inline:29px;
padding-block-start: 30px;
padding-block-end: 67px;
}
.sec04_slide_school {
font-size: 0.28rem;
margin-bottom: 3.79%;
}
.sec04_slide_title {
font-size: 0.34rem;
margin-bottom: 9.389%;
}
.sec04_slide_tagBox {
gap: 15px;
margin-bottom: 6.188%;
}
.sec04_slide_tagItem {
font-size: 0.26rem;
}
.sec04_slide_desc {
font-size: 0.24rem;
}
} #sec05 {
padding: 0 0 0.04rem;
}
.sec05_stepByStep {
margin-block-start: 0.4rem;
position: relative;
margin-block-end: 0.63rem;
}
.sec05_stepByStep_stepBox {
background: linear-gradient(180deg, rgb(63, 209, 147), rgb(65, 105, 231));
}
.sec05_stepByStep_image {
position: relative;
}
.sec05_stepByStep_image img {
border-radius: 7% 7% 0 0
}
.sec05_stepByStep_step {
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: -0.6rem;
left: -0.6rem;
}
.sec05_stepByStep_body {
display: flex;
flex-direction: column;
row-gap: 0.9rem;
}
.sec05_stepByStep_item {
width: 5.75rem;
margin-inline: auto;
}
.sec05_stepByStep_desc {
font-size: 0.28rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.6;
text-align: center;
padding-block: 0.21rem;
padding-inline: 0.21rem;
background-color: #F4F4F4;
display: flex;
flex-direction: column;
}
.sec05_stepByStep_kome {
font-size: 0.22rem;
}
@media screen and (min-width: 769px) {
#sec05 {
padding: 0 0 1rem;
}
.sec05_stepByStep {
margin-block-start: 0.4rem;
}
.sec05_stepByStep_stepBox {
position: absolute;
width: 8.5rem;
left: 23%;
top: -5%;
z-index: -1;
}
.sec05_stepByStep_stepBox._sp {
display: none;
}
.sec05_stepByStep_stepBox._end {
top: 21%;
z-index: -1;
width: 2rem;
height: 0.5rem;
margin-inline-start: -2rem;
opacity: 1;
}
.sec05_stepByStep_stepBox._start {
top: 21%;
z-index: -1;
width: 2rem;
height: 0.5rem;
left: 1rem;
}
.sec05_stepByStep_stepBox._center {
top: 21%;
z-index: -1;
width: 4rem;
height: 0.5rem;
left: -1.5rem;
}
.sec05_stepByStep_image {
position: relative;
}
.sec05_stepByStep_image img {
border-radius: 7% 7% 0 0
}
.sec05_stepByStep_step {
position: absolute;
top: -18%;
left: 35%;
width: 1.2rem;
}
.sec05_stepByStep_body {
justify-content: center;
flex-direction: row;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 12rem;
margin-inline: auto;
}
.sec05_stepByStep_item {
width: 3.77rem;
margin: 0 0.18rem;
display: grid;
grid-template-rows: subgrid;
grid-row: span 2;
gap: 0;
align-items: center;
}
.sec05_stepByStep_desc {
font-size: 0.25rem;
padding-block: 10%;
padding-inline: 5%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.sec05_stepByStep_kome {
margin-block-start: 0.0;
font-size: 0.16rem;
}
}
@media screen and (max-width: 768px) {
.sec05_stepByStep_stepBox._sp {
width: 0.58rem;
height: calc(100% - 5rem);
position: absolute;
left: 0.7rem;
z-index: -1;
}
} #sec06 {
background: linear-gradient(180deg, var(--color-gray01) 7rem, #fff 7rem);
padding: 0.6rem 0 0.9rem;
}
#sec06::before {
content: "";
display: block;
background: #fff;
width: 0.5rem;
height: 0.28rem;
clip-path: polygon(0 0, 100% 0, 50% 100%);
position: absolute;
left: 50%;
top: 0;
translate: -50% 0;
}
.sec06_txt01 {
width: 6.6rem;
margin: 0 0 0 0.86rem;
}
.sec06_txt02 {
margin: 0.14rem 0 0;
font-weight: 700;
font-size: 0.24rem;
line-height: 1.45;
text-align: center;
letter-spacing: 0.03em;
}
.sec06_campaign {
width: 7.04rem;
margin: 0.6rem auto 0;
background: #fff;
border: 0.06rem solid var(--color-yellow);
box-shadow: 0 0 0.2rem rgba(173, 173, 173, 0.16);
border-radius: 0.1rem;
padding: 0 0 0.36rem;
text-align: center;
letter-spacing: 0.03em;
}
.sec06_campaign_head {
width: 6.4rem;
background: var(--color-yellow);
clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
margin: 0 auto;
padding: 0.18rem 0;
font-size: 0.25rem;
font-weight: 700;
}
.sec06_campaign_head .big {
font-size: 0.32rem;
}
.sec06_campaign_tit01 {
margin: 0.25rem 0 0;
font-size: 0.4rem;
font-weight: 700;
line-height: 1.35;
}
.sec06_campaign_txt01 {
margin: 0.16rem 0 0;
font-size: 0.32rem;
font-weight: 700;
line-height: 1.45;
}
.sec06_campaign_txt02 {
margin: 0.16rem 0 0;
font-size: 0.28rem;
line-height: 1.45;
}
.sec06_campaign_foot {
width: 6.4rem;
background: var(--color-gray01);
margin: 0.26rem auto 0;
padding: 0.28rem 0;
font-size: 0.28rem;
font-weight: 700;
line-height: 1.45;
}
@media screen and (min-width: 769px) {
#sec06 {
padding: 0.96rem 0 1rem;
}
.sec06_txt01 {
width: 8rem;
margin: 0 auto;
}
.sec06_txt02 {
margin: 0.3rem 0 0;
font-size: 0.25rem;
}
.sec06_campaign {
width: 11.1rem;
margin: 0.32rem auto 0;
padding: 0 0 0.5rem;
}
.sec06_campaign_head {
width: 10rem;
padding: 0.26rem 0 0.2rem;
}
.sec06_campaign_tit01 {
margin: 0.3rem 0 0;
font-size: 0.44rem;
}
.sec06_campaign_txt01 {
margin: 0.26rem 0 0;
font-size: 0.33rem;
}
.sec06_campaign_txt02 {
margin: 0.26rem 0 0;
font-size: 0.25rem;
}
.sec06_campaign_foot {
width: 9rem;
padding: 0.32rem 0;
font-size: 0.25rem;
}
} #sec07 {
background: linear-gradient(180deg, #84B5FF 85%, #fff 95%);
padding: 0.63rem 0 2.14rem;
}
.sec07_q {
width: 7.03rem;
margin: 0 auto;
display: grid;
grid-template-columns: 0.85rem auto;
gap: 0.3rem;
}
.sec07_q_ico {
padding: 0.2rem 0 0;
}
.sec07_q_balloon {
position: relative;
width: 4.54rem;
background: #fff;
border-radius: 0.1rem;
padding: 0.28rem 0.3rem;
font-size: 0.24rem;
font-weight: 700;
letter-spacing: 0.03em;
}
.sec07_q_balloon::before {
content: "";
display: block;
background: #fff;
width: 0.18rem;
height: 0.15rem;
clip-path: polygon(100% 0, 100% 100%, 0 50%);
position: absolute;
left: -0.12rem;
top: 0.38rem;
}
.sec07_a {
width: 7.03rem;
margin: 0.5rem auto 0;
display: grid;
grid-template-columns: auto 0.85rem;
gap: 0.3rem;
}
.sec07_a_ico {
order: 1;
padding: 0.2rem 0 0;
}
.sec07_a_balloon {
position: relative;
background: #fff;
border-radius: 0.1rem;
padding: 0.28rem 0.3rem;
font-size: 0.22rem;
letter-spacing: 0.03em;
}
.sec07_a_balloon::before {
content: "";
display: block;
background: #fff;
width: 0.18rem;
height: 0.15rem;
clip-path: polygon(0 0, 100% 50%, 0 100%);
position: absolute;
right: -0.12rem;
top: 0.38rem;
}
.sec07_a_balloon_memo {
margin: 0 0 0.28rem;
}
.sec07_a_balloon_memo > li {
position: relative;
width: calc(100% - 0.4rem);
background: #FDEC73;
border-left: solid 0.2rem var(--color-yellow);
margin: 0.28rem 0 0;
padding: 0.16rem 0.32rem;
font-weight: 700;
font-size: 0.22rem;
letter-spacing: 0.03em;
}
.sec07_a_balloon_memo > li::after {
content: "";
display: block;
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/lp01-assets/images/sec07_a_balloon_memo_parts01.svg) no-repeat center top;
background-size: 100% 100%;
width: 0.4rem;
height: calc(100% + 0.08rem);
position: absolute;
right: -0.38rem;
bottom: 0;
}
.sec07_a_balloon_txt01 {
margin: 0.12rem 0 0;
}
@media screen and (min-width: 769px) {
#sec07 {
background: linear-gradient(180deg, #84B5FF 80%, #fff 95%);
padding: 1.02rem 0 2.5rem;
}
.sec07_q {
width: 11.5rem;
}
.sec07_q_balloon {
font-size: 0.25rem;
}
.sec07_a {
width: 11.5rem;
margin: 0.64rem auto 0;
}
.sec07_a_balloon {
padding: 0.5rem;
}
.sec07_a_balloon_memo {
margin: 0.3rem 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.3rem 0.64rem;
}
.sec07_a_balloon_memo > li {
margin: 0;
letter-spacing: 0;
padding: 0.16rem 0 0.16rem 0.2rem;
}
.sec07_a_balloon_txt01 {
margin: 0.22rem 0 0;
}
} #sec08 {
background: var(--color-gray01);
padding: 0.64rem 0 0.54rem;
}
.sec08_tit01 {
font-size: 0.32rem;
font-weight: 700;
list-style: 1.45;
letter-spacing: 0.03em;
text-align: center;
}
#sec08_result {
position: relative;
margin: 0.4rem 0 0;
padding: 0 0 0.6rem;
}
#sec08_result .flickity-prev-next-button {
background: none;
width: 0.7rem;
height: 0.7rem;
}
#sec08_result .flickity-prev-next-button.previous {
left: 0.2rem;
}
#sec08_result .flickity-prev-next-button.next {
right: 0.2rem;
}
#sec08_result .flickity-page-dots {
bottom: 0;
}
#sec08_result .flickity-page-dots .dot {
width: 0.18rem;
height: 0.18rem;
margin: 0 0.1rem;
opacity: 1;
background: var(--color-gray02);
}
#sec08_result .flickity-page-dots .dot.is-selected {
background: var(--color-link-default);
}
.sec08_result_item {
width: 6.14rem;
margin: 0 0.16rem;
padding-inline-start: 0.27rem;
padding-inline-end: 0.34rem;
padding-block-start: 0.45rem;
padding-block-end: 0.5rem;
background-color: white;
border-radius: 10px;
}
.sec08_result_head {
display: flex;
flex-wrap: nowrap;
column-gap: 0.22rem;
align-items: center;
}
.sec08_result_image {
width: 0.92rem;
min-width: 0.92rem;
border-radius: 50%;
}
.sec08_result_name {
letter-spacing: 0.1em;
line-height: 1.6;
font-weight: 700;
font-size: 0.28rem;
}
.sec08_result_body {
margin-top: 0.26rem;
font-size: 0.22rem;
letter-spacing: 0.1em;
line-height: 1.6;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
@media screen and (min-width: 769px) {
#sec08 {
padding: 0.6rem 0 0.4rem;
}
.sec08_tit01 {
font-size: 0.34rem;
}
#sec08_result .flickity-prev-next-button.previous {
left: 2.7rem;
}
#sec08_result .flickity-prev-next-button.next {
right: 2.7rem;
}
.sec08_result_item {
width: 8rem;
margin: 0 0.5rem;
padding-inline-start: 0.4rem;
padding-inline-end: 0.4rem;
padding-block-start: 0.41rem;
padding-block-end: 0.44rem;
}
.sec08_result_head {
column-gap: 0.26rem;
}
.sec08_result_image {
width: 1.2rem;
min-width: 1.2rem;
}
.sec08_result_name {
font-size: 0.22rem;
}
.sec08_result_body {
margin-top: 0.09rem;
-webkit-line-clamp: 5;
}
} #sec09 {
padding: 0.8rem 0 0.9rem;
}
.sec09_tit01 {
text-align: center;
font-size: 0.34rem;
font-weight: 700;
letter-spacing: 0.03em;
}
.sec09_faq.cmn_accordion > li:nth-of-type(1) {
margin-top: 0.64rem;
}
.sec09_faq.cmn_accordion .cmn_accordion_key {
padding: 0.23rem 0.28rem 0.23rem 0.16rem;
display: grid;
grid-template-columns: 0.54rem auto 0.28rem;
gap: 0.2rem;
}
.sec09_faq.cmn_accordion .cmn_accordion_key .ico {
width: 0.54rem;
height: 0.54rem;
background: var(--color-font-default);
border-radius: 50%;
font-size: 0.32rem;
font-weight: 700;
color: #fff;
display: grid;
place-content: center;
}
.sec09_faq.cmn_accordion .cmn_accordion_key .txt {
color: #fff;
font-size: 0.22rem;
font-weight: 700;
letter-spacing: 0.03em;
}
.sec09_faq.cmn_accordion .cmn_accordion_key .arrow {
align-self: center;
line-height: 0;
transition: 0.2s ease;
rotate: 180deg;
}
.sec09_faq.cmn_accordion .cmn_accordion_key .arrow img {
vertical-align: middle;
line-height: 1;
}
.sec09_faq.cmn_accordion .cmn_accordion_key.open .arrow {
rotate: 0deg;
}
.sec09_faq.cmn_accordion .cmn_accordion_detail {
padding: 0.23rem 0.68rem 0.23rem 0.16rem;
display: grid;
grid-template-columns: 0.54rem auto;
gap: 0.2rem;
}
.sec09_faq.cmn_accordion .cmn_accordion_detail .ico {
width: 0.54rem;
height: 0.54rem;
background: var(--color-link-default);
border-radius: 50%;
font-size: 0.32rem;
font-weight: 700;
color: #fff;
display: grid;
place-content: center;
}
.sec09_faq.cmn_accordion .cmn_accordion_detail .cmn_textbox01 {
font-size: 0.22rem;
letter-spacing: 0.03em;
}
@media screen and (min-width: 769px) {
#sec09 {
padding: 1rem 0;
}
.sec09_faq.cmn_accordion > li:nth-of-type(1) {
margin-top: 0.72rem;
}
.sec09_faq.cmn_accordion .cmn_accordion_key {
padding: 0.13rem 0.28rem 0.2rem 0.16rem;
}
.sec09_faq.cmn_accordion .cmn_accordion_key .txt {
font-size: 0.2rem;
padding: 0.1rem 0 0;
}
.sec09_faq.cmn_accordion .cmn_accordion_detail {
padding: 0.13rem 0.68rem 0.2rem 0.16rem;
}
.sec09_faq.cmn_accordion .cmn_accordion_detail .cmn_textbox01 {
font-size: 0.2rem;
padding: 0.1rem 0 0;
}
} #sec10 {
padding: 0 0 1rem;
}
.sec10_tit01 {
text-align: center;
font-size: 0.34rem;
font-weight: 700;
letter-spacing: 0.03em;
}
.sec10_news > li {
width: 7.04rem;
margin: 0 auto;
padding: 0.26rem 0.2rem;
background: var(--color-gray01);
border-bottom: solid 1px var(--color-font-default);
display: grid;
grid-template-columns: 6em auto;
align-items: start;
font-size: 0.2rem;
letter-spacing: 0.1em;
}
.sec10_news > li:nth-of-type(1) {
margin-top: 0.62rem;
border-top: solid 1px var(--color-font-default);
}
.sec10_news > li:nth-of-type(2n) {
background: #fff;
}
.sec10_news a {
color: inherit;
}
@media screen and (min-width: 769px) {
#sec10 {
padding: 0 0 1.23rem;
}
.sec10_news > li {
width: 10rem;
padding: 0.26rem 0.3rem;
grid-template-columns: 7em auto;
}
.sec10_news > li:nth-of-type(1) {
margin-top: 0.75rem;
}
} #footer {
background: var(--color-font-default);
color: #fff;
margin-bottom: 1.4rem;
padding: 0.1rem 0;
text-align: center;
font-size: 0.2rem;
letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
#footer {
margin-bottom: 1.2rem;
padding: 0.14rem 0;
font-size: 0.12rem;
}
} #cta_footer {
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
width: 100%;
height: 1.4rem;
background: rgba(74, 114, 233, 0.1);
backdrop-filter: blur(38px);
padding: 0.25rem 0.32rem;
}
.cta_footer_btn_wrap {
display: grid;
grid-template-columns: 4.1rem 2.8rem;
justify-content: space-between;
align-items: center;
}
.cta_footer_btn01 {
display: grid;
grid-template-columns: auto 0.42rem;
align-items: center;
background: var(--color-yellow);
box-shadow: 0 0.06rem 0.2rem rgba(57, 90, 193, 0.4);
border-radius: 100px;
padding: 0.22rem 0.26rem 0.22rem 0.2rem;
color: var(--color-font-default);
text-decoration: none;
transition: 0.2s ease;
}
.cta_footer_btn01 .txt01 {
font-weight: 700;
font-size: 0.24rem;
line-height: 1.5;
text-align: center;
letter-spacing: 0.05em;
}
.cta_footer_btn01 .ico01 {
line-height: 0;
}
.cta_footer_btn02 {
display: grid;
grid-template-columns: auto 0.42rem;
align-items: center;
background: #fff;
box-shadow: 0 0.06rem 0.2rem rgba(57, 90, 193, 0.4);
border-radius: 100px;
padding: 0.24rem 0.22rem 0.24rem 0.22rem;
color: var(--color-font-default);
text-decoration: none;
transition: 0.2s ease;
}
.cta_footer_btn02 .txt01 {
font-weight: 700;
font-size: 0.24rem;
line-height: 1.5;
text-align: center;
letter-spacing: 0.05em;
}
.cta_footer_btn02 .ico01 {
line-height: 0;
}
@media screen and (min-width: 769px) {
#cta_footer {
height: 1.2rem;
padding: 0.2rem 0;
}
.cta_footer_btn_wrap {
display: grid;
grid-template-columns: repeat(2, 4.16rem);
justify-content: center;
align-items: center;
gap: 0.42rem;
}
.cta_footer_btn01 {
padding: 0.2rem 0.42rem 0.2rem 0.2rem;
border-radius: 0.2rem;
}
.cta_footer_btn01 .txt01 {
font-size: 0.2rem;
}
.cta_footer_btn02 {
padding: 0.2rem 0.42rem 0.2rem 0.42rem;
border-radius: 0.2rem;
}
.cta_footer_btn02 .txt01 {
font-size: 0.2rem;
}
}