.headtitle { position: relative; height: 580px; padding-top: 220px; }

.headtitle-service { background: url("../service/images/mainmv.jpg") no-repeat center center; background-size: cover; }

@media all and (max-width: 639px) { .headtitle-service { background: url("../service/images/mainmv_sp.jpg") no-repeat center center; background-size: cover; } }

.headtitle-overview { background: url("../overview/images/mainmv.jpg") no-repeat center center; background-size: cover; }

@media all and (max-width: 639px) { .headtitle-overview { background: url("../overview/images/mainmv_sp.jpg") no-repeat center center; background-size: cover; } }

.headtitle-products { background: url("../products/images/mainmv.jpg") no-repeat center center; background-size: cover; }

@media all and (max-width: 639px) { .headtitle-products { background: url("../products/images/mainmv_sp.jpg") no-repeat center center; background-size: cover; } }

@media all and (max-width: 639px) { .headtitle { height: 264px; margin-top: 80px; padding-top: 100px; } }

.headtitle h1 { font-size: 56px; color: #fff; text-transform: uppercase; }

.headtitle h1 span { font-size: 15px; font-weight: 400; display: block; }

@media all and (max-width: 639px) { .headtitle h1 { font-size: 34px; }
  .headtitle h1 span { font-size: 14px; } }

.contenttop .tittop { text-align: center; }

@media all and (max-width: 639px) { .contenttop .tittop { text-align: left; } }

.contenttop .boxtxt { background: #00265D; display: inline-block; margin: 0 auto; padding: 40px 75px 50px; margin-top: -85px; position: relative; z-index: 2; margin-bottom: 30px; }

@media all and (max-width: 639px) { .contenttop .boxtxt { margin-top: 0; padding: 40px; margin-bottom: 25px; display: block; width: calc(100% + 40px); margin-left: -20px; } }

.contenttop .boxtxt h2 { font-size: 32px; color: #fff; }

@media all and (max-width: 639px) { .contenttop .boxtxt h2 { font-size: 19px; } }

.contenttop .boxtxt p { font-size: 24px; color: #fff; line-height: 1.4; margin-bottom: 30px; }

@media all and (max-width: 639px) { .contenttop .boxtxt p { font-size: 34px; margin-bottom: 15px; } }

.contenttop .boxtxt p small { font-size: 14px; font-weight: 400; display: block; }

.contenttop .txttop { max-width: 900px; margin: 0 auto; margin-bottom: 120px; }

@media all and (max-width: 639px) { .contenttop .txttop { padding: 0 20px; margin-bottom: 60px; } }

.contenttop .txttop .sign { text-align: right; font-weight: bold; }

@media all and (max-width: 639px) { .contenttop .txttop .sign { margin-top: 60px; } }

.features h2 { color: #00265D; font-size: 56px; font-weight: bold; margin-bottom: 40px; line-height: 1; }

@media all and (max-width: 639px) { .features h2 { font-size: 34px; margin-bottom: 20px; } }

.features p.text_center { font-size: 24px; color: #00265D; line-height: 1.7; }

@media all and (max-width: 639px) { .features p.text_center { font-size: 19px; } }

.features .flexbox { margin-top: 115px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 639px) { .features .flexbox { margin-top: 60px; padding: 0 20px; } }

.features .flexbox .av-container { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 260px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; }

@media all and (max-width: 639px) { .features .flexbox .av-container { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 60px; } }

@media all and (max-width: 639px) { .features .flexbox .av-container:nth-child(1) { margin-top: 0; } }

.features .flexbox .av-container:nth-child(1) img { height: 98px; }

.features .flexbox .av-container:nth-child(2) img { height: 83px; }

.features .flexbox .av-container:nth-child(3) img { height: 104px; }

@media all and (max-width: 639px) { .features .flexbox .av-container:nth-child(4) { margin-top: 100px; } }

.features .flexbox .av-container:nth-child(4) img { height: 115px; }

.features .flexbox .av-container:nth-child(4) .tit { margin-top: -75px; }

@media all and (max-width: 639px) { .features .flexbox .av-container:nth-child(4) .tit { margin-top: -95px; } }

.features--item { border: 1px solid #D5D5D5; padding: 20px; padding-bottom: 40px; height: 100%; }

@media all and (max-width: 639px) { .features--item { padding-bottom: 25px; }
  .features--item.delay3, .features--item.delay4 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } }

.features--item .img { margin-bottom: 30px; margin-top: 25px; min-height: 115px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 639px) { .features--item .img { margin-bottom: 20px; } }

.features--item .tit { text-align: center; margin-top: -40px; }

@media all and (max-width: 639px) { .features--item .tit { margin-top: -45px; } }

.features--item .tit span { font-size: 24px; font-weight: bold; color: #00265D; text-transform: uppercase; }

@media all and (max-width: 639px) { .features--item .tit span { font-size: 34px; line-height: 1.4; } }

.features--item .tit small { font-size: 16px; display: block; color: #00265D; }

@media all and (max-width: 639px) { .features--item .tit small { font-size: 14px; } }

.titblock { margin-bottom: 25px; }

@media all and (max-width: 639px) { .titblock { margin-bottom: 20px; } }

.titblock h3 { font-size: 24px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #00265D; }

.titblock h3 small { font-size: 14px; font-weight: 300; margin-left: 20px; }

.blockinfo { margin-bottom: 140px; }

@media all and (max-width: 639px) { .blockinfo { margin-bottom: 70px; } }

.blockinfo .info { border-top: 4px solid #00265D; padding-top: 30px; }

@media all and (max-width: 639px) { .blockinfo .info { padding-top: 20px; } }

@media all and (min-width: 640px) { .blockinfo.bloackfirst .img { float: right; overflow: hidden; width: 49%; height: 555px; margin-bottom: 20px; }
  .blockinfo.bloackfirst .img img { height: 100%; object-fit: cover; width: 100%; }
  .blockinfo.bloackfirst dl { width: 48%; max-width: 520px; float: left; } }

.blockinfo dl { padding: 25px 0; border-bottom: 1px solid #D5D5D5; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.blockinfo dl:first-child { padding-top: 0; }

.blockinfo dl:nth-child(7) { border-bottom: 0; }

.blockinfo dl.noborder { border-bottom: 0; }

@media all and (max-width: 639px) { .blockinfo dl.noborder { padding-bottom: 0; } }

@media all and (max-width: 639px) { .blockinfo dl { padding: 15px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.blockinfo dl.last { width: 100%; max-width: 100%; border-top: 1px solid #D5D5D5; }

.blockinfo dl.last dd p { margin-bottom: 15px; }

.blockinfo dl.last dd p:last-child { margin-bottom: 0; }

@media all and (min-width: 640px) { .blockinfo dl.last dd { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .blockinfo dl.last dd p { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-bottom: 30px; line-height: 2.2; } }

.blockinfo dl dt { font-weight: bold; font-size: 17px; -webkit-box-flex: 0; -webkit-flex: 0 0 170px; -ms-flex: 0 0 170px; flex: 0 0 170px; line-height: 2; }

@media all and (max-width: 639px) { .blockinfo dl dt { font-size: 14px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 10px; line-height: 1.8; } }

.blockinfo dl dd { font-size: 17px; line-height: 2; }

@media all and (max-width: 639px) { .blockinfo dl dd { font-size: 14px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; line-height: 1.8; } }

.boxcontact { background: #00265D; padding: 70px 20px; text-align: center; margin: 65px 0; }

@media all and (max-width: 639px) { .boxcontact { margin: 25px 0; padding: 40px; } }

.boxcontact * { color: #fff; }

.boxcontact p { font-size: 17px; margin-bottom: 25px; margin-top: 30px; line-height: 2.2; }

@media all and (max-width: 639px) { .boxcontact p { font-size: 14px; text-align: left; margin: 20px 0 25px 0; } }

.boxcontact p.fonten { font-size: 14px; margin: 0; font-weight: 300; }

@media all and (max-width: 639px) { .boxcontact p.fonten { font-size: 12px; font-weight: bold; text-align: center; } }

.btnmail { max-width: 535px; margin: 0 auto; }

.btnmail a { border: 1px solid #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 80px; }

@media all and (max-width: 639px) { .btnmail a { height: 50px; } }

.btnmail a span { background: url(../common_img/mail.svg) no-repeat left top 3px; background-size: 25px; padding-left: 50px; font-size: 17px; line-height: 1.2; }

@media all and (max-width: 639px) { .btnmail a span { font-size: 14px; background-size: 20px; padding-left: 30px; } }

@media all and (min-width: 640px) { .btnmail a:hover { opacity: 0.8; } }

.main_body .container { opacity: 0; }

.page-contact .header{ padding-bottom: 0; }
.page-contact .header_top_logo svg path { fill: #00265D }

@media all and (min-width: 640px) { .page-contact .header { background: #fff; }
  .page-contact .nav-list-item a { color: #00265D; }
  .page-contact .nav-list-item.dispc a { background: #DED8C3 url(../common_img/cart.svg) no-repeat left 27px center; background-size: 24px; color: #00265D; border-color: #DED8C3; } }

.page-contact .headtitle { background: #00265D; height: 470px; }

@media all and (max-width: 639px) { .page-contact .headtitle { height: 234px; } }

.page-contact .main_body { background: #00265D; }

.page-contact .main_body h2, .page-contact .main_body p { color: #fff; }

.page-contact .block { max-width: 544px; margin: 0 auto; padding-bottom: 150px; }

@media all and (max-width: 639px) { .page-contact .block { padding-bottom: 125px; } }

.page-contact .block h2 { font-size: 24px; padding-left: 45px; margin-bottom: 15px; }

@media all and (max-width: 639px) { .page-contact .block h2 { font-size: 19px; margin: 0 20px; margin-bottom: 20px; } }

.page-contact .block h2.mailicon { background: url(../common_img/mail.svg) no-repeat left top 10px; background-size: 28px; }

@media all and (max-width: 639px) { .page-contact .block h2.mailicon { background-position: left top 5px; } }

.page-contact .block h2.storeicon { background: url(../common_img/cart_white.svg) no-repeat left center; background-size: 36px; padding-left: 50px; }

.page-contact .block p { margin-bottom: 25px; }

@media all and (min-width: 640px) { .page-contact .block p.fixw { min-width: 690px; } }

@media all and (max-width: 639px) { .page-contact .block p { padding: 0 20px; } }

.page-contact .block .btnmail { max-width: inherit; }

@media all and (max-width: 639px) { .page-contact .block .btnmail { margin: 0 20px; }
  .page-contact .block .btnmail a { height: 70px; } }

.page-contact .block .btnmail span { color: #fff; }

.page-contact .block .btnnetsea { margin: 0 auto; }

.pagenav .container { position: relative; }

.pagenav ul { background: #fff; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: 150px; padding: 20px 0 0; padding-top: 25px; padding-bottom: 55px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-width: 580px; }

@media all and (min-width: 640px) { .pagenav ul { position: absolute; right: 0; top: -350px; min-width: 710px; padding: 0 60px; height: 70px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.pagenav ul::after { position: absolute; content: ''; background: #fff; width: 100%; right: -100%; height: 100%; top: 0; }

.pagenav ul li { margin-right: 45px; line-height: 1; }

.pagenav ul li:last-child { margin-right: 0; }

@media all and (max-width: 639px) { .pagenav ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-right: 0; } }

.pagenav ul a { color: #00265D; font-size: 15px; }

@media all and (max-width: 639px) { .pagenav ul a { font-size: 14px; } }

@media all and (min-width: 640px) { #message { position: absolute; top: 485px; left: 0; width: 100%; } }

.p-service .serviceinfo .container, .p-service .contactblock .container { opacity: 1; }

.p-service .txttop .text_center { width: 425px; margin: 0 auto; margin-top: 35px; }

@media all and (max-width: 639px) { .p-service .txttop .text_center { width: 80%; } }

@media all and (min-width: 640px) { .p-service .pagenav ul { height: 107px; top: -370px; padding: 22px 50px; } }

@media all and (max-width: 639px) { .p-service .pagenav ul { height: auto; } }

@media all and (min-width: 640px) { .p-service .pagenav li { margin-right: 30px; }
  .p-service .pagenav li:nth-child(3n) { margin-right: 0; } }

@media all and (max-width: 639px) { .p-service .pagenav li { margin-bottom: 15px; }
  .p-service .pagenav li span { display: none; }
  .p-service .pagenav li:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }
  .p-service .pagenav li:nth-child(3) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }
  .p-service .pagenav li:nth-child(4) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .p-service .pagenav li:nth-child(5) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }
  .p-service .pagenav li:nth-child(6) { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } }

.p-service .contenttop { margin-bottom: 160px; }

@media all and (max-width: 639px) { .p-service .contenttop { margin-bottom: 65px; } }

.p-service .serviceinfo { margin-top: 65px; border-top: 8px solid #00265D; position: relative; }

@media all and (max-width: 639px) { .p-service .serviceinfo { margin-top: 0; margin-bottom: 40px; border-width: 4px; } }

.p-service .content { max-width: 520px; padding: 60px 0; width: 48%; }

@media all and (max-width: 639px) { .p-service .content { padding: 40px 0 0; width: 100%; max-width: 100%; } }

.p-service .content p.fonten { font-size: 24px; color: #00265D; line-height: 1; }

@media all and (max-width: 639px) { .p-service .content p.fonten { font-size: 14px; } }

.p-service .content h3 { font-size: 24px; color: #00265D; font-weight: bold; margin-bottom: 25px; margin-top: 65px; }

@media all and (max-width: 639px) { .p-service .content h3 { margin-top: 25px; } }

.p-service .content h3 small { font-size: 14px; display: block; font-weight: 300; margin-top: 8px; }

@media all and (max-width: 639px) { .p-service .content p:not(.fonten) { padding: 0 20px; } }

.p-service .imgforpc { position: absolute; right: 0; top: 0; width: 50%; height: 100%; overflow: hidden; }

.p-service .imgforpc img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.p-service .imgforsp { margin-bottom: 25px; }

.p-products .contactblock .container { opacity: 1; }