#company .mod_tit01 { margin-left: 0; }

/*=============================================================
 #company.outline
=============================================================*/
#company.outline #message .txt { font-size: 1.4rem; letter-spacing: 0.05em; margin: 12px 0 0; line-height: 1.8; }

@media all and (min-width: 1025px) { #company.outline #message .txt { font-size: 1.7rem; line-height: 2; margin: 36px 0 22px; } }

#company.outline #info .inner { padding: 26px 0 0; }

#company.outline #info .table table { width: 100%; }

#company.outline #info .table tr { border-bottom: 1px solid #dbdbdc; }

#company.outline #info .table tr:first-child { border-top: 1px solid #dbdbdc; }

#company.outline #info .table th { width: 73px; background-color: #f3f3f3; padding-left: 19px; font-weight: bold; }

#company.outline #info .table td { padding: 15px 0 11px; padding-left: 19px; line-height: 2.07692; }

@media all and (min-width: 1025px) { #company.outline #info .inner { padding: 22px 0 0; }
  #company.outline #info .table tr { width: 100%; font-size: 1.7rem; }
  #company.outline #info .table th { width: 230px; padding-left: 27px; letter-spacing: 0.05em; box-sizing: border-box; }
  #company.outline #info .table td { padding: 20px 0 17px; padding-left: 33px; letter-spacing: 0.05em; } }

#company.outline #access .inner { padding: 37px 0 47px; }

#company.outline #access .map { position: relative; width: 100%; height: 0; padding-bottom: 66.6667%; margin-bottom: 23px; }

#company.outline #access .map iframe { position: absolute; height: 100%; width: 100%; }

#company.outline #access .sub { font-weight: bold; font-size: 1.4rem; letter-spacing: 0.05em; margin-bottom: 7px; }

#company.outline #access .address { line-height: 1.78571; letter-spacing: 0.05em; }

@media all and (min-width: 1025px) { #company.outline #access .inner { padding: 81px 0 95px; }
  #company.outline #access .map { padding-bottom: 460px; margin-bottom: 44px; }
  #company.outline #access .map iframe { height: 460px; }
  #company.outline #access .sub { font-size: 1.7rem; margin-bottom: 9px; }
  #company.outline #access .address { letter-spacing: 0.05em; line-height: 2; font-size: 1.6rem; }
}

/*=============================================================
 #company.location
=============================================================*/
#company.location #distribution .txt { letter-spacing: 0.05em; padding: 10px 0 32px; line-height: 1.8; }

#company.location #distribution .img { position: relative; }

#company.location #distribution .anchor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#company.location #distribution .anchor .item { position: absolute; top: 3.5%; right: 3.5%; width: 64%; }

#company.location #distribution .anchor .item a { display: block; }

#company.location #distribution .anchor .item:nth-child(2) { top: 16%; }

#company.location #distribution .anchor .item:nth-child(3) { top: 28.5%; }

#company.location #distribution .anchor .item:nth-child(4) { top: 60%; }

#company.location #distribution .anchor .item:nth-child(5) { top: 72.5%; }

#company.location #distribution .anchor .item:nth-child(6) { top: 85%; }

@media all and (min-width: 1025px) { #company.location #distribution .txt { padding: 44px 0 74px; line-height: 2; }
  #company.location #distribution .anchor .item { top: 122px; right: auto; left: 32px; background-color: #fff; width: 304px; height: 70px; box-sizing: border-box; }
  #company.location #distribution .anchor .item:nth-child(2) { top: 30px; }
  #company.location #distribution .anchor .item:nth-child(3) { top: 30px; right: 30px; left: auto; }
  #company.location #distribution .anchor .item:nth-child(4) { top: auto; bottom: 32px; right: 30px; left: auto; }
  #company.location #distribution .anchor .item:nth-child(5) { top: auto; bottom: 32px; }
  #company.location #distribution .anchor .item:nth-child(6) { top: auto; bottom: 125px; }
  #company.location #distribution .anchor .item a:hover { opacity: .7; } }

#company.location #info .inner { padding-bottom: 42px; }

@media all and (min-width: 1025px) { #company.location #info .inner { padding-bottom: 78px; }
  #company.location #info .tit { margin-bottom: 20px; } }

#company.location #info .secCountry { margin: 0; padding: 30px 0 15px; }

#company.location #info .secCountry .sub { margin-bottom: 15px; }

#company.location #info .secCountry .box .content + .content { margin-top: 33px; }

#company.location #info .secCountry .box .content .titwrap { position: relative; }

#company.location #info .secCountry .box .content .name { padding-left: 16px; padding-bottom: 33px; letter-spacing: 0.05em; }

#company.location #info .secCountry .box .content .category { position: absolute; left: 0; bottom: 8px; }

#company.location #info .secCountry .box .content .category .item { display: inline-block; color: #fff; font-size: 1rem; letter-spacing: .05em; padding: 0 4px; }

#company.location #info .secCountry .box .content .category .sale { background-color: #fdc63a; }

#company.location #info .secCountry .box .content .category .product { background-color: #b51b1b; }

#company.location #info .secCountry .box .content .category .develop { background-color: #282f88; }

#company.location #info .secCountry .box .content .imgTxt .txtArea { position: relative; background-color: #f4f4f4; padding: 5px 25px; }
#company.location #info .secCountry .box .content .imgTxt .txtArea dl { padding: 11px 0; }
#company.location #info .secCountry .box .content .imgTxt .txtArea dl + dl { border-top: 1px solid #cececf; }
#company.location #info .secCountry .box .content .imgTxt .txtArea dt,#company.location #info .secCountry .box .content .imgTxt .txtArea dt dd { font-weight: bold; letter-spacing: 0.05em; line-height: 1.78571; }

#company.location #info .secCountry .box .content .imgTxt .txtArea .address .en { display: block; font-size: 1.2rem; color: #919191; line-height: 1.5; }
#company.location #info .secCountry .box .content .imgTxt .txtArea .tel th { width: 83px; }
#company.location #info .secCountry .box .content .imgTxt .txtArea .url a { text-decoration: underline; color: #282f88; }

#company.location #info .secCountry .box .content .imgTxt .txtArea .txt { letter-spacing: 0.05em; line-height: 1.78571; background-color: #fff; padding: 9px 15px 11px; }

@media all and (min-width: 1025px) { #company.location #info .secCountry { margin: 0; padding: 30px 0 25px; }
  #company.location #info .secCountry .sub { font-size: 2.05rem; font-weight: bold; padding: 22px 0 24px; padding-left: 26px; margin-bottom: 29px; }
  #company.location #info .secCountry .sub:before { left: -100px; }
	#company.location #info .secCountry .box .content + .content { margin-top: 40px; }
  #company.location #info .secCountry .box .content .name { padding-left: 0; padding-bottom: 17px; }
  #company.location #info .secCountry .box .content .category { left: auto; right: 0; bottom: auto; top: 2px; }
  #company.location #info .secCountry .box .content .category .item { font-size: 1.5rem; padding: 4px 5px; }
  #company.location #info .secCountry .box .content .imgTxt .txtArea { position: relative; background-color: #f4f4f4; padding: 15px 25px; }
	#company.location #info .secCountry .box .content .imgTxt .txtArea dl { padding: 12px 0; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	#company.location #info .secCountry .box .content .imgTxt .txtArea dt { width: 160px; }
	#company.location #info .secCountry .box .content .imgTxt .txtArea dt,#company.location #info .secCountry .box .content .imgTxt .txtArea dd { font-size: 1.7rem; line-height: 2; }
 #company.location #info .secCountry .box .content .imgTxt .txtArea dd { width: calc(100% - 160px);  }
    #company.location #info .secCountry .box .content .imgTxt .txtArea .address .en { display: block; font-size: 1.3rem; color: #919191; line-height: 1.69231; }
  #company.location #info .secCountry .box .content .imgTxt .txtArea .tel th { width: 80px; padding-right: 10px; }
}

/*=============================================================
 #company.history
=============================================================*/
#company.history #detail .anchor { display: none; }

@media all and (min-width: 1025px) { #company.history #detail .anchor { display: block; margin-bottom: 30px; }
  #company.history #detail .anchor .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #company.history #detail .anchor .list .item { box-sizing: border-box; position: relative; width: 344px; height: 70px; margin-right: 9px; margin-bottom: 11px; border: 3px solid #111987; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.14); background: url("/img/company/history/ico_anchor01.png") no-repeat left 20px center; font-size: 1.6rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #company.history #detail .anchor .list .item a { display: block; width: 100%; height: 100%; line-height: 70px; text-align: center; }
  #company.history #detail .anchor .list .item:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
  #company.history #detail .anchor .list li:nth-last-child(3n) { margin-right: 0; } }

#company.history #detail .age + .age { margin-top: 2px; }

#company.history #detail .age .sub { position: relative; color: #fff; font-size: 1.6rem; background-color: #282f88; overflow: hidden; padding: 21px 0 23px; padding-left: 20px; letter-spacing: 0.05em; margin: 0 -15px; }

#company.history #detail .age .sub:before { content: ""; position: absolute; display: block; height: 100px; width: 100px; -webkit-transform: skew(-22deg); -ms-transform: skew(-22deg); transform: skew(-22deg); top: 0; left: -100px; background-color: #051b6c; }

#company.history #detail .age .sub i { display: block; position: absolute; font-weight: bold; width: 21px; height: 1px; background-color: #fff; right: 20px; top: 50%; }

#company.history #detail .age .sub i:before { content: ""; display: block; position: absolute; width: 21px; height: 1px; background-color: #fff; top: 50%; -webkit-transform: rotate(90deg) translate(-1px, 0); -ms-transform: rotate(90deg) translate(-1px, 0); transform: rotate(90deg) translate(-1px, 0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#company.history #detail .age .sub.on i:before { -webkit-transform: rotate(0) translate(0, -1px); -ms-transform: rotate(0) translate(0, -1px); transform: rotate(0) translate(0, -1px); }

#company.history #detail .age .content { padding-bottom: 49px; display: none; }

#company.history #detail .age .content .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 24px; margin-bottom: 36px; }

#company.history #detail .age .content .icon i { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; border: 2px solid #282f88; width: 54px; height: 52px; background-color: #282f88; color: #fff; font-size: 1.6rem; line-height: 1; letter-spacing: 0.05em; background: linear-gradient(155deg, #051b6c 55%, #282f88 45%) center center; }

#company.history #detail .age .content .icon i span { position: relative; top: 4px; }

#company.history #detail .age .content .icon i:before { content: ""; position: absolute; left: -2px; bottom: -17px; width: 0; height: 0; border-style: solid; border-width: 15px 29px 0 29px; border-color: #282e88 transparent transparent transparent; }

#company.history #detail .age .content .box { padding: 0 0 27px; }

#company.history #detail .age .content .box + .box { border-top: 1px solid #e5e5e6; padding-top: 26px; }

#company.history #detail .age .content .box .year { font-size: 1.5rem; font-weight: bold; padding-left: 4px; letter-spacing: 0.05em; }

#company.history #detail .age .content .box .list { padding: 9px 5px 0; }

#company.history #detail .age .content .box .list .item { font-size: 1.3rem; line-height: 1.35; letter-spacing: 0.05em; }

#company.history #detail .age .content .arrow { text-align: center; }

#company.history #detail .age .content .arrow img { width: 77px; }

@media all and (min-width: 1025px) { #company.history #detail .age + .age { margin-top: 0; }
  #company.history #detail .age .sub { position: relative; color: #fff; font-size: 1.75rem; background-color: #282f88; overflow: hidden; padding: 22px 0px 24px; padding-left: 26px; letter-spacing: 0.05em; margin: 0; pointer-events: none; }
  #company.history #detail .age .sub:before { content: ""; position: absolute; display: block; height: 100px; width: 100px; -webkit-transform: skew(-22deg); -ms-transform: skew(-22deg); transform: skew(-22deg); top: 0; left: -100px; background-color: #051b6c; }
  #company.history #detail .age .sub i { display: none; }
  #company.history #detail .age .content { padding-bottom: 39px; display: block; position: relative; margin-top: 28px; padding-left: 137px; }
  #company.history #detail .age .content .leftBox { position: absolute; width: 90px; height: calc(100% - 80px); background-color: #ebf3f8; top: 10px; left: 0; box-sizing: border-box; border: 2px solid #051b6c; border-bottom: none; }
  #company.history #detail .age .content .icon { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; top: 0; left: 10px; z-index: 1; }
  #company.history #detail .age .content .icon i { width: 66px; height: 59px; font-size: 1.6rem; line-height: 1; }
  #company.history #detail .age .content .icon i span { top: 4px; }
  #company.history #detail .age .content .icon i:before { content: ""; left: -3px; bottom: -17px; border-width: 16px 36px 0 36px; }
  #company.history #detail .age .content .arrow { text-align: center; position: absolute; bottom: 42px; left: 0; }
  #company.history #detail .age .content .arrow img { width: 90px; }
  #company.history #detail .age .content .wrap { padding-top: 33px; }
  #company.history #detail .age .content .box { padding: 0 0 22px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  #company.history #detail .age .content .box + .box { padding-top: 15px; }
  #company.history #detail .age .content .box .year { font-size: 1.6rem; padding-left: 0; letter-spacing: 0.05em; }
  #company.history #detail .age .content .box .list { padding-left: 68px; padding-top: 4px; }
  #company.history #detail .age .content .box .list .item { font-size: 1.6rem; line-height: 1.35; letter-spacing: 0.05em; } }

/*=============================================================
 #company.research
=============================================================*/
#company.research #vision .inner { padding: 0 0 34px; }

#company.research #vision .tit { margin: 0 -15px; margin-bottom: 14px; }

#company.research #vision .txt { line-height: 1.8; letter-spacing: 0.05em; padding: 0 5px; }

#company.research #vision .txt + .txt { margin-top: 15px; }

@media all and (min-width: 1025px) { #company.research #vision .inner { padding: 0 0 40px; }
  #company.research #vision .tit { margin: 0; margin-bottom: 24px; }
  #company.research #vision .txt { padding: 0; line-height: 2; font-size: 1.6rem; }
  #company.research #vision .txt + .txt { margin-top: 0; } }

#company.research .secImgTxt .inner { padding-bottom: 34px; }

#company.research .secImgTxt .tit { margin: 0 -20px; margin-bottom: 20px; }

#company.research .secImgTxt .box .img { margin-bottom: 10px; text-align: center; }

#company.research .secImgTxt .box .txt { line-height: 1.8; letter-spacing: 0.05em; }

#company.research .secImgTxt .box .txt + .txt { margin-top: 15px; }

@media all and (min-width: 1025px) { #company.research .secImgTxt .inner { padding-bottom: 70px; }
  #company.research .secImgTxt .tit { margin: 0; margin-bottom: 40px; }
  #company.research .secImgTxt .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #company.research .secImgTxt .box .img { margin-bottom: 0; width: 445px; padding-left: 10px; }
  #company.research .secImgTxt .box .txtArea { margin-top: -9px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 554px; }
  #company.research .secImgTxt .box .txt { line-height: 2; letter-spacing: 0.05em; font-size: 1.6rem; }
  #company.research .secImgTxt .box .txt + .txt { margin-top: 0;} }

#company.research #theme .inner { padding-bottom: 45px; }

#company.research #theme .tit { margin: 0 -20px; margin-bottom: 12px; }

#company.research #theme .box + .box { margin-top: 26px; }

#company.research #theme .box .sub { letter-spacing: 0.05em; margin: 0 -20px; padding: 0 15px; padding-bottom: 18px; margin-bottom: 21px; }

#company.research #theme .box .img { margin-bottom: 8px; text-align: center; }

#company.research #theme .box .txt { letter-spacing: 0.05em; line-height: 1.8; }

#company.research #theme .box .txt + .txt { margin-top: 15px; }

@media all and (min-width: 1025px) { #company.research #theme .inner { padding-bottom: 100px; }
  #company.research #theme .tit { margin: 0; margin-bottom: 40px; }
  #company.research #theme .box { overflow: hidden; }
  #company.research #theme .box + .box { margin-top: 40px; }
  #company.research #theme .box .sub { float: right; width: 577px; box-sizing: border-box; letter-spacing: 0.05em; margin: 0 -20px; padding: 0; margin-top: -6px; padding-bottom: 22px; margin-bottom: 13px; }
  #company.research #theme .box .img { float: left; width: 445px; margin-bottom: 0; }
  #company.research #theme .box .txtArea { float: right; max-width: 557px; }
  #company.research #theme .box .txt { line-height: 2; font-size: 1.6rem; }
  #company.research #theme .box .txt + .txt { margin-top: 0px; } }

/*=============================================================
 #company.environment
=============================================================*/
#company.environment .mod_tit03 { margin: 0 -20px; }

@media all and (min-width: 1025px) { #company.environment .mod_tit03 { margin: 0 auto; } }

#company.environment .secISO .inner { padding-bottom: 33px; }

#company.environment .secISO .tit { margin-bottom: 20px; }

#company.environment .secISO .img { margin-bottom: 9px; text-align: center; }

#company.environment .secISO .txt { line-height: 1.8; letter-spacing: 0.05em; }

@media all and (min-width: 1025px) { #company.environment .secISO .inner { padding-bottom: 40px; }
  #company.environment .secISO .tit { margin-bottom: 32px; }
  #company.environment .secISO .box { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #company.environment .secISO .box .img { width: 445px; }
  #company.environment .secISO .box .txtArea { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 30px; margin-left: 49px; margin-top: -9px; }
  #company.environment .secISO .box .txtArea .txt { line-height: 2; font-size: 1.6rem; }
}

#company.environment .secList .inner { padding-bottom: 19px; }

#company.environment .secList .tit { margin-bottom: 14px; }

#company.environment .secList .box { margin-bottom: 17px; }

#company.environment .secList .sub { margin: 0 -20px; margin-bottom: 14px; padding: 0 0 17px 15px; letter-spacing: 0.05em; }

#company.environment .secList .txt { line-height: 1.8; letter-spacing: 0.05em; }

#company.environment .secList .list { margin-top: 15px; }

#company.environment .secList .list .item { letter-spacing: 0.05em; line-height: 1.8; padding-left: 1em; text-indent: -1em; }

#company.environment .secList ol.list .item .num { color: #282f88; font-weight: bold; }

#company.environment .secList ul.list .item { padding-left: 1em; text-indent: -1em; }

#company.environment .secList#activity .inner { padding-bottom: 27px; }

@media all and (min-width: 1025px) { #company.environment .secList .inner { padding-bottom: 36px; }
  #company.environment .secList .tit { margin-bottom: 35px; }
  #company.environment .secList .sub { margin: 0 auto; margin-bottom: 11px; padding: 0 0 12px 0; letter-spacing: 0.05em; }
  #company.environment .secList .box { margin-bottom: 25px; }
  #company.environment .secList .txt { line-height: 2; letter-spacing: 0.05em; font-size: 1.6rem; }
  #company.environment .secList .list { margin-top: 0; }
  #company.environment .secList .list .item { letter-spacing: 0.05em; line-height: 2; font-size: 1.6rem; }
  #company.environment .secList ul.list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #company.environment .secList ul.list .item { width: 50%; box-sizing: border-box; font-size: 1.6rem; }
  #company.environment .secList#activity .inner { padding-bottom: 69px; } }

/*=============================================================
 #company.rohs
=============================================================*/
#company.rohs .secAbout .inner { padding-bottom: 36px; }

#company.rohs .secAbout .tit { letter-spacing: 0.05em; margin-bottom: 13px; }

#company.rohs .secAbout .txtArea .txt { line-height: 1.8; letter-spacing: 0.05em; }

#company.rohs .secAbout .txtArea .list { margin-top: 15px; margin-bottom: 5px; }

#company.rohs .secAbout .txtArea .note { font-size: 1.2rem; letter-spacing: 0.05em; line-height: 1.5; }

#company.rohs .secAbout#about .inner { padding-bottom: 48px; }

@media all and (min-width: 1025px) { #company.rohs .secAbout .inner { padding-bottom: 50px; }
  #company.rohs .secAbout .tit { margin-bottom: 25px; }
  #company.rohs .secAbout .txtArea .txt { line-height: 2; font-size: 1.6rem; }
  #company.rohs .secAbout .txtArea .list { margin-top: 0; margin-bottom: 11px; }
  #company.rohs .secAbout .txtArea .list .item { font-size: 1.6rem; }
  #company.rohs .secAbout .txtArea .note { font-size: 1.3rem; letter-spacing: 0.05em; line-height: 1.6; }
  #company.rohs .secAbout#about .inner { padding-bottom: 97px; } }

/*=============================================================
 #company.minerals
=============================================================*/
#company.minerals #deal .inner { padding-bottom: 45px; }

#company.minerals #deal .tit { margin-bottom: 13px; }

#company.minerals #deal .txt { line-height: 1.8; letter-spacing: 0.05em; }

@media all and (min-width: 1025px) { #company.minerals #deal .inner { padding-bottom: 70px; }
  #company.minerals #deal .tit { margin-bottom: 25px; }
  #company.minerals #deal .txt { line-height: 2; font-size: 1.6rem; } }

/*=============================================================
#company.catalog
=============================================================*/
#company.catalog #login .inner { background-color: #ebf3f8; padding: 18px 0 25px; }

#company.catalog #login .txt { text-align: center; line-height: 1.8; letter-spacing: 0.05em; margin-bottom: 13px; }

#company.catalog #login .btn_wrap .btn a { width: 90%; }

#company.catalog #login .btn_wrap .btn + .btn { margin-top: 15px; }

@media all and (min-width: 1025px) { #company.catalog #login .inner { padding: 32px 0 37px; }
  #company.catalog #login .txt { line-height: 2; margin-bottom: 18px; }
  #company.catalog #login .btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #company.catalog #login .btn_wrap .btn + .btn { margin-top: 0; }
  #company.catalog #login .btn_wrap .btn { margin-left: 30px; }
  #company.catalog #login .btn_wrap .btn:first-child { margin-right: 30px; margin-left: 0; }
  #company.catalog #login .btn_wrap .btn a { width: 270px; } }

#company.catalog #catalog .inner { padding-bottom: 48px; }

#company.catalog #catalog .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#company.catalog #catalog .list .item { margin-top: 32px; width: calc(50% - 4.5px); }

#company.catalog #catalog .list .item .tit { letter-spacing: 0.05em; margin-bottom: 20px; padding-bottom: 17px; }

#company.catalog #catalog .list .item:nth-child(odd) { margin-right: 4.5px; }

#company.catalog #catalog .list .item:nth-child(even) { margin-left: 4.5px; }

#company.catalog #catalog .list .item .img img { width: 100%; }
#company.catalog #catalog .list .item .pages { display: none; }

#company.catalog #catalog .list .item .pages .page { font-size: 1.1rem; line-height: 1.36364; letter-spacing: 0.05em; width: 100%; box-sizing: border-box; border: 1px solid #cececf; border-top: none; padding: 6px 14px 7px; }

#company.catalog #catalog .list .item .toggleBtn { border-top: 4px solid #d2eaf4; background: #e0f3fa url(../img/common/ico_arw_down01.png) no-repeat 75% 48%; background-size: 9px 7px; color: #282f88; font-weight: 500; text-align: center; padding: 10px 0 15px; padding-right: 20px; letter-spacing: 0.05em; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#company.catalog #catalog .list .item .toggleBtn.on { background: #e0f3fa url(../img/common/ico_arw_top01.png) no-repeat 75% 47%; background-size: 9px 7px; }

#company.catalog #catalog .list .item .btn { margin-top: 20px; }

#company.catalog #catalog .list .item .btn a { background: url(../img/common/ico_pdf01.png) no-repeat 90% 50%; background-size: 22px; padding: 16px 20px 20px 12px; }

#company.catalog #catalog .list .item .btn a:after { display: none; }

#company.catalog #catalog .list .item .btn p a span { line-height: 1.25; }

@media all and (min-width: 1025px) { #company.catalog #catalog .inner { padding-bottom: 80px; }
  #company.catalog #catalog .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }
  #company.catalog #catalog .list .item { margin-top: 36px; margin-bottom: 16px; width: 360px; padding: 0 15px; box-sizing: border-box; }
  #company.catalog #catalog .list .item .tit { padding-bottom: 19px; margin-bottom: 16px; }
  #company.catalog #catalog .list .item:nth-child(odd) { margin-right: 0; }
  #company.catalog #catalog .list .item:nth-child(even) { margin-left: 0; }
  #company.catalog #catalog .list .item .pages { display: none; }
  #company.catalog #catalog .list .item .pages .page { font-size: 1.3rem; padding: 7px 19px 9px; }
  #company.catalog #catalog .list .item .toggleBtn { background: #e0f3fa url(../img/common/ico_arw_down01.png) no-repeat 65% 49%; background-size: 11px; padding: 15px 0 18px; padding-right: 28px; letter-spacing: 0.1em; cursor: pointer; }
  #company.catalog #catalog .list .item .toggleBtn:hover { background: #e0f3fa url(../img/common/ico_arw_down01.png) no-repeat 65% 55%; background-size: 11px; }
  #company.catalog #catalog .list .item .toggleBtn.on { background: #e0f3fa url(../img/common/ico_arw_top01.png) no-repeat 65% 48%; background-size: 11px; }
  #company.catalog #catalog .list .item .toggleBtn.on:hover { background: #e0f3fa url(../img/common/ico_arw_top01.png) no-repeat 65% 42%; background-size: 11px; }
  #company.catalog #catalog .list .item .btn { margin-top: 30px; }
  #company.catalog #catalog .list .item .btn p { max-width: none; width: 100%; }
  #company.catalog #catalog .list .item .btn a { background: url(../img/common/ico_pdf01.png) no-repeat 94% 52%; background-size: 26px; padding: 22px 20px 23px 17px; } }