@charset "utf-8";
html{
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
body{
    background:#fff;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	color: #000;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
font-feature-settings: "palt";/*文字詰め*/
}

body.appear{
    background:#fff;
}

a{
color:#000;
}

a:hover,a:active{
color:#cc3300;
}

*{
    box-sizing: border-box
}


.inner{
    margin:0 auto;
}
.inner2{
    margin:0 auto;
padding:20px;
}

/* area */

#container{
position:relative;
display:block;
top:100px;
padding-bottom:50px;
}


/*Header company name*/
.companyname{
position:fixed;
right:20px;
top:20px;
z-index:9999;
font-size:1rem;
font-weight:bold;
}

/*Header TELEPHONE NUMBER*/
.telephone{
position:fixed;
right:20px;
top:40px;
z-index:9999;
font-size:1.5rem;
font-weight:bold;
}

/*--
.button {
position:fixed;
right:20px;
top:15px;
z-index:9999;
  display: inline-block;
  width: 120px;
  height: 35px;
  text-align: center;
border-radius:10px;
font-size:1rem;
  line-height: 35px;
  outline: none;
 background-color: #cc3300;
  color: #fff;
}
.button a:hover {
color:#fff;
background-color: #cc3300;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
--*/

/*--======TOP company Logo======--*/
.logo{
position:fixed;
display: block;
left:0;
top:0;
padding-left:10px;
background-color:#fff;
width:2000px;
height:100px;
z-index:1000;
}


/*=======タイトル==========*/
.titlecenter{
margin:0 auto;
text-align:center;
font-size:1.4rem;
color:#cc3300;

}


/*--==========DetailPROT=================--*/

#inqform div{
font-size:1rem;
line-height:1.4;
text-align:left;
}
#inqform span{
color:red;
}

/*--
#depro{
position:relative;
display:block;
width:80%;
margin-left:auto;
margin-right:auto;
font-size:1rem;
line-height:1.4;
text-align:left;
}


.areadetail3{
width:100%;
padding:5px;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1rem;
line-height:1.3;
}
table th {
  width: 22%;
  background: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
}
table td {
  background: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: top;
  text-align: left;
}
-->
/*--=====Flexbox Catalogue=======--*/
.flexcatalog1{
width:70%;
display:block;
margin-left:auto;
margin-right:auto;
padding-top:30px;
}
.flexcatalog-item1{
width:100%;
background-color:#cc3300;
border-radius:10px;
padding:20px;
text-align:center;
}
.flexcatalog-item1 a{
color:#fff;
text-decoration:none;
font-weight:bold;
}
.flexcatalog-item1:hover,
.flexcatalog-item1:active{
background-color:#ff0033;
}


/*--=====Flexbox Catalogue2 ２列=======--*/
.flexcatalog2{
width:100%;
display:flex;
flex-wrap:wrap;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}
.flexcatalog-item2{
width:30%;
background-color:#cc3300;
border-radius:10px;
padding:10px;
margin:5px;
text-align:center;
}
.flexcatalog-item2 a{
color:#fff;
text-decoration:none;
text-align:center;
}
.flexcatalog-item2:hover,
.flexcatalog-item2:active{
background-color:#ff3300;
}

.emp{
padding-bottom:100px;
}

.emp2{
padding-bottom:20px;
}

/*--============PAGE-TOP Button=======--*/
#page-top{
position:fixed;
z-index:999;
bottom:0;
right:0;
background:#333;
min-width:30px;
min-height:30px;
text-align:center;
color:#fff;
border-radius:20%;
bottom:5%;
right:15px;
}

/*--========FOTTER=========--*/
#footer{
position:fixed;
left:0;
bottom:0;
width:100%;
height:50px;
padding:10px;
background:#cc3300;
text-align:center;
}

#footer span{
color:#fff;
font-size:0.8rem;
}