@charset "UTF-8";
/* CSS Document */

.for-pc { display:block; }
.for-sp { display:none; }

@media only screen and (max-width : 480px) {

.for-pc { display:none; }
.for-sp { display:block; }


#logo-sp {
  display: flex;
  height: 90px;
  width: 100%;
  align-items: end;
  justify-content: center;
}

#logo-sp img {
  width: 100%;
}

#content {
width: 100%;
}

#content-inner {
margin: 0 20px;
}

#menu-box {
}

#menu-box .box {
  width: 50%;
}

#menu-box .box01 {
  width: 100%
}

#products #menu-box h2 {
  font-size: 1.4rem;
}

#products #menu-box p a {
  font-size: 1.1rem;
}

#breadcrumbs {
margin: 20px;
  line-height: 1em;
}

#ucf_sp {
  width: 100%;
  margin: 20px auto;
  border-top: 1px solid #ccc;
}

#ucf_sp img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
}

#ucf_sp p {
  font-size: 1.3rem;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0 40px 20px;
}

img.shoujyo{
  padding: 0 40px;
}

#content {
  border-left: none;
}

#bottom {
  margin-bottom: 120px;
}

#bottom-li ul {
  padding: 0 20px;
  font-size: 1.2rem;
  flex-wrap: wrap;
  line-height: 1.8;
  justify-content: center;
}

#copyright p {
  font-size: 1.3rem;
  text-align: center;
}

#pagetop_pc {
  display: none;
}

#pagetop_sp {
  width: 25px;
  height: 25px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 10;
  margin-right: 5px;
  margin-bottom: 60px;
}

#pagetop_sp a {
  width: 25px;
  height: 25px;
  text-decoration: none;
}

#pagetop_sp a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  content: "\f0aa";
  font-size: 25px;
  color: #32B919;
}

.footer-fixed {
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #32b919;
  z-index: 10;
}

ul.footer-icon {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

ul.footer-icon li {
  padding: 15px 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-left: 2px solid #fff;
}

ul.footer-icon li:first-child {
  border-left: none;
}

.footer-icon a, .footer-icon span {
  display: inline-flex;
  align-items: center;
}

.footer-icon a,
.footer-icon a:visited
 {
  color: #fff;
  text-decoration: none;
}

.footer-icon a:hover,
.footer-icon a:active
 {
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.footer-icon i {
  display: inline-flex;
  font-size: 2rem;
  padding-right: 5px;
}

/* each page ------ */

/* top */

.top-slide {
  width: 100%;
  height: 200px;
}

#top-main {
  flex-wrap: wrap;
}

#top-left, #top-right {
  width: 100%;
  margin: 10px 20px;
}

#top-news {
  height: 250px;
}

/* news */

#news {
  padding: 10px 0;
}

#news-list {
  padding: 10px 20px;
  width: 100%;
  height: 360px;
  overflow: auto;
  border: 1px solid #ccc;
}

#news-list dl {
  flex-direction: column;
}

#news-list dt {
  width: 100%;
}

#news-list dd {
  width: 100%;
}

/* company-info */

#company-info {
  padding: 10px 0 0;
}

/* company-info/message */

#message {
  padding: 20px;
  margin: 20px 0 10px;
}

/* company-profile */

#company-profile {
  margin: 20px 0 10px;
}

#company-profile th {
  width: 100%;
  display: block;
}

#company-profile td {
  width: 100%;
  display: block;
  border-top: none;
}

#company-profile td span {
  font-size: 1.2rem;
}

/* membership */

#partners {
  margin: 20px 0 10px;
}

/* membership */

#membership {
  margin: 20px 0 10px;
}

/* location */
#location {
  margin: 20px 0 10px;
}

.map-iframe {
  height: 300px;
}
/* contact-info */

#contact-info {
  margin: 20px 0 10px;
}

.contact-info {
  padding: 20px;
}

.contact-info dl {
  flex-wrap: wrap;
}

.contact-info dt {
  width: 100%;
}

.contact-info dd {
  width: 100%;
}

.contact-info dd span {
font-size: 1.2rem;
}

/* business-lines */

#business-lines {
  padding: 10px 0 0;
}

/* business-lines/business-info */

#business-info {
  margin: 20px 0 10px;
  padding: 10px 20px 30px;
}

/* #catalog */

#catalog {
  padding: 10px 0;
}

#exhibition
{
  padding: 10px 0;
}

#exhibition-list {
  padding: 20px 20px 30px;
}

#exhibition-list dl {
  flex-wrap: wrap;
}

#exhibition-list dt {
  width: 100%;
}

#exhibition-list dd {
  width: 100%;
}

/* products */

#products {
  padding: 10px 0;
}

/* products common */

.products .for-sp table {
  font-size: 1rem;
}

/* deckslope */

#deckslope {
  padding: 10px 0;
}

#deckslope dt {
  width: 15%;
}

#deckslope dd {
  width: 85%;
}

/* sunokochouseikun */

#sunokochouseikun {
  padding: 10px 0;
}

/* setting */

#setting {
  padding: 0 0 10px;
}

/* adjusting */
#adjusting {
  padding: 0 0 10px;
}

/* cases */

#cases {
  padding: 0 0 10px;
}

.cases-box-titles,
.cases-box-title,
.cases-box-title_l,
.cases-box-title_x {
	font-size: 1.2rem !important;
}

.cases-box-sentences,
.cases-box-sentence {
	font-size: 1.1rem !important;
}

.cases-box-sentence_l {
	font-size: 1.1rem !important;
}

/* barrier-free-stools */

#barrier-free-stools {
  padding: 0 0 10px;
}

/* two-stage */

#two-stage {
  padding: 10px 0;
}

/* two-stage-01 */

#two-stage-01 {
  padding: 10px 0;
}

/* two-stage-02 */

#two-stage-02 {
  padding: 10px 0;
}

/* one-stage */

#one-stage {
  padding: 10px 0;
}

/* one-stage-01 */

#one-stage-01 {
  padding: 10px 0;
}

/* one-stage-02 */

#tone-stage-02 {
  padding: 10px 0;
}

/* wood */

#wood {
  padding: 40px 0 10px;
}

/* fix */

#fix {
  padding: 10px 0;
}

/* deckchouseikun */

#deckchouseikun {
  padding: 0 0 10px;
}

/* chouseikun-series */

#chouseikun-series {
  padding: 0 0 10px;
}

/* bath-units */

#bath-units {
  padding: 10px 0;
}

/* bathtub-support */

#bathtub-support {
  padding: 10px 0;
}

/* entrance-stool */

#entrance-stool {
  padding: 10px 0;
}

/* toilet-support */

#toilet-support {
  padding: 10px 0;
}

/* three-step-stool */

#three-step-stool {
  padding: 10px 0;
}

/* handrailfixed */

#handrailfixed
{
  padding: 10px 0;
}




/* tasuke */

#tasuke {
  padding: 10px 0;
}

/* questions */

#questions{
  padding: 10px 0;
}

/* contact */

#contact {
  padding: 10px 0;
  flex-wrap: wrap;
}

#contact-form {
  width: 100%;
  margin: 0;
}

#contact-policy {
  width: 100%;
  margin-top: 60px;
}

/* contact-form */

.form-name {
  width: 300px;
}

.form-tel {
  width: 300px;
}

.form-mail {
  width: 100%;
}

.form-clip {
  width: 100%;
}

.form-message {
  width: 100%;
  height: 250px;
}

/* conf */

#conf,
#error,
#err1,
#err2 {
  margin: 20px 0 10px;
  text-align: center;
}

#conf-inner th,
#error-inner th,
#err1-inner th,
#err2-inner th {
  width: 100%;
  display: block;
}

#conf-inner td,
#error-inner td,
#err1-inner td,
#err2-inner td {
  width: 100%;
  display: block;
  border-top: none;
}

.button01 {
  font-size: 1.35rem;
}

/* thanks */

#thanks
{
margin: 20px 0 10px;
}

/* perchase */

#perchase {
  padding: 10px 0;
}

.catalog {
  flex-direction: column-reverse;
}

.catalogs-web {
  margin: 20px auto 0;
  width: 100%;
}

.catalogs-web img {
  max-width: 100%;
}

.catalogs {
  width: 100%;
}

/* links */

#links {
  padding: 10px 0;
}

.link {
  flex-direction: column-reverse;
}

.link-web {
  margin: 20px auto 0;
  width: 100%;
}

.link-web img {
  max-width: 100%;
}

.links {
  width: 100%;
}

/* sitemap */

#sitemap {
  padding: 0 10px 10px;
}

/* common page elements classes */

.youtube-box {
	padding:20px 10px;
}


/* end */
}