@charset "utf-8";

/* **************************************************
   mimamori_wide.css
   Merged from:
     mimamori_202010.css
     mimamori_build.css
     mimamori_sensor.css
***************************************************** */

/* ===== scrollbar ===== */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0,0,0,.3);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,.6);
}
.hide {
	display: none;
}
.block {
	display: block;
}
.center {
	text-align: center;
	margin: auto;
}
/* ===== layout ===== */
div#Contents,
.GridSet,
.Grid4 {
    width: 100%;
    margin: auto;
    overflow: visible;
}

div.Section {
    width: 100%;
    padding: 1.5em 0;
}

div.Section:before {
    content: "";
    display: block;
    clear: both;
    float: none;
}

/* mimamori_build.css wins over mimamori_202010.css */
.Top div.Section.Green {
	background: linear-gradient(145deg, #9CCD2E, #82BC3C);
}
div.Section.Green {
    background-color: #6FB92C;
    background-repeat: no-repeat;
    background-image: url(/-/media/ind/fukushinomori/mimamori/image/bg_h1.png), url(/-/media/ind/fukushinomori/mimamori/image/bg_h1.png);
    background-position: top left, bottom right;
}

div.Section.Ivory {
    background: linear-gradient(145deg, #FFFEED, #FFF0E3);
}

div.Section.Beige {
    background: transparent linear-gradient(180deg, #FFFEED 0%, #FFF0E3 100%) 0% 0% no-repeat padding-box;
}

.Section>.Inner {
    width: 1275px;
    margin: auto;
    word-break: break-word;
}

.Section>.Inner iframe {
    margin: auto;
    display: block;
}

.Section>.Inner h2 {
    text-align: center;
    font-size: 1.8em;
    font-weight: normal;
    background: url(/-/media/ind/fukushinomori/mimamori/image/bg_h2.png) no-repeat center bottom;
}
.mimamori.Top .Inner h2 {
	color: var(--Black);
	text-shadow: none;
	font-weight: normal;
	background: url(/-/media/ind/fukushinomori/mimamori/image/bg_h2.png) no-repeat center bottom;
}
/* mimamori_build.css */
div.Section .Inner {
    padding: 4em 0;
}

.Section.HISYS>.Inner h2 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.8), 0 -1px 2px rgba(0,0,0,.8);
}

.Section.HISYS>.Inner h3 {
    background: transparent;
    border: none;
    font-size: 1.3em;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.8), 0 -1px 2px rgba(0,0,0,.8);
}

h3.Catch {
    background: transparent;
    border: none;
    font-size: 28px;
    line-height: 0;
    font-weight: normal;
    color: #444;
    text-align: left;
    margin: 0 0 1em;
    padding: 0;
}

h3.Catch:before {
    content: "";
    background: url(/-/media/ind/fukushinomori/mimamori/image/icon_green_s.png) no-repeat center / 100%;
    width: 70px;
    height: 70px;
    display: inline-table;
    vertical-align: middle;
    margin-right: -60px;
}

.Info {
    background: #fdfdfd;
}

.Info .Inner {
    max-width: 1275px;
    margin: auto;
    padding: 1em 0;
}

.Info ul {
    display: flex;
    flex-direction: column;
    max-height: 8em;
    overflow-y: auto;
}

.Info li {
    display: flex;
    align-items: center;
    margin: 0 0 .5em;
    width: 100%;
}

.Info li span {
    margin: 0 1em 0 0;
    min-width: 9em;
    display: flex;
    align-items: center;
}

.Info li span::before {
    content: "お知らせ";
    background: #e4e4e4;
    color: #333;
    border-radius: 2px;
    padding: .15em .3em;
    font-weight: bold;
    font-size: .8em;
    margin: 0 .5em 0 0;
    display: block;
    min-width: 4em;
}

.Info li.Semi span::before {
    content: "セミナー";
    background: #bcebf3;
    color: #333;
}

.Info li.Soudan span::before {
    content: "相談会";
    background: #ffebd2;
    color: #333;
}

.Info li a:link,
.Info li a:visited {
    color: #444;
}

.Catch {
    opacity: 0;
    bottom: -200px;
    position: relative;
}

/* mimamori_build.css: font-size wins over 202010's 18px */
.Inner .TextStyle1 {
    font-size: 1.2em;
    margin-bottom: 2em;
    line-height: 1.8;
}

/* ===== mimamori_build.css ===== */
.Lead {
    font-weight: bold;
    color: #054577;
    padding: 2em 0;
    font-size: 1.6em;
}

.Grid4 .Section h2 {
    background: none;
    font-size: 2em;
    font-weight: bold;
    color: #333333;
}

.Section.Green h2 {
    font-weight: bold;
    text-shadow: 0px 0px 5px #00000063;
    color: #fff;
}

/* mimamori_sensor.css: font-size (1.55em) wins over build (1.6em); text-align added */
.Grid4 .Section h3 {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    font-size: 1.55em;
    text-align: left;
    font-weight: bold;
    color: #333333;
    padding: 0 0 0 1em;
    margin: 1em 0;
    position: relative;
    z-index: 0;
}

.GridSet h3 {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    font-size: 1.6em;
    font-weight: bold;
    color: #333333;
    padding: 0 0 0 1em;
    margin: 1em 0;
    position: relative;
    z-index: 0;
}

.GridSet h3:before {
    content: "";
    background: url(/-/media/ind/fukushinomori/mimamori/image/icon_green_s.png) no-repeat center / 100%;
    width: 70px;
    min-width: 70px;
    margin-left: -1em;
    height: 70px;
    position: absolute;
    z-index: -1;
}

.Panel {
    padding: 1.5em;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    margin: 0 auto 2em;
}

.Panel h3 {
    font-weight: bold;
    color: #054577;
    padding: 0 0 1em;
    font-size: 1.6em;
}

.Panel h3::before {
    content: none;
}

.Panel .Flex {
    display: flex;
    flex-flow: row;
}
.Panel .Flex ol {
	list-style-position: inside;
}

.Flex img {
    margin: 0 0 -24px;
}

.Panel ul li {
    display: flex;
    align-items: flex-start;
    font-weight: bold;
    color: #444444;
    font-size: 1.4em;
    margin: 0 0 1em;
    line-height: 1.2;
}

.Panel ul li::before {
    content: "";
    background: url(/-/media/ind/fukushinomori/mimamori/image/build/icon_fukidashi.svg) no-repeat center / 33px 25px;
    display: block;
    width: 33px;
    min-width: 33px;
    height: 25px;
    margin: 0 1em 0 0;
}

.Subsidies {
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px #00000029;
    border: 10px solid #6FB92C;
    border-radius: 10px;
    margin: 4em auto 2em;
    padding: 1.5em;
    width: 90%;
    color: #840000;
    font-weight: bold;
    font-size: 1.6em;
    position: relative;
    z-index: 0;
}

.Subsidies::before {
    content: url(/-/media/ind/fukushinomori/mimamori/image/build/icon_soudan.svg);
    display: block;
    width: 140px;
    height: 106px;
    position: absolute;
    top: -88px;
    left: -56px;
    z-index: 1;
}

.Inner .Contact {
    display: block;
    width: 720px;
    margin: 1em auto;
    box-sizing: border-box;
}

/* mimamori_sensor.css: background / font-size / padding win over mimamori_build.css */
.Inner .Contact a:link,
.Inner .Contact a:visited {
    width: 100%;
    display: block;
    color: #fff;
    background: #6FB92C;
    font-size: 1.25em;
    font-weight: bold;
    padding: 1em;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    opacity: 1;
    transition: .08s ease-in;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
}

.Inner .Contact a:hover,
.Inner .Contact a:active {
    opacity: .8;
}

.PageTitleStyle3 .Inner .Contact {
    display: block;
    width: 330px;
    margin: 1em auto;
    box-sizing: border-box;
}

.PageTitleStyle3 .Inner .Contact a:link,
.PageTitleStyle3 .Inner .Contact a:visited {
    width: 100%;
    display: block;
    color: #fff;
    background: #6FB92C;
    font-size: 1.25em;
    font-weight: bold;
    padding: 1em;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    opacity: 1;
    transition: .08s ease-in;
    text-shadow: 0px 0px 3px rgba(0,0,0,.3);
}

.PageTitleStyle3 .Inner .Contact a:hover,
.PageTitleStyle3 .Inner .Contact a:active {
    opacity: .8;
}

.Link {
    margin: 1em 0 2em 2em;
}

.Link a:link,
.Link a:visited {
    font-size: 1.4em;
    color: #333;
    text-decoration: underline;
}

/* ===== PageTitleStyle3 (merged: mimamori_202010 + mimamori_build) ===== */
.Grid4.Top .PageTitleStyle3 {
    background: linear-gradient(145deg, #BAD333, #D6B941);
    margin: 0;
}

/* mimamori_build.css wins: color, width(100%), padding, text-shadow, background */
.PageTitleStyle3 h1 {
    color: #fff;
    width: 100%;
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 auto;
    padding: 1em 0;
    text-shadow: 0px 0px 3px #000000AB;
    background: #6FB92C url(/-/media/ind/fukushinomori/mimamori/image/bg_h1.png);
    background-repeat: no-repeat;
    background-position: 110% center;
    background-size: 64%;
}

.Grid4.Top .PageTitleStyle3 h1 {
	max-width: 1275px;
	color: var(--Black);
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 auto;
	padding: .25em 0;
	text-shadow: 0 0 5px rgba(255, 255, 255, .8);
	background: url(/-/media/ind/fukushinomori/mimamori/image/bg_h1.png);
	background-repeat: no-repeat;
	background-position: 110% center;
	background-size: 64%;
}
/* mimamori_build.css wins: width(1275px), font-weight(bold), font-size(1em) */
.PageTitleStyle3 h1 span {
		max-width: 1275px;
    width: auto;
    font-weight: bold;
    font-size: 1em;
    display: block;
    margin: 0 auto;
}

/* mimamori_build.css wins: background, height(auto); structural props from 202010 kept */
.PageTitleStyle3 .Wrapper {
    background: transparent linear-gradient(180deg, #FFFEED 0%, #FFF0E3 100%) 0% 0% no-repeat padding-box;
    height: auto;
    width: auto;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.Grid4.Top .PageTitleStyle3 .Wrapper {
	background: url(/-/media/ind/fukushinomori/mimamori/image/bg_branding_wide.png), linear-gradient(145deg, #BAD333, #D6B941);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center 68%;
	height: 460px;
}

/* mimamori_build.css wins: background(none), display(block), height(auto), padding */
.PageTitleStyle3 .Wrapper .Inner {
    background: none transparent;
    display: block;
    height: auto;
    padding: 2em 0;
		width: 100%;
    max-width: 1275px;
    margin: auto;
}

.PageTitleStyle3 .Wrapper .Inner .Read {
    font-size: 1.6em;
    font-weight: bold;
    color: #444;
    width: 40%;
    margin: 2em 0;
    padding: 1em;
    background: rgba(255,255,255,.5);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    transition: .08s ease-in;
}

.PageTitleStyle3 .ImgOnlyStyle {
    width: 100%;
    height: auto;
    margin: 0;
}

.PageTitleStyle3 .ImgOnlyStyle img {
    width: 100%;
    height: auto;
    margin: auto;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

.Contact>.Inner {
    padding: 1.5em 0;
}

.Contact .Catch {
    width: 720px;
    display: block;
    margin: auto;
}

.Contact .Catch a:link,
.Contact .Catch a:visited {
    display: block;
    color: #fff;
    width: 100%;
    background: linear-gradient(145deg, #9DCE2E, #79B434);
    text-align: center;
    font-weight: bold;
    font-size: 1.8em;
    text-shadow: 0 1px 2px rgba(0,0,0,.8), 0 -1px 2px rgba(0,0,0,.8);
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #7A9D3F;
    padding: 1.5em 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    transition: .08s ease-in;
}

.Contact .Catch a:hover {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
}

/* ===== mimamori_sensor.css ===== */
.Current a:visited em {
    color: #000;
}

.Grid4 .Section .Gray {
    color: #777777;
    text-align: left;
    line-height: 1;
}

.FlexBox {
    display: flex;
    align-items: stretch;
    gap: 1em;
}

.FlexBox li {
    width: calc((100% / 3) - 1em);
    background: #fff;
    border: 1px solid #ccc;
}

.FlexBox li img {
    width: 100%;
}

.Grid4 .Section .FlexBox li h3 {
    font-size: 1.2em;
    color: #4A7B1E;
    margin: 0;
    padding: 0;
}

.Grid4 .Section .FlexBox li div {
    padding: 1em;
}

.FlexBox li h3::before {
    content: none;
}

.GridSet ol.Panel {
    background: transparent;
    box-shadow: none;
    padding: 0;
    list-style-position: inside;
}

.GridSet .Panel ol li,
.GridSet ol.Panel li {
    font-size: 1.4em;
    line-height: 1.4;
    font-weight: bold;
    color: #777777;
    margin: 0;
}

.GridSet .Panel ol li {
    margin: 0 0 .5em;
}

.GridSet .Point {
    background: #FCFEEE;
    border-radius: 10px;
    padding: 1em;
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin: 0 0 1em;
}

.GridSet ol.Panel li .Point li {
    list-style: disc inside;
    font-size: 1em;
    font-weight: normal;
    color: #333;
}

.GridSet ol.Panel li .Point li::before {
    content: "ポイント！";
    background: #E34A4A;
    font-size: .5em;
    min-width: 80px;
    border-radius: 14px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.GridSet ol.Panel .TextStyle3,
.GridSet ol.Panel .TextStyle3 a:link {
    font-weight: normal;
}

.Inner .Panel .TextStyle1 {
    margin-bottom: 0;
}

.Under .Grid3 #Contact img[src="/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/tel.png"] {
    display: none;
}

.Under .Grid1 {
    display: flex;
    flex-direction: column-reverse;
}

.Grid3 .PageTitleStyle3 {
    margin: 0;
}

.Grid3 .PageTitleStyle3 h1 {
    font-size: 1.6em;
    padding: 1em;
    box-sizing: border-box;
}

.Grid3 .Lead {
    color: #777777;
    font-size: 1em;
}

.Grid3 .Section {
    padding: 1em;
}

.Grid3 .Section .ImgOnlyStyle img {
    width: 100%;
}

.Grid3 .Section.Beige {
    background: #FCFEEE;
}

.Grid3 .Section .InnerSec {
    background: #fff5e2;
    border-radius: 10px;
    padding: 1em;
    margin: 0 auto 1em;
}

.Grid3 .Plate {
    background: #C2FE8C;
    border-radius: 10px;
    padding: 1em;
    margin: 0 0 1.5em;
}

.Grid3 .Beige .Plate {
    background: #fff;
}

.Grid3 .Plate h4 {
    background: transparent!important;
    font-size: 1.2em;
}

.Grid3 .Plate ul {
    margin: auto 0 0 1em;
}

.Grid3 .Plate li {
    list-style: disc;
}

.Grid3 h2 {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    line-height: 1.4;
    font-size: 1.55em;
    font-weight: bold;
    color: #333333;
    padding: 0 0 0 1em;
    margin: 1em 0;
    position: relative;
    z-index: 0;
}

.Grid3 h2::before {
    content: "";
    background: url(/-/media/ind/fukushinomori/mimamori/image/sensor/icon_green_ss.png) no-repeat center / 100%;
    width: 50px;
    min-width: 50px;
    margin-left: -1em;
    height: 50px;
    position: absolute;
    z-index: -1;
    top: 0;
}

.Grid3 h3 {
    text-align: left;
    color: #325612;
    font-size: 1.4em;
    padding: 0;
    margin: .5em 0;
}
.Grid4.Top .Section h3.Catch {
	color: #444;
	display: block;
}
.Grid3 h3::before {
    content: none;
}

.Grid3 h4 {
    padding: 0;
}

.Grid3 #Contact {
    padding: 1em 0;
}

/* ===== WhitePaper (mimamori_202010.css) ===== */
div.Section.WhitePaper {
    padding: 60px 0;
    background: #ffeaea;
}

div.Section.WhitePaper .Box {
    padding: 50px 40px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
    position: relative;
    border: 5px solid #e34a4a;
    background: #fff;
}

div.Section.WhitePaper .Box::before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    width: 63px;
    height: 63px;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    background: #e34a4a;
}

div.Section.WhitePaper .Box h2 {
    margin: 0;
    padding: 0;
    background: unset;
    color: #e34a4a;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.4px;
}

div.Section.WhitePaper .Box .ImageText {
    display: grid;
    grid-template-columns: 402px 1fr;
    gap: 40px;
}

div.Section.WhitePaper .Box .ImageText .ImageBox {
    max-width: 402px;
    margin: 0 auto;
}

div.Section.WhitePaper .Box .ImageText .ImageBox img {
    width: 100%;
}

div.Section.WhitePaper .Box .ImageText .TextBox {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

div.Section.WhitePaper .Box .ImageText .TextBox .title {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
}

div.Section.WhitePaper .Box .ImageText .TextBox .content {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 1.08px;
}

div.Section.WhitePaper .Box a {
    box-sizing: border-box;
    width: 306px;
    height: 62px;
    margin: 0 auto;
    padding-right: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
    border: 1px solid #e34a4a;
    background: #e34a4a;
    transition: all .3s;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

div.Section.WhitePaper .Box a:hover {
    text-decoration: none;
    opacity: .8;
}

div.Section.WhitePaper .Box a::after {
    content: "";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 14px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14' fill='none'><path d='M1.20898 1.20898L6.16568 6.91289L1.20898 12.6168' stroke='white' stroke-width='2.4186' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

/* ===== Responsive ===== */
@media screen and (min-width: 995px) and (max-width: 1304px) {
	.OptionWideRWD .PageTitleStyle3 h1,
	.OptionWideRWD .Grid4.Top .PageTitleStyle3 h1,
	.OptionWideRWD .PageTitleStyle3 h1 span {
		max-width: inherit;
		width: auto;
	}
	.OptionWideRWD #Contents {
		padding-left: 0;
		padding-right: 0;
	}
	.OptionWideRWD .GridSet {
		margin: 0;
	}
	.OptionWideRWD .Grid4 .Section .Inner {
		padding: 1em;
	}
}
@media screen and (max-width: 994px) {
    /* mimamori_202010.css */
    .JS #Contents,
    .JS .GridSet,
    .JS .Grid4 {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* mimamori_build.css wins: height(auto) over 202010's 400px */
    .JS .PageTitleStyle3 .Wrapper {
        height: auto;
    }
    /* mimamori_build.css wins: padding(1em) + margin(0) over 202010 */
		.JS .Grid4.Top .PageTitleStyle3 h1,
    .JS .PageTitleStyle3 h1 {
        padding: 1em;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
		.JS .Grid4.Top .PageTitleStyle3 h1 {
		padding: .5em .5em 0;
		}
    /* mimamori_build.css */
    .JS .PageTitleStyle3 h1 span {
        width: auto;
    }
		.JS .Grid4.Top .PageTitleStyle3 .Wrapper {
			background-size: 200% auto;
			background-position: top center;
			height: 300px;
		}
    .JS .PageTitleStyle3 .Wrapper .Inner {
        width: 100%;
        background-size: 100%;
        padding: 1em;
        box-sizing: border-box;
    }
    .JS .PageTitleStyle3 .Read {
        padding: 1em;
        white-space: normal;
        width: 100%;
        box-sizing: border-box;
    }
    .Info .Inner {
        padding: 1em;
    }
    .JS .Grid4 .Section>.Inner {
        width: auto;
        padding: 1em;
    }
    .JS .Contact .Catch {
        width: 90%;
    }
    .JS .Inner iframe {
        box-sizing: border-box;
        width: 100%;
    }
    /* mimamori_sensor.css */
    .JS .PageTitleStyle3 .Flex img {
        width: 20%;
    }
    .JS #Contents.Under {
        padding: 0;
    }
    .JS #Contents.Under .GridSet {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    /* mimamori_202010.css */
    .JS .PageTitleStyle3 .Wrapper {
        background-size: 200% auto;
        background-position: top center;
    }
    .JS .PageTitleStyle3 .Wrapper .Inner {
        background-size: 100% auto;
    }
    .JS .Grid4.Top .PageTitleStyle3 .Wrapper .Inner .Read {
        width: 100%;
        margin: 0;
        padding: .5em;
        font-size: 1.4em;
        line-height: 1;
        background: rgba(255,255,255,.8);
        box-shadow: none;
    }
		
    .JS .Info li span {
        min-width: 10em;
    }
    /* mimamori_build.css */
    .JS .Section > .Inner h2 {
        text-align: left;
				padding: 0 1em;
    }
    .JS .Inner .Contact {
        width: 80%;
    }
    .JS .Panel .Flex {
        flex-wrap: wrap;
    }
    .JS .Flex img {
        margin: 0 auto 1em 0;
    }
    /* mimamori_sensor.css wins over build for this selector */
    .JS .Panel:nth-of-type(1) .Flex img {
        margin: 0 0 0 auto;
    }
    /* mimamori_sensor.css */
    .JS br.PC {
        display: none;
    }
    .JS .GridSet .Panel ol li,
    .JS .GridSet ol.Panel li {
        font-size: 1.1em;
        flex-direction: column;
    }
    .JS .GridSet ol.Panel li .Point li::before {
        margin: 0 0 1em;
    }
    /* WhitePaper (mimamori_202010.css) */
    div.Section.WhitePaper .Box {
        padding: 2rem 1em;
        gap: 2em;
    }
    div.Section.WhitePaper .Box::before {
        width: 40px;
        height: 40px;
    }
    div.Section.WhitePaper .Box h2 {
        font-size: 1.4em;
    }
    div.Section.WhitePaper .Box .ImageText {
        grid-template-columns: 1fr;
    }
    div.Section.WhitePaper .Box .ImageText .TextBox .title {
        font-size: 1.2em;
    }
    div.Section.WhitePaper .Box .ImageText .TextBox .content {
        font-size: 1em;
    }
}

@media screen and (max-width: 579px) {
    /* mimamori_202010.css */
    .JS .PageTitleStyle3 .Wrapper {
        height: 300px;
    }
    /* mimamori_sensor.css */
    .JS .Grid4 .FlexBox,
    .JS .Grid3 .FlexBox {
        flex-direction: column;
    }
    .JS .Grid4 .FlexBox li,
    .JS .Grid3 .FlexBox li {
        width: auto;
    }
}

@media screen and (max-width: 478px) {
    /* mimamori_build.css wins: font-size(1.8em) over 202010's 2.5em */
    .JS .PageTitleStyle3 h1 {
        font-size: 1.8em;
        padding: .23em 1em .25em;
    }
    /* mimamori_202010.css */
    .JS .Contact .Catch {
        font-size: 72%;
    }
    .JS .Section>.Inner h2 {
        font-size: 1.5em;
        padding: .5em 0;
    }
    .JS h3.Catch {
        font-size: 20px;
        margin: 0 0 1.5em;
    }
    .JS .Info li {
        flex-direction: column;
        align-items: flex-start;
    }
    .JS .Info li span {
        margin: 0 0 .5em 0;
    }
    .JS .Inner iframe {
        max-height: 300px;
    }
    /* mimamori_build.css */
    .JS .Lead {
        font-size: 1.4em;
        line-height: 1.4;
    }
    .JS .Subsidies {
        font-size: 1.4em;
        line-height: 1.4;
        padding: 1.5em 1em;
    }
    .JS .Panel ul li {
        font-size: 1.2em;
    }
    .JS .Panel h3 {
        font-size: 1.4em;
    }
    .JS .Inner .Contact a:link,
    .JS .Inner .Contact a:visited {
        font-size: 1em;
    }
}