@charset "UTF-8";

@media print, screen and (max-width: 1599px) {

img{
  border:0px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

/*----------------------------------------------------
  ▼Navi
----------------------------------------------------*/
#Header-PC{
  display: none;
}

#Header-SMT{
  display: flex;
  width: 100%;
  height: 80px;
  background-color: white;
}

.Logo-SMT {
  display: flex;
  align-items: center;
  margin-left:3px;
}

#Navi3 {
  width: 200px;
  margin-top: 15px;
}

#Navi3 ul {
  height: 50px;
  display: flex;
  margin: 0 !important;
}

.SMT2{
  display: none !important;
}


@media print, screen and (max-width: 550px) {
.SMT1{
  display: none !important;
}

.SMT2{
  display: flex !important;
}
}

#Navi1{
  margin: 0 0 0 auto;
  z-index: 3;
}

#acMenu{
  margin: 0 !important;
}

#acMenu dt{
  display:block;
  width:80px;
  height:80px;
  line-height:80px;
  text-align:center;
  cursor:pointer;
  background-color: black;
  color: white;
}

#acMenu dd{
  width:100%;
  height:50px;
  line-height:50px;
  text-align:center;
  border:#666 1px solid;
  display:none;
  color: white;
  position: absolute;
  right: -1px;
}

#acMenu ul,#acMenu dt{
  margin: 0 !important;
}

#Navi1 li {
   margin-right: 0px;
  background: black;
  border-bottom: 1px solid #5C5C5C;
}

#Navi1 li a{
  color: white;
  display: block;
}

}/*[1599eof]*/


@media print, screen and (max-width: 1199px) {

/*----------------------------------------------------
  ▼Top page
----------------------------------------------------*/
h2{
  width: 85%;
}

#Section1{
  width: 100%;
}

.Section1-Navi1 li{
  width: 48%;
}


.Section1-Navi-Wrapper2{
  width: 85%;
}

.Section1-Navi1{
  margin: 0 auto 20px;
}

.Section1-Navi2,.Section1-Navi3{
  width: 40%;
}


#Section2{
  height: auto;
  background-image:none;
}

#Section2 h2 span {
  background-color: white;
}



.Section2-PC{
  display: none;
}

.Section2-SMT{
  display: block;
}

.Section2-SMT ul{
  margin: 0 !important
}

.Section2-SMT .tab{
  width: 100%;
}

.Section2-SMT .tab li{
  width: 100%;
  height: auto;
  line-height: inherit;
}

.content{
  width: 100%;
}

.content-SMT-inul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

div.content-SMT-inul > div {
  width: 100%;
  margin-bottom: 10px;
}

.slides {
  margin: 0 !important;
}

.Section3-Button ul{
  display: block;
  height: auto;
}

.Section3-Button li{
  width: 100%;
  height: auto;
}

.Section3-PC{
  display: none;
}

.Section3-SMT{
  display: block;
}



#Section4{
  margin-top: 50px;
  overflow: hidden;
}

.Section4-Wrapper{
  width: 100%;
  display: block;
}

.Section4-Left{
  width: 100%;
  display: flex;
  justify-content: center;
  height: 50px;
  line-height: 50px;
}

.Section4-Left-Button{
  width: 8em;
  margin: 10px 0 0 15px;
  height: 15px;
  line-height: 15px;
}

.Section4-Right dt{
  padding: 0;
}

.mark{
  float: none;
  padding: 0;
  margin: 10px 10px 10px 8em;
}

.text{
  padding: 0 10px 10px 0;
  margin: 0 0 20px 0;
}

.Footer1-Wrapper{
  width: 100%;
  display: block;
  text-align: center;
    padding: 20px 0;
  padding-left:0px;
}

.Footer1-Navi1,.Footer1-Navi2, .Footer1-Navi3{
  width: auto;
  margin: 0 auto;
  border:none;
  padding: 10px 0;
}

.Footer1-Navi1 ul,.Footer1-Navi2 ul,.Footer1-Navi3 ul {
  display: none;
}

.Footer1-Navi4 {
    width:100%;
    position:relative;
    margin-left: 0px;
    padding: 10px;
    margin-top: -20px;
}
.Footer1-Navi4 p{
    position:relative;
}
.Footer1-Navi4 img{
    width:70px;
}

.h3-center{
  margin: 1.5em 0;
}

.Footer2-Wrapper{
  width: 100%;
    height:auto;
    padding-top:20px;
    padding-bottom:20px;
}

.Footer2-Navi{
  width: 100%;
  float: none;
}

.Footer2-Navi ul{
  display: block;
  margin: 0 auto;
}

.Footer2-Navi li{
  width: 100%;
  border:none;
  margin: 10px 10px 10px 0px;
}

.Footer2-Navi p{
  margin: 0;
}

.Footer2-Logo{
  width: 100%;
  float: none;
}
.Footer3-Wrapper{
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px 0;
    padding-left:0px;
    font-size:14px;
}

.logo{
  max-width:95%;
  margin:0 auto 0 auto;
}

/*----------------------------------------------------
  ▼Contents page products
----------------------------------------------------*/
#Section1 h2, #Section2 h2, #Section3 h2,.Section1-Navi1,
#history-Section1,#history-Section1 ul,#history-Section1 li,.bgImage-Box-indl,.bgImage-Box-indl2 dd,.bgImage-Box p,
#csr-Section1,#csr-bottom,#environment-Section1,#environment-Section2,#environment-Section3,#environment-Section4,.environment-Section4-Box p,
#social-Section1,.social-Section1-Box,#social-Section2,
#corporate-bottom li,#company-Section1,#company-Section1 dt,#company-Section1 dd,#corporate_governance-Section1 li,
#message-Section1,#philosophy-Section1,#officers-Section1 dt,#officers-Section1 dd,
#group_list-Section1,#group_list-Section1 dt,#group_list-Section1 dd,
#corporate_governance-Section1,#corporate_governance-Section2,#mplan-Section1,
#group-Section1,#group-Section2,#group-Section3,.group-Section1-Wrapper p,.group-Section3-dl dt,.group-Section3-dl dd,
#access-Section1,#access-Section2,#access-Section2 dt,#access-Section2 dd,#access-Section2 dt + dd,#access-Section2 dt + dd + dd + dd,
#organization-Section1,#organization-Section2,.organization-Section2-Right dd,
#address-Section1,#address-Section1 dt,#address-Section1 dd,#movie-Section1,#movie-Section2,.movie-Section1-panfu,#history-clum-Section1,
#branch-Section1,#branch-Section2,#branch-Section3,
#news-Section1,#news-Section2,#inquiry-Section1,#inquiry_table dt,#inquiry_table dd,#products-index,
.products-Section1-Box table,.philosophy-Section3-Wrapper p
{
  width: auto !important;
  word-break:normal;
}


.Contents-H1 h1,.Contents-H2 h2,.Breadcrumbs-Wrapper,h3,h4,dl,ul,
#products-Section1 h3,#products-Section2 h3,.products-H1 h1,.products-H2 h2,#products-Section1,#products-Section2,.products-Section1-Box p,#productslist-Section1,
#corporate-Section1,#corporate-bottom,#philosophy-Section2,#philosophy-Section3,#officers-Section1,#mpaln-Section1
{
  width: auto !important;
  margin: 0 25px;
}

.Contents-H1 h1{
  font-size: 20px;
  height: auto;
  line-height: 35px;
}

.Contents-H2 h2 {
    font-size: 20px;
    height: auto;
    line-height: 35px;
}

.products-Section1-Box{
  display: block;
}

.products-Section1-Box p{
  margin: 0 25px;
}

.products-index-PC,.products-index2-PC{
  display: none;
}

.products-index-SMT,.products-index2-SMT{
  display: block;
}

.products-index-SMT ul,.products-index2-SMT ul{
  margin: 0 !important;
}

.products-index-SMT li,.products-index2-SMT li{
  margin-bottom: 10px;

}

.products-index-Head{
  display: inherit;
  margin-right: 0;
}

.products-index-Button{
  width: auto;
}

.products-index1-Button-Left,.products-index1-Button-Right,.products-index2-Button-Left,.products-index2-Button-Right{
  border-radius: 0 !important;
  line-height: inherit;
}

.products-index1-Button-Left, .products-index1-Button-Right, .products-index2-Button-Left, .products-index2-Button-Right{
  width: 50%;
}

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

.products-Section2-Box1{
  justify-content: inherit;
  margin: 0 25px !important;
}

.products-Section2-Box1 dl{
  width: 33%;
}

.products-Section2-Box1 dd{
  width: 220px;
}

.products-Section2-Box1 dl:nth-child(5n+4):last-child{
  margin-right: 0;
}

.products-Section2-Box2 li{
  text-indent: -1.5em;
}

}/*[979eof]*/


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

.products-Section2-Box1 dl{
  width: 50%;
  margin: 0 auto 50px 0;
}



}/*[749eof]*/


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

.products-Section2-Box1 dl{
  width: auto;
  margin: 0 auto 50px !important;
}


.products-Section2-Box2 ul{
  margin: 0 auto;
}

.products-Section2-Box2 li{
  width: 100%;
}
.product_titanium_name {
  font-size: 90% !important;
}

}/*[491eof]*/


.productslist-Section1-Box{
  display: block;
}

.productslist-Section1-inBox{
  display: block;
  width: auto;
}
.productslist-Section2-inBox{
    display: block;
    width: auto;
}
.productslist-Section3-inBox{
    display: block;
    width: auto;
}
.productslist-img{
    margin-top:20px !important;
    margin-left:20px;
    margin-right:0px;
    height: auto !important;
    display: initial;
}
.productslist-img2{
    margin-top:20px !important;
    margin-left:20px !important;
    height: auto !important;
    display: initial;
}
.productslist-img3{
    margin-top:30px !important;
    margin-left:20px !important;
    height: auto !important;
    width: auto !important;
    display: initial;
}
.productslist-img4{
    margin-top:30px !important;
    margin-left:20px !important;
    width: 80%;
    display: initial;
}
.productslist-img5{
    margin-top:30px !important;
    margin-left:20px !important;
    margin-right:20px !important;
    width: 80% !important;
    height: 80% !important;
    display: initial;
}
.productslist-img6{
    margin-top:30px !important;
    margin-left:20px !important;
    width: 90% !important;
    height: 90% !important;
    display: initial;
}
.productslist-img7{
    margin-top:30px !important;
    margin-left:20px !important;
    margin-right:20px !important;
    width: 80% !important;
    height: auto !important;
    display: initial;
}
.productslist-img8{
    margin-top:30px !important;
    margin-left:20px !important;
    width: 80% !important;
    height: auto !important;
    display: initial;
}

/*----------------------------------------------------
  ▼Contents page history
----------------------------------------------------*/
#history-Section1 ul,.bgImage-Box ul,.environment-Section4-Box,.csr-rescure,#csr-bottom ul,.csr-rescure li{
  display: block;
  margin: 0 !important;
}

.Contents-H2 h2{
  width: auto;
  height: auto;
  padding: 1em 25px;
  margin: 0px;
}
.Contents-H2-pc {
  display: none !important;
}
.Contents-H2-smt {
  display: flex !important;
}

.active{
  position: inherit;
  display: block;
}

.bgImage-Box{
  width: auto;
  margin: 0 auto;
}

.bgImage-Box-indl dt{
  text-align: center;
}


.history-Section1-li01:before,.history-Section1-li02:before,.history-Section1-li03:before,.history-Section1-li04:before {
  border: inherit;
  border-top: inherit;
}

#history-Section1 h3{
  margin-bottom: -30px !important;
}

#csr-bottom li{
  margin-bottom: 20px;
}

.social-Section1-container{
  display: block;
  margin: 0 auto
}


/*----------------------------------------------------
  ▼Contents page corporate
----------------------------------------------------*/
#corporate-bottom ul,.corporate-Section1-ul3,.company-Section1-wrapper,#company-Section1 dl,#corporate_governance-Section1 ul,
.philosophy-Section2-Wrapper,.philosophy-Section3-Wrapper,#officers-Section1 dl,
#group_list-Section1 dl,#group_list-Section1 span a,.movie-Section1-panfu,.movie-Section1-panfu p,
.group-Section1-Wrapper,.group-Section3-dl,.group-Section3-dl span a,.access-Section1-Wrapper,#access-Section2 dl,
.organization-Section2-Wrapper,#address-Section1 dl,#movie-Section1 ul,
#branch-Section3 span a,#inquiry_table
{
  display: block;
}

.last{
  border:none;
}

#corporate-bottom li{
  margin-bottom: 10px;
}

.corporate-Section1-ul2 li{
  width: 48%;
  margin-bottom: 10px;
}

.corporate-Section1-ul3 li{
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
}

.corporate-Section1-ul3,#philosophy-Section2,#philosophy-Section3{
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

#officers-Section1 dl,#group_list-Section1 dl,
#corporate_governance-Section2 dl,.group-Section3-dl,.access-Section1-Wrapper dl,#access-Section2 dl,#address-Section1 dl,#movie-Section1 ul,#mplan-Section1
{
  margin-bottom: 50px !important;
}

.corporate-Section1-ul3 li{
  margin-bottom: 0;
}

#corporate-Section1{
  display: none;
}

#corporate-Section2{
  display: block;
  margin-top: 0px !important;
}

.corporate-Section2-ul1 {
  margin: 0 !important;
}

.corporate-Section2-ul1 li{
  margin-bottom: 10px;
}

.company-Section1-Box {
  margin: 50px 0;
}

#message-Section1 p{
  margin: 30px 25px;
}

.sign p{
  margin: 1em 0 0;
}

#philosophy-Section1 p{
  margin: 25px;
}

.philosophy-Section2-Wrapper{
  margin: 50px auto;
}

.philosophy-Section2-Box{
  width: auto;
  margin-top: 50px;
}

.philosophy-Section2-Wrapper ul{
  margin-top: 1em;
}

.philosophy-Section2-Box-h{
  height: auto;
}

.philosophy-Section2-Box-h h5{
  padding-left: 0 !important;
  line-height: inherit;
}

.philosophy-Section2-Box-h img{
  display: none;
}

.emp{
  display: none;
}

#group_list-Section1 dt,#access-Section2 dt{
  background-color: #E5E5E5
}

#group_list-Section1 span,.group-Section3-dl span{
  display: inline-block;
  width: 100%;
  text-align: center;
}

.organization-Section2-Right-dt2{
  display: none;
}

.organization-Section2-Wrapper br{
  display: none;
}



#movie-Section1 li{
  text-align: center;
}

@media screen and (max-width: 799px) {
  iframe.movie1{
    width: 370px;
    height: 277.5px;
  }
}

.movie-Section1-panfu p{
  text-align: center;
}

#corporate_governance-Section1 p + img + p {
  margin: 2em 1em;
}

#corporate_governance-Section1 li{
  margin-bottom: 10px;
}

.li01-span{
  right: 10% !important;
}


.mplan-Section1-Box{
  display: block;
}

#mplan-Section1 p{
  display: block;
  text-align: center;
}

#mplan-Section1 p + p{
  margin-left: 0;
}
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.library_pdf {
  width:auto;
  font-size:12px;
}
.library_pdf a{
  font-size:12px;
}
/*----------------------------------------------------
  ▼Contents page branch
----------------------------------------------------*/
/*@media screen and (max-width: 679px) {
  #branch-Section1 img{
  display: none;
  }
}*/


#branch-Section3 dd{
  widows: auto;
  float: none;
}

#branch-Section3 dd + dd{
  width: auto;
}

#branch-Section3 span{
  display: block;
  text-align: center;
}

.wid80{
  width: 100%;
}

#company-Section1 dt:nth-child(17) {
    border-bottom: 0px;
}

.productslist-Section1-inBox-img {
    margin: 0px;
}
.productslist-Section1-Box img {
    width: 85%;
}
.library_movie2 iframe {
    width: 100% !important;
}
}/*[eof]*/