@charset "UTF-8";

*,:before,:after {
    box-sizing: border-box;
    background-repeat: no-repeat
}

:before,:after {
    text-decoration: inherit;
    vertical-align: inherit
}

:where(:root) {
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%
}

:where(body) {
    margin: 0
}

:where(h1) {
    font-size: 2em;
    margin: .67em 0
}

:where(dl,ol,ul) :where(dl,ol,ul) {
    margin: 0
}

:where(hr) {
    color: inherit;
    height: 0
}

:where(nav) :where(ol,ul) {
    list-style-type: none;
    padding: 0
}

:where(nav li):before {
    content: "​";
    float: left
}

:where(pre) {
    font-family: monospace,monospace;
    font-size: 1em;
    overflow: auto
}

:where(abbr[title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(figure) {
    margin: 0;
}

:where(b,strong) {
    font-weight: bolder
}

:where(code,kbd,samp) {
    font-family: monospace,monospace;
    font-size: 1em
}

:where(small) {
    font-size: 80%
}

:where(audio,canvas,iframe,img,svg,video) {
    vertical-align: middle
}

:where(iframe) {
    border-style: none
}

:where(svg:not([fill])) {
    fill: currentColor
}

:where(table) {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

:where(button,input,select) {
    margin: 0
}

:where(button,[type=button i],[type=reset i],[type=submit i]) {
    -webkit-appearance: button
}

:where(fieldset) {
    border: 1px solid #a0a0a0
}

:where(progress) {
    vertical-align: baseline
}

:where(textarea) {
    margin: 0;
    resize: vertical
}

:where([type=search i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

:where(dialog:not([open])) {
    display: none
}

:where(details > summary:first-of-type) {
    display: list-item
}

:where([aria-busy=true i]) {
    cursor: progress
}

:where([aria-controls]) {
    cursor: pointer
}

:where([aria-disabled=true i],[disabled]) {
    cursor: not-allowed
}

:where([aria-hidden=false i][hidden]) {
    display: initial
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
    clip: rect(0,0,0,0);
    position: absolute
}

html,body {
    min-height: 100vh
}

html {
    display: flex;
    flex-direction: column;
    font-size: 62.5%;
}

@media only screen and  (max-width: 1000px) {
    html {
        font-size: 01vw
    }
}

@media only screen and  (max-width: 767px) {
    html {
        font-size: 1.85vw;
    }
}

body {
    font-family: "メイリオ", meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;    font-size: 14px;
    line-height: 1.6;
    background: #fff;
    color: #000000;
    min-width: 320px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 1.6rem;
}

@media only screen and  (max-width: 767px) {
    body{
        font-size: 2rem;
    }
}

*{
    box-sizing: border-box;
}

li {
    list-style-type: none
}

a {
    color: #000;
    text-decoration: none
}

a:hover,a:active,a:focus-visible {
    text-decoration: underline
}

em {
    font-style: normal;
    font-weight: 700
}

strong {
    font-weight: 700
}

sup {
    font-size: 12px
}

i {
    font-style: italic
}

img {
    max-width: 100%;
    height: auto
}
@media only screen and  (max-width: 1000px) {
    img {
    }
}

p,ul,ol,dl,dt,dd,table,h1,h2,h3,h4,h5,h6,blockquote,form {
    margin: 0;
    padding: 0
}

dfn,cite {
    font-style: normal
}

small {
    font-size: 14px
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

input:not([type=checkbox]):not([type=radio]):not([type=number]),select,button,textarea {
    -webkit-appearance: none;
    appearance: none;
    font-family: Noto Sans JP,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,メイリオ,Meiryo,Arial,sans-serif
}

input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: textfield
}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=reset],input[type=image],input[type=submit],input[type=button],button,select {
    cursor: pointer
}

button {
    background: none;
    border-radius: 0;
    border: 0;
    padding: 0;
    line-height: 1.4
}

select::-ms-expand {
    display: none
}

::placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000
}

/*common*/
.disp-sp {
    display:none
}
@media screen and (max-width: 767px) {
    .disp-sp {
        display:block
    }
    .disp-pc {
        display:none
    }
}

.c-btn-pagetop__txt {
    font-size: 0
}

.-bk-green{
    background-color: #5c9a28;
}

.-bk-orange{
    background-color: #d28300;
}

.-bk-lblue{
    background-color: #006bb9;
}

.-bd-green{
    border-color: #5c9a28;
}

.-bd-orange{
    border-color: #d28300;
}

.-bd-lblue{
    border-color: #006bb9;
}

.-tx-green{
    color: #5c9a28;
}

.-tx-orange{
    color: #d28300;
}

.-tx-lblue{
    color: #006bb9;
}


/*rayout*/
.l-main{
    overflow: hidden;
}
.c-container{
    max-width: 960px;
    margin: 0 auto;
}
@media screen and (max-width: 980px) {
    .c-container{
        padding: 0 2rem;
    }
}

/*header*/
.l-header {
    background: #fff;
    padding:2rem 0
}
@media screen and (max-width: 767px) {
    .l-header__logo{
        text-align: center;
    }
}

/*footer*/
.l-footer {
    padding: 4rem 1.5rem 6rem;
    position: relative;
    background-color: #e5e5e5;
}
@media screen and (max-width: 767px) {
    .l-footer {
        padding: 3rem 0;
    }
}

.l-footer__inner{
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 767px) {
    .l-footer__inner{
        flex-direction: column;
        align-items: center;
    }
    .l-footer__copyright{
        margin-top: 2rem;
    }
}

.l-footer__listItem {
    display: inline-block;
    margin-right: 1.6rem;
}
@media screen and (max-width: 767px) {
    .l-footer__listItem {
        margin: 0 1.5rem;
    }
}

/*Contents*/
.l-section-kv{
    background: linear-gradient(0deg, rgba(10,18,51,1) 0%, rgba(5,25,89,1) 100%);
    color: #FFF;
}

.l-section-kv--wrap{
    max-width: 1200px;
    margin: 0 auto;
    background: url(/security/lp/sase/assets/img/bg_kv.webp) center top no-repeat;
    background-size: cover;
    padding: 2rem 0;
}
@media screen and (max-width: 767px) {
    .l-section-kv--wrap{
        background-position: right 35% top;
    }
}

.l-section-kv__intro{
}
@media screen and (max-width: 767px) {
    .l-section-kv__intro{
        text-align: center;
    }
}

.l-section-kv__intro strong{
    font-size: 2.3rem;
    display: inline-block;
    vertical-align: middle;
    text-shadow    : 
    2px  2px 1px #06174e,
   -2px  2px 1px #06174e,
    2px -2px 1px #06174e,
   -2px -2px 1px #06174e,
    2px  0px 1px #06174e,
    0px  2px 1px #06174e,
   -2px  0px 1px #06174e,
    0px -2px 1px #06174e;

}
@media screen and (max-width: 767px) {
    .l-section-kv__intro strong{
        margin-top: 1rem;
    }
}

.l-section-kv__intro--icon{
    font-size: 2rem;
    border: 0.2rem solid #FFF;
    padding: 0.8rem 1.5rem;
    border-radius: 0.6rem;
    display: inline-block;
    line-height: 1;
    margin-right: 0.8rem;
    vertical-align: middle;
}

.l-section-kv__h1{
    border-top: 2px solid #FFF;
    padding: 2rem 0 0;
    margin: 2rem 0 0;
    font-size: 4.1rem;
    line-height: 1.3;
    max-width: 68rem;
    text-shadow    : 
    3px  3px 1px #06174e,
   -3px  3px 1px #06174e,
    3px -3px 1px #06174e,
   -3px -3px 1px #06174e,
    3px  0px 1px #06174e,
    0px  3px 1px #06174e,
   -3px  0px 1px #06174e,
    0px -3px 1px #06174e;
}
@media screen and (max-width: 767px) {
    .l-section-kv__h1{
        font-size: 3.3rem;
    }
}

.l-section-kv__copy{
    font-size: 1.75rem;
    margin-top: 0.5rem;
    line-height: 1.6;
    text-shadow    : 
    3px  3px 1px #06174e,
   -3px  3px 1px #06174e,
    3px -3px 1px #06174e,
   -3px -3px 1px #06174e,
    3px  0px 1px #06174e,
    0px  3px 1px #06174e,
   -3px  0px 1px #06174e,
    0px -3px 1px #06174e;
}

.l-section-kv__sup{
    font-size: 1.3rem;
    position: relative;
    padding-left: 2rem;
    margin: 1rem 0 0 0;
    text-shadow    : 
    2px  2px 1px #06174e,
   -2px  2px 1px #06174e,
    2px -2px 1px #06174e,
   -2px -2px 1px #06174e,
    2px  0px 1px #06174e,
    0px  2px 1px #06174e,
   -2px  0px 1px #06174e,
    0px -2px 1px #06174e;
}

.l-section-kv__sup span{
    position: absolute;
    left: 0;
    top: 0;
}

.l-section-kv__cta{
    display: flex;
    justify-content: space-between;
    background-color: #005bac;
    padding: 1.5rem;
    max-width: 55.2rem;
    margin-top: 2rem;
}

.l-section-kv__cta--contact{
    width: calc(50% - 0.7rem);
}

.l-section-kv__cta--download{
    width: calc(50% - 0.7rem);
}

.l-section-kv__cta--p{
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .l-section-kv__cta--p{
        font-size: 1.3rem;
    }
}

.l-section-kv__cta--link{
    display: block;
    color: #FFF;
    box-shadow: 2px 4px 5px rgba(0,0,0,0.8);
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 1rem 0 0 0;
    transition: filter 0.5s;
}
@media screen and (max-width: 767px) {
    .l-section-kv__cta--link{
        font-size: 2rem;
        font-weight: bold;
    }
}

.l-section-kv__cta--contact .l-section-kv__cta--link{
    background-color: #00b7ee;
}

.l-section-kv__cta--download .l-section-kv__cta--link{
    background-color: #f39800;
}

.l-section-kv__cta--link:hover{
    text-decoration: none;
    filter: brightness(1.15);
}

.l-section-kv__cta--link::after{
    content: "";
    background: url(/security/lp/sase/assets/img/arrow_left_white.svg);
    width: 3rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    transform: translateY(-0.2rem);
}

.l-section-nav{
    padding: 2rem 0 3rem;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(211,236,250,1) 62%);
}

.l-section-nav ul{
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 767px) {
    .l-section-nav ul{
        flex-wrap: wrap;
        justify-content: center;
    }
}

.l-section-nav li {
    width: calc(20% - 1rem);
}
@media screen and (max-width: 767px) {
    .l-section-nav li {
        width: calc(50% - 2rem);
        margin-top: 1rem;
        margin: 0.5rem;
    }
}

.l-section-nav li a{
    display: block;
    padding: 1.6rem 0 1.6rem 1rem;
    line-height: 1;
    border: 2px solid #0049b1;
    color: #000;
    font-size: 1.6rem;
    border-radius: 5px;
    box-shadow: 2px 4px 5px rgba(0,0,0,0.8);
    font-weight: bold;
    background-color: #FFF;
    position: relative;
    transition: background-color 0.3s, color 0.3s;
}

.l-section-nav li a::after{
    content: "";
    background: url(/security/lp/sase/assets/img/arrow_down_blue.svg);
    background-size: cover;
    width: 3.3rem;
    height: 3.3rem;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
}

.l-section-nav li a:hover{
    text-decoration: none;
    background-color: #0049b1;
    color: #FFF;
}

.l-section-nav li a:hover::after{
    background: url(/security/lp/sase/assets/img/arrow_left_white.svg);
    background-size: contain;
    transform: translateY(-50%) rotate(90deg);
}


.l-section-01{
    padding: 3rem 0 12rem;
    background: url(/security/lp/sase/assets/img/bg_section01.webp) no-repeat top center;
    background-size: cover;
}

.l-section-01__h2{
    color: #244f79;
    line-height: 1.5;
    text-align: center;
    text-shadow    : 
    4px  4px 1px #ffffff,
   -4px  4px 1px #ffffff,
    4px -4px 1px #ffffff,
   -4px -4px 1px #ffffff,
    4px  0px 1px #ffffff,
    0px  4px 1px #ffffff,
   -4px  0px 1px #ffffff,
    0px -4px 1px #ffffff;
}

.l-section-01__h2 span{
    font-size: 3.6rem;
    display: block;
}
@media screen and (max-width: 767px) {
    .l-section-01__h2 span{
        font-size: 2.5rem;
        display: block;
    }
}

.l-section-01__h2 strong{
    font-size: 4.1rem;
    letter-spacing: -0.25rem;
    display: block;
}
@media screen and (max-width: 767px) {
    .l-section-01__h2 strong{
        font-size: 3.3rem;
    }
}

.l-section-01__list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 7rem;
}

.l-section-01__item{
    width: 50%;
    max-width: 39.4rem;
    border: 0.6rem solid #FFF;
    background-color: #e5e5e5;
    border-radius: 2rem;
    padding: 4rem 2.5rem;
    margin: 0 2rem 7rem;
    position: relative;
    height: 34rem;
    position: relative;
    box-shadow: 0.7rem 1.5rem 2rem rgba(0,0,0,0.3);
}
@media screen and (max-width: 767px) {
    .l-section-01__item{
        width: 100%;
    }
}

.l-section-01__item:nth-child(2){
    padding: 3rem 1.5rem;
}

.l-section-01__item:nth-child(4){
    padding: 3rem 1rem;
}

.l-section-01__item--issue{
    font-size: 2.4rem;
    font-weight: bold;
    color: #FFF;
    padding: 0.5rem 1rem;
    border: 4px solid #FFF;
    background-color: #244f79;
    position: absolute;
    top: -3.2rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 1.7rem;
    min-width: 18rem;
    text-align: center;
}

.l-section-01__item--p{
    font-size: 2.1rem;
    line-height: 1.7;
}

.l-section-01__item--p strong{
    font-size: 3.3rem;
    color: #94252a;
    font-weight: normal;
    line-height: 1.2;
}

.l-section-01__item--image{
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}

.l-section-02{
    padding: 3rem 0;
    position: relative;
}

.l-section-02 .c-container{
    position: relative;
}

.l-section-02__mask1{
	height: 100%;
	width: 130%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) rotate(16.5deg);
}

.l-section-02__mask2{
	height: 100%;
	width: 130%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) rotate(-16.5deg);
}

@media only screen and (max-width: 767px) {
	.l-section-02__mask1,
	.l-section-02__mask2{
		width: 200%;
	}
}

.l-section-02__h2{
    font-size: 4.1rem;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .l-section-02__h2{
        font-size: 3.3rem;
    }
}

.l-section-02__p{
    margin-top: 1.5rem;
}

.l-section-02__list{
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
}
@media only screen and (max-width: 767px) {
    .l-section-02__list{
        flex-wrap: wrap;
    }
}

.l-section-02__item{
    width: calc(33.33% - 1.5rem);
    border: 7px solid #244f79;
    padding-bottom: 14rem;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .l-section-02__item{
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 1.5rem;
    }
}

.l-section-02__item--hedding{
    color: #FFF;
    background-color: #244f79;
    font-size: 2.4rem;
    padding: 0.5rem 1.2rem 1.2rem;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.l-section-02__item--inner{
    padding: 1.5rem;
}

.l-section-02__item--title{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (max-width: 767px) {
    .l-section-02__item--title{
        text-align: center;
    }
}

.l-section-02__item--p{
    margin-top: 1rem;
}

.l-section-02__item--image{
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2rem;
}
@media only screen and (max-width: 767px) {
    .l-section-02__item--image{
        position: static;
        margin-top: 2rem;
    }
}

.l-section-02__end{
    text-align: center;
    font-size: 4.1rem;
    margin-top: 3rem;
    color: #244f79;
}
@media only screen and (max-width: 767px) {
    .l-section-02__end{
        font-size: 3.3rem;
    }
}

.l-section-03{
    padding: 4rem 0 9rem;
    background: url(/security/lp/sase/assets/img/bg_section03.webp) no-repeat top center;
    background-size: cover;
    position: relative;
}

.l-section-03__h2{
    font-size: 4.1rem;
    color: #244f79;
    text-align: center;
    text-shadow    : 
    4px  4px 1px #ffffff,
   -4px  4px 1px #ffffff,
    4px -4px 1px #ffffff,
   -4px -4px 1px #ffffff,
    4px  0px 1px #ffffff,
    0px  4px 1px #ffffff,
   -4px  0px 1px #ffffff,
    0px -4px 1px #ffffff;
}
@media only screen and (max-width: 767px) {
    .l-section-03__h2{
        font-size: 3.3rem;
    }
}

.l-section-03__list{
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .l-section-03__list{
        flex-wrap: wrap;
    }
}

.l-section-03__item{
    width: calc(33.33% - 1.3rem);
    border-width: 0.5rem;
    border-style: solid;
    background-color: #FFF;
    margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
    .l-section-03__item{
        width: 100%
    }
}

.l-section-03__item--hedding{
    color: #FFF;
    font-size: 2.4rem;
    padding: 0.6rem 0.7rem 0.6rem;
    line-height: 1;
    font-weight: bold;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.l-section-03__item--hedding::before{
    content: "";
    display: iblock;
    background: url(/security/lp/sase/assets/img/icon_section03_01.png) no-repeat;
    background-size: contain;
    width: 9.1rem;
    height: 6rem;
    margin-right: 1rem;
}

.l-section-03__item--inner{
    padding: 0.6rem 1.2rem;
}

.l-section-03__item--ol li{
    position: relative;
    padding-left: 1.6rem;
    margin-top: 0.5rem;
    font-size: 1.5rem;
    line-height: 1.8;
}
@media only screen and (max-width: 767px) {
    .l-section-03__item--ol li{
        font-size: 1.8rem;
        padding-left: 2rem;
    }
}

.l-section-03__item--ol li span{
    position: absolute;
    left: 0;
}

.l-section-03__item--ol.-tx-large{
    padding: 1rem 0;
}

.l-section-03__item--ol.-tx-large li{
    font-size: 1.8rem;
    font-weight: bold;

    padding-left: 1.9rem;
}

.l-section-03__item--image{
    margin-top: 1rem;
    text-align: center;
}

.l-section-03__item--ex{
    color: #FFF;
    position: relative;
    padding: 1rem 1rem 1rem 11rem;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 1rem;
}

.l-section-03__item--ex::before{
    content: "";
    display: block;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 100%;
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);

}

.l-section-03__item--ex.-bk-green::before{
    background-color: #ecf4d9;
}
.l-section-03__item--ex.-bk-lblue::before{
    background-color: #dff1fb;
}
.l-section-03__item--ex.-bk-orange::before{
    background-color: #fffcdb;
}

.l-section-03__item--ex::after{
    content: "";
    display: block;
    background: url(/security/lp/sase/assets/img/icon_section03_02.png) no-repeat;
    background-size: contain;
    width: 5.6rem;
    height: 5.7rem;
    position: absolute;
    left: 3rem;
    top: calc(50% - 0.6rem);
    transform: translateY(-50%);
}

.l-section-04{
    padding: 6rem 0;
    background-color: #244f79;
}

.l-section-04__box{
    display: flex;
    justify-content: space-between;
    border: 0.4rem solid #FFF;
    background-color: #0068b7;
    padding: 3rem 1.5rem 2rem 2rem;
    color: #FFF;
}
@media only screen and (max-width: 767px) {
    .l-section-04__box{
        flex-wrap: wrap;
    }
}

.l-section-04__box--image{
    max-width: 37.2rem;
    width: 43%;
    margin-top: 1rem;
}
@media only screen and (max-width: 767px) {
    .l-section-04__box--image{
        width: 100%;
        text-align: center;
        margin: 2rem 0;
        max-width: none;
    }
}

.l-section-04__box--text{
    width: calc(100% - 43%);
}
@media only screen and (max-width: 767px) {
    .l-section-04__box--text{
        width: 100%;
    }
}

.l-section-04__box--label{
    background-color: #00b7ee;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 1.1rem;
    line-height: 1;
    position: relative;
    margin-bottom: 0.5rem;
    height: 4.6rem;
}

.l-section-04__box--label::before{
    content: "";
    width: 2.2rem;
    height: 1.6rem;
    display: block;
    background-color: #1289b1;
    clip-path: polygon(0 1%, 100% 100%, 97% 0);
    position: absolute;
    bottom: -1.6rem;
    left: 0;
}

.l-section-04__box--label::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 2.3rem solid transparent;
    border-bottom: 2.3rem solid transparent;
    border-left: 2.3rem solid #00b7ee;;
    border-right: 0;
    position: absolute;
    top: 0;
    right: -2.3rem;
}

.l-section-04__box--h3{
    font-size: 3.8rem;
    border-bottom: 0.4rem solid #FFF;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
}

.l-section-04__box--p{
    margin-bottom: 1rem;
    padding-left: 0.5rem;
}

.l-section-04__box--btn{
    display: inline-block;
    background-color: #f39800;
    color: #FFF;
    font-size: 2.5rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 4px 4px 5px rgba(0,0,0,0.8);
    text-align: center;
    margin: 0 0 0 0.5rem;
}
@media only screen and (max-width: 767px) {
    .l-section-04__box--btn{
        display: block;
        margin: 0 auto;
    }
}

.l-section-04__box--btn::after{
    content: "";
    background: url(/security/lp/sase/assets/img/arrow_left_white.svg);
    width: 3rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    transform: translateY(-0.2rem);
}

.l-section-04__box--btn:hover{
    text-decoration: none;
    filter: brightness(1.15);
}

.l-section-05{
    padding: 7.5rem 0 5.5rem;
    background: linear-gradient(0deg, rgba(246,250,255,1) 0%, rgba(224,241,250,1) 100%);
}

.l-section-05__h2{
    font-size: 4.1rem;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .l-section-05__h2{
        font-size: 3.3rem;
    }
}

.l-section-05__p{
    margin-top: 2rem;
}

.l-section-05__list{
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
    .l-section-05__list{
        flex-wrap: wrap;
    }
}

.l-section-05__item{
    width: calc(33.33% - 1.5rem);
    border: 7px solid #244f79;
    margin-bottom: 2rem;
    background-color: #FFF;
    position: relative;
    padding-bottom: 16rem;
}
@media only screen and (max-width: 767px) {
    .l-section-05__item{
        width: 100%;
        margin-bottom: 1.5rem;
    }
}

.l-section-05__item--hedding{
    color: #FFF;
    background-color: #244f79;
    font-size: 2.4rem;
    padding: 0.5rem 0 1rem;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
    min-height: 7.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-section-05__item--inner{
    padding: 0.5rem 1rem 1.5rem 1.5rem;
}

.l-section-05__item--title{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
}

.l-section-05__item--p{
    margin-top: 1rem;
    line-height: 1.7;
}

.l-section-05__item--image{
    text-align: center;
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
}

.l-section-05__sup{
    font-size: 0.9rem;
}

.l-section-06{
    padding: 8.5rem 0;
    background: url(/security/lp/sase/assets/img/bg_section06.webp) no-repeat top center;
    background-size: cover;
}

.l-section-06__box{
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    border: 2px solid #0068b7;
}

.l-section-06__h2{
    font-size: 3.4rem;
    color: #FFF;
    background: url(/security/lp/sase/assets/img/bg_section06_h2.svg) no-repeat top left;
    background-size: cover;
    height: 8.9rem;
    text-align: center;
    padding-top: 1rem;
}
@media only screen and (max-width: 767px) {
    .l-section-06__h2{
        font-size: 2.4rem;
        height: 7rem;
    }
}

.l-section-06__inner{
    padding: 5rem 6rem;
    display: flex;
    justify-content: space-between;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .l-section-06__inner{
        flex-wrap: wrap;
    }
}

.l-section-06__contact,
.l-section-06__download{
    width: 42%;
}
@media only screen and (max-width: 767px) {
    .l-section-06__contact,
    .l-section-06__download{
        width: 100%;
    }
    .l-section-06__download{
        margin-top: 3rem;
    }
}

.l-section-06__inner--p{
    margin: 2.5rem 0;
}

.l-section-06__contact--btn,
.l-section-06__download--btn{
    display: block;
    color: #FFF;
    font-size: 2.5rem;
    padding: 1.5rem 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 4px 4px 5px rgba(0,0,0,0.8);
    width: 34rem;
    margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
    .l-section-06__contact--btn,
    .l-section-06__download--btn{
        margin: 2rem auto;
    }
}

.l-section-06__contact--btn{
    background-color: #00b7ee;
    position: relative;
    text-align: center;
}

.l-section-06__download--btn{
    background-color: #f39800;
    position: relative;
    text-align: left;
}

.l-section-06__contact--btn::after,
.l-section-06__download--btn::after{
    content: "";
    background: url(/security/lp/sase/assets/img/arrow_left_white.svg);
    width: 3rem;
    height: 3rem;
    display: block;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.l-section-06__contact--btn:hover,
.l-section-06__download--btn:hover{
    text-decoration: none;
    filter: brightness(1.15);
}