.forPC{ display: none !important;}
.forSP{ display: block !important;}

body{ background-image: url(https://www.arcsystemworks.jp/lor/images/bg01.png), url(https://www.arcsystemworks.jp/lor/images/bg02.png); background-size: 130px, 130px;}
.last-con{ background-image: url(https://www.arcsystemworks.jp/lor/images/bg03.png), url(https://www.arcsystemworks.jp/lor/images/bg04.png); background-size: 130px, 130px;}
.htitle h2{ font-size: 28px;}
.htitle h2::before{ width: 90px; left: -90px;}
.htitle h2::after{ width: 90px; right: -90px;}
.htitle h2 span{ font-size: 40px;}
a.btn-more{ max-width: 275px;}
@media screen and (max-width:475px){
	a.btn-more{ max-width: 225px;}
}

/* header */
header{ height: 50px; position: fixed;}
header .wrapper{ height: auto;}
header .wrapper #language{ max-width: 134px;}
header .wrapper #language > li{ margin-right: 0;}
header .btn{ display: block; top: 14px; right: 10px; width: 67px; height: 73px; background-image: url(https://www.arcsystemworks.jp/lor/images/sp-nav.png); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
header .btn-line, header .btn-line::before, header .btn-line::after{ display: none;}
header .menu{ display: flex; flex-direction: column; position: fixed; right: -70%; width: 100%; max-width: 220px; height: 100vh; color: #efefef; transition: .3s; background-color: rgba(0, 0, 0, 0.9); padding: 90px 10px 0; box-sizing: border-box;}
header .menu .menu-list{ height: auto; border-bottom: 1px solid #edc080; padding: 20px 4px; box-sizing: border-box;}
/*header .menu .menu-list:last-child{ border-bottom: 0px none;}*/
header .menu .menu-list a{ text-align: left; display: block; font-size: 16px;}
header .menu .menu-list a::after{ display: none;}
header .menu .menu-last{ margin-top: 10px; height: 84px; max-width: 100%; margin-right: 0;}
header.fixed{ background-color: transparent; height: 0;}

/* character */
.character{ padding: 40px 20px;}

/* footer */
footer{ padding-bottom: 90px;}
footer #pageTop{ width: 41px; top: -40px;}
footer #pageTop img{ max-width: 15px; margin-top: 5px;}
footer .footer-wrapper.flex{ margin: 20px auto; display: block;}
footer .footer-wrapper.flex ul.logo{ justify-content: space-around; width: 100%; max-width: 400px; margin: auto auto;}
footer .footer-wrapper.flex ul.logo li.arc{ margin: 0 5px;}
footer .footer-wrapper.flex ul.logo li:nth-child(n+2){ margin: 0 5px;}
footer .footer-wrapper.flex ul.logo li{ width: 100%; max-width: 80px;}
footer .footer-wrapper.flex ul.logo li.arc{ width: 100%; max-width: 60px;}
footer .footer-wrapper.flex .btn-box{ margin: 10px auto auto;}
footer .footer-wrapper.flex .btn-box > ul.information-btn{ justify-content: center;}
footer .footer-wrapper.flex .btn-box > ul.information-btn > li{ max-width: 130px;}
footer .footer-wrapper.flex .btn-box > ul.information-btn > li:nth-child(2){ margin-left: 10px;}
footer .footer-wrapper.flex .btn-box > ul.information-btn > li > a{ font-size: 12px;}
footer .footer-wrapper.flex .btn-box > ul.sns-btn{ justify-content: center;}
footer .footer-wrapper.flex .btn-box > ul.sns-btn li.sns{ width: 45px;}
footer .footer-wrapper{ margin-top: 20px;}
footer .footer-wrapper p{ font-size: 12px;}
footer .footer-wrapper p .ps-logo01{ width: 14px; height: 9px;}
footer .footer-wrapper p .ps-logo02{ width: 41px; height: 9px;}
#pagefix{ max-width: 140px;}


/* about */
.about{ padding: 40px 20px 90px; overflow: hidden;}
.about .obi01{ bottom: 0; background-color: #161519;}
.about .about-wrapper .box{ margin-top: 20px;}
.about .about-wrapper .box{ max-width: 506px;}
.about .about-wrapper .box .bg02 .img-text{ width: 90%;}
.about .about-wrapper .box .bg02 .img-text .txt{ width: 100%; max-width: 320px;}
.about .about-wrapper .box .bg02 .img-text p{ font-size: 14px; line-height: 2.4;}
.about .about-wrapper .box .bg02 .img-text a.btn-more{ margin-top: 10px;}
@media screen and (max-width:475px){
	.about .about-wrapper .box .bg02 .img-text .txt{ max-width: 310px;}
	.about .about-wrapper .box .bg02 .img-text img:nth-child(2){ width: 120px;}
	.about .about-wrapper .box .bg02 .img-text p{ line-height: 2;}
}
@media screen and (max-width:410px){
	.about .about-wrapper .box .bg02 .img-text img:nth-child(2){ width: 80px; display: block; margin: -10px auto 0;}
	.about .about-wrapper .box .bg02 .img-text p{ line-height: 2;}
}
@media screen and (max-width:380px){
	.about .about-wrapper .box .bg02 .img-text p{ font-size: 12px; line-height: 2;}
}

/* products */
.products{ padding: 40px 20px;}
.products .products-wrapper .products-box{ margin: 20px auto auto; display: block;}
.products .products-wrapper .images-box{ max-width: 265px; margin: auto;}
.products .products-wrapper .text-box{ margin: 20px auto 0; padding: 0 0; box-sizing: border-box;}
.products .products-wrapper .text-box table tr th{ width: 103px; font-size: 12px; padding: 10px;}
.products .products-wrapper .text-box table tr td{ width: calc(100% - 103px); font-size: 12px; font-weight: normal; padding: 10px;}
.products .products-wrapper .links-box{ margin-top: 20px;}
.products .products-wrapper .links-box a{ width: 100%; max-width: 275px; display: block; margin: auto;}
.products .products-wrapper .links-box a img{ display: block; width: 100%;}
@media screen and (max-width:475px){
	.products .products-wrapper .links-box a{ max-width: 225px;}
}