@charset "utf-8";
/* **************************************************

Name: fukushinomori_wide.css(fukushinomori.css mod)

Description:  CSS (merged with custom.css)

Create: 2019.09.12
Update: 2026.06.10

Copyright 2019 Hitachi-Systems, Ltd.

***************************************************** */
:root{
	--wide: 1275px;
	/*Primary*/
	--Red1:#fa000f;
	--Red2:#cc0000;
	--White:#ffffff;
	--Gray1:#f4f4f4;
	--Gray2:#d9d9d9;
	--Gray3:#b3b3b3;
	--Gray4:#737373;
	--Gray5:#4d4d4d;
	--Gray6:#222222;
	--Black:#0c0c0c;
	/*Secondary*/
	--Orange1: #fdc796;
	--Orange2: #fa6900;
	--Orange3: #c85400;
	--Yellow1: #fdec96;
	--Yellow2: #fad200;
	--Yellow3: #967e00;
	--Pink1: #fd96d4;
	--Pink2: #fa00a5;
	--Pink3: #96005a;
	--Purple1: #d096fd;
	--Purple2: #9b00fa;
	--Purple3: #540096;
	--Blue1: #96c5fd;
	--Blue2: #0064fa;
	--Blue3: #004596;
	--Teal1: #96f0fd;
	--Teal2: #00dcfa;
	--Teal3: #008496;
	--Green1: #96fdcc;
	--Green2: #00fa82;
	--Green3: #00964e;
	--Red1_20_Tint: #ffcbce;
	--Red1_40_Tint: #ff979d;
	--Red1_60_Tint: #ff636c;
	--Red1_20_Dark: #bb000b;
	--Red1_40_Dark: #7d0008;
	/*Custom Color*/
	--wh: #fff;
	--lgray: #F2F2F2;
	--cream: #fff2cc;
	--gray: #c6c6c6;
	--dgray: #727171;
	--bk: #333;
	--red: #8A2119;
	--fgreen: #198A22;
	--pl: #8640A9;
	--lblue: #19AFC3;
	--navy: #387096;
	--brown: #C69219;
	--green: #197C8A;
	--dgreen: #436243;
	--shadow: 4px 4px 16px 0px #0000001A;
	/*style.css*/
	--main-green: #3d8000;
	--dark-green: #116036;
	--light-gray: #F5F5F5;
	--main-blue: #0071bd;
	--dark-blue: #004d80;
	--round: 5px;
	--three: calc((100% / 3) - 1em);
	--two: calc((100% / 2) - 1em);
}
html {
	  scroll-behavior: smooth;
}
/*
:::::::::::::::::::::
Grid4 Styles
:::::::::::::::::::::
*/
/*
.GridSet {
	width: auto;
}
*/
.eyemain {
	position: relative;
/*	height: 100%;*/
}

#Contents {
	background-color: transparent;
	z-index: auto;
}

.Section.Service {
	margin: 0 auto 0;
	padding: 4em 0 0;
	z-index: 5;
}

.ButtonLink {
	border-radius: 7px;
	margin: 3em auto 5em auto;
	width: 370px;
	box-shadow: 0 0 8px silver;
	background: #fff;
}

.ButtonLink a:link,
.ButtonLink a:visited {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 125%;
	color: #06407F;
	line-height: 390%;
	background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 94% center / 10px 13px;
	text-decoration: none;
	transition: .08s ease-in;
}
.ButtonLink a:hover {
	background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 95% center / 10px 13px;
	opacity: .8;
}

.inner-top span {
	line-height: 330%;
	font-weight: bold;
	color: white;
	text-shadow: 0 0 2px rgba(0,0,0,.8);
}
.inner-bottom {
	background-color: #FAFAEE;
	border-radius: 0px 0px 5px 5px;
	padding: 10px 20px 25px 20px;
	font-size: 0.9em;
}
.TextStyle2-top {
	font-weight: bold;
	font-size: 105%;
	color: #444;
}
.TextStyle2-top span {
	color: red;
}
.TextStyle2-bottom {
	margin-bottom: 15px;
}

.clearlink {
    width: 68%;
    margin: 0 auto;
}
.clearlink a:link {
	text-decoration: none;
}
.clearlink a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #F8931F;
	text-align: center;
	line-height: 230%;
	font-weight: bold;
	color: white!important;
	border-radius: 5px;
	text-shadow: 0 0 2px rgba(0,0,0,.8);
}

.Task .clearlink a {
   display: block;
   width: 30px;
   height: 30px;
   background-color: #e4d181;
	background-image: url("/-/media/ind/fukushinomori/task/image/ico_task_link.png") ;
   text-align: center;
	margin: auto;
   line-height: 230%;
   font-weight: bold;
   color: white;
   border-radius: 50%;
	transition: .08s ease-in;
	text-shadow: 0 0 2px rgba(0,0,0,.8);
}

.clearlink a:hover,
.clearlink a:active {
	opacity: .8;
	text-decoration: none;
}

.threelinks {
	display: flex;
	-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
	margin-bottom: 40px;
}
.threelinks li {
	border-radius: 5px;
	width: 20%;
	margin-right: 10px;
}
.threelinks li:last-child {
	margin-right: 0px;
}
.threelinks li a:link,
.threelinks li a:visited {
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 350%;
	transition: .08s ease-in;
	text-shadow: 0 0 2px rgba(0,0,0,.8);
}
.threelinks li a:hover,
.threelinks li a:hover *,
.threelinks li a:active {
	opacity: .8;
	text-decoration: none;
}
.threelinks li a span {
	color: #fff;
}
.inner-block {
	background: url(/-/media/ind/fukushinomori/image/arrow_white.png) no-repeat right center / contain;
	padding-right: 40px;
	font-weight: bold;
	color: white;
}

.last { margin-bottom: 60px;}


.omidashi-footer {
    border-left: 0px;
    padding: 30px 20px 40px 0px;
}

/*
::::::::::::::::::::::::::::::
Table
::::::::::::::::::::::::::::::
*/
.BoxPatternA table {
	margin: 0 0 20px;
}
.inner-table th {
	color: #07417D;
	font-weight: bold;
	width: 35%;
	border-right: 0px;
}
.inner-table td {
	width: 65%;
	border-left: 0px;
}

.redpoint {
    background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 97% center /  10px 13px;
    padding-right: 20px;
	transition: .08s ease-in;
}

.redpoint:hover {
    background-position: 98%	 center;
}


/*
::::::::::::::::::::::::::::::
Grid3 Styles
ez.
<div class="Grid3 Shogai"> Blue Base
<div class="Grid3 Kaigo"> Green Base
<div class="Grid3 Common"> Moss Green Base

::::::::::::::::::::::::::::::
*/

.Grid3 .Section {
  margin: 0 auto 4em;
	overflow: visible;
}

.Grid3.Kaigo .ImgOnlyStyle img,
.Grid3.Shogai .ImgOnlyStyle img {
  width: 100%;
}

.Grid3 .nocolor {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}

.Grid3.Case .nocolor,
.Grid3.Kaigo .nocolor,
.Grid3.Common .nocolor {
	background-image: url(/-/media/ind/fukushinomori/image/bg_green.png);
}
.Grid3.Shogai .nocolor {
	background-image: url(/-/media/ind/fukushinomori/image/bg_blue.png);
}


.Grid3.Case .TextStyle1 {
	font-size: .9em;
}
.Grid3.Case .PageTitleStyle1 .TextStyle1 {
	margin: 1em 0 0;
}
.Grid3.Case .PageTitleStyle1 .Tag {
	font-size: 1em;
	border: 1px solid #999;
	color: #4d4d4d;
	border-radius: 20px;
	padding: .15em 1em;
	margin: 0 .25em 0 0;
	display: inline-block;
}

.Grid3.Case .Section.Read {
	background: #E5F3E0;
	margin: 0 0 1em;
}

.Grid3.Case .Section.Read .Inner {
	padding: 1em;
}

.Grid3.Case .ImgOnlyStyle img {
	width: inherit;
}

.Grid3.Case .Flex {
	display: flex;
	justify-content: space-between;
	margin: 0 0 1em;
}
.Grid3.Case .FlexBox {
	margin: 0;
	display: block;
	width: 44.5%;
	padding: 1em;
	border-radius: 5px;
}
.Grid3.Case .Flex .Before {
	background: #F2F1EC;
}
.Grid3.Case .Flex .After {
	background: #FFF4BF;
}

.Grid3.Case .Flex h3 {
	background: transparent;
	border: none;
	font-size: 1.2em;
}

.Grid3.Case .FlexBox li {
	margin: 0 0 1em;
	padding: 0 0 0 1em;
}

.Grid3.Case .Before li:before {
	content: url(/-/media/ind/fukushinomori/case/image/icon_list_before.png);
	width: 15px;
	height: 15px;
	margin: 0 .5em 0 -1em;
}

.Grid3.Case .After li:before {
	content: url(/-/media/ind/fukushinomori/case/image/icon_list_after.png);
	width: 15px;
	height: 15px;
	margin: 0 .5em 0 -1em;
}
.Grid3.Case .white li:before {
	content: url(/-/media/ind/fukushinomori/case/image/icon_list_white.png);
	width: 15px;
	height: 15px;
	margin: 0 .5em 0 -1em;
}
.Grid3.Case .white dd {
	margin: 0 0 0 1.5em;
}
.Grid3 .Imgset {
  padding: 20px;
  margin-bottom: 50px;
  border-radius: 5px;
}

.Grid3.Case .Index {
	display: flex;
	align-items: center;
}
.Grid3.Case .Index dt {
	width: 86px;
	height: 86px;
	min-width: 86px;
	margin: 0 1em 0 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #3F6837;
	border-radius: 50%;
	color: #fff;
}
.Grid3.Case .Index dd li {
	background: #E5F3E0;
	margin: 0 0 .5em;
	padding: .15em .55em;
	border-radius: 10px;
	width: 100%;
	box-sizing: border-box;
}
.Grid3.Case .Index dd li a:visited *,
.Grid3.Case .Index dd li a:link * {
	color: #3F6837;
	font-weight: bold;
	width: 7em;
	display: inline-block;
}

.Grid3.Case .Index dd li a:link {
	font-size: 1em;
	color: #4d4d4d;
	display: flex;
	padding: 0 1em 0 0;
	background: url(/-/media/ind/fukushinomori/case/image/icon_index_arrow.png) no-repeat 99% center;
	transition: .08s ease-in;
}
.Grid3.Case .Index dd li a:hover {
	background: url(/-/media/ind/fukushinomori/case/image/icon_index_arrow.png) no-repeat 100% center;
}
.Grid3.Case .Index dd a:link span,
.Grid3.Case .Index dd a:visited span {
	font-weight: bold;
}

.Grid3.Case .Customer h3 {
	background: transparent;
	border: none;
	text-align: center;
	color: #333;
}

.Grid3.Case .Customer .TableStyle1 {
	border: none;
	margin: 0 auto 40px auto;
	width: 80%;
	font-size: 1em;
}
.Grid3.Case .Customer .TableStyle1 tr {
	border-top: 1px solid #55B032;
}
.Grid3.Case .Customer .TableStyle1 tr:last-child {
	border-bottom: 1px solid #55B032;
}
.Grid3.Case .Customer .TableStyle1 th {
	background: #E5F3E0;
	text-align: center;
	max-width: 5em;
}

.Grid3.Case .Customer .TableStyle1 th,
.Grid3.Case .Customer .TableStyle1 td {
	border: none;
}
.Grid3.Case .Customer .TableStyle1 th{
	white-space: nowrap;
}
.Grid3.Case .Customer .Flex {
	max-width: 720px;
	flex-wrap: wrap;
	justify-content: space-around;
}

.Grid3.Case .Customer .Flex .FlexBox {
	max-width: 250px;
}

.Grid3.Case .Customer .Flex .FlexBox .ImgOnlyStyle {
	text-align: left;
}
.Grid3.Case .Staff {
	background: #F2F2F2;
	border-radius: 5px;
	padding: 2em 1em 1em;
}
.Grid3.Case .Staff h3 {
	text-align: left;
}
.Grid3.Case .Imgset .Image {
	background: transparent;
}

.Grid3.Kaigo .Imgset { background-color: #E6F3E1;}
.Grid3.Shogai .Imgset { background-color: #DFF3FA;}
.Grid3.Common .Imgset { background-color: #E6ECE0;}

.Grid3 .Imgset.OneImg {
	display: flex;
}

.Grid3 .Imgset.OneImg .Text {
	margin: 0 1em 0 0;
}

.Grid3.Case .TextStyle1 {
	margin: 0 0 1em;
}
.Grid3.Case .TextStyle1 span {
	color: #3F6837;
	display: block;
	font-weight:bold;
	line-height: 1.3em;
}
.Grid3.Case .Text .TextStyle1 span:before,.Grid3.Case .Section .TextStyle1 span:before {
	content:"-";
	margin:0 .5em 0 0;
}
.Grid3 .Imgset .Image {
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background-color: white;
  width: 80%;
  padding: 20px 15px 0 15px;
  margin: 0 auto;
}

.Grid3 .Imgset.OneImg .Image {
	width: 40%;
	min-width: 30%;
}

.Grid3 .TwoImg .Image .ImgOnlyStyle {
    width: 40%;
}

.Grid3.Case .Imgset {
	padding: 0;
}

.Grid3.Case .Imgset .Image {
	padding-top: 0;
}

.Grid3 .border1,
.Grid3 .border3 {
  min-height: 150px;
}
.Grid3 .border1 {  background-size: 50px 80px;}
.Grid3 .border3 {  background-size: 50px 86px;}

.Grid3 .threeborder {
  border-bottom: #F89420 dotted 3px;
  margin-bottom: 18px;
  padding-bottom: 18px;
}


.Grid3 .Solution h2,
.Grid3 h2 span {
  text-align: center;
  margin: auto;
  font-size: 120%;
}

.Grid3 .Solution h2 span {
  font-weight: bold;
  font-size: 110%;
  padding: .25em 0;
  background: transparent;
}

.Grid3.Kaigo .Solution h2 span { color: #30631C;}
.Grid3.Kaigo .Solution h2 { color: #5A844A;}
.Grid3.Shogai .Solution h2 span { color: #007499;}
.Grid3.Shogai .Solution h2 { color: #007499;}
.Grid3.Common .Solution h2 span { color: #596154;}
.Grid3.Common .Solution h2 { color: #596154;}



.threeborder0 {
	display: flex;
	-webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
	margin: 0 0 10px;
}
.border0 {
	width: 46%;
	color: #5A844A;
}
.border0 span {
	font-weight: bold;
	color: #30631C;
	font-size: 105%;
}
.threeborder {
	display: flex;
	-webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
	border-bottom: #F89420 dotted 2px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.threeborder.last {
border: none;
}
.border1 {
	width: 46%;
	padding: 25px;
	font-weight: bold;
	background-color: #F2F1EC;
	background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_trouble.png);
	background-repeat:no-repeat;
	background-position : right 20px bottom 10px;
	background-size: 25px 40px;
	border-radius: 5px;
}
.border2 {
	width: 6%;
	background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/arrow_red.png);
	background-repeat:no-repeat;
	background-position : center center;
	background-size: 19px 37px;
}
.border3 {
	width: 46%;
	padding: 25px;
	font-weight: bold;
	background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_resolution.png);
	background-repeat:no-repeat;
	background-position : right 20px bottom 10px;
	background-size: 25px 43px;
	border-radius: 5px;
}


.Kaigo .border3 {	background-color: #D4ECCC;}
.Shogai .border3 {	background-color: #DFF3FA;}
.Common .border3 {	background-color: #E6ECE0;}

.Grid3.Kaigo .leaf {
  background: transparent url(/-/media/ind/fukushinomori/image/h2_green.png) no-repeat left center / auto;
}
.Grid3.Shogai .leaf {
  background: transparent url(/-/media/ind/fukushinomori/image/h2_blue.png) no-repeat left center / auto;
}
.Grid4.Common .leaf,
.Grid3.Common .leaf {
  background: transparent url(/-/media/ind/fukushinomori/image/h2_graygreen.png) no-repeat left center / auto;
}
.Grid3.Case .leaf {
	background: transparent url(/-/media/ind/fukushinomori/image/h2_d_green.png) no-repeat left center / auto;
	display: inline-block;
}
.Grid4.Common h2 span.leaf,
.Grid3 h2 span.leaf {
	text-align: left;
	font-size: 1.8em;
	color: #596153;
	padding: 0 0 0 1.75em;
}
.Case .Section h2 span.leaf{
	white-space: nowrap;
}

.Grid4.Common h2 span.leaf a:link,
.Grid4.Common h2 span.leaf a:visited {
  color: #595959;
}
.Grid3.Case h2 {
	font-weight: bold;
	font-size: 1.1em;
	display: flex;
	align-items: center;
}
.Grid3.Case h2 span.leaf {
	font-size: 1.6em;
	margin: 0 1em 0 0;
}

.Grid3 .Features .BoxPatternA h3 {
  color: #333331;
  font-weight: bold;
  border-radius: 5px;
  padding: 13px 10px 10px 10px;
  font-size: 112%;
	border: none;
	background: none;
}
.Grid3.Kaigo .BoxPatternA .Inner,
.Grid3.Shogai .BoxPatternA .Inner {
	border: none;
	background: transparent;
	padding: 0;
}
.Grid3.Kaigo .Features h3 { background-color: #E6F3E1;}
.Grid3.Shogai .Features h3 { background-color: #DFF3FA;}
.Grid3.Common .Features h3 { background-color: #E6ECE0;}

.Grid3 .flexlist {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.Grid3 .flexlist li {
	box-sizing: border-box;
	border-radius: 7px;
	margin: 5px 10px 10px 5px;
	width: calc((100% / 3) - 15px);
	box-shadow: 0 0 8px silver;
}

.Grid3 .flexlist a {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 100%;
	height: 100%;
	min-height: 3.2em;
	font-weight: bold;
	text-align: left;
	font-size: 105%;
	color: #06407F;
	line-height: 140%;
	background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 97% 50% / 10px 13px;
	transition: .08s ease-in;
	text-decoration: none;
	box-sizing: border-box;
	padding: .5em 1em .5em .5em;
}
.Grid3 .flexlist a:hover {
	opacity: .5;
	background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 98% 50% /  10px 13px;
}

.Grid3 .supportlink a {
  background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 74% center / 10px 13px;
  text-decoration: none;
  transition: .08s ease-in;
}

.Grid3 .supportlink a:hover {
  background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 74.5% center / 10px 13px;
  opacity: .5;
}

.Grid3 .Section.mb120-3c {
  margin: 0 auto 8em;
}

.Grid3 .ImgLeftAdjust {
	/*max-width: 254px;*/
	max-width: 212px;
}
.Grid3.Common .ImgLeftAdjust {
	min-height: 324px;
}
.Grid3.Kaigo .ImgLeftAdjust .ImgOnlyStyle img,
.Grid3.Shogai .ImgLeftAdjust .ImgOnlyStyle img {
	width: 100%;
}

.Grid3 .ImgLeftAdjust>.TextStyle2 {
	min-height: 5em;
	margin: 0;
}


/*
::::::::::::::::::::::::::::::
Flow List
::::::::::::::::::::::::::::::
*/

.Grid3 .ColumnSet.Flow li {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 105%;
	color: #4d4d4d;
	line-height: 380%;
	transition: .08s ease-in;
	text-decoration: none;
	box-sizing: border-box;
	border-radius: 7px;
	margin: 0 0 1.7em;
	background: #f2f2f2;
	position: relative;
}

.Grid3 .ColumnSet.Flow li:after {
	content: "▼";
	color: #06407F;
	font-size: 1.2em;
	margin: auto;
	display: flex;
	position: absolute;
	left: 48%;
	bottom: -46px;
}

.Grid3 .ColumnSet.Flow li:last-child:after{
	content: none;
}


/*
::::::::::::::::::::::::::::::
Flex List
::::::::::::::::::::::::::::::
*/

.Grid3 dl.ListStyle1 {
	background: #f3fcff;
	border-radius: 5px;
	padding: .5em;
	margin: auto .5em;
}

.Grid3 .ListStyle1 dt {
	font-weight: bold;
	background: none;
}

.Grid3 .ListStyle1 li,
.Grid3 .ListStyle1 dd {
	list-style: none;
	background: none;
	display: flex;
}

.Grid3 .ListStyle1 li:before,
.Grid3 .ListStyle1 dd:before {
	content: "";
	width: 10px;
	min-width: 10px;
	height: 10px;
	border-radius: 50%;
	align-items: center;
	background: #E6ECE0;
	float: left;
	margin: auto .5em auto 0;
}

#ModalImage .Inner {
	min-width: 500px;
}

#ModalImage {
	box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
	#ModalImage {
		left: calc(100vw / 3)!important;
		}
}

/*
:::::::::::::::::::::
style.css
:::::::::::::::::::::
*/

br.PC {
	display: block;
}
#Contents * {
	box-sizing: border-box;
}
#Contents a:link img,
#Contents .bl-hot img,
#Contents .Flex li.bl-hot {
	transition: .08s ease-in;
	opacity: 1;
}
#Contents a:hover img,
#Contents .bl-hover img,
#Contents .Flex li.bl-hover {
	opacity: .9;
}

/* =======================================
   Responsive
   ======================================= */

#Contents .tel {
	display: none;
}

h1 a[name=body],
h1 a[name=body]:hover,
h1 a[name=body]:active {
	text-decoration: none;
	color: inherit;
}

.tablet_view {
	display: none
}
.mobile_view {
	display: none;
}

div#Contents.TopMarginSet {
	margin: 0 auto 0;
	margin-top: 0px;
	padding-top: 0px;
	width: 1275px;
}

.Flex {
	display: flex;
}

.center span {
	text-align: center;
	background-color: none;
}

.ImgOnlyStyle img {
	margin: 0 0 5px;
/*	width: 90%;*/
	height: auto;
}

.Grid3 .PageTitleStyle1 {
	border: none;
	padding: 1.6em 0;
	margin: 0;
}

/*20191118*/
.lyt-image-slide {
	background-color: #DFF3FA;
	padding: 20px;
	margin-bottom: 50px;
}
.lyt-image-inner-slide {
	padding: 15px 10px 0 10px;
	font-weight: bold;
	font-size: 160%;
	position: absolute;
	top: 480px;
	left: 0;
	right: 0;
	margin: auto;
	
}
.lyt-image-inner-slide p {
	text-shadow: white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
	color: #2A8399;
}
.inner-bold {
	font-size: 1.15em;
	font-weight: bold;
	margin-bottom: 20px;
}
.overflow {
	overflow: visible;
}
.overflow .omidashi {
	margin-top: -10px;
	border-left: 0px;
	padding: 30px 20px 20px 0px;;
}

.nocolor {
	background-color: transparent;
	background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/bg_blue.png);
	background-repeat:no-repeat;
	background-position : right bottom;
	background-size: contain;
}
p.TextStyle1 {
    margin: 0 0 0;
    font-size: 112%;
    line-height: 1.8;
}

.leaf {
	background-color: transparent;
	background-image: url(/-/media/ind/fukushinomori/shogai/case/image/h2_blue.png);
	background-repeat:no-repeat;
	background-position : left center;
	background-size: auto;
}
.midashi1 {
	padding: 0px;
	margin: 0 0 15px;
	font-size: 175%;
	font-weight: bold;
}
.midashi1 span {
	padding: 10px 15px 5px 55px;
	color: #596153;
}
div.BoxPatternA div.Inner {
    padding: 10px 10px 10px;
    border: 0px;
    background-color: transparent;
}
.BoxPatternA h2 {
	text-align: left;
	color: #333331;
	font-weight: bold;
	padding: 13px 10px 10px 10px;
	font-size: 112%;
}

.Grid3 div.BoxPatternA,
.Grid4 div.BoxPatternA {
	padding: 10px 0px;
	margin: 0;
	background-color: transparent;
}
.nocolor2 {
	background-color: transparent;
	color: var(--Red2);
	font-weight: bold;
	font-size: 150%;
}
.b-only {
	margin-bottom: 65px;
}
.supportlink {
	border-radius: 7px;
	margin: 0 auto 65px;
	width: 370px;
	box-shadow: 0 0 8px silver;
}
.supportlink a {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 125%;
	color: #06407F;
	line-height: 390%;
}
.supportlink a:hover,.supportlink a:hover span {
	text-decoration: none;
	color: #06407F;
}
.supportlink a span {
	color: red;
	font-size: 135%;
}
div.PageTitleStyle1>h1 {
    font-size: 200%;
    color: #595959;
}

p.TextStyle1-1 {
    margin: 0 0 0!important;
    font-size: 118%;
    line-height: 1.8;
}
/*---------------------------------
			資料請求エリア・3カラム
----------------------------------*/
.Grid3 #Contact .center {
text-align: center;
}
.shiryo-contact-3c {
	background-color: #FAFAE6;
	border-radius: 10px;
	box-shadow: 0 0 8px silver;
	padding: 30px;
	margin-top: 50px;
	margin: 0 auto 50px;
	width: 90%;
	position: relative;
}
.chara-3c {
	position: absolute;
	top: -90px;
	left: 0px;
	right: 0px;
	margin:auto auto;
}
.mb120-3c {
	margin-bottom: 140px;
}
.box2 {
	margin: 20px 0 30px 0;
	display: flex;
	-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.shiryo-3c {
	background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_document.png);
	background-repeat:no-repeat;
	background-position : left 60px center;
	background-size: 35px 39px;
	background-color: var(--main-green);
	width: 322px;
	border-radius: 7px;
	font-weight: bold;
	margin-right: 15px;
}
.shiryo-3c a:link {
	text-decoration: none;
}
.shiryo a, .contact a,
.shiryo-3c a,.contact-3c a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	line-height: 375%;
	color: #fff;
	text-indent: 1em;
	padding-top: 5px;
	font-size: 1.25em;
	text-align: center;
	/*
	transition: all 0.5s;*/
}
.shiryo a:link, .contact a:link,
.shiryo-3c a:link,.contact-3c a:link {
	text-decoration: none;
}
.shiryo-3c a:hover,.contact-3c a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.contact-3c {
	background-image: url(/-/media/ind/fukushinomori/image/ico_contact.png);
	background-repeat:no-repeat;
	background-position : left 20px center;
	background-size: 40px 30px;
	background-color: var(--main-green);
	width: 322px;
	border-radius: 7px;
	font-weight: bold;
}
.contact-3c a:link {
	text-decoration: none;
}
.tel-3c {
	display: block;
	margin: 0 auto;
}
/*---------------------------------
			h1・4カラム
----------------------------------*/
.overflow-4colimn {
	overflow: visible!important;
}
.overflow-4column .omidashi {
	margin-top: -10px;
	border-left: 0px;
	padding: 30px 20px 40px 0px;;
}
/*---------------------------------
			資料請求エリア・4カラム
----------------------------------*/
.center,
.Grid4 #Contact .center {
	text-align: center;
}
.shiryo-contact {
	background-color: #FAFAE6;
	border-radius: 10px;
	box-shadow: 0 0 8px silver;
	padding: 30px 3% 30px 3%;
	margin: 0 auto 50px;
	width: 94%;
	position: relative;
}
.chara {
	position: absolute;
	top: -90px;
	left: 0px;
	right: 0px;
	margin:auto auto;
}
.tel {
	display: block;
	margin: 0 auto;
}
.shiryo-contact2 {
	background-color: #fff;
	padding: 0px 3% 30px 3%;
	margin: -50px auto 50px;
	width: 94%;
	position: relative;
}

.box2-4column {
	margin: 0px 0 30px 0;
	display: flex;
    -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.shiryo,.contact {
	display: flex;
	width: 48%;
	border-radius: 7px;
	text-align: center;
	font-weight: bold;
	margin-right: 15px;
}
.shiryo {
	background: var(--Red2) url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_document.png) no-repeat 60px center /  35px 39px;
}

.contact {
	background: var(--Red2) url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_contact.png) no-repeat 20px center /  40px 30px;
}
.shiryo a:hover,.contact a:hover {
	text-decoration: none;
	opacity: 0.8;
}

/* 202311020追加ここまで */

.Grid3 #NeedHelp {
	max-width: 720px;
	min-height: 500px;
	margin: auto;
}

.Grid3 #NeedHelp .Section,
.Grid4 #NeedHelp .Section {
	box-shadow: 0 0 8px silver;
	border-radius: 10px;
	padding: 1em 0;
}

#NeedHelp .Section h2 {
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
#NeedHelp .Section h2 a:link,
#NeedHelp .Section h2 a:visited {
	text-align: center;
	color: #333;
	padding: 0;
	margin: 0;
}

#NeedHelp .Section h2 a:after {
	content: url(/-/media/ind/fukushinomori/image/icon_link.png);
	margin: 0 0 0 1em;
	transition: .08s ease-in
}

#NeedHelp .Section h2 a:hover {
	opacity: .8;
}

#NeedHelp .Voice {
	margin: auto;
	width: 80%;
	min-height: 316px;
	position: relative;
}

#NeedHelp .Voice ul {
	display: flex;
	justify-content: space-around;
	position: relative;

}
#NeedHelp .Voice ul li {
	text-align: center;
	opacity: .5;
	transition: .08s ease-in;
	width: 162px;
	cursor: pointer;
}
#NeedHelp .Voice ul li:hover,
#NeedHelp .Voice ul li:active {
	opacity: 1;
}

#NeedHelp .Voice ul li.Current {
	opacity: 1;
}
#NeedHelp .Voice li span {
	display: block;
	min-height: 3em;
}

#NeedHelp .Voice li.Current:after {
	content: "";
	background: url(/-/media/ind/fukushinomori/image/icon_fukidashi.png) no-repeat center;
	margin: 0 auto;
	width: 162px;
	height: 14px;
	position: absolute;
	bottom: -18px;
	display: flex;
	transition: .05s ease-in;
}
#NeedHelp .Voice ul:hover li.Current:after {
	content: none;
}
#NeedHelp .Voice li:hover:after,
#NeedHelp .Voice ul:hover li.Current:hover:after {
	content: "";
	background: url(/-/media/ind/fukushinomori/image/icon_fukidashi.png) no-repeat center;
	margin: 0 auto;
	width: 162px;
	height: 14px;
	position: absolute;
	bottom: -18px;
	display: flex;
}

#NeedHelp .Voice li .Help {
	opacity: 0;
	display: none;
	transition: .08s ease-in;
}

#NeedHelp .Voice li.Current .Help {
	opacity: 1;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	height: 170px;	
	padding: 1em;
	margin: 1em 0 0;
	box-sizing: border-box;
	background: #F5F5E6;
	border-radius: 10px;
	position: absolute;
	left: 0;
	cursor: default;
}
#NeedHelp .Voice li.Current .Help,
#NeedHelp .Voice li:hover .Help {
	opacity: 1;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	height: 170px;	
	padding: 1em;
	margin: 1em 0 0;
	box-sizing: border-box;
	background: #F5F5E6;
	border-radius: 10px;
	position: absolute;
	left: 0;
	cursor: default;	
	z-index: 10;
}

#NeedHelp .Voice .Help>ul {
	width: 70%;
	display: block;
	cursor: default;
/*	margin: auto;*/
}
#NeedHelp .Voice .Help li {
	width: 100%;
	cursor: default;
}
#NeedHelp .Voice .Help li:before {
	content: "";
	display: inline-flex;
	margin: 0 1em 0 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #D9C047;
}

#NeedHelp .Voice .Help li {
	text-align: left;
	font-size: 1.2em;
	opacity: 1;
}
#NeedHelp .ButtonLink {
	width: 100%
}

#NeedHelp .ButtonLink a:visited,
#NeedHelp .ButtonLink a:link {
	color: #4d4d4d;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 4em;
	min-height: 4em;
	border-radius: 5px;
	text-decoration: none;
	transition: .08s ease-in;
	background: #D9C047 url(/-/media/ind/fukushinomori/top/image/arrow_white.png) no-repeat 98% center/ 28px;
}
.Grid3 #NeedHelp .ButtonLink {
	width: 80%;
}
.Top #NeedHelp .ButtonLink {
	width: 80%;
	margin: auto;	
}
#NeedHelp .ButtonLink a:hover {
	opacity: .8;
	background: #D9C047 url(/-/media/ind/fukushinomori/top/image/arrow_white.png) no-repeat 98.5% center/ 28px;
}
.Grid3 .FlexBox {
	display: flex;
	justify-content: center;
	margin: auto;
}
.Grid3 h4:before {
	content: none;
}
.Grid3 .ClearFix h4 {
	color: #555!important;
	padding: 0;
	font-weight: bold;
	background: transparent;
}
#VerticalLocalNavi a.first {
	border-radius: 0;
}
@media screen and (min-width: 995px) and (max-width: 1304px) {

	.OptionWideRWD div#Contents.TopMarginSet {
		margin: 0 auto 0;
		margin-top: 0px;
		padding: 0px 15px;
		width: auto;
	}
}

 @media screen and (max-width: 994px) {
	 
	 .JS div#Contents.TopMarginSet {
		 width: 100%;
	 }
	 
	 .JS .Grid3 {
		 padding: 0;
	 }
	 .JS .Grid1 {
		 margin: 0;
	 }
	 .JS .Grid3 .PageTitleStyle1 {
		 padding: 1.6em 1em;
	 }
	 
	 /*------------------------------
	 		資料請求・3カラム
	 --------------------------------*/

	 .shiryo-contact-3c {
		border-radius: 10px;
		box-shadow: 0 0 8px silver;
		padding: 20px;
		margin-top: 50px;
		margin: 0 auto 50px;
		width: 90%;
		position: relative;
	}
	 .shiryo-3c {
		background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_document.png);
		background-repeat:no-repeat;
		background-position : left 50px center;
		background-size: 35px 39px;
		width: 48%;
		border-radius: 7px;
		text-align: center;
		font-weight: bold;
	}
	 .contact-3c {
		background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_contact.png);
		background-repeat:no-repeat;
		background-position : left 15px center;
		background-size: 40px 30px;
		width: 48%;
		border-radius: 7px;
		text-align: center;
		font-weight: bold;
	}
	.shiryo-3c a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 430%;
	text-indent: 1em;
	padding-top: 5px;
	font-size: 2.0vw;
	text-align: center;
		/*
	transition: all 0.5s;*/
}
	 .contact-3c a {
		display: block;
		width: 99%;
		height: auto;
		line-height: 430%;
		font-size: 2.0vw;
		text-indent: 2.5em;
	}
	/*----------------------------------
	 		資料請求・4カラム
	 ----------------------------------*/
	.JS .shiryo-contact {
		padding: 20px;
		width: 90%;
	}
	 .JS .shiryo {
		background-position : left 50px center;
		width: 48%;
	}
	 .JS .contact {
		background-position : left 15px center;
		width: 48%;
	}
	.JS .GridSet {
		margin: 0;
		max-width: inherit;
	}
	.JS #Contents,
	.JS .Grid4 {
		padding: 0;
	}

	.JS .clearlink {
		width: 86%;
	}
	.JS .staffchara {
		margin-right: 0;
	}
	.JS .threelinks li {
		width: 24%;
	}
	.JS .Grid3 .flexlist a {
		font-size: 1.4vw;
	}
	.JS .Grid3 .ClearFix,
	.JS .Grid4 .ClearFix {
		display: flex;
		flex-wrap: wrap;
	}
	.JS .Grid3 .ImgLeftAdjust {
		justify-content: flex-start;
	}

	.Grid3 .ListStyle1 li {
		display: block;
	}

	.JS .Grid3 .Section {
		margin-left: 1em;
	}

	.JS .ButtonLink {
		width: 340px;
	}
	.sp-only {
		display: inherit;
	}
	.pc-only {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	 .pc_view {
		 display: none;
	 }
	 .mobile_view {
		 display: block;
	 }
	.JS .Flex {
		display: block;
	}
	 /*------------------------------
	 		資料請求・3カラム
	 --------------------------------*/
	 .box2 {
		margin: 20px 0 30px 0;
		display: block;
	}
	 .shiryo-3c {
		background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_document.png);
		background-repeat:no-repeat;
		background-position : left 7% center;
		background-size: 35px 39px;
		width: 80%;
		border-radius: 7px;
		text-align: center;
		font-weight: bold;
		margin: 0 auto 15px;
		font-size: 1.5em;
		
	}
	.contact-3c {
		background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_contact.png);
		background-repeat:no-repeat;
		background-position : left 7% center;
		background-size: 40px 30px;
		width: 80%;
		border-radius: 7px;
		text-align: center;
		font-weight: bold;
		margin: 0 auto;
		font-size: 1.5em;
	}
	.shiryo-3c a,.contact-3c a {
		display: block;
		width: 99%;
		height: auto;
		line-height: 320%;
		font-size: 3.3vw
	}
	/*----------------------------------
	 		資料請求・4カラム
	 ----------------------------------*/
	 .box2-4column {
		margin: 20px 0 30px 0;
		display: block;
	}
	 .JS .shiryo {
    background-position: left 7% center;
    width: 80%;
    margin: 0 auto 15px;
    font-size: 1.5em;
	}
	.JS .contact {
    background-position: left 7% center;
    background-size: 40px 30px;
    width: 80%;
    margin: 0 auto;
    font-size: 1.5em;
	}
	.shiryo a,.contact a {
		display: block;
		width: 99%;
		height: auto;
		line-height: 320%;
		font-size: 4.2vw
	}
	/*-------------------------------
	 		4カラム・h1
	---------------------------------*/
	.overflow-4column .omidashi {
		margin-top: -10px;
		border-left: 0px;
		padding: 30px 0px 40px 0px;
	}

  .JS .Grid3 .PageTitleStyle1 {
    margin: 0;
  }
  .JS .Grid3 .PageTitleStyle1>h1 {
    font-size: 170%;
  }
	.JS .Grid3 .Imgset .Image .ImgOnlyStyle {
    width: 41%;
    margin: auto auto 1em;
  }
	.JS .Grid3 .ImgLeftAdjust .ImgOnlyStyle img {
		width: auto;
		text-align: center;
		margin: auto;
	}
	.JS .Grid3 .ImgLeftAdjust .ImgOnlyStyle {
		text-align: center;
	}
  .JS .Grid3 .threeborder,
  .JS .Grid3 .threeborder-last {
    display: block;
    width: 90%;
    margin: 0 auto 70px;
    font-size: 1.2em;
    border: none;
  }
  .JS .Grid3 .border1,
  .JS .Grid3 .border3 {
    box-sizing: border-box;
    width: 100%;
    padding: 2em 2em;
    min-height: 312px;
    background-position: right 30px bottom 20px;
  }
  .JS .Grid3 .border1 {
    border-radius: 5px 5px 0 0;
    background-size: 70px 112px;
  }
  .JS .Grid3 .border3 {
    border-radius: 0 0 5px 5px;
    background-size: 80px 135px;
  }
  .JS .Grid3 .border2 {
    background: none;
    margin: auto;
    width: 100%;
  }
  .JS .Grid3 .border2 .mobile_view {
    margin: -20px auto;
  }
  .JS .Grid3 .Solution h2 {
    font-size: 1.6em;
  }
  .JS .Grid3 .Solution .threeborder0 h2.Sol {
    display: none;
  }
	.JS .Grid3 .ColumnSet.Flow {
		padding: 0 1em;
	}
	.JS .Grid3 .flexlist {
		width: 85%;
		margin: 0 auto;
	}
	.JS .Grid3 .flexlist li {
		width: calc((100% / 2) - 15px);
	}
	.JS .Grid3 .flexlist a {
		font-size: 1.9vw;
	}
  .JS .Grid3 .supportlink {
    width: 85%;
  }
  .JS .Grid3 .supportlink a {
    font-size: 170%;
    line-height: 310%;
    width: 100%;
    background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 80% center / 10px 13px;
    text-decoration: none;
  }
	.JS .Grid3 .OneImg {
		display: block;
	}
	.JS .Grid3 .Imgset.OneImg .Text {
		margin: 0;
	}
	.JS .Grid3 .OneImg .Image {
		width: 50%;
	}
	.JS .Grid3 .ClearFix {
		display: block;
	}
	.JS .Grid3 .ImgLeftAdjust {
		max-width: 70%;
		min-height: inherit;
		margin: auto;
	}
	.JS .Grid3 .Section {
		margin-right: 1em;
	}
	.JS .Grid3.Case .Index {
		width: 100%;
		padding: 1em;
		box-sizing: border-box;
	}
	.JS .Grid3.Case .Index dd {
		width: 78%;
	}
	.JS .Grid3.Case .Index dd li a:visited *,
	.JS .Grid3.Case .Index dd li a:link * {
		display: block;
	}
	.JS .Grid3.Case h2,
	.JS .Grid3.Case h2 span {
		display: block;
	}
	.JS .Grid3.Case div[id^=Sec] {
		padding: 1em;
	}
	.JS #RotationBanner {
		min-width: 320px;
		background: transparent;
		border: none;
	}

	.JS .lyt-image-inner-slide {
    width: 70%;
    padding: 25px 50px 5px 50px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 200%;
    position: static;
	}
	.JS .threelinks {
		margin: 0;
	}
	.JS .threelinks li {
		width: 32%;
	}

}

@media screen and (max-width: 579px) {
	/*------------------------------
	 		資料請求・3カラム
	 --------------------------------*/
	.shiryo-contact-3c {
		border-radius: 10px;
		box-shadow: 0 0 8px silver;
		padding: 5% 2% 5% 2%;
		margin-top: 50px;
		margin: 0 auto 50px;
		width: 90%;
		position: relative;
	}
	.shiryo-3c {
		background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_document.png);
		background-repeat:no-repeat;
		background-position : left 7% center;
		background-size: 35px 39px;
		width: 95%;
		border-radius: 7px;
		text-align: center;
		font-weight: bold;
		margin: 0 auto 15px;
		font-size: 4.6vw;
		
	}
	.contact-3c {
		background-image: url(/-/media/ind/fukushinomori/kaigo/futurebetkanri/image/ico_contact.png);
		background-repeat:no-repeat;
		background-position : left 7% center;
		background-size: 40px 30px;
		width: 95%;
		border-radius: 7px;
		text-align: center;
		font-weight: bold;
		margin: 0 auto;
		font-size: 4.6vw;
	}
	.shiryo-3c a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 280%;
	text-indent: 1em;
	padding-top: 5px;
	font-size: 1.1em;
	text-align: center;
		/*
	transition: all 0.5s;*/
}
	.contact-3c a {
		display: block;
		width: 99%;
		height: auto;
		line-height: 280%;
		text-indent: 2em;
		font-size: 1.1em;
	}
	/*----------------------------------
	 		資料請求・4カラム
	 ----------------------------------*/
	.JS .shiryo-contact {
		padding: 5%;
		margin: 0;
		width: 100%;
		box-sizing: border-box;
	}

	 .JS .shiryo,
	 .JS .contact{
		 width: 90%;
	 }
	.JS .contact a,
	.JS .shiryo a {
		width: 99%;
		line-height: 280%;
		text-indent: 2em;
	}
	 
	.tel-3c {
	display: block;
	margin: 0 auto;
		width: 94%;
	 }
	 
	 .JS.Grid4 .FlexBox,
	 .JS .Grid3 .FlexBox {
		 display: block;
		 margin: auto;
	 }
	 
	 .JS #Contents .TextStyle1 {
		 font-size: 100%;
		 line-height: 1.6;
	 }
	 
	 .JS #Contents .TextStyle2 {
		 font-size: 90%;
	 }

	 .JS #NeedHelp .Voice {
		min-height: 346px;
	}
	 .JS #NeedHelp .Voice li.Current .Help {
		 height: auto;
	 }
	 .JS #NeedHelp .Voice .Help>ul {
		 width: 90%;
	 }

	.JS .Grid3 .Imgset .Image {
		 display: block;
		 padding: 3em;
		 box-sizing: border-box;
	 }

	.JS .Grid3 .OneImg .Image,
	.JS .Grid3 .TwoImg .Image {
		width: 100%;
	}

	.JS .Grid3 .OneImg .Image .ImgOnlyStyle,
	.JS .Grid3 .TwoImg .Image .ImgOnlyStyle {
		width: 100%;
		margin: 0;
	}

	.JS .Grid3 dl.ListStyle1 {
		margin: .5em;
	}

	.JS .Grid3 .threeborder {
		width: 100%;
	}

	.JS .Grid3 .flexlist {
		width: 95%;
	}

	.JS .Grid3 .flexlist a {
		font-size: 2.5vw;
	}

  .JS .Grid3 .supportlink {
    width: 95%;
	}

	.JS .Grid3.Case .Index {
		display: block
	}
	.JS .Grid3.Case .Index dt {
		margin: auto auto 1em;
	}
	.JS .Grid3.Case .Index dd {
		width: 100%;
	}
	.JS .Grid3.Case .Index dd li a:visited *,
	.JS .Grid3.Case .Index dd li a:link * {
		display: block;
	}
	.JS .Case .Section h2 span.leaf{
		white-space: inherit;
	}

	.JS .shiryo-contact {
		margin: 0;
		width: 100%;
	}

	.JS .threelinks {
		display: block;
	}
	.JS .threelinks li {
    width: 80%;
		margin: 0 auto 1em;
	}
	.JS .inner-block {
    background: url(/-/media/ind/fukushinomori/image/arrow_white.png) no-repeat 92% center / auto;
 		display: list-item;
	}
	.JS .Task .inner-top:before {
		left: 16%;
	}
	.JS br.PC {
		display: none;
	}
	.JS .threelinks {
		display: flex;
		flex-flow: column;
		justify-content: center;
	}
	.JS .threelinks li {
		width: 80%;
	}
}

@media screen and (max-width: 399px) {
	/*----------------------------------
	 		資料請求・3カラム
	 ----------------------------------*/
	 .shiryo-3c a {
		 display: block;
		 width: 100%;
		 height: auto;
		 line-height: 310%;
		 text-indent: 1em;
		 padding-top: 5px;
		 font-size: 100%;
		 text-align: center;
	 }
	 .contact-3c a {
		display: block;
		width: 99%;
		height: auto;
		line-height: 310%;
		text-indent: 2em;
		font-size: 100%;
	}

	.down_arrow {
    margin: 0 auto;
    width: 50px!important;
    height: 25px!important;
	 }


	 .JS #NeedHelp .Voice li.Current:after {
		 content: "";
		 width: 90px;
	 }
	 .JS .grid3 .ButtonLink {
		 margin: 7em auto 1em;
	 }
	 .JS .Top #NeedHelp .ButtonLink {
		margin: 5em auto 1em;
	}
	.JS #NeedHelp .ButtonLink a:visited,
	.JS #NeedHelp .ButtonLink a:link {
		background: #D9C047 url(/-/media/ind/fukushinomori/top/image/arrow_white.png) no-repeat 96% center/ 28px;
	}

	.JS #NeedHelp .Voice li:hover .Help {
		height: auto;
	}

	.JS #NeedHelp .Voice .Help li {
    text-indent: -1.5em;
		margin-left: 1em;
	}

	.JS .inner-table th {
		width: 46%;
	}

	.JS .Grid3 .border1,
	.JS .Grid3 .border3 {
		min-height: 200px;
	}

	.JS .Grid3 .Solution h2 span {
		font-size: 100%;
	}

	.JS .Grid3 .Imgset .Image .ImgOnlyStyle {
		width: 100%;
	}

	.JS .Grid3 .flexlist li {
		width: 100%;
		display: block;
		margin: 5px 0;
	}

	.JS .Grid3 .flexlist li a {
		width: 100%;
		font-size: 115%;
		line-height: 320%;
	}

	.JS .Grid3 .supportlink a {
		font-size: 115%;
		background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 92% center / 10px 13px;
	}

	.JS .Grid3 .supportlink a:active {
		background: url(/-/media/ind/fukushinomori/image/arrow_red_line.png) no-repeat 93% center / 10px 13px;
	}

	.JS #ModalImage {
		left: 0!important;
		padding: 0;
	}
	.JS #ModalImage .Inner {
		min-width: 370px;
		max-width: 370px;
		width: 100%;
	}
	.JS #ModalImage img {
		width: 100%;
		height: auto;
	}

	.JS .threelinks {
		margin: 1em auto;
	}
	.JS .threelinks li {
		width: calc((100% / 3) - 1em);
		min-width: 30%;
		margin: .5em auto;
	}

}