@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------------
↓↓↓　フォント読み込み
------------------------------------------------------------------------------*/
@font-face {
	font-family: eina01-semibold;
	src: url(../img/fonts/Eina01-SemiBold.svg#Eina01-SemiBold) format("svg"), url(../img/fonts/fonts-Eina01-SemiBold.ttf) format("truetype"), url(../img/fonts/fonts-Eina01-SemiBold.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: eina01-bold;
	src: url(../img/fonts/Eina01-Bold.svg#Eina01-Bold) format("svg"), url(../img/fonts/fonts-Eina01-Bold.ttf) format("truetype"), url(../img/fonts/fonts-Eina01-Bold.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: camphorw01-regular;
	src: url(../img/fonts/CamphorW01-Regular.svg#CamphorW01-Regular) format("svg"), url(../img/fonts/fonts-CamphorW01-Regular.ttf) format("truetype"), url(../img/fonts/fonts-CamphorW01-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: camphorw01-bold;
	src: url(../img/fonts/fonts-Camphor-W01-Bold.ttf) format("truetype"), url(../img/fonts/fonts-Camphor-W01-Bold.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: samsonite-icons;
	src: url(../img/fonts/samsonite-Samsonite-icons.eot);
	src: url(../img/fonts/samsonite-Samsonite-icons.eot#iefix) format("embedded-opentype"), url(../img/fonts/samsonite-Samsonite-icons.ttf) format("truetype"), url(../img/fonts/samsonite-Samsonite-icons.woff) format("woff"), url(../img/fonts/samsonite-Samsonite-icons.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
[class^=sa-icon] {
	font-family: samsonite-icons!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-ico-apply::before {
	content: "\E900"
}
.icon-ico-arrow-bottom::before {
	content: "\E901";
	color: #004b8d
}
.icon-ico-arrow-left::before {
	content: "\E902"
}
.icon-ico-arrow-right::before {
	content: "\E903"
}
.icon-ico-arrow-right-white-circle::before {
	content: "\E904"
}
.icon-ico-arrow-top-circle::before {
	content: "\E905"
}
.icon-ico-bag::before {
	content: "\E906"
}
.icon-ico-close::before {
	content: "\E907";
	color: #004b8d
}
.icon-ico-close-search::before {
	content: "\E908";
	color: #e2e2e2
}
.icon-ico-close-thin::before {
	content: "\E909"
}
.icon-ico-delivery::before {
	content: "\E90A";
	color: #004b8d
}
.icon-ico-filter::before {
	content: "\E90B";
	color: #004b8d
}
.icon-ico-full-collection::before {
	content: "\E90C";
	color: #004b8d
}
.icon-ico-gifting::before {
	content: "\E90D";
	color: #004b8d
}
.icon-ico-logo::before {
	content: "\E90E"
}
.icon-ico-menu-bar::before {
	content: "\E90F"
}
.icon-ico-network::before {
	content: "\E910";
	color: #004b8d
}
.icon-ico-office-site::before {
	content: "\E911";
	color: #004b8d
}
.icon-ico-peoples::before {
	content: "\E912";
	color: #004b8d
}
.icon-ico-personal-service::before {
	content: "\E913";
	color: #004b8d
}
.icon-ico-search::before {
	content: "\E914"
}
.icon-ico-secure-payment::before {
	content: "\E915";
	color: #004b8d
}
.icon-ico-sort-asc::before {
	content: "\E916"
}
.icon-ico-sort-desc::before {
	content: "\E917"
}
.icon-ico-star::before {
	content: "\E918";
	color: #004b8d
}
.icon-ico-license::before {
	content: "\E919";
	color: #004b8d
}
.icon-ico-address-tag::before {
	content: "\E91A"
}
.icon-ico-deliver::before {
	content: "\E91B"
}
.icon-ico-tsa-lock::before {
	content: "\E91C"
}
.icon-ico-samsonite::before {
	content: "\E91D"
}
.icon-ico-user::before {
	content: "\E91E";
	color: #00458f
}
.icon-ico-people::before {
	content: "\E91F"
}
.icon-ico-orders::before {
	content: "\E920"
}
.icon-ico-my-profile::before {
	content: "\E921"
}
.icon-ico-address-book::before {
	content: "\E922"
}
.icon-ico-magnify-glass::before {
	content: "\E923"
}
.icon-ico-info::before {
	content: "\E924"
}
.icon-ico-long-arrow-up::before {
	content: "\E925"
}
.icon-ico-location::before {
	content: "\E926";
	color: #084b8b
}
.icon-ico-line-brands::before {
	content: "\E927"
}
.icon-ico-cart::before {
	content: "\E928"
}
.icon-ico-arrow-down::before {
	content: "\E929"
}
.icon-ico-loyalty::before {
	content: "\E92A"
}
.icon-ico-tracking::before {
	content: "\E92B"
}
.icon-ico-facebook::before {
	content: "\E92C";
	color: #3f579d
}
@font-face {
	font-family: at-icons;
	src: url(../img/fonts/fonts-AT-icons.eot);
	src: url(../img/fonts/fonts-AT-icons.eot#iefix) format("embedded-opentype"), url(../img/fonts/fonts-AT-icons.ttf) format("truetype"), url(../img/fonts/fonts-AT-icons.woff) format("woff"), url(../img/fonts/fonts-AT-icons.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
[class^=at-icon] {
	font-family: at-icons!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-about-us::before {
	content: "\E901"
}
.icon-address::before {
	content: "\E905"
}
.icon-arrow-double-right::before {
	content: "\E912"
}
.icon-arrow-down::before {
	content: "\E90B"
}
.icon-arrow-left::before {
	content: "\E90D"
}
.icon-arrow-right::before {
	content: "\E90E"
}
.icon-arrow-up::before {
	content: "\E90C"
}
.icon-bar::before {
	content: "\E911"
}
.icon-cart::before {
	content: "\E902"
}
.icon-close::before {
	content: "\E904"
}
.icon-hamburger::before {
	content: "\E903"
}
.icon-locate::before {
	content: "\E910"
}
.icon-logo::before {
	content: "\E900"
}
.logo-red .icon-logo::before {
	color: #c00
}
.logo-orange .icon-logo::before {
	color: #ef7922
}
.logo-yellow .icon-logo::before {
	color: #ffc012
}
.logo-green .icon-logo::before {
	color: #80c242
}
.logo-teal .icon-logo::before {
	color: #6ac5b0
}
.logo-blue .icon-logo::before {
	color: #3292cf
}
.logo-navy .icon-logo::before {
	color: #02549d
}
.logo-purple .icon-logo::before {
	color: #c11c8a
}
.icon-order::before {
	content: "\E906"
}
.icon-payment::before {
	content: "\E907"
}
.icon-profile::before {
	content: "\E908"
}
.icon-search::before {
	content: "\E909"
}
.icon-share::before {
	content: "\E90F"
}
.icon-store-locator::before {
	content: "\E90A"
}
.icon-minicart::before {
	content: "\E913"
}
.icon-facebook::before {
	content: "\E914"
}
.icon-loyalty::before {
	content: "\E915"
}
.icon-login::before {
	content: "\E916"
}
.icon-logout::before {
	content: "\E917"
}
.icon-my-account::before {
	content: "\E918"
}
.icon-track-order::before {
	content: "\E919"
}
.icon-phone::before {
	content: "\E91A"
}
/*------------------------------------------------------------------------------
↑↑↑　フォント読み込み
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
法人のお客様
------------------------------------------------------------------------------*/
.b2b-container.inner-wrap{
	margin:100px auto;
}
@media (max-width: 768px){
	.b2b-container.inner-wrap{
		margin:10% auto;
	}
}

.b2b-container .container.headline-wrap{
	width: 100%;
  margin:0 auto 50px;
}
@media (max-width: 768px){
	.b2b-container .container.headline-wrap{
		padding:0;
		margin:0 auto 10%;
	}
}

.b2b-container .container h1{
	position: relative;
	font-weight:bold;
	padding-bottom: 2.143rem;
	margin-bottom: 4rem;
}
.b2b-container .container h1:after{
	position: absolute;
	z-index: 2;
	content: ' ';
	display: block;
	padding: 5px 20px;
	border-radius: 15px;
	bottom: 0;
}

.b2b-container .headline-wrap .headline-img{
	width:100%;
	overflow: hidden;
	position: relative;
	transform:skewY(3deg);
	-ms-transform:skewY(3deg);
	-moz-transform:skewY(3deg);
	-webkit-transform:skewY(3deg);
	height: 300px;
}
.b2b-container .headline-wrap .headline-img span{
	display: block;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width: 100%;
	height: 130%;
}
.b2b-container .headline-wrap .headline-img span img{
	max-width: 296%;/* 画像の比率 1090*323 */
	width: auto;
	height:100%;
	transform:skewY(-3deg) translateX(-50%);
	-ms-transform:skewY(-3deg) translateX(-50%);
	-moz-transform:skewY(-3deg) translateX(-50%);
	-webkit-transform:skewY(-3deg) translateX(-50%);
	position: absolute;
	left: 50%;
	bottom:30px;
	object-fit: contain;
}
@media (max-width: 374px){
	.b2b-container .headline-wrap .headline-img{
		height: 250px;
	}
}


.b2b-container .contact-form-btn{
	margin-top: 58px;
	margin-bottom: 35px;
	text-align: center;
}
.b2b-container .contact-form-btn{
	margin-top: 58px;
	margin-bottom: 35px
}
@media(min-width:544px) {
	.b2b-container .contact-form-btn{
		width: 85%;
		margin: 58px auto 35px;
	}
}
.b2b-container .contact-form-btn{
	margin-top: 58px;
	margin-bottom: 35px;
	text-align: center;
}
@media (min-width: 576px){
	.b2b-container .contact-form-btn{
		width: 85%;
		margin: 0 auto;
		margin-top: 58px;
		margin-bottom: 35px;
		margin-left: 0;
	}
}
@media (min-width: 768px){
	.b2b-container .contact-form-btn{
		text-align: left;
	}
}

.b2b-container .contact-form-btn .btn{
	color: #000;
	background-color: #fff;
	border: 2px solid #000;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'CamphorW01-Regular','nunito-light', 'メイリオ', Meiryo, sans-serif;
	padding: 5px 10px;
	border-radius: 0;
	background-color: #000;
	color: #fff
}
.b2b-container .contact-form-btn .btn:hover,
.b2b-container .contact-form-btn .btn:focus{
	background-color: #000
}
.b2b-container .contact-form-btn .btn:focus{
	box-shadow: none
}
.b2b-container .contact-form-btn .btn{
  display: inline-block;
  font-family: eina01-bold;
  font-size: 1.0714rem;
  padding: 1em 1.67em;
  border-radius: 1.7em;
  transition: color .2s ease-in,background-color .2s ease-in,border-color .2s ease-in,box-shadow .2s ease-in;
  box-shadow: 0 2px 7px -2px #333;
  color: #272727;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  max-width: 160px;
  min-width: 16em;
  padding-top: .53em;
  padding-bottom: .53em;
  width: auto;
  min-width: 18em;
}
.b2b-container .contact-form-btn .btn:hover{
  color: #fff;
  background-color: #272727;
  border-color: #272727;
}