@charset "UTF-8";

@media screen and (max-width: 1023px) {
#breadCrumb h1:before {
background:url(../../img/company/common/bread_icon_company.png) no-repeat 0 0/52px auto
}

.company #content {
box-sizing:border-box;
padding:0 10px
}

.company .conteInr .w960 {
margin-top:40px!important;
padding-bottom:30px!important;
width:100%
}

.company .conteInr .w960 h3 {
float:none;
margin:0 0 20px;
text-align:center;
width:100%
}

.company .conteInr .w960 p {
box-sizing:border-box;
float:none;
margin-top:0;
padding:0 10px;
width:100%
}

.loopSlider {
height:160px;
margin:0 -10px
}

.loopSlider img {
height:160px;
max-width:100%
}

.company .catNav {
margin-bottom:30px;
margin-top:30px
}

.company .catNav li {
float:none;
margin-bottom:10px;
text-align:center
}

.company .catNav li img {
height:auto;
max-width:75%
}

.history {
background:url(../../img/sp/company/bg_history_L.jpg) repeat-y left top,url(../../img/sp/company/bg_history_R.jpg) repeat-y right top,url(../../img/sp/company/bg_history_B.jpg) repeat-x center bottom,url(../../img/sp/company/bg_history.jpg) repeat-x center top;
height:auto;
margin:0 10px 20px;
padding:15px 0;
position:relative
}

.history::before {
background:url(../../img/sp/company/bg_history_LT.jpg) no-repeat left top,url(../../img/sp/company/bg_history_RT.jpg) no-repeat right top;
content:'';
display:block;
height:20px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:2
}

.history::after {
background:url(../../img/sp/company/bg_history_LB.jpg) no-repeat left bottom,url(../../img/sp/company/bg_history_RB.jpg) no-repeat right bottom;
bottom:0;
content:'';
display:block;
height:20px;
left:0;
position:absolute;
visibility:visible;
width:100%;
z-index:3
}

.history1 #catImg h2 img,.history2 #catImg h2 img,.history3 #catImg h2 img {
display:block;
margin-left:auto;
margin-right:auto;
max-width:100%!important
}

.history h4 {
float:none;
margin:0;
text-align:center
}

.history h4 img {
height:auto;
max-width:90%
}

.history ul {
float:none;
float:none;
text-align:center;
text-align:center
}

.history li {
float:none;
float:none
}

.history_bottom {
margin-bottom:30px;
padding:30px 20px 20px
}

.history_bottom li {
display:block;
margin-bottom:10px;
width:100%
}

.history_bottom li img {
height:auto;
width:80%
}

.history1 .sp-img,.history2 .sp-img,.history3 .sp-img {
text-align:center
}

.history1 .sp-img img,.history2 .sp-img img,.history3 .sp-img img {
height:auto;
max-width:80%
}

.history1 .sp-img.sml img,.history2 .sp-img.sml img,.history3 .sp-img.sml img {
max-width:60%;
width:auto
}

.history1 .sp-img.mrg,.history2 .sp-img.mrg,.history3 .sp-img.mrg {
margin-top:20px
}

.history1 .sp-txt,.history2 .sp-txt,.history3 .sp-txt {
color:#5b322e;
font-size:14px;
font-weight:700;
margin:20px 0!important
}

.history1 #breadCrumb h1,.history2 #breadCrumb h1,.history3 #breadCrumb h1 {
left:10px
}

.history1 #catImg,.history2 #catImg,.history3 #catImg {
background:none;
margin-top:0;
position:relative;
z-index:0
}

.history1 #catImg ul,.history2 #catImg ul,.history3 #catImg ul {
height:auto;
left:0;
margin:-80px 8px 0 10px;
position:relative;
width:calc(100% - 10px)
}

.history1 #catImg ul li,.history2 #catImg ul li,.history3 #catImg ul li {
float:left;
margin-right:2px;
margin-top:0;
width:calc((100% - 14px) / 3)
}

.history1 #catImg ul li img:first-child,.history2 #catImg ul li img:first-child,.history3 #catImg ul li img:first-child {
pointer-events:none
}

.history1 .conteInr h3,.history2 .conteInr h3,.history3 .conteInr h3 {
margin-bottom:0;
padding-top:40px
}

.history1 .conteInr h3 img,.history2 .conteInr h3 img,.history3 .conteInr h3 img {
display:block;
height:auto;
margin:0 auto;
max-width:100%
}

.stickyNav2 {
background:none;
height:auto;
margin:30px 0;
padding:0;
position:relative;
width:100%;
z-index:100
}

.stickyNav2 li {
background-color:#5b322e;
color:#fff;
float:none;
margin-bottom:10px;
padding:0;
text-align:center
}

.stickyNav2 li a {
color:#fff;
display:block;
padding:10px 0;
text-decoration:none
}

.stickyNav.sticky {
margin-top:30px;
position:static
}

.history1 .section,.history2 .section,.history3 .section {
margin:0 auto 30px;
width:100%
}

.history1 .section h4,.history2 .section h4,.history3 .section h4 {
overflow:hidden
}

.history1 .section h4 img,.history2 .section h4 img,.history3 .section h4 img {
height:45px;
width:auto
}

.history1 .section table,.history2 .section table,.history3 .section table {
font-size:100%;
width:100%
}

.history1 .section table th,.history2 .section table th,.history3 .section table th {
color:#6A391E;
white-space:nowrap;
width:15%
}

.history1 .section p {
margin:25px 0 40px
}

.history1 #section01 .secInr {
background:none;
margin:-8px 0 0;
min-height:1px;
padding:8px 0 0
}

.history1 #section02 .secInr {
background:none;
min-height:1px;
min-height:1px
}

.history2 .section table th,.history2 .section table td {
box-sizing:border-box
}

.history2 .section table th {
padding:15px 5px
}

.history2 #section04 .secInr table {
float:none;
width:100%
}

.history2 #section04 .secInr table.ml50 {
box-sizing:border-box;
float:none;
margin-left:0!important;
width:100%
}

.history2 #section04 .secInr table .pl25 {
padding-left:0!important
}

.history2 #section04 .secInr table img {
float:left;
height:auto;
margin-right:15px;
max-width:100%;
padding-left:0
}

.history2 #section04 .secInr table div {
float:left;
width:100px
}

.history2 #section04 .secInr table span {
display:inline-block;
margin:8px 0
}

.history2 #section04 .secInr table td {
vertical-align:top
}

.history2 #section04 .secInr table ul {
clear:both
}

.history2 #section04 .secInr table ul li {
padding:5px 0
}

.history2 #section04 .secInr table ul.hf li {
display:inline-block;
vertical-align:top;
width:48%
}

.history3 #section02 .secInr {
background:none;
margin:0 auto;
min-height:1px;
padding:35px 0 0;
width:100%
}

.history3 #section04 {
margin-top:-60px;
padding-top:60px
}

.history3 #section02 h4,.history3 #section03 h4,.history3 #section04 h4 {
margin-bottom:30px
}

.topmessage .conteInr {
background:none;
float:none;
margin:0;
width:100%!important
}

.topmessage .nam img {
height:auto;
margin:0 -15%;
max-width:100%
}

.about table.line th {
padding:10px 5px 10px 10px;
white-space:nowrap;
width:20%
}

.about table.line td {
padding:10px 5px 10px 10px
}

.about table.line td.first {
padding-right:10px;
width:30%
}

.about p.text {
padding:12px 0
}

.about table.dot {
margin:20px 0 40px
}

.about table.dot th {
box-sizing:border-box;
padding:10px 5px 10px 0;
width:45%
}

.about table.dot td {
padding:10px 0 10px 10px
}

.about .maps {
height:0;
overflow:hidden;
padding-bottom:56.25%;
padding-top:30px;
position:relative
}

.about .maps iframe,.about .maps object,.about .maps embed {
height:100%;
left:0;
max-width:600px;
position:absolute;
top:0;
width:100%
}

.mission .conteInr h3 {
margin-bottom:25px!important
}

.mission p.image {
margin:30px 0 40px
}

.mission .mission {
margin-bottom:20px!important;
padding:0 10px
}

.mission .mission dt {
background:url(../../img/sp/common/line_dot.jpg) repeat-x left bottom
}

.mission .mission dd {
margin:13px 0 32px
}

#cr01,.company .conteInr .w960 p br,.history1 #catImg ul:after,.history2 #catImg ul:after,.history3 #catImg ul:after,.history2 #section04 .secInr table td br {
display:none
}

.company .conteInr .w960 h3 img,.topmessage #catImg h2 img,.topmessage p img,.about #catImg h2 img,.mission #catImg h2 img,.mission p.image img {
height:auto;
max-width:100%
}

.history_bottom ul,.history3 .section .secInr h4,.history3 .section table,.history3 .section .secInr h4,.history3 .section table.tbl02 {
width:100%
}

.history1 #catImg ul li img,.history2 #catImg ul li img,.history3 #catImg ul li img,.history1 .kv img,.history2 .kv img,.history3 .kv img {
height:auto;
width:100%
}

.history1 #content,.history2 #content,.history3 #content,.topmessage #content,.about #content,.mission #content {
box-sizing:border-box;
padding:0 10px;
width:100%
}

.history1 .conteInr,.history2 .conteInr,.history3 .conteInr,.about .conteInr,.mission .conteInr {
float:none;
margin:0;
width:100%!important
}

.history1 h4,.history2 h4,.history3 h4,.about h4 {
font-size:131%;
padding:0 0 7px
}

.history1 .kv,.history2 .kv,.history3 .kv,.topmessage .kv,.topmessage .nam,.about .kv,.mission .kv {
margin-bottom:40px!important
}

.stickyNav2 li a:visited,.stickyNav2 li a:hover {
text-decoration:none
}

.history1 #section01,.history1 #section02,.history1 #section03,.history2 #section01,.history2 #section02,.history2 #section03,.history3 #section01,.history3 #section02,.history3 #section03 {
margin-top:-70px;
padding-top:70px
}

.history1 #section03 .secInr,.history2 #section03 .secInr {
background:none;
margin-top:0;
min-height:1px
}

.history1 #section03 ul,.history2 .section p,.history2 #section03 ul {
margin:25px 0
}

.history1 #section03 .secInr table,.history2 #section03 .secInr table {
position:relative;
top:0
}

.history1 #section04,.history2 #section04 {
margin-bottom:40px;
margin-top:-70px;
padding-top:70px
}

.history1 #section04 .secInr,.history2 #section01 .secInr,.history2 #section02 .secInr {
background:none;
min-height:1px
}

.history1 #section04 .btmrg-s,.history1 #section04 .btmrg-m {
padding-top:15px
}

.history2 #section04 .secInr table .wPer47,.history2 #section04 .secInr table .wPer48,.history2 #section04 .secInr table .wPer50 {
width:auto!important
}

.history3 #section01 .secInr,.history3 #section03 .secInr,.history3 #section04 .secInr {
background:none;
margin:0 auto;
min-height:1px;
width:100%
}

.history3 #section01 .secInr h4,.history3 #section01 .secInr table,.history3 #section03 .secInr h4,.history3 #section03 .secInr table {
margin-left:0
}

.topmessage #catImg h2,.about #catImg h2,.mission #catImg h2 {
margin:0 0 30px;
overflow:hidden;
width:100%
}

.topmessage h3,.about h3 {
margin-bottom:25px
}

.topmessage h3 img,.about h3 img,.mission .conteInr h3 img {
display:none!important
}

.topmessage h4 img,.topmessage .kv img,.about .kv img,.mission .kv img {
display:block;
height:auto;
margin-left:auto;
margin-right:auto;
max-width:100%
}

.mission .mission .m01,.mission .mission .m02,.mission .mission .m03,.mission .mission .m04,.mission .mission .m05 {
float:none;
margin:0!important;
width:100%
}
}