@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:100%;
    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-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%;
}

}/*[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;
}


/*----------------------------------------------------
    ▼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%;
}

}/*[eof]*/