@charset "utf-8";

/*----- product/top, parent -----*/
.ttl_wrap.parent{background:url(/img/common/bg.jpg) no-repeat center/cover;}
.parent .parent_name,
.parent .page_ttl{
	color:#fff;
}

.prod_list{
	display:grid;
	grid-template-columns:repeat(auto-fit, 32.181%);
	grid-gap:40px 1.727%;
	padding:0;
}
.prod_item{
	list-style:none;
	margin-bottom:0;
}
.prod_link{
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius:10px;
	overflow:hidden;
	text-decoration:none;
}
.prod_thumb{
	flex-shrink:0;
	overflow:hidden;
}
.prod_img{
	width:100%;
	object-fit:cover;
	border-radius:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transition:transform 0.3s;
}
a:hover .prod_img{transform:scale(1.05);}
.prod_ttl{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	padding:15px 50px 16px 20px;
	margin:auto;
	background:#004478;
	color:#fff;
	font-size:1.9rem;
	font-weight:bold;
	letter-spacing:1.9px;
	transition:background 0.3s;
}
a:hover .prod_ttl{background:#0060AA;}
.prod_ttl::before{display:none;}
.prod_ttl::after{
	content:'';
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	left:auto;
	margin:auto;
	width:20px;
	height:20px;
	background:#BF1834 url(/img/common/arrow_r_white.svg) no-repeat center/6px;
	border-radius:5px;
}

.content_box{margin-bottom:85px;}
.child .prod_list{margin-bottom:85px;}

.agent_wrap{
	padding:50px 20px 60px;
	border-top:1px solid #ccc;
}
.agent_link{
	position:relative;
	display:block;
	max-width:900px;
	padding:9px 50px 10px;
	margin:auto;
	border:2px solid #004478;
	color:#004478 !important;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:1.8px;
	text-align:center;
	text-decoration:none !important;
	transition:background 0.3s;
}
.agent_link:hover{background:#E5EFF6;}
.agent_link::after{
	content:'';
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
	background:#BF1834 url(/img/common/arrow_r_white.svg) no-repeat center/6px;
	border-radius:5px;
}


/*----- product/child -----*/
.product p img{margin:auto;}

.catch_box{
	padding:70px 20px 75px;
	margin-bottom:120px;
	border:2px solid #ddd;
	border-radius:10px;
	text-align:center;
}
.catch_box h2{
	padding:0;
	margin:0 auto 30px;
	font-family:'Noto Serif JP', serif;
	text-align:center;
}
.catch_box h2::before,
.catch_box h2::after{
	display:none;
}
.catch_box p{
	max-width:900px;
	margin:0 auto 48px;
	text-align:left;
}
.sewing a{
	display:block;
	padding:0;
	background:none;
}
.sewing .bnr_img{
	margin-bottom:16px;
	overflow:hidden;
}
.sewing .bnr_img img{border:2px solid #ddd;}
.sewing p{
	margin-bottom:0;
	text-align:center;
}
.sewing span{
	padding-right:25px;
	background:url(/img/common/icon_popup.svg) no-repeat center right;
}

.pdf_link{
	display:flex;
	justify-content:center;
	margin-top:30px;
}
.pdf_link a{position:relative;}
.pdf_link a:not(:last-child){margin-right:50px;}
.pdf_link a:not(:first-child)::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:-25px;
	margin:auto;
	width:1px;
	height:20px;
	background:#ccc;
}
.contact_link{
	display:block;
	width:240px;
	padding:14px 0;
	margin:35px auto 0;
	background:#BF1834;
	border:1px solid #BF1834;
	border-radius:30px;
	color:#fff !important;
	line-height:2;
	text-align:center;
	text-decoration:none !important;
	transition:background 0.3s, color 0.3s;
}
.contact_link:hover{
	background:#fff;
	color:#BF1834 !important;
}

.prod_catch{
	margin-top:30px;
	font-size:2.4rem;
	font-weight:bold;
	letter-spacing:2.4px;
	line-height:4.2rem;
}
.col3_list{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin-bottom:60px;
}
.col3_list li{
	width:calc(33.333% - 20px);
	padding-right:20px;
	margin:0 0 15px 20px !important;
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:2.4rem;
}
.movie{
	padding:40px 20px;
	margin-bottom:20px;
	background:#F8F6F4;
	border-radius:10px;
}
.popup-iframe{
	display:block;
	max-width:640px;
	margin:auto;
}
.movie_thumb{
	position:relative;
	overflow:hidden;
}
.movie_thumb::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.5) url(/img/common/icon_play.png) no-repeat center/60px;
	backface-visibility:hidden;
	transition:transform 0.3s;
}
.popup-iframe img{
	width:100%;
	border-radius:0;
	transition:transform 0.3s;
}
.popup-iframe:hover img{transform:scale(1.05);}
.column_2 dl,
.column_3 dl{
	margin-top:20px;
}
.column_2 dt,
.column_3 dt{
	margin-bottom:8px;
	font-size:1.9rem;
	font-weight:bold;
	letter-spacing:1.9px;
}

.fa_flow div{
	position:relative;
	padding:29px 29px 24px;
	margin-bottom:65px;
	background:#EEF5FB;
	border:1px solid #004478;
	border-radius:10px;
}
.fa_flow div:first-child{margin-bottom:105px;}
.fa_flow div:first-child::before{
	content:'発注';
	position:absolute;
	right:0;
	bottom:-46px;
	left:0;
	color:#004478;
	font-size:2.1rem;
	font-weight:bold;
	letter-spacing:2.1px;
	text-align:center;
}
.fa_flow div:not(:last-child)::after{
	content:'';
	position:absolute;
	right:0;
	bottom:-46px;
	left:0;
	margin:auto;
	width:90px;
	height:25px;
	border-top:25px solid #004478;
	border-right:45px solid rgba(255,255,255,0);
	border-left:45px solid rgba(255,255,255,0);
}
.fa_flow div:first-child::after{bottom:-86px;}
.fa_flow h3{
	padding-top:15px;
	margin:0 0 20px;
}
.person th{width:calc(100% - 150px);}
.person td{width:150px;}

.cta_contact{
	padding:60px 20px 80px;
	margin:80px auto;
	background:#F8F6F4;
	border-radius:10px;
}
.cta_head{
	padding:0;
	margin:0 auto 50px;
	text-align:center;
}
.cta_head::before,
.cta_head::after{
	display:none;
}
.cta_txt{
	max-width:800px;
	margin:0 auto 45px;
	text-align:center;
}
.cta_btn{margin:auto;}


/*----- en/product/child -----*/
.en .fa_flow div:first-child::before{content:'Placement of Order';}
.none p::after{
	content:url(/img/common/icon_pdf.svg);
	position:relative;
	top:4px;
	margin-left:5px;
}

/* 2022/01 add mycrie */
.sewing_link{
	display:block;
	margin-bottom:40px;
	text-decoration:none !important;
}
.sewing_link div{
	border-radius:10px;
	overflow:hidden;
}
.sewing_link img{transition:transform 0.3s;}
.sewing_link:hover img{transform:scale(1.05);}
.sewing_link dt{
	position:relative;
	padding-right:30px;
	transition:color 0.3s;
}
.sewing_link:hover dt{color:#BF1834;}
.sewing_link dt::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:20px;
	height:20px;
	margin:auto;
	background:#BF1834 url(/img/common/arrow_r_white.svg) no-repeat center/6px;
	border-radius:5px;
}

.description{
	margin-bottom:70px;
	font-size:3rem;
	font-weight:bold;
	letter-spacing:3px;
	line-height:4.5rem;
}
.catch{margin-bottom:25px;}
/* .doc_wrap{
	display:flex;
	justify-content:center;
}
.doc_link:first-child{margin-right:60px;}
.doc_wrap ~ h3 + .column_2 dl{margin:0;}
.doc_wrap ~ .column_2 img, .doc_wrap ~ .column_3 img{width:100%;} */
.description ~ h3 + .column_2 dl{margin:0;}
.description ~ .column_2 img, .description ~ .column_3 img{width:100%;}
.ffh_8000, .ffh_6000{table-layout:fixed;}
.ffh_8000 th, .ffh_8000 td,
.ffh_6000 th, .ffh_6000 td{
	display:table-cell !important;
	width:auto !important;
}
.ffh_8000 th, .ffh_6000 th{border-right:none;}
.ffh_8000 th:nth-child(2), .ffh_6000 th:nth-child(2){border-left:1px solid #ccc;}
.ffh_8000 td, .ffh_6000 td{text-align:center;}


@media screen and (min-width:768px) and (max-width:999px){

.prod_ttl {
	padding: 15px 50px 16px 20px;
	background: #004478;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 1.6px;
}
.catch_box{margin-bottom:80px;}
.cta_contact {
	padding: 55px 20px 65px;
	margin-bottom: 57px;
}
.cta_head {
	margin: 0 auto 27px;
}
.content_box {
	margin-bottom: 60px;
}
.agent_link {
	font-size: 1.7rem;
	letter-spacing: 1.7px;
}
.agent_wrap {
	padding: 40px 20px 50px;
}
.child .prod_list {
	margin-bottom: 60px;
}
.prod_catch {
	margin-top: 37px;
	font-size:2.1rem;
	letter-spacing:2.1px;
	line-height:3.3rem;
}
.prod_list {
	grid-gap: 30px 1.727%;
}
.col3_list li{font-size:1.3rem;}
.pdf_link a{
	font-size:1.4rem;
	letter-spacing:1.4px;
}
.contact_link {
	width: 225px;
	padding: 13px 0;
	margin: 23px auto 0;
	line-height: 2;
	font-size: 1.5rem;
	letter-spacing: 1.5px;
}
.movie {
	padding: 30px 20px;
}
.column_3 dl {
	margin-top: 15px;
}
.column_2 dt {
	margin-bottom: 10px;
	font-size: 1.8rem;
	letter-spacing: 1.8px;
}
.column_3 dt {
	margin-bottom: 7px;
	font-size: 1.5rem;
	letter-spacing: 1.5px;
}
.column_2 dd {
	font-size: 1.5rem;
	letter-spacing: 1.5px;
}
.column_3 dd {
	font-size: 1.3rem;
	letter-spacing: 1.3px;
}

.cta_head{margin-bottom:40px;}
.cta_txt{margin-bottom:35px;}

/* 2022/01 add mycrie */
.description{
	margin-bottom:50px;
	font-size:2.5rem;
	letter-spacing:2.5px;
	line-height:3.8rem;
}
.catch{margin-bottom:20px;}
/* .doc_link{
	font-size:1.5rem;
	letter-spacing:1.5px;
} */

}


@media screen and (max-width:767px){

.prod_list{
	grid-template-columns:repeat(auto-fit, 48.358%);
	grid-gap:20px 3.283%;
}
.prod_list{margin-bottom:0;}
.prod_ttl{
	padding:9px 35px 10px 10px;
	font-size:1.1rem;
	letter-spacing:1.1px;
	line-height:1.5;
}
.prod_ttl::after{right:10px;}

.content_box{margin-bottom:35px;}
.child .prod_list{margin-bottom:35px;}

.catch_box{
	padding:50px 20px 55px;
	margin-bottom:60px;
}
.catch_box p{margin-bottom:25px;}
.catch_box a{
	font-size:1.3rem;
	letter-spacing:1.3px;
}
.sewing .bnr_img{margin-bottom:6px;}

.pdf_link{
	margin-top:15px;
	text-align:center;
}
.pdf_link a{
	margin-bottom:15px;
	font-size:1.3rem;
	letter-spacing:1.3px;
}
.contact_link{
	width:210px;
	padding:11px 0;
	margin-top:10px;
	font-size:1.3rem;
	letter-spacing:1.3px;
}
.prod_catch{
	margin-top:45px;
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.4rem;
}
.col3_list li{
	width:calc(50% - 20px);
	font-size:1.2rem;
	letter-spacing:0.72px;
}
.movie{padding:20px;}
.column_2 dt, .column_3 dt{
	margin-bottom:10px;
	font-size:1.8rem;
	letter-spacing:1.8px;
}
.column_2 dd, .column_3 dd{
	font-size:1.3rem;
	letter-spacing:1.3px;
}

.agent_wrap{padding:30px 20px 40px;}
.agent_link{
	font-size:1.6rem;
	letter-spacing:1.6px;
}

.cta_contact{
	padding:50px 20px;
	margin-bottom:35px;
}
.cta_head{margin-bottom:30px;}
.cta_txt{margin-bottom:25px;}

.ln_product .ln_item{width:50%;}
.ln_product .ln_item:nth-child(2n){border-right:none;}
.ln_product .ln_link{justify-content:flex-start;}

/* 2022/01 add mycrie */
.description{
	margin-bottom:30px;
	font-size:2rem;
	letter-spacing:2px;
	line-height:3rem;
}
.catch{margin-bottom:15px;}
/* .doc_wrap{
	flex-direction:column;
	align-items:center;
}
.doc_link{
	font-size:1.4rem;
	letter-spacing:1.4px;
}
.doc_link:first-child{margin:0 0 5px;} */

}


@media screen and (max-width:600px){

.pdf_link{
	flex-direction:column;
	align-items:center;
}
.pdf_link a:not(:last-child){margin-right:0;}
.pdf_link a:not(:first-child)::before{display:none;}


/* 2022/01 add mycrie */
.sewing_link{margin-bottom:15px;}

}