@charset "UTF-8";
/*=============================================================
 home トップページ
=============================================================*/
#home .homeMainimg { position: relative; }
#home .homeMainimg .tit { position: absolute; top: 0; bottom: 0; left: 10px; height: 76px; margin: auto; color: #fff; text-shadow: 0 0 5.82px rgba(27, 45, 73, .4); }
#home .homeMainimg .tit .en { line-height: 1.07; font-weight: 800; font-size: 44.8px; font-size: 2.8rem; }
#home .homeMainimg .tit .jp { display: block; line-height: 1; margin-top: 5px; font-weight: 800; font-size: 20.8px; font-size: 1.3rem; }
@media screen and (min-width: 640px) { #home .homeMainimg { margin-top: 118px; }  #home .homeMainimg .tit { right: 0; left: 0; width: 1080px; height: 200px; text-shadow: 0 0 12.22px rgba(27, 45, 73, .4); }  #home .homeMainimg .tit .en { font-size: 7.4rem; }  #home .homeMainimg .tit .jp { margin-top: 15px; font-size: 2.7rem; } }
#home .innerIntro { padding-top: 33px; padding-bottom: 20px; }
@media screen and (min-width: 640px) { #home .innerIntro { padding-top: 71px; padding-bottom: 54px; } }
#home #company .list .item { height: 260px; }
#home #company .list .item.message a { background-image: url(../img/home/bg_company01.png); }
#home #company .list .item.outline a { background-image: url(../img/home/bg_company02.png); }
#home #company .list .item.business a { background-image: url(../img/home/bg_company03.png); }
#home #company .list .item a { display: block; width: 100%; height: 100%; padding: 40px 0 0 20px; background-repeat: no-repeat; background-position: center; background-size: cover; }
#home #company .list .item .en { line-height: 1; margin-bottom: 12px; color: #fff; font-weight: 600; font-size: 16px; font-size: 1rem; }
#home #company .list .item .tit { line-height: 1; margin-bottom: 21px; color: #fff; font-weight: 500; font-size: 27.2px; font-size: 1.7rem; }
#home #company .list .item .link { display: block; position: relative; line-height: 1; padding-left: 23px; color: #fff; font-weight: 500; font-size: 19.2px; font-size: 1.2rem; }
#home #company .list .item .link:before { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 9px; height: 9px; margin: auto; border-right: 1px solid #fff; border-bottom: 1px solid #fff; content: ""; transform: rotate(-45deg); }
@media screen and (min-width: 640px) { #home #company .list .item { float: left; width: 33.3%; height: 420px; }  #home #company .list .item a { padding: 50px 0 0 8%; }  #home #company .list .item a:hover { text-decoration: none; }  #home #company .list .item .en { margin-bottom: 27px; font-size: 1.3rem; }  #home #company .list .item .tit { margin-bottom: 30px; font-size: 2.2rem; }  #home #company .list .item .link { padding-left: 28px; font-size: 1.6rem; }  #home #company .list .item .link:before { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 9px; height: 9px; margin: auto; border-right: 1px solid #fff; border-bottom: 1px solid #fff; content: ""; transform: rotate(-45deg); }  #home #company .list .item .link:hover { opacity: 1; text-decoration: underline; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
#home #product .list .item { background: #294c75; color: #fff; }
#home #product .list .item a { text-decoration: none; }
#home #product .list .item .inner { padding: 20px 11px 30px; }
#home #product .list .item .pic { background-color: #fff; }
#home #product .list .item .headLine { display: table; margin: 0 0 15px; }
#home #product .list .item .headLine * { display: table-cell; vertical-align: middle; }
#home #product .list .item .headLine .tit { font-weight: 800; font-size: 27.2px; font-size: 1.7rem; }
#home #product .list .item .headLine .en { padding: 0 13px 0 10px; font-weight: 600; font-size: 16px; font-size: 1rem; }
#home #product .list .item .headLine .link { position: relative; line-height: 1; padding: 10px 20px 10px 32px; background: #1d3f66; font-size: 17.6px; font-size: 1.1rem; text-align: center; }
#home #product .list .item .headLine .link:before { display: block; position: absolute; top: 0; bottom: 0; left: 10px; width: 6px; height: 6px; margin: auto; border-right: 1px solid #fff; border-bottom: 1px solid #fff; content: ""; transform: rotate(-45deg); }
#home #product .list .item .txt { color: #fff; font-weight: 500; }
#home #product .list .item.shipping { background: #1f3853; }
#home #product .list .item.shipping .headLine .link { background: #1d3f66; }
@media screen and (min-width: 640px) { #home #product .list .item { float: left; width: 50%; }  #home #product .list .item .inner { padding: 30px 60px 50px 48px; }  #home #product .list .item .headLine { margin: 0 0 25px; }  #home #product .list .item .headLine .tit { font-size: 3.3rem; }  #home #product .list .item .headLine .en { padding: 0 28px 0 15px; font-size: 1.7rem; }  #home #product .list .item .headLine .link { padding: 16px 30px 16px 48px; font-size: 1.6rem; }  #home #product .list .item .headLine .link:before { left: 26px; width: 7px; height: 7px; }  #home #product .list .item .txt { line-height: 1.5; font-size: 1.4rem; } }
#home #news .list { height: 318px; overflow-y: auto; }
#home #news .list .item { display: table; width: 100%; border-bottom: 1px solid #e5e5e5; font-size: 19.2px; font-size: 1.2rem; }
#home #news .list .item time { display: table-cell; width: 74px; vertical-align: middle; }
#home #news .list .item a { display: table-cell; padding: 8px 0; vertical-align: middle; }
@media screen and (min-width: 640px) { #home #news .list { width: 822px; height: 354px; margin: 0 auto; }  #home #news .list .item { font-size: 1.6rem; }  #home #news .list .item time { width: 118px; }  #home #news .list .item a { padding: 18px 0; }  #home #news .list .item:first-of-type a { padding-top: 0; }  #home #news .list .item:first-of-type time { vertical-align: top; } }
#home #bnrList { padding: 35px 0; background: #f1f1f1; }
#home #bnrList .item a { display: table; width: 100%; }
#home #bnrList .item a:hover { text-decoration: none; }
#home #bnrList .item a > * { display: table-cell; vertical-align: middle; }
#home #bnrList .item a .textArea { position: relative; width: 52%; padding-left: 33px; background: #294c75; color: #fff; }
#home #bnrList .item a .textArea .tit { line-height: 1; margin-bottom: 8px; font-weight: 500; }
#home #bnrList .item a .textArea .en { line-height: 1; font-weight: 600; font-size: 17.6px; font-size: 1.1rem; }
#home #bnrList .item a .textArea:after { display: block; position: absolute; top: 0; right: -15px; bottom: 0; width: 0; height: 0; margin: auto; border-width: 7.5px 0 7.5px 15px; border-style: solid; border-color: transparent transparent transparent #294c75; content: ""; }
#home #bnrList .item a .pic { width: 48%; }
#home #bnrList .item + .item { margin-top: 23px; }
@media screen and (min-width: 640px) { #home #bnrList { padding: 110px 0 147px; }  #home #bnrList .item { float: left; width: 510px; }  #home #bnrList .item a .textArea { width: 264px; padding-top: 14px; padding-left: 55px; }  #home #bnrList .item a .textArea .tit { margin-bottom: 16px; font-size: 2rem; }  #home #bnrList .item a .textArea .en { font-size: 1.8rem; }  #home #bnrList .item a .textArea:after { right: -25px; border-width: 12.5px 0 12.5px 25px; }  #home #bnrList .item a .pic { width: 246px; }  #home #bnrList .item + .item { float: right; margin-top: 0; } }
#home #contact { padding: 48px 0 55px; background-image: url(../img/home/bg_contact01_sp.png); background-repeat: no-repeat; background-position: top center; background-size: cover; }
#home #contact .inner { padding: 38px 17px 30px; background: rgba(255, 255, 255, .9); }
#home #contact .accessInfo { margin-bottom: 20px; text-align: center; }
#home #contact .accessInfo dt { margin-bottom: 12px; font-weight: 500; }
#home #contact .accessInfo dd { font-weight: 500; }
#home #contact .method > * { padding: 0; padding: 18px 0 15px; background: #294c75; color: #fff; text-align: center; }
#home #contact .method > * a { display: block; }
#home #contact .method > * dt , #home #contact .method > * dd { font-weight: 500; }
#home #contact .method > * dt { margin-bottom: 16px; }
#home #contact .method .form { margin-top: 16px; }
#home #contact .method .form dd { width: 33px; margin: 0 auto; }
@media screen and (min-width: 640px) { #home #contact { padding: 68px 0 130px; background-image: url(../img/home/bg_contact01_pc.png); }  #home #contact .inner { padding: 31px 156px 43px; }  #home #contact .accessInfo { display: table; width: 100%; margin-bottom: 25px; }  #home #contact .accessInfo dt { display: table-cell; margin-bottom: 0; font-size: 2rem; text-align: left; vertical-align: middle; }  #home #contact .accessInfo dd { display: table-cell; line-height: 1; text-align: right; vertical-align: middle; }  #home #contact .method > * { float: left; width: 366px; padding: 0; padding: 22px 33px 21px 37px; text-align: left; }  #home #contact .method > * a { display: block; }  #home #contact .method > * a:hover { text-decoration: none; }  #home #contact .method > * dl { display: table; }  #home #contact .method > * dt , #home #contact .method > * dd { display: table-cell; vertical-align: middle; }  #home #contact .method > * dt { width: 142px; margin-bottom: 0; }  #home #contact .method .tel a { pointer-events: none; cursor: default; }  #home #contact .method .tel a:hover { text-decoration: none; }  #home #contact .method .form { float: right; margin-top: 0; }  #home #contact .method .form dt { width: 230px; }  #home #contact .method .form dd { width: 67px; margin: 0; } }
/*# sourceMappingURL=maps/home.css.map */