@charset "utf-8";

/* =======================================

	ロボホン


========================================== */

html,body{
	font-family: 'メイリオ', Meiryo,"Hiragino Sans","Hiragino Kaku Gothic ProN","Helvetica Neue",Arial,sans-serif;
	font-size: 16px;
}
p , a , span , th , td{
	color: #1A1A1A!important;
}
section {
	margin-top: 50px;
}
.bgnone {
	background: transparent !important;
}
.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
img {
	vertical-align: middle;
}
article img , article video　{
	display: block;
	margin: auto;
}


/* ------------------

for PC

------------------ */

/* ヘッダー */
header{
	background: #fff;
	height: 60px;
	min-width: 1250px;
	padding-left: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0px 1px 16px -9px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 1px 16px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 1px 16px -9px rgba(0,0,0,0.6);
}
#nav{
	min-width: 760px;
	height: 100%;
	font-size: 12px;
	font-weight: bold;
}
#nav ul{
	display: flex;
	justify-content: space-between;
	height: 100%;
}
#nav ul li{
	margin: 0 26px 0 0;
	line-height: 60px;
}
#nav ul li a:hover{
	text-decoration: none;
	border-bottom: solid 2px #1A1A1A;
}
#nav #navContact{
	margin: 0;
	background: #1A1A1A;
}
#nav #navContact a{
	padding: 0 30px;
	color: #fff!important;
	font-size: 15px;
}
#nav #navContact a:hover{
	text-decoration: none;
}

/* ページ内リンク */
#sec02Link , #sec03Link , #sec04Link , #sec05Link , #sec06Link {
	display: block;
    padding-top: 100px; 
    margin-top: 0;
}
/* 中身 */
#wrap{
	width: 100%;
	padding: 0;
	margin-top: 60px;
}
.topContainer{
	max-width: 1120px;
	margin: 0 auto 100px;
}
.topContainer img{
	width: 100%;
	height: auto;
}
h1{
	background: #FFB45A;
	width: 100%;
	height:200px;
	margin: 0;
	padding: 0 0 30px 0;
	display: flex;
	align-items: center;
    justify-content: center;
}

.topBox{
	width: 100%;
	margin: 30px auto 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.el_robo-img {
	width: 300px;
}

.bl_entrance-area{
	width: calc(710 / 1120 * 100%);
	max-width: 710px;
}
.el_entrance-place + .el_entrance-place{
	margin-top: 30px;
}
.el_entrance-lead{
	text-indent: 0;
    display: block;
    font-size: 1.125rem;
	line-height: 1.4;
	margin-bottom: 10px;
    font-weight: bold;
}
.el_text-red{color: #db1f1f !important;}
.el_entrance-link:hover{opacity: 0.7;}
.el_color-linkBlue a{
	color: #2080ce !important;
	text-decoration: underline;
	position: relative;
}
.el_color-linkBlue a:hover {text-decoration: none;}

.el_color-linkBlue a::after {
	content: "";
	width: 16px;
	height: 16px;
	background: url(../img/icon_brank.png) 0 0 / cover no-repeat;
	display: block;
	position: absolute;
	bottom: 6px;
	left: 100%;
}


.el_entrance-lead + .el_entrance-lead {
	margin:2rem 0;
}

#topTxt{
	width: 1120px;
	margin:60px auto 0;
	padding: 0 30px;
	background: #fff;
}
.kidsparkBnr {
	width: 710px;
	height:194px;
	background: url(../img/bnr_kidspark_pc.png) no-repeat;
	float: right;
}
.kidsparkBnr:hover {
	opacity: 0.7;
}
#topTit{
	font-size: 30px;
}
#topSubTit{
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 25px;
}
.topExsTit {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px; 
}
#topTxt ul li {
	width: 32%;
	display: inline-block;
	position: relative;
	padding: 0em 0.3em 0.3em 0.9em;
}
#topTxt ul li:before {
	position:absolute;
	content:'';
	top: 0.5em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #FFC885;
}
#news{
	margin: 20px 0 0 0;
}
#newsTit{
	color: #FFB45A;
	font-size: 18px;
	font-weight: bold;
	border-bottom: #FFB45A 1px solid;
}
#news dl{
	display: flex;
	width: 100%;
	background: #EFEFEF;
	margin: 5px 0 0 0;
}
#news dl dt{
	padding: 5px 10px;
}
#news dl dd{
	padding: 5px 10px;
}

/* アンカーリンク */
#anchor {
	max-width: 1120px;
	margin: 0 auto;
	display: flex;
}
#anchor li {
	width: 157px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #ffb45a;
	margin-right: 12px;
	border-radius: 25px;
}
#anchor li:hover {
	background-color: #fff;
	border: 1px solid #ffb45a;
	line-height: 44px;
}
#anchor li a {
	text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
#anchor li:last-child {
	margin-right: 0;
}

/* 以下共通 */
h2{
	font-size: 30px;
	width: 100%;
	height: auto;
	padding:0;
	clear: both;
	background: none;
	margin-top: 120px;
}
.h2_border{
	text-align: center;
	display: block;
	margin: auto;
    width: 350px;
	border-bottom: solid 2px #FFB45A;
}
.h2_subtit {
	text-align: center;
	margin-top: 5px;
}
.container {
	width: 100%;
	background-color: #F7F7F7;
	margin-top: 30px;
	padding:50px 0;
}
.innerWrap {
	max-width: 1280px;
	margin: 0 auto;
}
.innerWrap > .detailLink {
	margin-top: 30px;
}
h3 {
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	line-height: normal;
	font-size: 20px;
	font-weight: normal;
	border-left: solid 5px #FFB45A;
	padding-left: 10px;
}
.largeArticle,.Article {
	width: 100%;
	box-shadow: 2px 2px 8px -3px  rgba(0,0,0,0.6);
	-webkit-box-shadow: 2px 2px 8px -3px  rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 8px -3px  rgba(0,0,0,0.6);
	background-color: #fff;
	padding: 40px;
}
.Article img {
	width: 100%;
	margin-top: 20px;
}
.col2 {
	display: flex;
	justify-content: space-between;
}
.col2 .Article {
	width: 49%;
	position: relative;
}
.txtArea {
	width: 70%;
	display: flex;
}
.txtLeft {
	min-width: calc(100% - 76px);
    padding-right: 50px;
}
.txtArea p {
	margin-bottom: 20px;
}
.detailLink {
	text-align: right;
}
.detailLink a{
	padding: 8px 30px;
	height: 40px;
	background: #1A1A1A;	
	font-weight: bold;
	display: inline-block;
}
.detailLink a span{
	color: #fff!important;
	padding-right: 20px;
	position: relative;
}
.detailLink a span:after{
	content: "";
	width: 15px;
	height: 15px;
	background: url(../img/arrow.png) no-repeat;
	background-size: 15px 8px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.detailLink.gaibu a span:after {
	content: "";
	width: 15px;
	height: 15px;
	background: url(../img/link.png) no-repeat;
	background-size: 15px 15px;
	position: absolute;
	bottom: 7px;
	right: 0;
}
 
.detailLink a:hover{
	text-decoration: none;
}
.Article .detailLink {
	position: absolute;
	bottom: 40px;
	right: 40px;
}
.largeArticle {
	display: flex;
	justify-content: space-between;
}
.largeArticle img {
	margin: 0;
}
.largeArticle .textArea {
	width: calc(100% - 560px);
	position: relative;
}
.largeArticle .textArea .detailLink {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ラインナップ */
#lineup01 , #lineup02 , #lineup03 {
	display: flex;
}
#lineup01 {
	max-width: 650px;
	margin: auto;
	padding: 40px 0;
}
#sec02 #lineup01 .data {
	width: calc(100% - 310px);
    margin-left: 60px;
}
#sec02 #lineup01 .roboimg {
	width: 250px;
}
#lineup02 {
	max-width: 560px;
	min-width: 530px;
	padding: 40px 0;
	margin: 0 auto;
}
#lineup03 {
	max-width: 560px;
	min-width: 530px;
	padding: 40px 0;
	margin: 0 auto;
}
#sec02 #lineup02 .data,#sec02 #lineup03 .data {
	width: calc(100% - 250px);
    margin-left: 30px;
}
#sec02 #lineup02 .roboimg, #sec02 #lineup03 .roboimg {
	width: 225px;
}
#sec02 #lineup03 .roboimg {
	margin-top: 40px;
}
#lineupBk01{
	background: #FFB45A;
}
#lineupBk02{
	background: linear-gradient(90deg,#FFC885 0%,#FFC885 50%,#FFD5A1 50%,#FFD5A1 100%);
}
#lineupInnerbox{
	max-width: 1280px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
#sec02 .roboimg img {
	width: 100%;
	height: auto;
}
#sec02 .data .lineupTit {
	width: 100%;
	background: #1A1A1A;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 20px;
}
#sec02 .data .lineupTit span {
	color: #fff!important;
	border-bottom: 1px solid #fff;
	padding: 0 25px 5px;
}
#sec02 dl {
	display: flex;
	margin-bottom: 8px;
}
#sec02 dt {
	background: #1A1A1A;
	color: #fff!important;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px;
	width: 125px;
	height: 37px;
}
#sec02 dd {
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0 5px 15px;
	height: 37px;
}
.attention {
	text-align: right;
	display: block;
	max-width: 1280px;
	margin: 10px auto 0;
}
#sec02 .list {
	margin: 25px 0 0 1em;
}
#sec02 .businessTable {
	position: absolute;
	bottom: 40px;
	display: block;
	margin-top: 20px;
	width: calc(100% - 80px);
}
#sec02 .businessTable p {
	margin-top: 10px;
}
#sec02 .businessTable table {
	width: 100%;
	font-size: 22px;
	text-align: center;
}
#sec02 .businessTable table th {
	background-color: #FFB45A;
	padding: 10px;
	font-weight: normal;
	border: 1px solid #fff;
}
#sec02 .businessTable table td {
	background-color: #FFD5A1;
	border: 1px solid #fff;
}
.anotherArea {
	width:100%;
	box-shadow: 2px 2px 8px -3px  rgba(0,0,0,0.6);
	-webkit-box-shadow: 2px 2px 8px -3px  rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 8px -3px  rgba(0,0,0,0.6);
	background-color: #fff;
	padding: 25px 30px;
	margin-top: 40px;
}
.ano-check {
    display: none;
}
.ano-label {
	display: block;
    font-size: 20px;
    position:relative;
    padding: 0 0 0 25px;
}
.ano-label:before {
	position:absolute;
	content:'';
	top: 0.3em;
	left: 0;
	height:0;
	width:0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #FFB45A;
	-moz-transition:0.5s all;
    -webkit-transition:0.5s all;
}
.open:before {
	-moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}
.ano-content {
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.ano-check:checked + .ano-label + .ano-content {
	height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
.anotherFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
#sec03 , #sec04 , #sec05 ,#sec06 {
	background: #F7F7F7;
}

/* アプリケーション */
.appBtn {
	overflow: hidden;
	margin-bottom: 5px;
}
.appBtn li {
	text-align: center;
	float: left;
	margin-right: 20px;
}
.appBtn li:last-child {
	margin-right: 0;
}
.appBtn li figure img {
	width: 90px;
	height: auto;
}
.appBtn li figcaption {
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
}
.appBusiness {
	width:100%;
	display: inline-block;
}
.appBusiness li {
	margin-bottom: 10px; 
}
.appBusiness li a:after {
	content:'';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	position:relative;
    top:2px;
	background:url(../img/linkicon.png);
}

/* 動画で紹介 */
#sec04 .container .Article {
	padding: 30px 40px 80px;
}
#sec04 .container .Article img {
	margin:0 0 20px;
}
#moreArticle a:hover{
	text-decoration: none;
}
.btnset .button {
	display: block;
	width: 70px;
	height:40px;
	margin: 20px auto 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
    position:relative;
    text-decoration: none;
}

div.moreView input {
    display: none;
}
div.moreView h4 {
    display: none;
}
div.moreView .more-content {
    position: relative;
    max-height: 60px;
    overflow: hidden;
    transition: 0.5s;
    padding-top: 70px;
    padding-bottom: 0px;
}
div.moreView .more-content .innerWrap {
	margin: 10px auto 0;
}
div.moreView .more-content label::before {
    content: "もっと見る";
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    left: 46%;
    display: inline-block;
    width: 124px;
    height: 55px;
    text-align: center;
    color: #333;
    padding: 4px 8px;
    z-index: 20;
}
div.moreView .more-content label::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 46.5%;
    display: inline-block;
    width: 124px;
    text-align: center;
    color: #333;
    background: url(../img/arrow_more.png) no-repeat;
    background-position: 40%;
    padding: 12px 8px;
    z-index: 20;
}
div.moreView input:checked + h4 + .more-content {
    max-height: 2000px;
    padding-bottom: 75px;
    margin-top: -30px;
}
div.moreView input:checked + h4 + .more-content label::after {
    content: "閉じる";
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    left: 46%;
    display: inline-block;
    width: 124px;
    background: none;
    text-align: center;
    color: #333;
    padding: 0px 8px;
    z-index: 20;
}
div.moreView input:checked + h4 + .more-content label::before {
    content: "";
    position: absolute;
    bottom:18px;
    left: 45.4%;
    display: inline-block;
    width: 124px;
    text-align: center;
    color: #333;
    background: url(../img/arrow_more.png) no-repeat;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    background-position: 40%;
    padding: 0 8px;
    z-index: 20;
}

.more-content .movie {
	margin: 30px 0 15px;
}
/* 導入事例・アプリ開発 */
#sec05 .rightImg,#sec06 .rightImg,#detail .rightImg {
	width: 500px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#sec05 .rightImg img,#sec06 .rightImg img,#detail .rightImg img {
	width: 100%;
}
#sec06 .largeArticle:first-child {
	margin-bottom: 40px;
}
#sec06 .largeArticle:first-child .textArea {
	padding-bottom: 55px;
}
.grLine {
	border:1px solid #e4e4e4;
}
/* フッター */
#footer_nav{
	background: #FFB45A;
	background: linear-gradient(180deg,#FFB45A 0%,#FFB45A 95%,#FFC885 100px,#FFC885 100%);
}
.footer_navTitle{
	border-bottom: 1px solid #1A1A1A;
}
.footer_leftBottom span{
	border-right: 1px solid #1A1A1A;
}
.footer_leftBottom{
	border-left: 1px solid #1A1A1A;
}
#footer_company_wrap {
	font-size: 14px;
}

/* 詳細ページ */
.pan {
	display: block;
	max-width: 1280px;
	margin: 20px auto 0;
}
.childBk_gray{
	height: 30px;
}
#childh2 {
	margin-top:50px;
}
#detail h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	position: relative;
	padding-left:15px;
}
#detail h4:before {
    background: #FFB45A;
    content: "";
    height: 10px;
	width: 10px;
    left: 0;
    position: absolute;
    top: 3px;
}
#detail .innerWrap .largeArticle {
	margin-bottom: 40px;
}
#detail .innerWrap .largeArticle:last-child {
	margin-bottom: 0;
}
.modal_icon .modalImg {
	width: 100%;
	max-width: 900px;
}
.modal_icon {
	position: relative;
}
.modal_icon a img {
	border: 1px solid #ddd;
}
.glass {
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 50px;
	position: relative;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	position: absolute;
	bottom: 0;
	right: 0;
}
.glass span {
	position: absolute;
	display: block;
	top: 48%;
	left: 48%;
	width: 48%;
	height: 48%;
	border-radius: 50%;
	margin: -.28em 0 0 -.28em;
	border: .08em solid #fff;
}
.glass span::after {
	position: absolute;
	display: block;
	content: "";
	top: 48%;
	left: 48%;
	width: 72%;
	height: 32%;
	background: #fff;
	margin: .16em 0 0 .1em;
	transform: rotate(45deg);
}
.txtArea.kids img {
	margin:0;
	height: 313px;
}
.contact_disc {
	max-width: 900px;
	margin: 0 auto 50px;
}
.fullTextArea {
	max-width: 100%;
}
.paragraph {
	margin-bottom: 30px;
	display: flex;
	max-width: 100%;
}
.paragraph .leftTxt {
	padding-right: 40px;
	max-width: 900px;
	-ms-flex:0 1 auto;
}
.paragraph .leftTxt p {
	margin-bottom: 20px;
	word-break: break-all;
}
.kidsMovie {
	text-align: center;
	margin-bottom: 20px;
}
.kidsMovie video {
	margin-bottom: 15px;
}
.kidsMovie .detailLink {
	text-align: center;
}
.kidsMovie .detailLink a {
    padding: 10px 40px;
    height: 45px;
    background: #ffa12f;
}
.sdgsArea {
	border: 1px solid #333;
}
.sdgsArea h5 {
	display: block;
	padding: 10px;
	background-color: #333;
	text-align: center;
	margin-bottom: 20px;
	font-size: 20px;
	color: #fff;
}
.sdgsContent {
	padding: 0 40px 30px;
	overflow: hidden;
}
.sdgsArea .floArea {
	overflow: hidden;
}
.sdgsArea .floArea img {
	float: left;
	width: 100px;
	margin-right: 30px;
}
.sdgsArea .floArea p {
	font-weight: bold;
	font-size: 17px;
}
.sdgsArea ul {
	width: calc(100% - 130px);
	float: right;
}
.sdgsArea ul li:first-child {
	margin-bottom: 10px;
}

/* =====================================================================
	ロボシルバーパーク
===================================================================== */
/* 見出し */
#childh2.el_long-headline {
	width: calc(570 / 1920 * 100%);
	margin: 50px auto 0;
}

#childh2.el_long-headline .el_headline-subtext {
	font-size: 1rem;
}

#childh2.el_long-headline .h2_border {
	width: 100%;
}

/* カタログダウンロードボタン */
.bl_col02-box {
	width: 100%;
	max-width: 780px;
	margin-inline:auto;
	display: flex;
	justify-content: space-between;
}
.el_link-item {
	width: 100%;
	max-width: 380px;
	margin-top:36px;
}
.el_link-text {
	color:#fff !important;
	font-size:1.375rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing : 0.05em ;
	display: block;
	width: 100%;
	border-radius: 5px;
}
.bl_col02-box .el_link-text:hover {
	text-decoration: none;
	opacity:0.7;
}
.el_bg-orange {
	padding: 10px 50px;
	background: url(../img/icon_dl.png) calc(100% - 40px) calc(50% - 0px) no-repeat #f79723;
}
.el_bg-yellow {
	padding: 10px 30px;
	background: url(../img/icon_dl.png) calc(100% - 26px) calc(50% - 0px) no-repeat #ffc000;
}

/* 介護スタッフ様の声にお答えします。 */
.bl_staff-voice {
	width:100%;
	display: flex;
	background: #fff2cc;
}

.el_voice-title {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffc000;
	width:calc(280 / 1200 * 100%);
	padding:calc(20 / 1200 * 100%) 0;
}

.el_voice-title b {
	color: #fff;
}

.el_voice-content {
	padding:calc(10 / 1200 * 100%) calc(100 / 1200 * 100%);
}

.el_voice-item {
	list-style-type: disc;
}

/* シルバーパーク動画 */
.bl_silver-movie {
	width:100%;
	display: flex;
	margin-top:calc(40 / 1200 * 100%);
	margin-bottom: 60px;
}

.el_img-area {
	width:calc(420 / 1200 * 100%);
}

.bl_movie-area {
	width:calc(500 / 1200 * 100%);
	margin: 0 auto;
}

.bl_movie-inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.bl_movie-inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bl_movie-area .detailLink {
	text-align: center;
	margin-top:10px;
}

.bl_movie-area .detailLink a {
	background: #ffa12f;
	color: #fff;
}

.bl_movie-area .detailLink a:hover {
	background: #f95c00;
}

/* 内容詳細 */
.el_headline-wrap {
	margin:calc(60 / 1200 * 100%) 0 calc(40 / 1200 * 100%);
	padding-right: 16px;
	background: #fff2cc;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.el_headline-wrap .el_silver-headline {
	min-height: 60px;
	margin:0;
	display: flex;
	align-items: center;
}

h3.el_silver-headline {
    margin-top: calc(60 / 1200* 100%);
}

.el_headline-wrap .el_link-wrap {
	display: block;
	width: 100%;
	max-width: 250px;
}

.el_headline-wrap .el_link-text {
	color:#fff !important;
	font-size:1.125rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing : 0.1em ;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-radius: 5px;
	min-height: 40px;
}

.el_headline-wrap .el_link-text::after {
	content:"";
	width: 20px;
	height:17px;
	margin-left:10px;
	display: block;
	background: url(../img/icon_dl.png) 0 -2px / cover no-repeat;
}

.el_headline-wrap .el_link-text:hover {
	text-decoration: none;
	opacity: 0.7;
}
.el_headline-wrap .el_bg-orange {
	padding:0;
	background: #f79723;
}

.bl_content-introduction {
	width:100%;
	box-sizing: border-box;
	padding:0 20px;
	display: flex;
	flex-wrap: wrap;
}

.bl_content-item {
	width: calc(360 / 1200 * 100%);
	margin:calc(80 / 1200 * 100%) calc(40 / 1200 * 100%) 0 0;
}

.bl_content-item:nth-of-type(1),
.bl_content-item:nth-of-type(2),
.bl_content-item:nth-of-type(3) {
	margin-top:calc(60 / 1200 * 100%);
}

.bl_content-item:nth-of-type(3n) {
	margin-right:0;
}

.el_introduction-img {
	position: relative;
}

.el_img-introduction {
	position: absolute;
	top:calc(100 / 360 * -100% / 2);
	left: -20px;
}

.introduction-title {
	font-size: 1.125rem;
	font-weight: bold;
	margin-top:calc(20 / 360 * 100%);
}

.introduction-content {
	margin-top:calc(20 / 360 * 100%);
}

.anchor {
	display: flex;
	justify-content: center;
}
.anchor li:first-child {
	margin-right: 10px;
}
.anchor li a:hover {
	opacity: 0.7;
}
#silver,#silverl {
	margin-top: -100px;
	padding-top: 100px;
}
.silverlTxt {
	margin-top: 40px;
}

/* ================================================================== */

.sp-br { display:none; }

.w100{
	width: 100%!important;
	height: auto;
}
.w100 p{
	min-height: auto;
}

#trademark {
	margin: 30px 0 0 0;
	padding: 30px;
	background: #f9f9f9;
	font-size: 12px;
	color: #666;
}

/* ------------------

for SP

------------------ */

/* ハンバーガーメニュー */
/*ドロワー*/
.l-drawer {
	position: relative;
  }
  .l-drawer__checkbox {
	display: none;
  }
  .l-drawer__icon {
	cursor: pointer;
	display: block;
	width: 56px;
	position: fixed;
	right: 0;
  }
  .l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
	background-color: #000;
	display: block;
	width: 26px;
	height: 2px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
  }
  .l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
	content: " ";
  }
  .l-drawer__icon-parts:before {
	top: 16px;
  }
  .l-drawer__icon-parts:after {
	top: -16px;
  }
  .l-drawer__overlay {
	background: #000;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
  }
  .l-drawer__menu {
	background: #ffffff;
	color: #000;
	max-width: 100%;
	width: 320px;
	height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	right: -320px;
  }
  .l-drawer__icon {
	z-index: 4;
  }
  .l-drawer__menu {
	z-index: 3;
  }
  .l-drawer__overlay {
	z-index: 2;
  }
  .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts {
	background: transparent;
  }
  .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
  }
  .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
  }
  .l-drawer__checkbox:checked ~ .l-drawer__overlay {
	opacity: 0.3;
	pointer-events: auto;
  }
  .l-drawer__checkbox:checked ~ .l-drawer__menu {
	right: 0;
  }
  .l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu {
	-webkit-transition: all 0.7s;
	transition: all 0.4s;
  }

/* ========================================================================================================
	フッター 部分
======================================================================================================== */
.ly_footer-top {
	width: 1200px;
    margin: 0 auto 18px;
    display: flex;
    justify-content: space-between;
	position: relative;
}

.ly_footer_logo {
	width:262px;
}

.ly_footer_icon-list {
	width: 218px;
	display:  flex;
	justify-content: flex-end;
	margin-right: 108px;
}

.ly_footer_icon-list li {
	margin-right: 40px;
}

.ly_footer_icon-list li:nth-last-of-type(1) {
	margin-right: 0;
}

.ly_icon_privacy {width:46px;}
.ly_icon_global_compact {width:36px;}
.ly_icon_intertek_ukas {width:56px;}

.ly_btn_go_top {
	position: absolute;
	bottom: 4px;
	right: 10px;
	width:48px;
}

.ly_footer-bottom {
	background: #E6E6E6;
}

.ly_inner_footer-bottom {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: Noto Sans CJK JP;
	font-weight: 400;
}

.ly_footer-bottom_navi {
	font-size: 1.5rem;
	display: flex;
}

.ly_footer-bottom_navi li {
	padding: 30px 0;
}

.ly_footer-bottom_navi a {
	color: #333;
	padding: 0 20px;
	border-right: 1px solid #333;
	letter-spacing: 0.1em;;
	font-size:0.9375rem;
}

.ly_footer-bottom_navi li:nth-of-type(1) a {
	padding-left: 0;
}

.ly_footer-bottom_navi li:nth-last-of-type(1) a {
	padding-right: 0;
	border-right: none;
}

small {
	font-size: 0.75rem;
	color: #666;
}

/* リスト行頭そろえ */
.bl_top-icon-list li {
	padding-left: 1em;
    text-indent: -1em;
}


/* =====================================================================
	スマホ用CSS
===================================================================== */
@media (min-width: 671px){
	.pcNone{
		display: none;
	}
}
@media (max-width: 670px){
body {
	min-width: 100%;
}
.spNone {
  display: none;
}
#wrap {
	margin: 60px auto 70px;
}
.sp {
    display: block;
}
header {
	min-width: auto;
}
header a{
	width: 60%;
}
header a img{
	width: 100%;
}
.flex {
	display: inline-block;
}
h1 {
	height:150px;
	text-align: right;
	display: block;
}
h1 img {
	width: 55%;
	margin: 30px 15px 0 0;
}
.bk_gray {
	height: 50px;
}
#sec01Link.bk_gray {
	height: 240px;
}
.topContainer {
	margin-bottom: 50px;
}
.kidsparkBnr {
    width: 100%;
    height: 0;
    padding-top:28%; 
    background: url(../img/bnr_kidspark_sp.png) no-repeat;
    background-size: 100%;
    float: none;
    display: block;
}
.topBox {
	margin: -145px auto 0;
	padding: 0 10px;
	display: block;
}
.el_robo-img {width: 100%;}
.el_robo-img img{
	width: 120px;
	float: none;
	z-index: 20;
}

.bl_entrance-area {
	width: 100%;
	max-width: auto;;
}

.el_entrance-place {
	margin-top:calc(40 / 710 * 100%);
}

#sec01Link {
	display: block;
    padding-top: 60px;
    margin-top: -60px;
}

#topTxt {
	float: none;
	width: 100%;
	margin: 15px 0 7px 0;
	position: relative;
	z-index: 3;
	height: auto;
	background: #fff;
	padding: 15px;
}
#topTit {
    font-size: 26px;
}
#topSubTit {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.topExsTit {
	font-size: 16px;
}
#topTxt ul li {
	vertical-align: top;
	width: 100%;
}
#news {
    margin: 20px 0 0 0;
}
#anchor {
    width: 95%;
    display: block;
}
#anchor li {
    width: 48%;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 10px;
}
#anchor li:nth-child(odd) {
	margin-right: 2%;
}
#sec02Link, #sec03Link, #sec04Link, #sec05Link, #sec06Link {
    margin-top: -40px;
}
h2{
    margin:0px;
}
.h2_border {
	text-align: center;
	display: block;
	margin: auto;
    width: 90%;
	border-bottom: solid 2px #FFB45A;
}
.h2_subtit {
    margin-top: 5px;
    padding: 0 20px;
}
section {
    margin-top: 30px;
}
#lineup01, #lineup02, #lineup03 {
	max-width: 100%;
	min-width: 100%;
	padding: 30px 2%;
}
#sec02 #lineup01 .roboimg, #sec02 #lineup02 .roboimg, #sec02 #lineup03 .roboimg {
	width: 38%;
    margin: auto;
}
#sec02 #lineup01 .data,#sec02 #lineup02 .data, #sec02 #lineup03 .data {
	width: 56%;
	margin-left: 0;
}
#sec02 .data .lineupTit {
    padding: 0;
    font-size: 16px;
    margin-bottom: 10px;
}
#sec02 dl {
	display: block;
}
#sec02 dt {
    font-size: 14px;
    padding: 3px 10px;
    width: 120px;
    height: auto;
}
#sec02 dd {
	height: auto;
}
.txtLeft {
	min-width: 100%;
	padding: 0;
}
#lineupInnerbox {
	display: block;
}
#lineupBk02 {
/*上から下へ*/
	background: linear-gradient(180deg,#FFC885 0%,#FFC885 50%,#FFD5A1 100px,#FFD5A1 100%);
}
.attention {
	text-align: left;
	margin: 10px 10px 0 10px;
}
.container {
	margin-top: 20px;
	padding: 30px 0;
}
.col2 {
	display: block;
}
.col2 .Article {
	width: 100%;
	padding: 20px !important;
	margin-bottom: 20px;
}
.col2 .Article:last-child {
	margin-bottom: 0;
}
#sec02 .businessTable {
	width: 100%;
	position: relative;
	bottom:0;
}
#sec02 .businessTable table {
	width: 100%;
	font-size: 16px;
}
.anotherArea {
	width: 100%;
	padding: 20px 25px;
}
.anotherFlex {
	display: block;
	margin-bottom: 30px;
}
.anotherFlex figure img {
	width: 100%;
}
.anotherFlex figure figcaption {
	margin-bottom: 20px;
}
#sec03 article img{
	width: 100%;
}
.appBtn {
    display: block;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
}
.appBtn li {
	width: 17%;
	display: inline-block;
    vertical-align: top;
	margin-right: 3%; 
	margin-bottom: 10px;
}
.appBtn li:nth-child(5n) {
	margin-right: 0;
}
.appBtn li figcaption {
	font-size: 13px;
}
.appBtn li figure img {
	margin: 0;
}
.Article .detailLink,.largeArticle .textArea .detailLink {
    margin: 15px 0 !important;
    position: relative;
    bottom: 0;
    right: 0;
}
.Article .detailLink a {
	width: 100%;
	text-align: center;
}
div.moreView .more-content label::before {
	left:32%;
}
div.moreView .more-content label::after {
	left: 33.5%;
}
div.moreView input:checked + h4 + .more-content label::before {
	left: 29.4%;
}
div.moreView input:checked + h4 + .more-content label::after {
	left: 31.5%;
}
.largeArticle{
	padding: 20px;
	display: block;
}
.largeArticle img {
	width: 100%;
}
.largeArticle .textArea {
	width: 100%;
}
.txtArea, .fullTxtArea,.childArt .txtArea {
    width: 100%;
    display: block;
    padding: 25px;
}
.txtArea img {
	width: 100%;
	height: auto !important;
}
.appBusiness {
    width: 100%;
    display: block;
}
.more-content.flex {
	display: inherit;
	margin: 20px 0 0;
}
article {
	padding: 0 10px;
	margin-top: 30px;
}
.sec02Txt p {
	height: auto;
}
article.movie {
	margin-top: 30px;
}
article.movie img {
	width: 90%;
}
#sec03 .detailLink img , #sec04 .detailLink img , #sec05 .detailLink img ,#sec06 .detailLink img {
	width: 20px;
}
.secTxt{
	margin: 0px 0px -50px 0px;
	padding: 30px 10px 80px 10px;
}
#sec05 .txtLeft p, #sec06 .txtLeft p {
	min-height: auto;
}
#sec05 .rightImg, #sec06 .rightImg {
	width: 100%;
	display: block;
}
#sec05 .detailLink, #sec06 .detailLink {
	margin: 20px 0 30px !important;
}
#sec06 .largeArticle:first-child .textArea {
	padding-bottom:0;
}
video {
	width: 100% !important;
}
#footer_copyright{
	background: #FFB45A;
	padding: 10px 0;
	margin:30px 0 0;
}
.secTxt p{
	min-height: auto;
}
.noImg{
	margin: 0;
}
#childh1{
	text-align:center;
}
#childh2{
	margin-top: 30px;
}
.contact_disc {
	padding: 0 15px;
}
#detail .textArea {
	margin-bottom: 20px;
}
#detail .innerWrap .largeArticle {
	margin-bottom: 30px;
}
.paragraph {
	display: block;
}
.paragraph .leftTxt {
	padding-right: 0;
    max-width: 100%;
}
.paragraph div img {
	width: 60%;
	margin: 0 auto;
}
.pan {
	margin-left:10px;
}
.kidsMovie video {
	margin-bottom: 5px;
}
.kidsMovie .detailLink a {
    padding: 10px 0;
    width: 100%;
    height: auto;
    line-height: 1.4;
}
.sp-br { display:block; }

.sdgsArea h5 {
	padding: 8px;
	font-size: 18px;
}
.sdgsContent {
	padding: 0 20px 30px;
}
.sdgsArea .floArea .sdgsimg {
	width: 100%;
	margin: 0 auto 10px;
	text-align: center;
}
.sdgsArea .floArea img {
	float: none;
	margin-right: 0;
	display: inline;
}
.sdgsArea .floArea p {
	font-size: 16px;
	margin-bottom: 20px;
}
.sdgsArea ul {
	width: 100%;
	float: none;
}

/* ハンバーガーメニューinner */
#globalMenuSp {
		position: fixed;
		z-index: 4;
		top: 0;
		left: 0;
		color: #000;
		text-align: center;
		transform: translateY(-100%);
		transition: all 0.6s;
		width: 100%;
		padding-top:-100px;
		background: #fff;
		padding: 30px 0 80px;;
	}	
	#globalMenuSp ul {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		display:inherit;
	}	
	#globalMenuSp ul li {
		font-size: 1.1em;
		list-style-type: none;
		padding: 0;
		width: 100%;
		border-bottom: 1px dotted #fff;
		margin-top: 20px;
	}	
	/* 最後はラインを描かない */
	#globalMenuSp ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	#globalMenuSp ul li:hover{
		background: none;
	}	
	#globalMenuSp ul li a {
		display: block;
		color: #fff;
		padding: 1em 0;
		margin: auto;
	}
	#globalMenuSp ul li a span{
		border-bottom: 2px solid #FFB45A;
		padding: 0 5px;
	}	
	/* このクラスを、jQueryで付与・削除する */
	#globalMenuSp.active {
		transform: translateY(0%);
	}	
	/*ハンバーガー用CSS*/
	.navToggle {
		display: block;
		position: fixed;    /* bodyに対しての絶対位置指定 */
		right: 13px;
		top: 12px;
		width: 42px;
		height: 51px;
		cursor: pointer;
		z-index: 5;
		text-align: center;
	}	
	.navToggle span {
		display: block;
		position: absolute;    /* .navToggleに対して */
		width: 30px;
		border-bottom: solid 3px #1A1A1A;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 6px;
	}	
	.navToggle span:nth-child(1) {
		top: 9px;
	}	
	.navToggle span:nth-child(2) {
		top: 18px;
	}	
	.navToggle span:nth-child(3) {
		top: 27px;
	}	
	.navToggle span:nth-child(4) {
		border: none;
		color: #eee;
		font-size: 9px;
		font-weight: bold;
		top: 34px;
	}	
	/*ハンバーガーメニュータップ後CSS*/
	/* 最初のspanをマイナス45度に */
	.navToggle.active span:nth-child(1) {
		top: 18px;
		left: 6px;
		border-bottom: solid 3px rgb(190, 190, 190);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}	
	/* 2番目と3番目のspanを45度に */
	.navToggle.active span:nth-child(2),
	.navToggle.active span:nth-child(3) {
		top: 18px;
		border-bottom: solid 3px rgb(190, 190, 190);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#trademark {
	padding: 15px;
}
/* ========================================================================================================
	フッター部分
======================================================================================================== */
.ly_footer-top {
	display:block;
}

.ly_footer_logo {
	width:calc(332 / 750 * 100%);
	margin: 0 auto calc(56 / 750 * 100%);
}

.ly_footer_icon-list {
	width:calc(230 / 750 * 100%);
	margin: 0 auto 0;
	justify-content: space-between;
}

.ly_footer_icon-list li {margin:0;}
.ly_icon_privacy {width:calc(48 / 230 * 100%);}
.ly_icon_global_compact {width:calc(36 / 230 * 100%);}
.ly_icon_intertek_ukas {width:calc(54 / 230 * 100%);}
.ly_btn_go_top {
	width: calc(100 / 750 * 100%);
	bottom: 0;
}

.ly_inner_footer-bottom {
	display: block;
	padding-top: calc(30 / 750 * 100%);
}

.ly_footer-bottom_navi {
	display: block;
	margin: 0 auto;
	width: calc(600 / 750 * 100%);
}

.ly_footer-bottom_navi li {
	border-bottom:1px solid #CDCDCD;
	padding: calc(30 / 600 * 100%) 0;
}

.ly_footer-bottom_navi a {
	border: none;
	padding: 0;
	display: block;
}

small {
	display: block;
	font-size: 1rem;
	text-align: center;
	padding: calc(30 / 750 * 100%) 0;
}

/* =====================================================================
	ロボシルバーパーク
===================================================================== */
/* 見出し */
#childh2.el_long-headline {
	width: 100%;
	margin: calc(50 / 750 * 100%) auto 0;
}

/* カタログダウンロードボタン */
.bl_col02-box {
	width: calc(100% - 20px);
	display: block;
}
.el_link-item {
	margin-top:calc(40 / 710 * 100%);
}
.el_link-text {
}

.el_bg-orange {background: url(../img/icon_dl.png) calc(100% - 10px) calc(50% - 0px) no-repeat #f79723;}
.el_bg-yellow {background: url(../img/icon_dl.png) calc(100% - 10px) calc(50% - 0px) no-repeat #ffc000;}

/* 介護スタッフ様の声にお答えします。 */
.bl_staff-voice {
	display: block;
}

.el_voice-title {
	display: block;
	width:100%;
	padding:calc(20 / 750 * 100%);
	text-align: center;
}

.el_voice-content {
	padding: calc(20 / 630 * 100%) calc(20 / 630 * 100%) calc(20 / 630 * 100%) calc(60 / 630 * 100%);
}

/* シルバーパーク動画 */
.bl_silver-movie {
	width:100%;
	display: block;
	margin-top:calc(60 / 630 * 100%);
}

.el_img-area {
	width:100%;
}

.bl_movie-area {
	width:100%;
	margin-top:20px;
}

.bl_movie-area .detailLink {
	text-align: center;
	margin-top:20px;
}

.bl_movie-area .detailLink a {
    padding: 8px 15px;
	height: auto;
}

/* 内容詳細 */
h3.el_silver-headline {margin-top:calc(60 / 630 * 100%);}

.el_headline-wrap {
	flex-direction: column;
	background: no-repeat;
	padding-right: 0;
}

.el_headline-wrap .el_link-wrap {margin-top: calc(60 / 630* 100%);}
.el_headline-wrap {
	flex-direction: column;
    background: no-repeat;
}

.bl_content-introduction {
	width:100%;
	box-sizing: border-box;
	padding:0 20px;
	display: block;
	flex-wrap: wrap;
}

.bl_content-item {
	width: 100%;
	margin:calc(200 / 550 * 100%) 0 0;
}

.bl_content-item:nth-of-type(1),
.bl_content-item:nth-of-type(2),
.bl_content-item:nth-of-type(3) {
	margin-top:calc(200 / 550 * 100%);
}

.el_img-introduction {
	top:calc(200 / 550 * -100% / 2);
}

.introduction-title {
	margin-top:calc(40 / 630 * 100%);
}

.introduction-content {
	margin-top:calc(40 / 630 * 100%);
}
.anchor {
	display: block;
	margin-bottom: 60px;
}
.anchor li:first-child {
	margin-right: 0;
	margin-bottom: 10px;
}
#silverl {
	padding-top: 140px;
}
.silverlTxt {
	margin-top: 30px;
}

}