/*============ 共通項目 ==============*/

main[role="main"] {padding-top: 18rem;}
main[role="main"] article .accessPoint{position:relative; top:max(-20vw , -160px);}




/*============ プライバシーポリシーページ調整用　==============*/

main[role="main"] article.pvWrap{}
main[role="main"] article.pvWrap section.content {
	width: 100%;
	position: relative;
}
main[role="main"] article.pvWrap section.content.content01 {
	background: #f4dae0;
	text-align: center;
	padding: 10rem 0;
	margin: 0 auto 10rem;
}
main[role="main"] article.pvWrap section.content.content01 h2 {
	font-size: 4rem;
	position: relative;
	padding: 0 5rem 5rem 5rem;
	margin-bottom: 2rem;
	display: inline-block;
	left:0;
}
main[role="main"] article.pvWrap section.content.content01 h2:before {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-icon_title_01.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	left: 1rem;
	top: -1rem;
}
main[role="main"] article.pvWrap section.content.content01 h2:after {
	color: #8f8f8f;
	margin-left: 0;
	font-size: 2.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

main[role="main"] article.pvWrap section.content.content02 {}
main[role="main"] article.pvWrap section.content.content02 > p {
	width: min(94% , 150rem);
	margin: auto;
	font-weight: 600;
}
main[role="main"] article.pvWrap section.content.content02 ul {
	width: min(94% , 150rem);
	margin: 15rem auto 0;
	display: flex;
	flex-wrap: wrap;
}
main[role="main"] article.pvWrap section.content.content02 ul li{}
main[role="main"] article.pvWrap section.content.content02 ul li + li{margin-top:10rem;}
main[role="main"] article.pvWrap section.content.content02 ul li h3 {
	width: auto;
	font-size: 3rem;
	font-weight: 700;
	border-bottom: #d2647f 2px solid;
	padding: 0 3rem 1rem;
	margin-bottom: 0;
	display: inline-block;
}
main[role="main"] article.pvWrap section.content.content02 ul li p:not(.checkWrap) {
	width: 100%;
	padding: 4rem 3rem;
}
main[role="main"] article.pvWrap section.content.content02 ul li p.checkWrap {
	border: #d2647f 1px solid;
	padding: 3rem;
	margin: 0 auto 0;
}


/*============ 会社概要ページ調整用　==============*/

main[role="main"] article.conmapnyWrap{}

main[role="main"] article.conmapnyWrap{}
main[role="main"] article.conmapnyWrap section.content {
	width: 100%;
	position: relative;
}
main[role="main"] article.conmapnyWrap section.content.content01 {
	background: #f4dae0;
	text-align: center;
	padding: 10rem 0;
	margin: 0 auto 10rem;
}
main[role="main"] article.conmapnyWrap section.content.content01 h2 {
	font-size: 4rem;
	position: relative;
	padding: 0 5rem 5rem 5rem;
	margin-bottom: 2rem;
	display: inline-block;
	left: 0;
}
main[role="main"] article.conmapnyWrap section.content.content01 h2:before {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-icon_title_01.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	left: 1rem;
	top: -1rem;
}
main[role="main"] article.conmapnyWrap section.content.content01 h2::after {
	color: #8f8f8f;
	margin-left: 0;
	font-size: 2.5rem;
	position: absolute;
	bottom: 0;
	left: 0rem;
	right: 0;
}
main[role="main"] article.conmapnyWrap section.content.content02 {}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap {
	width: min(94% , 150rem);
	margin: 5rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table {
	width: 100%;
	border-collapse: collapse;
}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table tr {
	border-bottom: #d2647f 2px solid;
}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table tr th {
	width: 20%;
	padding:5rem 3rem;
	vertical-align: top;
}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table tr td {
	padding:5rem 3rem;
	vertical-align: top;
	width: 80%;
	background: #fff;
}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table tr td a {
	text-align: left;
	display: inline-block;
	padding: 0 1rem 0;
	position: relative;
	cursor: pointer;
}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table tr td a::before {
	content: '';
	display: block;
	height: 1px;
	width: 0;
	background: #d2647f;
	margin: 0 auto;
	transition: 0.4s;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table tr td a:hover:before{width:calc(100%);}

main[role="main"] article.conmapnyWrap section.content.content03 {padding: 7rem 0;}
main[role="main"] article.conmapnyWrap section.content.content03 dl {
	background: #f2f0f1;
	padding: 8rem 50rem;
	width: 100%;
	gap: 3rem;
	align-items: center;
}
main[role="main"] article.conmapnyWrap section.content.content03 dl + dl {
	margin-top: 9rem;
}
main[role="main"] article.conmapnyWrap section.content.content03 dl dd {
	width:calc(calc(100% - 3rem) - 30%);
}
main[role="main"] article.conmapnyWrap section.content.content03 dl dd h3 {
	color: #d6728a;
	font-size: 4rem;
	margin-bottom: 3rem;
}
main[role="main"] article.conmapnyWrap section.content.content03 dl dd p{}
main[role="main"] article.conmapnyWrap section.content.content03 dl dt {
	width: min(30% , 280px);
}
main[role="main"] article.conmapnyWrap section.content.content03 dl dt figure{}




/*============ お問い合わせページ調整用　==============*/

main[role="main"] article.contactWrap{}
main[role="main"] article.contactWrap section.content {
	width: 100%;
	position: relative;
}
main[role="main"] article.contactWrap section.content.content01 {
	background: #f4dae0;
	text-align: center;
	padding: 10rem 0;
	margin: 0 auto 10rem;
}
main[role="main"] article.contactWrap section.content.content01 h2 {
	font-size: 4rem;
	position: relative;
	padding: 0 5rem 5rem 5rem;
	margin-bottom: 2rem;
	display: inline-block;
	left: 0;
}
main[role="main"] article.contactWrap section.content.content01 h2:before {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-icon_title_01.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	left: 1rem;
	top: -1rem;
}
main[role="main"] article.contactWrap section.content.content01 h2:after {
	color: #8f8f8f;
	margin-left: 0;
	font-size: 2.5rem;
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
}
main[role="main"] article.contactWrap section.content.content02 {}
main[role="main"] article.contactWrap section.content.content02 > p {
	width: min(94% , 150rem);
	margin: 5rem auto 0;
	text-align: center;
	font-size: 3.5rem;
}
main[role="main"] article.contactWrap section.content.content02 > p.borderBox {
	border: #d2647f 1px solid;
	padding: 3rem;
	margin-bottom: 10rem;
	font-size: 2.5rem;
}
main[role="main"] article.contactWrap section.content.content02 > p.btnText {
	margin: 8rem auto 0;
	font-size: 2.5rem;
}
main[role="main"] article.contactWrap section.content.content02 > ul {
	width: min(94% , 150rem);
	margin: 2rem auto 10rem;
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 10rem;
}
main[role="main"] article.contactWrap section.content.content02 > ul li{}
main[role="main"] article.contactWrap section.content.content02 > ul li + li{}
main[role="main"] article.contactWrap section.content.content02 > ul li a {
	display: block;
	padding: 1rem 8rem 1rem 2rem;
	position: relative;
	line-height: 4rem;
	border-bottom: 1px solid #ed7b88;
}
main[role="main"] article.contactWrap section.content.content02 > ul li a::after {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-icon_arrow_01.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	right: 0;
	top: 1rem;
	bottom: 0;
	margin: auto;
}
main[role="main"] article.contactWrap section.content.content02 form{}
main[role="main"] article.contactWrap section.content.content02 form dl {
	width: min(94% , 150rem);
	margin: 5rem auto;
	display: flex;
	flex-wrap: wrap;
}
main[role="main"] article.contactWrap section.content.content02 form dl dd {
	width: 30%;
	background: #f4dae0;
	padding: 4rem;
	border-bottom: #d2647f 1px solid;
}
main[role="main"] article.contactWrap section.content.content02 form dl dd p {
	position: relative;
}
main[role="main"] article.contactWrap section.content.content02 form dl dd p span {
	background: #d2647f;
	color: #fff;
	font-size: 80%;
	padding: 0 2rem;
	border-radius: .5rem;
	position: absolute;
	right: 0;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt {
	width: 70%;
	padding: 4rem;
	border-bottom: #d2647f 1px solid;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt p {
	display: flex;
	justify-content: flex-start;
	gap: 3rem;
	width: 100%;
	flex-wrap: wrap;
	position: relative;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt p > span {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.nameWrap p > span {
	width: 40%;
	display: flex;
	align-items: center;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.nameWrap p > span > span{
	width: calc(100% - 7rem);
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.dataWrap p > span {
	width: 30%;
	display: flex;
	align-items: center;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.numberWrap p > span {
	width: 20%;
	display: flex;
	align-items: center;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.detailWrap p > span {
	width: 100%;
	display: flex;
	align-items: center;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt p > span[data-name="radio-990"] {
	width: 100%;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt p > span[data-name="radio-990"] span{
	display: block;
	width: 100%;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt p > span[data-name="radio-990"] span .wpcf7-list-item {
	display: inline-block;
	margin: 0;
	width: 100%;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt p > span[data-name="radio-990"] label{
	display:flex;
	align-items:center;
	}
main[role="main"] article.contactWrap section.content.content02 form dl dt > p > span[data-name="your-message"] {
	width: 100%;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt > p span > input,
main[role="main"] article.contactWrap section.content.content02 form dl dt > p span > textarea {
	display: block;
	width: 100%;
	padding: 1rem;
	font-family: "Noto Sans JP", sans-serif !important;
	border: 1px #999 solid;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt > p > span + span{}
main[role="main"] article.contactWrap section.content.content02 form dl dt > p > span[data-name="tel-60tel"] + span {
	background: rgba(255,255,255,.7) !important;
	backdrop-filter: blur(15px);
	border: #d2647f 1px solid;
	font-size: 2.5rem !important;
	padding: 2rem !important;
	font-family: "Noto Sans JP", sans-serif !important;
	border-radius: 8px;
	position: absolute;
	left: 3rem;
	top: 7rem;
	opacity: 0;
	transform: scale(0 , 0);
}
main[role="main"] article.contactWrap section.content.content02 form dl dt > p > span[data-name="tel-60tel"] + span.attenActive {
	opacity: 1;
	transform: scale(1 , 1);
	}
main[role="main"] article.contactWrap section.content.content02 form dl dt > p > span[data-name="tel-60tel"] + span.attenActive.attenActive02 {
	opacity: 0;
	transform: scale(0 , 0);
	}
	
main[role="main"] article.contactWrap section.content.content02 form dl dt.addressWrap > p{
	display: flex;
	justify-content: flex-start;
	gap: 3rem;
	width: 100%;
	flex-wrap: wrap;
	}
main[role="main"] article.contactWrap section.content.content02 form dl dt.addressWrap > p + p {
	margin-top: 3rem;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.addressWrap > p span input {
	display: block;
	width: 100%;
	padding: 1rem;
	font-family: "Noto Sans JP", sans-serif !important;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.addressWrap > p span input#zip,
main[role="main"] article.contactWrap section.content.content02 form dl dt.addressWrap > p span input#pref{width:30rem;}

main[role="main"] article.contactWrap section.content.content02 form dl dt.addressWrap > p > span {
	width: 20rem;
	display: flex;
	gap: 2rem;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.addressWrap > p > span + span {
	width: calc(100% - 23rem);
}
main[role="main"] article.contactWrap section.content.content02 form dl + p {
	width: min(94% , 150rem);
	margin: 5rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5rem;
	position: relative;
	padding-left: 102px;
}
main[role="main"] article.contactWrap section.content.content02 form dl + p + .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #d2647f;
	width: 80rem;
	margin: auto;
}
main[role="main"] article.contactWrap section.content.content02 form dl + p input {
	width: 30rem;
	border: none;
	background: #d2647f;
	color: #fff;
	font-size: 3rem;
	padding: 1rem 0;
	border-radius: 1rem;
	cursor: pointer;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	transition-duration: 0.3s;
	transition-duration: 0.3s;
}
main[role="main"] article.contactWrap section.content.content02 form dl + p input:hover {opacity:.8;}
main[role="main"] article.contactWrap section.content.content02 form dl + p input .wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d;
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
div#autozip {
	background: rgba(255,255,255,.7) !important;
	backdrop-filter: blur(15px);
	border: #d2647f 1px solid;
	font-size: 2.5rem !important;
	padding: 2rem !important;
	font-family: "Noto Sans JP", sans-serif !important;
	z-index: 10 !important;
}
div#autozip::before {
	content: "ハイフンを入れずに入力してください";
	font-size: 2.5rem;
}
div#autozip > span#zip_close,
div#autozip > div#movable_zipaddr{display:none !important;}






/*============ ブランド紹介ページ調整用　==============*/

main[role="main"] article.brandWrap{}
main[role="main"] article.brandWrap section.content {
	width: 100%;
	position: relative;
}
main[role="main"] article.brandWrap section.content.content01 {
	background: #f4dae0;
	text-align: center;
	padding: 10rem 0;
	margin: 0 auto 10rem;
}
main[role="main"] article.brandWrap section.content.content01 h2 {
	font-size: 4rem;
	position: relative;
	padding: 0 5rem 5rem 5rem;
	margin-bottom: 2rem;
	display: inline-block;
	left: 0;
}
main[role="main"] article.brandWrap section.content.content01 h2:before {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-icon_title_01.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	left: 1rem;
	top: -1rem;
}
main[role="main"] article.brandWrap section.content.content01 h2:after {
	color: #8f8f8f;
	margin-left: 0;
	font-size: 2.5rem;
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
}
main[role="main"] article.brandWrap section.content.content02 {
	margin-bottom: 20rem;
}
main[role="main"] article.brandWrap section.content.content02 ul {
	width: min(100% , 150rem);
	margin: auto;
}
main[role="main"] article.brandWrap section.content.content02 ul li {
	width: 100%;
	position: relative;
}
main[role="main"] article.brandWrap section.content.content02 ul li + li{margin-top:17rem;}
main[role="main"] article.brandWrap section.content.content02 ul li::before {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-bg_02.png) no-repeat left top / 100%;
	width: 70rem;
	height: 70rem;
	position: absolute;
	left: -15rem;
	top: -16rem;
	z-index: -1;
}
main[role="main"] article.brandWrap section.content.content02 ul li h3 {
	color: #d3647f;
	font-size: 3.5rem;
	position: relative;
	padding-left: 7rem;
}
main[role="main"] article.brandWrap section.content.content02 ul li h3::before {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-icon_arrow_01.png) no-repeat center / 100%;
	width: 6rem;
	height: 6rem;
	position: absolute;
	left: 0;
	top: 1rem;
	bottom: 0;
	margin: auto;
}
main[role="main"] article.brandWrap section.content.content02 ul li h3 strong {
	font-size: 6rem;
	font-weight: 500;
	margin-right: 3rem;
}
main[role="main"] article.brandWrap section.content.content02 ul li a {
	display: block;
	width: 100%;
	position: relative;
}
main[role="main"] article.brandWrap section.content.content02 ul li a h4 {
	border-bottom: #d3647f 1px solid;
	width: 60%;
	position: absolute;
	right: 0;
	top: 5rem;
	padding: 2rem 3rem;
	font-size: 2.5rem;
	z-index: 1;
}
main[role="main"] article.brandWrap section.content.content02 ul li a img {
	opacity: 1;
	transition: .4s ease-out;
}
main[role="main"] article.brandWrap section.content.content02 ul li a:hover img {opacity:.8;}



/*============ 沿革ページ調整用　==============*/

main[role="main"] article.historyWrap{}
main[role="main"] article.historyWrap section.content {
	width: 100%;
	position: relative;
}
main[role="main"] article.historyWrap section.content.content01 {
	background: #f4dae0;
	text-align: center;
	padding: 10rem 0;
	margin: 0 auto 10rem;
}
main[role="main"] article.historyWrap section.content.content01 h2 {
	font-size: 4rem;
	position: relative;
	padding: 0 5rem 5rem 5rem;
	margin-bottom: 2rem;
	display: inline-block;
	left: 0;
}
main[role="main"] article.historyWrap section.content.content01 h2:before {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-icon_title_01.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	left: 1rem;
	top: -1rem;
}
main[role="main"] article.historyWrap section.content.content01 h2::after {
	color: #8f8f8f;
	margin-left: 0;
	font-size: 2.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
main[role="main"] article.historyWrap section.content.content02 {}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine {
	border-left: 1px dotted #EA5B7D;
	position: absolute;
	height: 100%;
	padding-bottom: 25px;
	width: 1px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(1){left:-150rem;}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(2){left:-149rem;}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(3){left:-148rem;}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(4){left:-147rem;}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(5){left:-146rem;}
main[role="main"] article.historyWrap section.content.content02 > ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
main[role="main"] article.historyWrap section.content.content02 > ul > li {
	width: 100%;
}
main[role="main"] article.historyWrap section.content.content02 > ul > li:not([data="年代表示しない"]):nth-of-type(2n+1) {background: #f4dae0;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl {
	width: min(96% , 170rem);
	margin: auto;
	position: relative;
	padding: 14rem 0 14rem 36rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5rem;
}

main[role="main"] article.historyWrap section.content.content02 > ul li dl + dl::after {
	content: "";
	border-top: 3px double #eee;
	width: 150rem;
	right: 0;
	position: absolute;
	top: 0rem;
}

main[role="main"] article.historyWrap section.content.content02 > ul li dl::before {
	background: #ea5b7d;
	border-radius: 100px;
	width: 14rem;
	height: 14rem;
	line-height: 14rem;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 3rem;
	position: absolute;
	top: -5rem;
	left: 4rem;
	z-index: 2;
}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="大きくする"] dl::before {
	width: 21rem;
	height: 21rem;
	line-height: 21rem;
	font-size: 5rem;
	left: 0;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dd {}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dd h3 {
	font-size: 4rem;
	font-weight: 600;
	margin-bottom: 5rem;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dd p{padding:3rem 0;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dd h3 + p{padding:0;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dt {}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dt figure {
	font-size: 2rem;
	text-align: center;
	width: auto;
	display: inline-block;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dt figure img {margin-bottom: 1rem; display:block;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.noImg{}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.noImg dd{width:100%;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg{}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dd{width: calc(calc(100% - 5rem) - 50rem);}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dt + dd p{text-align:left; font-size:2rem;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dt {width: 100%; text-align: left;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dd:has(h3):has(p) + dt,
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dd:has(p) + dt{width: 50rem;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dt figure{}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dt figure img {width: auto; max-width: 100%;}

main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg{}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dd,
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt{width:100%;}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt ul {
	display: flex;
	gap: 5rem;
	margin: 2rem auto;
	align-items: flex-start;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt ul li {
	width: calc(calc(100% - 10rem) / 3);
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt ul li figure{}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt ul li figure img{}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt ul + p{text-align:left; font-size:2rem;}

main[role="main"] article.historyWrap section.content.content02 > ul > li[data="年代表示しない"] {
	order: 99;
	background: #f4dae0;
	z-index: 2;
}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl {
	padding: 14rem;
}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl dd{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl dd h3 {
	color: #ea5b7d;
	font-size: 5rem;
}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl dd p{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl dt{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl dt figure{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl dt figure img{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl.singleImage{}}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl.singleImage{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl.singleImage dd{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl.singleImage dt{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl.singleImage dt figure{}
main[role="main"] article.historyWrap section.content.content02 > ul li[data="年代表示しない"] dl.singleImage dt figure img{}




/*============ その他ページ調整用　==============*/

main[role="main"] article.postWrap{}
main[role="main"] article.postWrap section.content {
	width: 100%;
	position: relative;
}
main[role="main"] article.postWrap section.content.content01 {
	background: #f4dae0;
	text-align: center;
	padding: 10rem 0;
	margin: 0 auto 10rem;
}
main[role="main"] article.postWrap section.content.content01 h2 {
	font-size: 4rem;
	position: relative;
	padding: 0 5rem 5rem 5rem;
	margin-bottom: 2rem;
	display: inline-block;
	left: 0;
}
main[role="main"] article.postWrap section.content.content01 h2:before {
	content: "";
	background: url(https://myff.link/feather/wp-content/themes/feather/assets/images/top/t-icon_title_01.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	left: 1rem;
	top: -1rem;
}
main[role="main"] article.postWrap section.content.content01 h2::after {
	color: #8f8f8f;
	margin-left: 0;
	font-size: 2.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
main[role="main"] article.postWrap section.content.content02 {
	width: min(94% , 150rem);
	margin: 5rem auto;
}
main[role="main"] article.postWrap section.content.content02 h1 {font-size: 200%; font-weight: 700;}
main[role="main"] article.postWrap section.content.content02 h2{font-size:170%; font-weight: 700;}
main[role="main"] article.postWrap section.content.content02 h3{font-size:150%; font-weight:500;}
main[role="main"] article.postWrap section.content.content02 h4{font-size:130%; font-weight:500;}
main[role="main"] article.postWrap section.content.content02 h5{font-size:110%; font-weight:500;}
main[role="main"] article.postWrap section.content.content02 strong{font-size:100%; font-weight:700;}



/*============ レスポンシブ 調整用　==============*/

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


/*============ 会社概要ページ調整用　==============*/

main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap {width: min(94% , 136rem);}
main[role="main"] article.conmapnyWrap section.content.content03 dl {padding: 8rem 30rem;}


/*============ お問い合わせページ調整用　==============*/
main[role="main"] article.contactWrap section.content.content02 form dl + p + .wpcf7-response-output {
	padding: 0.2em 1em;
	border: 2px solid #d2647f;
	position: static;
	width: 80rem;
	margin: auto;
}

}

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

main[role="main"] {padding-top: 10rem;}


/*============ 会社概要ページ調整用　==============*/

main[role="main"] article.conmapnyWrap section.content.content01 {padding: 7rem 0 5rem;}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table tr th {width: 30vw;}
main[role="main"] article.conmapnyWrap section.content.content02 div.textWrap table tr td {padding: 5rem 3rem; width: calc(100% - 30vw);}
main[role="main"] article.conmapnyWrap section.content.content03 dl {padding: 8rem 4vw;}
main[role="main"] article.conmapnyWrap section.content.content03 dl dt {
	width: 60vw;
	order: 1;
	margin: auto;
}
main[role="main"] article.conmapnyWrap section.content.content03 dl dd {
	width: 100%;
	order: 2;
}
main[role="main"] article.conmapnyWrap section.content.content03 dl dd h3 {
	color: #d6728a;
	font-size: 4vw;
	margin-bottom: 3rem;
}


/*============ プライバシーポリシーページ調整用　==============*/

main[role="main"] article.pvWrap section.content.content01 {padding: 7rem 0 5rem;}
main[role="main"] article.pvWrap section.content.content02 ul li h3 {font-size: 3.5vw;}
main[role="main"] article.pvWrap section.content.content02 ul li p:not(.checkWrap) {font-size: 3vw;}


/*============ ブランド紹介ページ調整用　==============*/

main[role="main"] article.brandWrap section.content.content01 {padding: 7rem 0 5rem;}
main[role="main"] article.brandWrap section.content.content02 h2 {
	font-size: 5rem;
}
main[role="main"] article.brandWrap section.content.content02 ul li h3 {
	font-size: 3rem;
	padding-left: 10vw;
}
main[role="main"] article.brandWrap section.content.content02 ul li h3::before {
	left: 3vw;
}
main[role="main"] article.brandWrap section.content.content02 ul li h3 strong {
	font-size: 5rem;
}
main[role="main"] article.brandWrap section.content.content02 ul li a h4 {
	position: static;
	padding: 4rem 3rem 2rem;
	font-size: 3rem;
	z-index: 1;
	width: 100%;
}


/*============ お問い合わせページ調整用　==============*/

main[role="main"] article.contactWrap section.content.content01 {padding: 7rem 0 5rem;}
main[role="main"] article.contactWrap section.content.content02 > p {
	margin: 5rem auto;
}
main[role="main"] article.contactWrap section.content.content02 > p.borderBox,
main[role="main"] article.contactWrap section.content.content02 > p.btnText {
	text-align: left;
}
main[role="main"] article.contactWrap section.content.content02 > ul {
	gap: 3vw;
	flex-wrap: wrap;
}
main[role="main"] article.contactWrap section.content.content02 > ul li {
	width: 63vw;
}
main[role="main"] article.contactWrap section.content.content02 form dl dd {
	width: 100%;
	border-bottom: none;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt {
	width: 100%;
	padding: 4rem;
	border-bottom: none;
	margin-bottom: 10vw;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt p > span {
	width: 100%;
	flex-wrap: wrap;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt.nameWrap p > span {
	width: 40vw;
}
main[role="main"] article.contactWrap section.content.content02 form dl dd p span {
	height: 5vw;
	line-height: 4.5vw;
}
main[role="main"] article.contactWrap section.content.content02 form dl + p {
	width: min(94% , 150rem);
	padding-left: calc(16vw + 5rem);
}
main[role="main"] article.contactWrap section.content.content02 form dl + p input {
	width: 40rem;
	font-size: 4vw;
	padding: 2rem 0;
}

main[role="main"] article.contactWrap section.content.content02 form dl + p input + .wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d;
	opacity: 0.75;
	width: 10vw;
	height: 10vw;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 3vw;
	position: relative;
}

main[role="main"] article.contactWrap section.content.content02 form dl + p + .wpcf7-response-output {
	padding: 0.2em 1em;
	border: 2px solid #d2647f;
	width: 92vw;
	margin: auto;
	font-size: 3vw;
	text-align: center;
}
main[role="main"] article.contactWrap section.content.content02 form dl dt:last-of-type {
	margin-bottom: 0;
}


/*============ 沿革ページ調整用　==============*/

main[role="main"] article.historyWrap section.content.content01 {padding: 7rem 0 5rem;}

main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(1){left:-77vw;}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(2){left:-76vw;}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(3){left:-75vw;}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(4){left:-74vw;}
main[role="main"] article.historyWrap section.content.content02 > span.bgLine:nth-of-type(5){left:-73vw;}

main[role="main"] article.historyWrap section.content.content02 > ul li dl {
	padding: 14rem 5vw 14rem 20rem;
	gap: 5rem;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl::before {
	left: 3rem;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl + dl::after {
	width: 81vw;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dd {
	width: 100%;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dd:has(h3):has(p) + dt,
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dd:has(p) + dt {
	width: 100%;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dt figure {
	font-size: 3vw;
	text-align: center;
	width: auto;
	display: inline-block;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl dt figure img {
	margin-bottom: 0;
	display: block;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.singleImg dt {
	text-align: center;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt ul {
	gap: 5vw;
	flex-wrap: wrap;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt ul li {
	width: 60vw;
	margin: auto;
	text-align: center;
}
main[role="main"] article.historyWrap section.content.content02 > ul li dl.anyImg dt ul + p {
	text-align: left;
	font-size: 3vw;
}



/*============ その他ページ調整用　==============*/

main[role="main"] article.postWrap section.content.content01 {padding: 7rem 0 5rem;}


}