@charset "utf-8";


/** #PC
===================================*/



/** font
===================================*/
.hathaway_01 p{
	font-size:16px;
	/* font-family: '"Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", sans-serif'!important; */

}

.hathaway_01 h2,.hathaway_01 h3, .hathaway_01 h4{
	/* font-family: '"Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", sans-serif'!important; */
}


/** base
===================================*/

body {
    -webkit-text-size-adjust: 100%; /* iOSの自動調整を防止 */
}

.fadeIn {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fadeIn.show {
  opacity: 1;
  transform: translateY(0);
}

/* ディレイ用のクラス */
.delay-0 { transition-delay: 0s; }
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }
.delay-7 { transition-delay: 0.7s; }
.delay-8 { transition-delay: 0.8s; }
.delay-9 { transition-delay: 0.9s; }
.delay-10 { transition-delay: 1.0s; }

/** header
===================================*/
header {
}

/** layout
===================================*/

.l-mainarea{
	max-width: 940px;
	width: 100%;
	padding:20px;
	margin:0 auto;
}

/** Section
===================================*/

/* fv */
.l-fv__main{
	max-width: 1200px;
	width: 100%;
	padding:20px;
	margin:0 auto;
}
.p-fv__logo{
	display: block;
	margin:2rem auto;
	width: 60%;
}
.p-fv__mainImg{
	width:50%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}

.p-fv__message{
	display: block;
	margin:4rem auto;
	width: 50%;
}

.p-fv__start{
	display: block;
	margin:6rem auto;
	width: 50%;
}

/* オーダースーツ */
.l-section__ordersuit .c-flexbox{
	display: flex;
	gap:2rem;
	align-items: center;
}

.l-section__ordersuit .c-flexbox > * {
	flex: 1 1 0;
	max-width: 50%;
	box-sizing: border-box;
  }

.l-section__ordersuit h3{
	text-align: center;
	margin-bottom:1rem;
	font-weight: 700;
}
.l-section__ordersuit h3::after{
	display: block;
	content:url('../../img/hathaway/order_heading_parts.webp');
}

.p-order__mainImg{
	width:50%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}

.p-order__text p{
	margin-bottom:1rem;
}

/* 受注開始 */
.l-section__start{
	margin:2rem auto;
}
.p-start__info{
	margin:4rem auto 0;
	border:solid 1px #000000;
	padding:3rem 5rem;
	background-color: #ffffff;
}

.p-start__message{
	margin-bottom:1rem;
	text-align: right;
	font-size:0.8rem;
}

.p-start__message img{ 
	width: 60%!important;
	display: block;
	margin:0 auto;
}

.p-start_text{
	width: 80%;
	margin-inline:auto;
}

/* お問い合わせ */
.l-contact .l-mainarea{
	width: 30rem;
	text-align: center;
	max-width: 100%;
}

.l-contact p{
	margin-bottom:0.5rem;
}

.p-contact__heading{
	background-color: #000000;
	color:#ffffff;
	padding:0 1rem;
}

.p-contact__name{
	border-bottom:solid 1px #000000;
	font-size: 1.2rem!important;
}

.p-contact__info{
	display: flex;
	justify-content: center;
	gap:1rem;
}

.p-contact__copyright{
	margin:1rem auto;
}

.l-background{
	background-image: url('../../img/hathaway/background_most.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}

/** drawer
===================================*/
.drawer_nav {
}




/** navi
===================================*/
#gnav {
}

.gnavi {
}

.gnavi > li {
}

.gnavi > li a {
}



/** eyecatch
===================================*/
.main_slider {
}

.main_slider .swiper-slide {
	width: 1040px;
}



/** contents_all
===================================*/
#contents_wrap {
}

#main_contents {
}

#main_wrap {
}

#home_article {
}



/** side
===================================*/
#side {
}



/** footer
===================================*/
#footer {
}

.footer_inner {
}

.copyright {
	text-align: center;
}

.copyright address {
	font-style: normal;
	font-size: 0.8em;
}


/** slideMenu
===================================*/
#slideMenu {
	height: 100%;
	background-color: #fff;
}



/** top
===================================*/



/** page
===================================*/



/** product
===================================*/



/** product_category
===================================*/



/** single
===================================*/



/** category
===================================*/



/** search
===================================*/



/** 404
===================================*/












/*--------------------------------------------------------------------
  === [MEDIA QUERY] ====================================
--------------------------------------------------------------------*/

/** PC only
===================================*/
@media screen and (min-width: 1230px) {

}/* @media */



/** small-PC
===================================*/
@media screen and (max-width: 1229px) {
.conteiner_l {
}

.p-contact__info{
	flex-direction: column;
	gap:0.25rem;
}

}/* @media */



/** mini-PC
===================================*/
@media screen and (max-width: 1129px) {
.conteiner_l {
}

}/* @media */



/** Tablet
===================================*/
@media screen and (max-width: 1039px) {
/** tb-base
===================================*/
#TB_ancor {
	color: #f66;
	font-size: 20px;
}



/** tb-header
===================================*/



/** tb-navi
===================================*/



/** tb-eyecatch
===================================*/



/** tb-contents_all
===================================*/



/** tb-side
===================================*/



/** tb-footer
===================================*/



/** tb-slideMenu
===================================*/



/** tb-drawer
===================================*/



/** tb-top
===================================*/



/** tb-page
===================================*/



/** tb-product
===================================*/



/** tb-product_category
===================================*/



/** tb-single
===================================*/



/** tb-category
===================================*/



/** tb-search
===================================*/



/** tb-404
===================================*/



}/* @media */



/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {
/** base
===================================*/

.hathaway_01 p{
	font-size:4.0vw;
}

.c-cr__text{
	font-size:3.0vw;
}

.l-mainarea{
	max-width: 100%;
	width: 100%;
	padding:0 20px;
	margin:0 auto;
}

/** sp-top
===================================*/
.breadcrumbs{
	font-size: 2.75vw!important;
	font-size: min(2.75vw, 1rem)!important;
}
.l-fv__main{
	max-width: 100%;
	width: 100%;
	padding:1rem;
}

.p-fv__logo{
	width: 100%;
	margin:1rem auto;
}

.p-fv__mainImg{
	width: 100%;
}

.p-fv__message{
	display: block;
	margin:2rem auto;
	width: 90%;
}

.p-fv__start{
	margin:0rem auto;
	width: 90%;
}

/** sp-page
===================================*/

/* オーダースーツ */
.l-section__ordersuit .c-flexbox{
	flex-direction: column;
}

.l-section__ordersuit .c-flexbox > * {
	flex: 1 1 0;
	max-width: 100%;
  }

  .l-section__ordersuit h3{
	font-size:6vw;
  }

  .p-order__mainImg{
	width: 70%;
  }

  .p-order__img{
	width:80%;
	margin-inline: auto;
  }

  .p-order__text{
	padding:0 1.0rem;
  }


/* 受注開始 */
.l-section__start{
	margin:1rem auto;
}
.p-start__info{
	margin:2rem auto;
	padding:2rem 1rem;
}

.p-start_text{
	width: 100%;
	padding:0 0.75rem;
}

.p-start__message{ 
	width: 90%!important;
	display: block;
	margin:3rem auto;
}
.p-start__message img{ 
	width: 90%!important;
	display: block;
	margin:0 auto;
}

/* お問い合わせ */
.l-contact .l-mainarea{
	width: 95%;
}

.p-contact__info{
	flex-direction: column;
	gap:0.25rem;
}

.p-contact__copyright{
	font-size: 4vw!important;
}


/** sp-product
===================================*/



/** sp-product_category
===================================*/



/** sp-single
===================================*/



/** sp-category
===================================*/



/** sp-search
===================================*/



/** sp-404
===================================*/





}/* @media */