* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	font-size: 1.33333333vw;
	overflow-x: hidden;
}

html.noscroll {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	margin: 0;
	font-family: "Noto Sans JP",sans-serif;
	font-size: 2.6rem;
	font-weight: 400;
	line-height: 1.625;
	color: #000;
	text-align: left;
	background-color: #edf6fc;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}

ol,
ul,
dl {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

b,
strong {
	font-weight: 700;
}

a {
	background-color: rgba(0,0,0,0);
	color: inherit;
	text-decoration: none;
}

img {
	vertical-align: middle;
	border-style: none;
	max-width: 100%;
	height: auto;
}

table {
	border-collapse: collapse;
}

th {
	font-weight: 400;
	text-align: inherit;
	text-align: -webkit-match-parent;
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

select {
	word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

textarea {
	overflow: auto;
	resize: vertical;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

[hidden] {
	display: none !important;
}

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

img.aligncenter {
	display: block;
	margin: auto;
}

img.alignright {
	display: block;
	margin-left: auto;
}

img.alignleft {
	display: block;
	margin-right: auto;
}

.container {
	margin: auto;
	max-width: 83.2rem;
	padding-left: 3.2rem;
	padding-right: 3.2rem;
	width: 100%;
}

.inner {
	margin: auto;
	max-width: 102.8rem;
	padding-left: 8.1rem;
	padding-right: 8.1rem;
	width: 100%;
}

.d-none {
	display: none !important;
}

.d-block {
	display: block !important;
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-inline {
	display: inline !important;
}

.flex-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}

.flex-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
}

.flex-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: row-reverse !important;
	        flex-direction: row-reverse !important;
}

.flex-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: column-reverse !important;
	        flex-direction: column-reverse !important;
}

.flex-wrap {
	-ms-flex-wrap: wrap !important;
	    flex-wrap: wrap !important;
}

.flex-nowrap {
	-ms-flex-wrap: nowrap !important;
	    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	    flex-wrap: wrap-reverse !important;
}

.flex-fill {
	-webkit-box-flex: 1 !important;
	    -ms-flex: 1 1 auto !important;
	        flex: 1 1 auto !important;
}

.flex-grow-0 {
	-webkit-box-flex: 0 !important;
	    -ms-flex-positive: 0 !important;
	        flex-grow: 0 !important;
}

.flex-grow-1 {
	-webkit-box-flex: 1 !important;
	    -ms-flex-positive: 1 !important;
	        flex-grow: 1 !important;
}

.flex-shrink-0 {
	-ms-flex-negative: 0 !important;
	    flex-shrink: 0 !important;
}

.flex-shrink-1 {
	-ms-flex-negative: 1 !important;
	    flex-shrink: 1 !important;
}

.flex-auto {
	-webkit-box-flex: 0 !important;
	    -ms-flex: 0 auto !important;
	        flex: 0 auto !important;
}

.justify-content-start {
	-webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	        justify-content: flex-start !important;
}

.justify-content-end {
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
}

.justify-content-center {
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}

.justify-content-around {
	-ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
}

.align-items-start {
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: flex-start !important;
}

.align-items-end {
	-webkit-box-align: end !important;
	    -ms-flex-align: end !important;
	        align-items: flex-end !important;
}

.align-items-center {
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}

.align-items-baseline {
	-webkit-box-align: baseline !important;
	    -ms-flex-align: baseline !important;
	        align-items: baseline !important;
}

.align-items-stretch {
	-webkit-box-align: stretch !important;
	    -ms-flex-align: stretch !important;
	        align-items: stretch !important;
}

.align-content-start {
	-ms-flex-line-pack: start !important;
	    align-content: flex-start !important;
}

.align-content-end {
	-ms-flex-line-pack: end !important;
	    align-content: flex-end !important;
}

.align-content-center {
	-ms-flex-line-pack: center !important;
	    align-content: center !important;
}

.align-content-between {
	-ms-flex-line-pack: justify !important;
	    align-content: space-between !important;
}

.align-content-around {
	-ms-flex-line-pack: distribute !important;
	    align-content: space-around !important;
}

.align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	    align-content: stretch !important;
}

.align-self-auto {
	-ms-flex-item-align: auto !important;
	    align-self: auto !important;
}

.align-self-start {
	-ms-flex-item-align: start !important;
	    align-self: flex-start !important;
}

.align-self-end {
	-ms-flex-item-align: end !important;
	    align-self: flex-end !important;
}

.align-self-center {
	-ms-flex-item-align: center !important;
	    align-self: center !important;
}

.align-self-baseline {
	-ms-flex-item-align: baseline !important;
	    align-self: baseline !important;
}

.align-self-stretch {
	-ms-flex-item-align: stretch !important;
	    align-self: stretch !important;
}

.text-justify {
	text-align: justify !important;
}

.text-wrap {
	white-space: normal !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.text-underline {
	text-decoration: underline;
}

.font-en {
	font-family: "Poppins",sans-serif !important;
}

.cl-primary {
	color: #55a2ff !important;
}

.btn {
	display: inline-block;
	font-family: "Noto Sans JP",sans-serif;
	font-weight: 400;
	color: #000;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	    user-select: none;
	background-color: rgba(0,0,0,0);
	border: 1px solid rgba(0,0,0,0);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 auto;
}

.btn:focus,
.btn.focus {
	outline: 0;
}

.btn.disabled,
.btn:disabled {
	opacity: .6;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn-white {
	background-color: #fff;
	-webkit-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
	        box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
	color: #7cb65a;
	border-radius: 10rem;
	font-size: 2.6rem;
	font-weight: 700;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	max-width: 47.4rem;
	height: 6.7rem;
	width: 100%;
}

.btn-white:hover {
	background-color: #fff290;
}

.p-header {
	background-color: #fff;
	padding: 3.3rem 3.2rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.p-header__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.p-header__logo img {
	width: 60rem;
}

.p-header__office {
	width: 21.7rem;
}

.hamburger-box {
	position: relative;
	cursor: pointer;
	height: 3.8rem;
	width: 4.5rem;
	z-index: 1100;
	margin-left: auto;
}

.hamburger-box.is-active {
	height: 4.5rem;
	width: 4.5rem;
}

.hamburger-box.is-active .hamburger-inner {
	-webkit-transition-delay: .12s;
	        transition-delay: .12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	height: .3rem;
	width: 5.3rem;
}

.hamburger-box.is-active .hamburger-inner:before {
	-webkit-transition: top 75ms ease,opacity 75ms ease .12s;
	transition: top 75ms ease,opacity 75ms ease .12s;
	opacity: 0;
	top: 0;
	height: .3rem;
	width: 5.3rem;
}

.hamburger-box.is-active .hamburger-inner:after {
	-webkit-transition: bottom 75ms ease,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
	transition: bottom 75ms ease,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
	transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
	transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	bottom: 0;
	height: .3rem;
	width: 5.3rem;
}

.hamburger-inner:after,
.hamburger-inner:before {
	display: block;
	content: "";
}

.hamburger-inner:after,
.hamburger-inner:before,
.hamburger-inner {
	width: 4.5rem;
	height: .6rem;
	background-color: #55a2ff;
	-webkit-transition: -webkit-transform .15s ease;
	transition: -webkit-transform .15s ease;
	transition: transform .15s ease;
	transition: transform .15s ease, -webkit-transform .15s ease;
}

.hamburger-inner {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.3rem;
	display: block;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition-duration: 75ms;
	        transition-duration: 75ms;
}

.hamburger-inner:before {
	position: absolute;
	top: -1.3rem;
	-webkit-transition: top 75ms ease .12s,opacity 75ms ease;
	transition: top 75ms ease .12s,opacity 75ms ease;
}

.hamburger-inner:after {
	position: absolute;
	bottom: -1.3rem;
	-webkit-transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.header-nav {
	background-color: rgba(78,78,78,.8);
	display: none;
	overflow: hidden;
	position: absolute;
	height: 100vh;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 500;
}

.header-nav__list {
	background-color: #fff;
	padding: 4.8rem 0 8rem;
}

.header-nav__list li {
	color: #4e4e4e;
	font-size: 3.2rem;
	font-weight: 500;
	margin-bottom: 8rem;
	text-align: center;
}

.header-nav__list li:last-child {
	margin-bottom: 0;
}

.header-nav__footer {
	background-color: #7bb55a;
	border-radius: 0 0 4rem 4rem;
	padding: 5.2rem 0;
}

.header-nav__footer .btn {
	font-size: 3.2rem;
	height: 8rem;
	max-width: 100%;
}

.p-footer {
	background-color: #dff1fa;
	margin-top: -10.8rem;
	padding: 16.2rem 0 4.8rem;
	position: relative;
	z-index: 10;
}

.p-footer::before {
	content: "";
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_footer.svg") repeat-x center top;
	position: absolute;
	left: 0;
	bottom: 100%;
	height: 7.2rem;
	width: 100%;
	z-index: 2;
}

.p-footer__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 4.8rem;
	text-align: center;
}

.p-footer__logo .__logo01 {
	width: 26.2rem;
}

.p-footer__logo .__logo02 {
	margin: 0 5.6rem;
	width: 10.9rem;
}

.p-footer__logo .__logo03 {
	width: 20.3rem;
}

.p-footer .copyright {
	color: #7d7a8b;
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
}

.form-control {
	display: block;
	width: 100%;
	height: 8rem;
	padding: .5rem 2.7rem;
	font-family: "Noto Sans JP",sans-serif;
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	background-clip: padding-box;
	border: .1rem solid #d2d2d2;
	border-radius: .4rem;
}

.form-control:focus {
	border: 2px solid #17d3d3;
	-webkit-box-shadow: 0 0 .6rem rgba(23,211,211,.3);
	        box-shadow: 0 0 .6rem rgba(23,211,211,.3);
	outline: #17d3d3;
}

.form-control::-moz-placeholder {
	color: rgba(28,28,28,.4);
	opacity: 1;
}

.form-control::-webkit-input-placeholder {
	color: rgba(28,28,28,.4);
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: rgba(28,28,28,.4);
	opacity: 1;
}

.form-control::-ms-input-placeholder {
	color: rgba(28,28,28,.4);
	opacity: 1;
}

.form-control::placeholder {
	color: rgba(28,28,28,.4);
	opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #1c1c1c;
	opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea.form-control {
	resize: none;
	height: 17.9rem;
}

.checkbox-custom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.checkbox-custom input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.checkbox-custom input:checked+.checkbox-custom__box {
	border-color: #00c2c0;
}

.checkbox-custom input:checked+.checkbox-custom__box::after {
	opacity: 1;
}

.checkbox-custom__box {
	background-color: #fff;
	border: .3rem solid #c3c3c3;
	border-radius: .2rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	margin-right: 1.4rem;
	position: relative;
	height: 3.6rem;
	width: 3.6rem;
}

.checkbox-custom__box::after {
	content: "";
	opacity: 0;
	border-left: 2px solid #00c2c0;
	border-bottom: 2px solid #00c2c0;
	height: .8rem;
	width: 1.8rem;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	position: absolute;
	left: .65rem;
	top: .65rem;
}

.table {
	width: 100%;
}

.hline01 {
	color: #55a2ff;
	font-size: 4.8rem;
	font-weight: bold;
	line-height: 1.21;
	margin-bottom: 4.8rem;
	padding-bottom: 3.2rem;
	position: relative;
	text-align: center;
}

.hline01::after {
	content: "";
	background-color: #55a2ff;
	border-radius: 2rem;
	height: .2rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 24rem;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.hover {
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.hover:hover {
	opacity: .7;
}

#main {
	background-color: #fff;
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	min-height: 5000px;
}

.p-kv {
	position: relative;
	z-index: 1;
}

.p-kv::after {
	content: "";
	background: url("/img/logfilter/microsoft/microsoft365-security/kv_bg_sp.png") no-repeat center top/cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 137.2rem;
	z-index: -1;
}

.p-kv__wrap {
	padding-top: 15.7rem;
	height: 96.5rem;
	position: relative;
}

.p-kv__ttl {
	color: #4e4e4e;
	font-size: 5.2rem;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.23;
	margin-bottom: 1.6rem;
}

.p-kv__ttl span {
	font-size: 5.8rem;
	font-weight: 600;
	letter-spacing: .05em;
}

.p-kv__txt {
	color: #55a2ff;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: .05em;
	margin-bottom: 5rem;
}

.p-kv__img {
	width: 30.6rem;
}

.p-kv__partner {
	margin-top: 0;
	text-align: center;
}

.p-kv__partner img {
	width: 65.6rem;
}

.p-cta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 1.8rem 0;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 300;
}

.p-cta::after {
	content: "";
	background-color: #7cb65a;
	opacity: .8;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.p-cta .btn {
	font-size: 2.2rem;
	height: 5.6rem;
	position: relative;
	z-index: 3;
}

.p-about {
	padding-top: 9.6rem;
}

.p-about .about-wrap {
	position: relative;
	z-index: 2;
}

.p-about .about-wrap::before,
.p-about .about-wrap::after {
	content: "";
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_repeat.svg") repeat left top;
	position: absolute;
	z-index: -1;
	background-size: 132px auto;
}

.p-about .about-wrap::before {
	left: 0;
	top: 9rem;
	height: 11.2rem;
	width: 13.2rem;
}

.p-about .about-wrap::after {
	right: 0;
	top: 15.3rem;
	height: 24.5rem;
	width: 31.3rem;
}

.p-about__txt {
	font-size: 2.6rem;
	font-weight: 500;
	margin-bottom: 4.8rem;
	padding: 0 3.2rem;
}

.p-recommend {
	padding-top: 9.6rem;
}

.recommend-wrap {
	position: relative;
	z-index: 1;
}

.recommend-wrap::before,
.recommend-wrap::after {
	content: "";
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_repeat.svg") repeat left top;
	position: absolute;
	z-index: -1;
	background-size: 132px auto;
}

.recommend-wrap::before {
	left: -11.5rem;
	top: -58.8rem;
	height: 40.9rem;
	width: 42.2rem;
}

.recommend-box {
	background-color: #fff;
	-webkit-box-shadow: 0 0 2rem rgba(0,0,0,.08);
	        box-shadow: 0 0 2rem rgba(0,0,0,.08);
	padding: 4.8rem 3.2rem 4rem;
	height: 100%;
}

.recommend-box__img {
	text-align: center;
}

.recommend-box__img img {
	height: 12rem;
}

.recommend-box__ttl {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
	margin-top: 3.2rem;
	text-align: center;
}

.recommend-box__txt {
	font-size: 2.6rem;
}

.p-feature {
	padding-top: 9.6rem;
}

.feature-bnr {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #f4f6ff), to(rgb(255, 255, 255)));
	background: linear-gradient(to bottom, #f4f6ff 15%, rgb(255, 255, 255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f5ff", endColorstr="#ffffff", GradientType=0);
	margin-top: 6rem;
	padding: 21.8rem 0 .8rem;
	position: relative;
	z-index: 1;
}

.feature-bnr::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12rem 29.25rem 0 29.25rem;
	border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
	position: absolute;
	left: 50%;
	margin-left: -29.25rem;
	top: 0;
	z-index: -1;
}

.feature-bnr .container {
	position: relative;
	z-index: 1;
}

.feature-bnr .container::after {
	content: "";
	background: url("/img/logfilter/microsoft/microsoft365-security/icon_tick.svg") no-repeat center/contain;
	height: 33.4rem;
	width: 31rem;
	position: absolute;
	top: -10.7rem;
	right: 3.2rem;
	z-index: -1;
}

.feature-bnr__img {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	margin-right: 4.8rem;
}

.feature-bnr__img img {
	width: 31.2rem;
}

.feature-bnr__info {
	text-align: center;
}

.feature-bnr__info__sub {
	color: #4e4e4e;
	font-size: 4.4rem;
	font-weight: 500;
}

.feature-bnr__info__main {
	color: #7cb65a;
	font-size: 4.4rem;
	font-weight: bold;
}

.feature-bnr__info__main span {
	font-size: 5rem;
}

.feature-list {
	counter-reset: feature;
}

.feature-list>li {
	margin-bottom: 4.8rem;
	position: relative;
	z-index: 1;
}

.feature-list>li:last-child {
	margin-bottom: 0;
}

.feature-item {
	background-color: #fff;
	-webkit-box-shadow: 0 0 4rem rgba(0,0,0,.08);
	        box-shadow: 0 0 4rem rgba(0,0,0,.08);
	padding: 4.8rem 3.2rem 4.8rem;
}

.feature-item__head {
	color: #55a2ff;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: .18em;
	text-align: center;
	position: absolute;
	left: 0;
	top: 1rem;
	z-index: 1;
}

.feature-item__head::before {
	content: counters(feature, ".", decimal-leading-zero);
	counter-increment: feature;
	font-size: 7rem;
	font-weight: bold;
	line-height: 1;
}

.feature-item__head .number {
	border-bottom: .2rem solid #55a2ff;
	display: block;
	margin: 0 auto 2rem;
	padding-bottom: 1rem;
	position: relative;
	width: 8rem;
}

.feature-item__head .number::before {
	content: "";
	background-color: #55a2ff;
	border-radius: 50%;
	height: .9rem;
	width: .9rem;
	position: absolute;
	bottom: -0.6rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 1;
}

.feature-item__ttl {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
}

.feature-item__txt {
	font-size: 2.6rem;
	margin-bottom: 4.8rem;
}

.feature-item__img {
	text-align: center;
}

.p-case {
	padding: 9.6rem 0 0;
}

.p-case__txt {
	color: #4e4e4e;
	font-size: 4.4rem;
	margin-bottom: 4.8rem;
	text-align: center;
	font-weight: 500;
}

.p-case__list {
	counter-reset: case;
}

.p-case__list li {
	margin-bottom: 9.6rem;
}

.p-case__list li:last-child {
	margin-bottom: 0;
}

.p-case .case-item__head {
	color: #55a2ff;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: .18em;
	margin-bottom: 3.2rem;
	text-align: center;
}

.p-case .case-item__head::before {
	content: counters(case, ".", decimal-leading-zero);
	counter-increment: case;
	font-size: 7rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	display: block;
	margin-bottom: 1rem;
}

.p-case .case-item__info dt {
	margin-bottom: 2.4rem;
}

.p-case .case-item__info dt~dt span {
	border-color: #55a2ff;
	color: #55a2ff;
}

.p-case .case-item__info dt span {
	border: .3rem solid #ff3f75;
	border-radius: .8rem;
	color: #ff3f75;
	display: block;
	font-size: 3.1rem;
	font-weight: bold;
	padding: .6rem 1rem;
	text-align: center;
}

.p-case .case-item__info dd {
	margin: 0 0 3.2rem;
}

.p-case .case-item__info dd:last-child {
	margin-bottom: 0;
}

.p-case .case-item__img {
	margin-top: 2.4rem;
}

.p-case .case-item__img img {
	width: 100%;
}

.p-flow {
	padding: 9.6rem 0 0;
}

.p-flow .container {
	position: relative;
	z-index: 5;
}

.p-flow .container::before {
	content: "";
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_flow_sp.svg") no-repeat left top/contain;
	position: absolute;
	left: -29.2rem;
	height: 61.3rem;
	width: 111.8rem;
	z-index: -1;
}

.p-flow__circle {
	background-color: #55a2ff;
	-webkit-box-shadow: -0.5rem .5rem ren(12px) rgba(0,0,0,.16);
	        box-shadow: -0.5rem .5rem ren(12px) rgba(0,0,0,.16);
	border-radius: 50%;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 4.4rem;
	font-weight: bold;
	line-height: 1.17;
	text-align: center;
	margin: 0 auto 6.3rem;
	position: relative;
	height: 30.7rem;
	width: 30.7rem;
	z-index: 2;
}

.p-flow__list {
	position: relative;
	z-index: 1;
}

.p-flow__list::before {
	content: "";
	background-color: #55a2ff;
	position: absolute;
	left: 6.6rem;
	top: -21.7rem;
	bottom: 8.8rem;
	width: .4rem;
}

.p-flow__list::after {
	content: "";
	background-color: #55a2ff;
	height: .4rem;
	width: 14.2rem;
	position: absolute;
	z-index: -1;
}

.p-flow .flow-item {
	padding-left: 17.6rem;
	margin-bottom: 6rem;
	position: relative;
}

.p-flow .flow-item:last-child {
	margin-bottom: 0;
}

.p-flow .flow-item__icon {
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2.3rem;
	z-index: 1;
}

.p-flow .flow-item__icon::after {
	content: "";
	background-color: #edf7ff;
	border-radius: 50%;
	position: absolute;
	left: -0.8rem;
	right: -0.8rem;
	top: -0.8rem;
	bottom: -0.8rem;
	z-index: -1;
}

.p-flow .flow-item__icon img {
	-webkit-box-shadow: -0.5rem .5rem 1.2rem rgba(0,0,0,.16);
	        box-shadow: -0.5rem .5rem 1.2rem rgba(0,0,0,.16);
	border-radius: 50%;
	width: 12.6rem;
}

.p-flow .flow-item__ttl {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
}

.p-flow .flow-item__txt {
	line-height: 1.38;
}

.f-contact {
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_contact_sp.png") no-repeat center/cover;
	-webkit-box-shadow: 0 2rem 3rem rgba(83,128,249,.16);
	        box-shadow: 0 2rem 3rem rgba(83,128,249,.16);
	border-radius: 2rem;
	color: #fff;
	margin-top: 16.4rem;
	padding: 5.2rem 4rem 5rem;
	position: relative;
	z-index: 15;
	text-align: center;
}

.f-contact .ttl {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
	text-shadow: .2rem .2rem .3rem rgba(0,0,0,.24);
}

.f-contact .txt {
	font-weight: bold;
	line-height: 1.5384615385;
	margin-bottom: 4rem;
	text-shadow: .1rem .1rem .2rem rgba(0,0,0,.16);
}

.f-contact .btn-white {
	-webkit-box-shadow: 0 0 2rem rgba(177,228,255,.8);
	        box-shadow: 0 0 2rem rgba(177,228,255,.8);
}

@media (min-width: 751px) {

html {
	font-size: 10px;
}

.inner {
	max-width: 100.6rem;
	padding-left: 7rem;
	padding-right: 7rem;
}

.d-sm-none {
	display: none !important;
}

.d-sm-block {
	display: block !important;
}

.d-sm-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-sm-inline {
	display: inline !important;
}

.flex-sm-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}

.flex-sm-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
}

.flex-sm-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: row-reverse !important;
	        flex-direction: row-reverse !important;
}

.flex-sm-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: column-reverse !important;
	        flex-direction: column-reverse !important;
}

.flex-sm-wrap {
	-ms-flex-wrap: wrap !important;
	    flex-wrap: wrap !important;
}

.flex-sm-nowrap {
	-ms-flex-wrap: nowrap !important;
	    flex-wrap: nowrap !important;
}

.flex-sm-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	    flex-wrap: wrap-reverse !important;
}

.flex-sm-fill {
	-webkit-box-flex: 1 !important;
	    -ms-flex: 1 1 auto !important;
	        flex: 1 1 auto !important;
}

.flex-sm-grow-0 {
	-webkit-box-flex: 0 !important;
	    -ms-flex-positive: 0 !important;
	        flex-grow: 0 !important;
}

.flex-sm-grow-1 {
	-webkit-box-flex: 1 !important;
	    -ms-flex-positive: 1 !important;
	        flex-grow: 1 !important;
}

.flex-sm-shrink-0 {
	-ms-flex-negative: 0 !important;
	    flex-shrink: 0 !important;
}

.flex-sm-shrink-1 {
	-ms-flex-negative: 1 !important;
	    flex-shrink: 1 !important;
}

.flex-sm-auto {
	-webkit-box-flex: 0 !important;
	    -ms-flex: 0 auto !important;
	        flex: 0 auto !important;
}

.justify-content-sm-start {
	-webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	        justify-content: flex-start !important;
}

.justify-content-sm-end {
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
}

.justify-content-sm-center {
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
}

.justify-content-sm-between {
	-webkit-box-pack: justify !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}

.justify-content-sm-around {
	-ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
}

.align-items-sm-start {
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: flex-start !important;
}

.align-items-sm-end {
	-webkit-box-align: end !important;
	    -ms-flex-align: end !important;
	        align-items: flex-end !important;
}

.align-items-sm-center {
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}

.align-items-sm-baseline {
	-webkit-box-align: baseline !important;
	    -ms-flex-align: baseline !important;
	        align-items: baseline !important;
}

.align-items-sm-stretch {
	-webkit-box-align: stretch !important;
	    -ms-flex-align: stretch !important;
	        align-items: stretch !important;
}

.align-content-sm-start {
	-ms-flex-line-pack: start !important;
	    align-content: flex-start !important;
}

.align-content-sm-end {
	-ms-flex-line-pack: end !important;
	    align-content: flex-end !important;
}

.align-content-sm-center {
	-ms-flex-line-pack: center !important;
	    align-content: center !important;
}

.align-content-sm-between {
	-ms-flex-line-pack: justify !important;
	    align-content: space-between !important;
}

.align-content-sm-around {
	-ms-flex-line-pack: distribute !important;
	    align-content: space-around !important;
}

.align-content-sm-stretch {
	-ms-flex-line-pack: stretch !important;
	    align-content: stretch !important;
}

.align-self-sm-auto {
	-ms-flex-item-align: auto !important;
	    align-self: auto !important;
}

.align-self-sm-start {
	-ms-flex-item-align: start !important;
	    align-self: flex-start !important;
}

.align-self-sm-end {
	-ms-flex-item-align: end !important;
	    align-self: flex-end !important;
}

.align-self-sm-center {
	-ms-flex-item-align: center !important;
	    align-self: center !important;
}

.align-self-sm-baseline {
	-ms-flex-item-align: baseline !important;
	    align-self: baseline !important;
}

.align-self-sm-stretch {
	-ms-flex-item-align: stretch !important;
	    align-self: stretch !important;
}

.text-sm-left {
	text-align: left !important;
}

.text-sm-right {
	text-align: right !important;
}

.text-sm-center {
	text-align: center !important;
}

.checkbox-custom__box::after {
	left: .6rem;
}

}

@media (min-width: 769px) {

html {
	font-size: .8928571429vw;
}

body {
	font-size: 1.6rem;
}

.container {
	max-width: 121.6rem;
	padding-left: 4.8rem;
	padding-right: 4.8rem;
}

.inner {
	max-width: 102.4rem;
	padding-left: 7.9rem;
	padding-right: 7.9rem;
}

.d-md-none {
	display: none !important;
}

.d-md-block {
	display: block !important;
}

.d-md-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-md-inline {
	display: inline !important;
}

.flex-md-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}

.flex-md-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
}

.flex-md-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: row-reverse !important;
	        flex-direction: row-reverse !important;
}

.flex-md-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: column-reverse !important;
	        flex-direction: column-reverse !important;
}

.flex-md-wrap {
	-ms-flex-wrap: wrap !important;
	    flex-wrap: wrap !important;
}

.flex-md-nowrap {
	-ms-flex-wrap: nowrap !important;
	    flex-wrap: nowrap !important;
}

.flex-md-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	    flex-wrap: wrap-reverse !important;
}

.flex-md-fill {
	-webkit-box-flex: 1 !important;
	    -ms-flex: 1 1 auto !important;
	        flex: 1 1 auto !important;
}

.flex-md-grow-0 {
	-webkit-box-flex: 0 !important;
	    -ms-flex-positive: 0 !important;
	        flex-grow: 0 !important;
}

.flex-md-grow-1 {
	-webkit-box-flex: 1 !important;
	    -ms-flex-positive: 1 !important;
	        flex-grow: 1 !important;
}

.flex-md-shrink-0 {
	-ms-flex-negative: 0 !important;
	    flex-shrink: 0 !important;
}

.flex-md-shrink-1 {
	-ms-flex-negative: 1 !important;
	    flex-shrink: 1 !important;
}

.flex-md-auto {
	-webkit-box-flex: 0 !important;
	    -ms-flex: 0 auto !important;
	        flex: 0 auto !important;
}

.justify-content-md-start {
	-webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	        justify-content: flex-start !important;
}

.justify-content-md-end {
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
}

.justify-content-md-center {
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
}

.justify-content-md-between {
	-webkit-box-pack: justify !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}

.justify-content-md-around {
	-ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
}

.align-items-md-start {
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: flex-start !important;
}

.align-items-md-end {
	-webkit-box-align: end !important;
	    -ms-flex-align: end !important;
	        align-items: flex-end !important;
}

.align-items-md-center {
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}

.align-items-md-baseline {
	-webkit-box-align: baseline !important;
	    -ms-flex-align: baseline !important;
	        align-items: baseline !important;
}

.align-items-md-stretch {
	-webkit-box-align: stretch !important;
	    -ms-flex-align: stretch !important;
	        align-items: stretch !important;
}

.align-content-md-start {
	-ms-flex-line-pack: start !important;
	    align-content: flex-start !important;
}

.align-content-md-end {
	-ms-flex-line-pack: end !important;
	    align-content: flex-end !important;
}

.align-content-md-center {
	-ms-flex-line-pack: center !important;
	    align-content: center !important;
}

.align-content-md-between {
	-ms-flex-line-pack: justify !important;
	    align-content: space-between !important;
}

.align-content-md-around {
	-ms-flex-line-pack: distribute !important;
	    align-content: space-around !important;
}

.align-content-md-stretch {
	-ms-flex-line-pack: stretch !important;
	    align-content: stretch !important;
}

.align-self-md-auto {
	-ms-flex-item-align: auto !important;
	    align-self: auto !important;
}

.align-self-md-start {
	-ms-flex-item-align: start !important;
	    align-self: flex-start !important;
}

.align-self-md-end {
	-ms-flex-item-align: end !important;
	    align-self: flex-end !important;
}

.align-self-md-center {
	-ms-flex-item-align: center !important;
	    align-self: center !important;
}

.align-self-md-baseline {
	-ms-flex-item-align: baseline !important;
	    align-self: baseline !important;
}

.align-self-md-stretch {
	-ms-flex-item-align: stretch !important;
	    align-self: stretch !important;
}

.text-md-left {
	text-align: left !important;
}

.text-md-right {
	text-align: right !important;
}

.text-md-center {
	text-align: center !important;
}

.p-header {
	position: absolute;
	background-color: rgba(0,0,0,0);
	padding: 2.3rem 4.8rem;
	z-index: 10;
}

.p-header__inner {
	max-width: 150.4rem;
	margin: 0 auto;
	width: 100%;
}

.hamburger-box {
	display: none !important;
}

.p-footer {
	margin-top: -5.6rem;
	padding: 12.8rem 0 7.5rem;
}

.p-footer::before {
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_footer_wide.svg") repeat-x center top;
}

.p-footer__logo {
	margin-bottom: 6.8rem;
}

.p-footer__logo .__logo02 {
	margin: 0 6.5rem 0 5.1rem;
}

.p-footer .copyright {
	font-size: 1.4rem;
}

.form-control {
	font-size: 1.6rem;
	border-width: .2rem;
	height: 4.5rem;
	padding: .5rem 1.4rem;
}

.checkbox-custom__box {
	border-width: .1rem;
	margin-top: .2rem;
	margin-right: .8rem;
	height: 1.4rem;
	width: 1.4rem;
}

.checkbox-custom__box::after {
	border-left-width: .1rem;
	border-bottom-width: .1rem;
	height: .3rem;
	width: .7rem;
	left: .25rem;
	top: .25rem;
}

.hline01 {
	font-size: 4.4rem;
	line-height: 1.2272727273;
	padding-bottom: 2.25rem;
	margin-bottom: 6.4rem;
}

.p-kv::after {
	background-image: url("/img/logfilter/microsoft/microsoft365-security/kv_bg.png");
	height: 117.8rem;
}

.p-kv__wrap {
	padding-top: 18.1rem;
	height: 83.6rem;
}

.p-kv__txt {
	margin-bottom: 4.8rem;
}

.p-kv__partner {
	margin-top: 0;
	position: absolute;
	left: 0;
	bottom: 4.7rem;
	z-index: 1;
}

.p-kv__partner img {
	width: 61.2rem;
}

.p-about .about-wrap::before,
.p-about .about-wrap::after {
	background-size: auto;
}

.p-about .about-wrap::before {
	left: -15.9rem;
	top: -5.6rem;
	height: 17.9rem;
	width: 27.7rem;
}

.p-about .about-wrap::after {
	right: -25.6rem;
	top: 16.7rem;
}

.p-about__txt {
	font-size: 2rem;
	max-width: 88rem;
	margin: 0 auto 6.4rem;
	padding: 0;
}

.recommend-wrap::before,
.recommend-wrap::after {
	background-size: auto;
}

.recommend-wrap::before {
	left: -15rem;
	top: 0;
	height: 36.8rem;
	width: 21.7rem;
}

.recommend-wrap::after {
	height: 25rem;
	width: 42.2rem;
	right: -25.7rem;
	top: 18.7rem;
}

.recommend-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -2.2rem;
}

.recommend-list li {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 0 2.2rem;
}

.recommend-box {
	padding: 4.4rem 3.2rem;
}

.recommend-box__img img {
	height: 8rem;
}

.recommend-box__ttl {
	font-size: 2rem;
	margin-top: 2.4rem;
}

.recommend-box__txt {
	font-size: 1.6rem;
}

.feature-bnr {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(232, 243, 252, 0.98)), to(rgb(255, 255, 255)));
	background: linear-gradient(to bottom, rgba(232, 243, 252, 0.98) 15%, rgb(255, 255, 255) 100%);
	margin-top: 5.6rem;
	padding-top: 5.8rem;
}

.feature-bnr::before {
	top: -0.8rem;
}

.feature-bnr .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.feature-bnr .container::after {
	top: 3.3rem;
	right: 6.7rem;
}

.feature-bnr__info {
	padding-bottom: 10rem;
	text-align: left;
}

.feature-list>li::after {
	content: "";
	position: absolute;
	z-index: -1;
}

.feature-list>li:nth-child(1) {
	z-index: 2;
}

.feature-list>li:nth-child(1)::after {
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_rect_01.svg") no-repeat center/contain;
	height: 34.5rem;
	width: 34.5rem;
	top: -22.1rem;
	right: -28.6rem;
}

.feature-list>li:nth-child(2)::after {
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_rect_02.svg") no-repeat center/contain;
	height: 69rem;
	width: 69rem;
	top: -28.8rem;
	left: -44rem;
}

.feature-list>li:nth-child(3)::after {
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_rect_03.svg") no-repeat center/contain;
	height: 28.5rem;
	width: 28.5rem;
	bottom: 13.1rem;
	right: -19.7rem;
}

.feature-item {
	-webkit-box-shadow: 0 0 2rem rgba(0,0,0,.08);
	        box-shadow: 0 0 2rem rgba(0,0,0,.08);
	padding: 5.6rem 4.8rem 4.8rem 17.6rem;
}

.feature-item__head {
	letter-spacing: .12em;
	font-size: 1.8rem;
	left: 4.8rem;
	top: 5.6rem;
}

.feature-item__head::before {
	font-size: 6rem;
}

.feature-item__head .number {
	width: auto;
}

.feature-item__ttl {
	font-size: 2rem;
}

.feature-item__txt {
	font-size: 1.6rem;
}

.p-case {
	background: url("/img/logfilter/microsoft/microsoft365-security/bg_mask.png") no-repeat left top/cover;
}

.p-case__txt {
	font-weight: bold;
	font-size: 3.2rem;
	margin-bottom: 6.4rem;
}

.p-case .case-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-left: 12.6rem;
}

.p-case .case-item__head {
	font-size: 1.8rem;
	margin-bottom: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.p-case .case-item__head::before {
	font-size: 6rem;
}

.p-case .case-item__info dt {
	margin-bottom: .8rem;
}

.p-case .case-item__info dt span {
	display: inline-block;
	font-size: 2rem;
	padding: .5rem 1rem;
	width: 11.2rem;
}

.p-case .case-item__info dd {
	margin-bottom: 2.4rem;
}

.p-case .case-item__img {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	margin-left: 3.3rem;
	margin-top: 0;
}

.p-case .case-item__img img {
	width: 39.2rem;
}

.p-flow .container::before {
	background-image: url("/img/logfilter/microsoft/microsoft365-security/bg_flow.svg");
	left: -45.2rem;
	top: -8.8rem;
	height: 100.3rem;
	width: 182.9rem;
}

.p-flow__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.p-flow__circle {
	font-size: 2.8rem;
	height: 19.2rem;
	width: 19.2rem;
	margin: 0;
}

.p-flow__list {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-left: 18.2rem;
}

.p-flow__list::before {
	background-color: #4e4e4e;
	left: -12.2rem;
	top: 8.8rem;
	bottom: 8.8rem;
	width: .2rem;
}

.p-flow__list::after {
	background-color: #4e4e4e;
	right: calc(100% + 12.2rem);
	top: 50%;
	height: .2rem;
	width: 7.2rem;
	margin-top: -0.1rem;
}

.p-flow .flow-item {
	background-color: #fff;
	-webkit-box-shadow: 0 0 1rem rgba(0,0,0,.16);
	        box-shadow: 0 0 1rem rgba(0,0,0,.16);
	margin-bottom: 4rem;
	padding: 4.5rem 4.8rem 4.5rem 10.1rem;
}

.p-flow .flow-item::before {
	content: "";
	background: url("/img/logfilter/microsoft/microsoft365-security/icon_dot.svg") no-repeat center/contain;
	height: 2.4rem;
	width: 2.4rem;
	position: absolute;
	left: -13.3rem;
	top: 50%;
	margin-top: -1.2rem;
	z-index: 1;
}

.p-flow .flow-item__icon {
	left: -6.3rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.p-flow .flow-item__ttl {
	font-size: 2rem;
	margin-bottom: .8rem;
}

.p-flow .flow-item__txt {
	line-height: 1.5;
	max-width: 59.7rem;
}

.f-contact {
	background-image: url("/img/logfilter/microsoft/microsoft365-security/bg_contact.png");
	margin-top: 9.6rem;
	padding: 5.5rem 0 5.6rem;
}

.f-contact .txt {
	font-size: 1.8rem;
	line-height: 1.3333333333;
	margin-bottom: 2.6rem;
}

}

@media (min-width: 1025px) {

.inner {
	max-width: 101.6rem;
	padding-left: 4.8rem;
	padding-right: 4.8rem;
}

.d-lg-none {
	display: none !important;
}

.d-lg-block {
	display: block !important;
}

.d-lg-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-lg-inline {
	display: inline !important;
}

.flex-lg-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}

.flex-lg-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
}

.flex-lg-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: row-reverse !important;
	        flex-direction: row-reverse !important;
}

.flex-lg-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: column-reverse !important;
	        flex-direction: column-reverse !important;
}

.flex-lg-wrap {
	-ms-flex-wrap: wrap !important;
	    flex-wrap: wrap !important;
}

.flex-lg-nowrap {
	-ms-flex-wrap: nowrap !important;
	    flex-wrap: nowrap !important;
}

.flex-lg-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	    flex-wrap: wrap-reverse !important;
}

.flex-lg-fill {
	-webkit-box-flex: 1 !important;
	    -ms-flex: 1 1 auto !important;
	        flex: 1 1 auto !important;
}

.flex-lg-grow-0 {
	-webkit-box-flex: 0 !important;
	    -ms-flex-positive: 0 !important;
	        flex-grow: 0 !important;
}

.flex-lg-grow-1 {
	-webkit-box-flex: 1 !important;
	    -ms-flex-positive: 1 !important;
	        flex-grow: 1 !important;
}

.flex-lg-shrink-0 {
	-ms-flex-negative: 0 !important;
	    flex-shrink: 0 !important;
}

.flex-lg-shrink-1 {
	-ms-flex-negative: 1 !important;
	    flex-shrink: 1 !important;
}

.flex-lg-auto {
	-webkit-box-flex: 0 !important;
	    -ms-flex: 0 auto !important;
	        flex: 0 auto !important;
}

.justify-content-lg-start {
	-webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	        justify-content: flex-start !important;
}

.justify-content-lg-end {
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
}

.justify-content-lg-center {
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
}

.justify-content-lg-between {
	-webkit-box-pack: justify !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}

.justify-content-lg-around {
	-ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
}

.align-items-lg-start {
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: flex-start !important;
}

.align-items-lg-end {
	-webkit-box-align: end !important;
	    -ms-flex-align: end !important;
	        align-items: flex-end !important;
}

.align-items-lg-center {
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}

.align-items-lg-baseline {
	-webkit-box-align: baseline !important;
	    -ms-flex-align: baseline !important;
	        align-items: baseline !important;
}

.align-items-lg-stretch {
	-webkit-box-align: stretch !important;
	    -ms-flex-align: stretch !important;
	        align-items: stretch !important;
}

.align-content-lg-start {
	-ms-flex-line-pack: start !important;
	    align-content: flex-start !important;
}

.align-content-lg-end {
	-ms-flex-line-pack: end !important;
	    align-content: flex-end !important;
}

.align-content-lg-center {
	-ms-flex-line-pack: center !important;
	    align-content: center !important;
}

.align-content-lg-between {
	-ms-flex-line-pack: justify !important;
	    align-content: space-between !important;
}

.align-content-lg-around {
	-ms-flex-line-pack: distribute !important;
	    align-content: space-around !important;
}

.align-content-lg-stretch {
	-ms-flex-line-pack: stretch !important;
	    align-content: stretch !important;
}

.align-self-lg-auto {
	-ms-flex-item-align: auto !important;
	    align-self: auto !important;
}

.align-self-lg-start {
	-ms-flex-item-align: start !important;
	    align-self: flex-start !important;
}

.align-self-lg-end {
	-ms-flex-item-align: end !important;
	    align-self: flex-end !important;
}

.align-self-lg-center {
	-ms-flex-item-align: center !important;
	    align-self: center !important;
}

.align-self-lg-baseline {
	-ms-flex-item-align: baseline !important;
	    align-self: baseline !important;
}

.align-self-lg-stretch {
	-ms-flex-item-align: stretch !important;
	    align-self: stretch !important;
}

.text-lg-left {
	text-align: left !important;
}

.text-lg-right {
	text-align: right !important;
}

.text-lg-center {
	text-align: center !important;
}

}

@media (min-width: 1121px) {

html {
	font-size: 10px;
}

.d-container-none {
	display: none !important;
}

.d-container-block {
	display: block !important;
}

.d-container-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-container-inline {
	display: inline !important;
}

.flex-container-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}

.flex-container-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
}

.flex-container-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: row-reverse !important;
	        flex-direction: row-reverse !important;
}

.flex-container-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: column-reverse !important;
	        flex-direction: column-reverse !important;
}

.flex-container-wrap {
	-ms-flex-wrap: wrap !important;
	    flex-wrap: wrap !important;
}

.flex-container-nowrap {
	-ms-flex-wrap: nowrap !important;
	    flex-wrap: nowrap !important;
}

.flex-container-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	    flex-wrap: wrap-reverse !important;
}

.flex-container-fill {
	-webkit-box-flex: 1 !important;
	    -ms-flex: 1 1 auto !important;
	        flex: 1 1 auto !important;
}

.flex-container-grow-0 {
	-webkit-box-flex: 0 !important;
	    -ms-flex-positive: 0 !important;
	        flex-grow: 0 !important;
}

.flex-container-grow-1 {
	-webkit-box-flex: 1 !important;
	    -ms-flex-positive: 1 !important;
	        flex-grow: 1 !important;
}

.flex-container-shrink-0 {
	-ms-flex-negative: 0 !important;
	    flex-shrink: 0 !important;
}

.flex-container-shrink-1 {
	-ms-flex-negative: 1 !important;
	    flex-shrink: 1 !important;
}

.flex-container-auto {
	-webkit-box-flex: 0 !important;
	    -ms-flex: 0 auto !important;
	        flex: 0 auto !important;
}

.justify-content-container-start {
	-webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	        justify-content: flex-start !important;
}

.justify-content-container-end {
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
}

.justify-content-container-center {
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
}

.justify-content-container-between {
	-webkit-box-pack: justify !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}

.justify-content-container-around {
	-ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
}

.align-items-container-start {
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: flex-start !important;
}

.align-items-container-end {
	-webkit-box-align: end !important;
	    -ms-flex-align: end !important;
	        align-items: flex-end !important;
}

.align-items-container-center {
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}

.align-items-container-baseline {
	-webkit-box-align: baseline !important;
	    -ms-flex-align: baseline !important;
	        align-items: baseline !important;
}

.align-items-container-stretch {
	-webkit-box-align: stretch !important;
	    -ms-flex-align: stretch !important;
	        align-items: stretch !important;
}

.align-content-container-start {
	-ms-flex-line-pack: start !important;
	    align-content: flex-start !important;
}

.align-content-container-end {
	-ms-flex-line-pack: end !important;
	    align-content: flex-end !important;
}

.align-content-container-center {
	-ms-flex-line-pack: center !important;
	    align-content: center !important;
}

.align-content-container-between {
	-ms-flex-line-pack: justify !important;
	    align-content: space-between !important;
}

.align-content-container-around {
	-ms-flex-line-pack: distribute !important;
	    align-content: space-around !important;
}

.align-content-container-stretch {
	-ms-flex-line-pack: stretch !important;
	    align-content: stretch !important;
}

.align-self-container-auto {
	-ms-flex-item-align: auto !important;
	    align-self: auto !important;
}

.align-self-container-start {
	-ms-flex-item-align: start !important;
	    align-self: flex-start !important;
}

.align-self-container-end {
	-ms-flex-item-align: end !important;
	    align-self: flex-end !important;
}

.align-self-container-center {
	-ms-flex-item-align: center !important;
	    align-self: center !important;
}

.align-self-container-baseline {
	-ms-flex-item-align: baseline !important;
	    align-self: baseline !important;
}

.align-self-container-stretch {
	-ms-flex-item-align: stretch !important;
	    align-self: stretch !important;
}

.text-container-left {
	text-align: left !important;
}

.text-container-right {
	text-align: right !important;
}

.text-container-center {
	text-align: center !important;
}

}

@media (min-width: 1601px) {

.inner {
	max-width: 126.4rem;
}

.d-xl-none {
	display: none !important;
}

.d-xl-block {
	display: block !important;
}

.d-xl-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-xl-inline {
	display: inline !important;
}

.flex-xl-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}

.flex-xl-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
}

.flex-xl-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: row-reverse !important;
	        flex-direction: row-reverse !important;
}

.flex-xl-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: column-reverse !important;
	        flex-direction: column-reverse !important;
}

.flex-xl-wrap {
	-ms-flex-wrap: wrap !important;
	    flex-wrap: wrap !important;
}

.flex-xl-nowrap {
	-ms-flex-wrap: nowrap !important;
	    flex-wrap: nowrap !important;
}

.flex-xl-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	    flex-wrap: wrap-reverse !important;
}

.flex-xl-fill {
	-webkit-box-flex: 1 !important;
	    -ms-flex: 1 1 auto !important;
	        flex: 1 1 auto !important;
}

.flex-xl-grow-0 {
	-webkit-box-flex: 0 !important;
	    -ms-flex-positive: 0 !important;
	        flex-grow: 0 !important;
}

.flex-xl-grow-1 {
	-webkit-box-flex: 1 !important;
	    -ms-flex-positive: 1 !important;
	        flex-grow: 1 !important;
}

.flex-xl-shrink-0 {
	-ms-flex-negative: 0 !important;
	    flex-shrink: 0 !important;
}

.flex-xl-shrink-1 {
	-ms-flex-negative: 1 !important;
	    flex-shrink: 1 !important;
}

.flex-xl-auto {
	-webkit-box-flex: 0 !important;
	    -ms-flex: 0 auto !important;
	        flex: 0 auto !important;
}

.justify-content-xl-start {
	-webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	        justify-content: flex-start !important;
}

.justify-content-xl-end {
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
}

.justify-content-xl-center {
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
}

.justify-content-xl-between {
	-webkit-box-pack: justify !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}

.justify-content-xl-around {
	-ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
}

.align-items-xl-start {
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: flex-start !important;
}

.align-items-xl-end {
	-webkit-box-align: end !important;
	    -ms-flex-align: end !important;
	        align-items: flex-end !important;
}

.align-items-xl-center {
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}

.align-items-xl-baseline {
	-webkit-box-align: baseline !important;
	    -ms-flex-align: baseline !important;
	        align-items: baseline !important;
}

.align-items-xl-stretch {
	-webkit-box-align: stretch !important;
	    -ms-flex-align: stretch !important;
	        align-items: stretch !important;
}

.align-content-xl-start {
	-ms-flex-line-pack: start !important;
	    align-content: flex-start !important;
}

.align-content-xl-end {
	-ms-flex-line-pack: end !important;
	    align-content: flex-end !important;
}

.align-content-xl-center {
	-ms-flex-line-pack: center !important;
	    align-content: center !important;
}

.align-content-xl-between {
	-ms-flex-line-pack: justify !important;
	    align-content: space-between !important;
}

.align-content-xl-around {
	-ms-flex-line-pack: distribute !important;
	    align-content: space-around !important;
}

.align-content-xl-stretch {
	-ms-flex-line-pack: stretch !important;
	    align-content: stretch !important;
}

.align-self-xl-auto {
	-ms-flex-item-align: auto !important;
	    align-self: auto !important;
}

.align-self-xl-start {
	-ms-flex-item-align: start !important;
	    align-self: flex-start !important;
}

.align-self-xl-end {
	-ms-flex-item-align: end !important;
	    align-self: flex-end !important;
}

.align-self-xl-center {
	-ms-flex-item-align: center !important;
	    align-self: center !important;
}

.align-self-xl-baseline {
	-ms-flex-item-align: baseline !important;
	    align-self: baseline !important;
}

.align-self-xl-stretch {
	-ms-flex-item-align: stretch !important;
	    align-self: stretch !important;
}

.text-xl-left {
	text-align: left !important;
}

.text-xl-right {
	text-align: right !important;
}

.text-xl-center {
	text-align: center !important;
}

}

@media (max-width: 768px) {

.inner.inner--custom {
	max-width: 92.6rem;
	padding-left: 3rem;
	padding-right: 3rem;
}

.p-header__office {
	display: none;
}

.p-about__img {
	margin: 0 -3.2rem;
}

.recommend-wrap::after {
	display: none;
}

.recommend-list li {
	margin-bottom: 4.8rem;
}

.recommend-list li:last-child {
	margin-bottom: 0;
}

.feature-list {
	margin: 0 -3.2rem;
}

.feature-item__info {
	position: relative;
	padding-left: 14.2rem;
}

.p-case .case-item__info dt {
	display: inline-block;
	min-width: 16.4rem;
}

.p-flow .container::before {
	bottom: 8.3rem;
}

.p-flow__list::after {
	left: 6.6rem;
	top: -21.7rem;
}

.f-contact .btn-white {
	font-size: 3.2rem;
	height: 8rem;
	max-width: 100%;
}

}