@charset "UTF-8";

/* ---------------------------------------------------------------------------
  ★共通
--------------------------------------------------------------------------- */
:root{
  scroll-padding-top: 176px;
}
html {font-size: 62.5%;scroll-behavior: smooth;}
body{  
  font-size: 1.6rem;
}
object {pointer-events: none;}
.sp {display: none !important;}
a[href^="tel:"] {pointer-events: none;}
a {
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.pcFlex{display: flex;}
.pcFlex.half{
 justify-content: space-between;
}
.pcFlex.half >*{
 width: 48%;
}
.img_r {overflow: hidden;}
.img_r>img {float: right;
    width: 33%;
    margin-left: 15px;
    margin-bottom: 15px;
}
p,li,dt,dd,th,td,input{
  font-size: 1.6rem;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 1.6rem;
}

section{
  padding: 100px 0;
}

/*タイトル
========================================== */
.h2Tit{
	font-size: 3.2rem;
	margin-bottom: 0.625em;
}
.h2Tit.vertical{
	font-size: 2rem;
	width: 154px;
}
.h2Tit.vertical .en{
	margin-top: 50px;
}
.h2Tit.vertical .en span{
	font-size: 3rem;
}
.h3Tit {
  font-size: 2.8rem;
	margin-bottom: 30px;
}
.h4Tit {
	font-size: 2rem;
	margin-bottom: 15px;
}
.h5Tit {  
	font-size: 1.8rem;
	margin-bottom: 5px;
}
.h6Tit{
	font-size: 1.6rem;
	margin-bottom: 5px;
}

/*
　テキスト
========================================== */
.leadTxt{
  font-size: min(1.85vw,1.8rem);
}
.note li,
p.note{
  font-size: 1.2rem;
}
.cat{
	font-size: 1.2rem;
}

/*
　ボタン,リンク
========================================== */
.btn,
.btnContact,
.btnShop{
	font-size: 1.4rem;
	max-width: 240px;
	height: 40px;
}

/* =======================================
  ページャー
========================================== */
/*-- pageNavi --*/
.pageNavi{
	gap:0 1.5%;
 margin-top: 80px;
}
.pageNavi .current,
.pageNavi .inactive,
.pageNavi a{
	font-size: 1.8rem;
	width: 40px;
	height: 40px;
}

/*-- pager --*/
.pager{
	margin: 50px auto 0;
}
.pager a{
	font-size: 1.6rem;
}

/* =======================================
	header
========================================== */
header{
	left: 0;
	width: 100%;
	height: 130px;
	padding: 16px 0 21px;
}
header #logo{
 width: 22%;
	max-width: 288px;
}
.headerLinks{
	gap: 0 18px;
	margin-top: 12px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	position: absolute;
  right: 0;
	top: 0;
}
.headerLinks .btn,
.headerLinks .btnContact{
	font-size: 1.3rem;
	width: 175px;
}
.headerLinks .btn span{
	padding-right: 14px;
}
.headerLinks .btn font{
 display: block;
 font-size: min(1.2vw,1.2rem);
 letter-spacing: 0.01em;
}
/* =======================================
	gnavi
========================================== */
.gnavi{
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	margin-top: 12px;
	padding-top: 59px;
}
#gnaviList{
 flex: 1;
 height: 100%;
 justify-content: flex-end;
 align-items: center;
 gap: 0 min(2.2vw,33px);
}
@media screen and (max-width: 1150px) {
#gnaviList{
 gap: 0 min(1.8vw,33px);
}
}/*-SP only-*/
#gnaviList li{
	font-size: min(1.18vw,1.4rem);
 line-height: 1.2;
}
#gnaviList li a:hover{
 text-decoration: underline;
}
.head_lang{
	margin-left: min(2vw,25px);
}
.head_lang{
	font-size: min(1.2vw,1.5rem);
}
.gnavi a:hover{
 opacity: 0.7;
}

/* =======================================
	main
========================================== */
main{
 padding-top: 130px;
}

/* =======================================
	footOrder
========================================== */
#footOrder{
	background: linear-gradient(to right, rgba(9,33,57,1) 0%, rgba(9,33,57,1) 50%, rgba(254,247,238,1) 50%, rgba(254,247,238,1) 100%);
	margin-top: 60px;
}
#footOrder .h2Tit{
	font-size: 3.2rem;
	width: 150px;
 flex:  0 1 150px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}
#footOrder .h2Tit .en{
	font-size: 2rem;
}
#footOrder .h2Tit .en span{
	font-size: 3rem;
}
#footOrder .orderBox{
	margin: 52px 0 60px;
}
#footOrder .orderBox:nth-of-type(1){
	margin-left: 39px;
 /*margin-right: auto;*/
	/*margin-right: 71px;*/
}
#footOrder .orderBox.single{
	margin-right: 100px;
}
#footOrder .orderBox h3{
	margin-bottom: 13px;
}
#footOrder .orderBox div.pcFlex{
	gap: 0 min(1.4vw,20px);
}
#footOrder .orderBox dl{
 width: 24vw;
	max-width: 308px;
}
#footOrder .orderBox dt{
	width: 92px;
	height: 92px;
}
#footOrder .orderBox dd a{
	padding: 39px 5% 33px;
}
#footOrder .orderBox figure{
	height: 74px;
}
#footOrder .orderBox .icWeb{
	width: 82px;
}
#footOrder .orderBox .icFax{
	width: 57px;
}
#footOrder .orderBox .icNetshop{
	margin: 0 auto;
	width: 61px;
}

/* =======================================
	footer
========================================== */
footer{
	background: rgba(255,255,255,.91);
}
footer a:hover{
	opacity: .7;
}
.footerLogo{
	max-width: 307px;
}
.footerBox{
 padding-top: 71px;
 padding-bottom: 44px;
}
.footerBox > div{
	margin-bottom: 80px;
}
.footerBox .footerLeft{
	width: min(28.4%, 340px);
}
.footerBox .footerAddress{
 font-size: 1.4rem;
 margin-top: 12px;
}
.footerBox .footerRight{
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row wrap;
	gap: 0 min(5vw,60px);
	margin-top: 10px;
}
.footerNavi > li{
	font-size: 1.4rem;
	margin-bottom: 15px;
}
.footContact dt{
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.footContact dd .icTel{
	font-size: 2rem;
	padding-left: 24px;
}
.footContact dd .icTel::before{
	width: 18px;
	height: 25px;
}
.footContact dd .time{
	font-size: 1.2rem;
}
.footContact .btnContact{
	/*width: 204px;*/
	height: 50px;
	padding: 0 4px;
}

.footerBox .txtEn{
	font-size: 6.4rem;
	bottom: 30px;
}

#pageTop{
	font-size: 1.2rem;
	line-height: 1;
	width: 130px;
	height: 41px;
	right: -41px;
}
#pageTop a{
	padding: 0 45px 0 20px;
}
#pageTop a::before,
#pageTop a::after{
	right: 27px;
}


/* =======================================
	pgs common
========================================== */
/*-- mainTitle --*/
.mainTitle{
	height: 500px;
}
.mainTitle h2{
	font-size: min(2.85vw,4rem);
	padding-left: 20%;
	width: 50vw;
}
.mainTitle h2 span{
	display: inline-block;
	padding-left: 37px;
}
.mainTitle h2 span::before{
	width: 40px;
	height: 75px;
	top: -17px;
	left: 0;
}
.mainTitle h2 .tiSub{
	font-size: min(1.75vw,2.8rem);
}

/*-- table --*/
.basicTable >dt{
	border-right: 1px dotted var(--blue);
	padding: 10px 2.5%;
	width: 23%;
}
.basicTable >dd{
	padding: 10px 2.5%;
	width: 77%;
}
.basicTable >dt:last-of-type{
	border-bottom: none;
}
 .basicTable >dd:last-of-type{
	border-bottom: none;
}

table.basicTable thead th{
	font-size: 1.8rem;
}

/*-- txtImg --*/
.txtImg{
	justify-content: space-between;
	align-items: center;
}
.txtImg .txts{
	width: 60%;
}
.txtImg .txts p:not(:last-of-type){
	margin-bottom: 1.5em;
}
.txtImg figure{
	width: 35%;
}

/*		anchorLink
-----------------------------*/
.anchorLink{
	justify-content: center;
	gap:15px 5%;
	padding: 35px 0 ;
}
.pageLinks{
	justify-content: center;
	gap:15px 5%;
	padding: 35px 0 ;
}
.anchorLink li{
	flex: 1;
}
.pageLinks li{
	flex: 1;
}
.anchorLink a,
.pageLinks li a{
	padding: 8px 10px;
}
.anchorLink li a::after{
	bottom: -16px;
}

/* =======================================
	top
========================================== */
/*		#mv
-----------------------------*/
#mv{
	height: 900px;
}
#mv .slider figure{
 height: 900px;
}
#mv > figure img{
	height: 900px;
}
#mv .mvTxt{
	padding-top: 114px;
	padding-bottom: 98px;
	/*width: 237px;
  left: calc(50% - 118.5px);*/
	top: 255px;
}
#mv .mvTxt::before,
#mv .mvTxt::after{
	width: 208px;
	height: 98px;
	left: calc(50% - 104px);
}
#mv .mvTxt figure{
	margin: 0 auto 20px;
	width: 92px;
}
#mv .mvTxt h2{
	font-size: 3rem;
}
#mv .mvTxt h2 span{
	font-size: 4rem;
}
#mv .mvTxt p{
	font-size: 2rem;
	margin-top: 14px;
}

/*		#topLead
-----------------------------*/
#topLead{
	padding: 65px 0 52px;
}
#topLead p{
	font-size: 1.8rem;
	line-height: 2;
}

/*		#topLineup
-----------------------------*/
#topLineup{
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 115px, rgba(254,247,238,1) 115px, rgba(254,247,238,1) 100%);
	padding: 40px 0 60px;
}
#topLineup ul li a:hover{
	opacity: 0.7;
}
#topLineup ul{
	gap: 42px 14px;
}
#topLineup ul li{
	max-width: 277px;
}
#topLineup ul li figure{
	margin-top: -73px;
}
#topLineup .btn{
	margin: 46px 8px 0 auto;
}
@media screen and (max-width: 1350px) {
 #topLineup ul{
  margin-left: 100px;
 }
}/*-1350 only-*/

/*		#topFeature
-----------------------------*/
#topFeature{
	padding-bottom: 198px;
}
#topFeature figure img{
	height: 520px;
}
#topFeature h2{
	padding: 86px 62px 0 0;
	max-width: 349px;
}
#topFeature h2 img{
	margin: 0 0 -10px auto;
	width: 112px;
}
#topFeature .txts{
	justify-content: space-between;
	align-items: center;
	padding: 40px 70px 70px min(20vw,255px);
	width: 93vw;
	/* max-width: 1300px; */
}
@media screen and (max-width: 1200px) {
#topFeature .txts{
	padding: 40px 70px 70px min(14vw,255px);
 gap:0 10px;
}
}/*-Sonly-*/
#topFeature .txts p{
	width: 76%;
  max-width: 760px;
}

/*		#topBtnarea
-----------------------------*/
#topBtnarea{
	padding: 0 0 70px;
}
#topBtnarea ul{
	gap: 0 3.75%;
}
#topBtnarea ul li{
	padding-top: 29px;
	width: calc(92.5% / 3);
	max-width: 370px;
}
#topBtnarea ul li h3{
	background: url("../images/top_btnarea_ic.png") no-repeat 13px top / 57px auto;
	font-size: 2.4rem;
	padding: 64px 0 0 58px;
}
#topBtnarea ul li h3 .en{
	margin-top: 15px;
}
#topBtnarea ul li p{
	font-size: 1.4rem;
}

/*		#topNews
-----------------------------*/
#topNews{
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 115px, rgba(243,242,242,1) 115px, rgba(243,242,242,1) 100%);
 padding: 40px 0 60px;
}
#topNews ul{
 justify-content: space-between;
}
#topNews ul li{
 width: 47.83%;
 padding-left: 3.75%;
}
#topNews ul li + li{
	border-left: 1px dotted #504030;
}

#topNews ul li dl{
 width: 43%;
	max-width: 226px;
}
#topNews ul li dl dd{
	font-size: 1.4rem;
	padding-top: 16px;
}
#topNews ul li figure{
 width: 51.5%;
	max-width: 270px;
 height: 180px;
}
#topNews ul li figure img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
@media screen and (max-width: 1350px) {
 #topNews ul{
  margin-left: 80px;
 }
}/*-1350 only-*/

/* =======================================
	feature
========================================== */
#featureLead .h3Tit{
	font-size: 3.6rem;
	padding: 20px 30px;
}
#featureLead .txtImg{
	align-items: flex-end;
}
#featureLead .txtImg .txts{
	margin-bottom: -30px;
	width: 60%;
}
#featureLead .txtImg .txts > div{
	padding: 30px;
}
#featureLead .txtImg figure{
	margin-left: -20%;
	width: 60%;
}
#featureLead .txtImg figure img{
	object-fit: cover;
	height: 507px;
}
#feature .h4Tit{
	margin-top: 40px;
}
.featureBox .h3Tit .num{
	width: 99px;
	height: 99px;
}
.featureBox .h3Tit .num span{
	width: 89px;
	height: 89px;
}
.featureBox ul.flexWrap li{
	width: 46%;
}
.featureBox ul.flexWrap li.wide{
	width: 100%;
}
#feature02.featureBox ul li.wide .pcFlex{
	justify-content: space-between;
}
#feature02.featureBox ul li.wide ul li:first-child::after{
	width: 26px;
	height: 40px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
	top: calc(50% + 20px);
	right: -11%;
}
#feature02 .aboutComparison{
	gap: 0 8%;
	justify-content: center !important;
	margin-top: 20px;
}
#feature02 .aboutComparison li{
	padding: 20px 4%;
	width: 46%;
}
#feature02 .aboutComparison h4{
	font-size: 2rem;
}
#feature02.featureBox ul li.wide ul li:first-child::after{
	top: calc(50% - 20px);
	right: -12%;
}

/* =======================================
	service
========================================== */
#service .imgTitle{
	height: 300px;
}
#service .imgTitle .tiTxt{
	padding: 1em 1.5em;
	text-align: left;
}
#service h4{
	font-size: 1.6rem;
}
#service h4 .en{
	font-size: 2rem;
}
#service h4 .en span{
	font-size: 3rem;
}
#service .caseBox{
	gap: 0 4%;
}
#service .caseBox li{
	width: 48%;
}

/* =======================================
	products
========================================== */
#productsCategory > div.bgblue{
	padding: 20px 0 40px;
}
#productsCategory ul{
	gap: 20px 2.5%;
}
#productsCategory ul li{
	width: calc(92.5% / 4);
}
#productsCategory ul li figure{
	height: 200px;
	margin-top: -73px;
}
#productsCategory ul li figure img{
	object-fit: cover;
	width: 100%;
	height: 196px;
}
#productsCategory ul li p{
	width: 99px;
	height: 99px;
}
#productsCategory ul li p::after{
	bottom: 14px;
}
#productsCategory ul li p span{
	width: 89px;
	height: 89px;
}
.productsLineup ul{
	gap: 30px 2.5%;
}
.productsLineup ul li{
	width: calc(92.5% / 4);
}
.productsLineup ul li figure{
	margin-bottom: 10px;
}
.productsLineup ul li h4{
	font-size: 1.7rem;
}

/* =======================================
	products　detail
========================================== */
#productsDetail #footOrder{
	margin-top: 0;
}
#productsInfo .imgs{
	width: 44%;
}
#productsInfo .txts{
	width: 52%;
}
#productsInfo h3{
	font-size: min(1.7vw,2.2rem);
	margin-bottom: 15px;
}
#productsInfo dl dt,
#productsInfo dl dd{
	font-size: 1.3rem;
}
#productsInfo ul.btnWrap{
	margin-top: 15px;
}
#productsInfo ul.btnWrap li{
	width: 45.5%;
}
#productsInfo ul.btnWrap .btnShop{
	font-size: min(1.35vw,1.4rem);
	margin: 0 auto;
	max-width: 100%;
	height: 50px;
	padding: 10px;
}

#productsHowTo .h4Tit span{
	font-size: 2.6rem;
}
#productsHowTo .txtImg{
	align-items: flex-start;
	padding: 20px;
}



/* =======================================
	company
========================================== */
/*		companyMessage
-----------------------------*/
.companyMessageProfile{
	gap: 20px 5%;
	margin-top: 40px;
}
.companyMessageProfile .leadTxt{
	font-size: 2rem;
}
.companyMessageProfile .img{
	width: 32%;
}
.companyMessageProfile figcaption span{
	font-size: 2.2rem;
}
.companyMessageProfile.pcFlex .txts{
	width: 63%;
}

/*		companyFactory
-----------------------------*/
.companyFactoryBox.pcFlex{
	gap: 5%;
}
.companyFactoryBox.pcFlex figure{
	width: min(42%, 420px);
}
.companyFactoryBox.pcFlex .txts{
	flex: 1;
}
.companyFactoryBox .h4Tit{
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.companyFactoryBox .h4Tit span{
	font-size: 3rem;
}
.companyFactoryInfo{
	margin-top: 40px;
	display: grid;
	grid-template-columns: 8em 1fr;
}

/*		companyEsg
-----------------------------*/
.companyEsgMenu.pcFlex{
	justify-content: center;
	gap: 30px;
}
.companyEsgMenu.pcFlex > *{
	width: min(30%, 300px);
}
.companyEsgMenu dt{
	font-size: 1.6rem;
}
.companyEsgMenu dt .en{
	font-size: 2.4rem;
}
.companyEsgMenu dd{
	width: min(100%, 300px);
	padding-top: 7rem;
}
.companyEsgMenu dl:nth-of-type(2) dd:has(font){
 padding-top: 10rem;
}
.companyEsgBox.pcFlex{
	gap: 30px;
}
.companyEsgBox.pcFlex .txts{
	flex: 1;
}
.companyEsgBox.pcFlex figure{
	width: min(35%,420px);
}
.companyEsgHead{
	padding-right: 13px;
}
.companyEsgHead h4{
	width: min(50%,300px);
}
.companyEsgHead h4 .en{
	font-size: 2.8rem;
}
.companyEsgHead h4 .en span{
	font-size: 4rem;
	width: 100px;
	height: 100px;
}

/* =======================================
	work
========================================== */
.pointBox ul{
 justify-content: space-between;
}
.pointBox ul li{
 width: 32%;
}

/* =======================================
	guide
========================================== */
.guideBox.pcFlex{
	gap: 0;
	padding: 40px 0;
}
.guideBox.pcFlex h3{
	width: 8em;
	text-align: center;
	margin-bottom: 0;
	padding: 1em 10px;
}
.guideBox.pcFlex .guideDetail{
	flex: 1;
	padding-left: 40px;
	padding-bottom: 10px;
	/* border-left: 1px solid var(--base); */
}
.guideDetail .stepList.pcFlex{
	gap: 30px 60px;
}
.guideDetail .stepList li{
	flex: 1;
}
.guideDetail .stepList li:first-child::after{
	width: 20px;
	height: 30px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
	top: calc(50% + 20px);
	right: -42px;
}
.guideDetail .stepList dt.num{
	width: 99px;
}
.guideDetail .stepList dt.num .numInner{
	width: 89px;
}
.guideDetail .stepList dd{
	justify-content: space-between;
}
.guideDetail .stepList dd .txt{
	width: 57%;
}
.guideDetail .stepList dd figure{
	width: 40%;
}
.guideDetail #contactInfoNum{
	margin-top: 15px;
}

.shippingfee{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 0;
}
.shippingfee dt{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1px 0.5em;
	width: 11em;
}
.shippingfee dd{
	width: calc(100% - 11em);
	padding-left: 1em;
}

.guidePacking.pcFlex{
	gap: 30px;
}
.guidePacking li{
	flex: 1;
}


/* =======================================
	order
========================================== */
#order .note li,
#order p.note{
	font-size: 1.4rem;
}
#productSelection .productSelectionInner{
	padding: 30px 0;
}
#productSelection .productSelectionInner h4{
	width: 7.5em;
	border: none;
}
#productSelection .productSelectionInner .h4Tit{
	border-right: 1px solid var(--blue);
	margin-bottom: 0;
}
#productSelection .productSelectionInner .lineupBoxWrap{
	padding: 10px 0 10px 30px;
}
#order #customerInfo{
	margin-top: 100px;
}

/* =======================================
	recruit
========================================== */
#recruitMerit .pointBox .flex{
 gap:0 40px;
 justify-content: center;
 align-items: center;
}
#recruitMerit .pointBox .flex figure{
 width: 100px;
}
#recruitMerit .pointBox .flex .txts{
 width: 58%;
 max-width: calc(100% - 100px);
 
}

#recruitStaff .pcFlex{
 justify-content: center;
 gap:0 40px;
}
#recruitStaff .pcFlex figure{
 width: 40%;
 max-width: 300px;
}
#recruitStaff .pcFlex .txts{
 width: 40%;
 max-width: 360px;
}

/* =======================================
	esg
========================================== */
#esgLead {
	padding-top: 50px;
}
#esgLead figure{
	width: 60%;
}
#esgLead .esgSdgs{
	padding: 50px 0;
}
#esgLead .esgSdgs div.bgW{
	padding: 50px 60px 60px;
	text-align: center;
}
#esgLead .esgSdgs h3{
	font-size: 3.2rem;
	margin-bottom: 15px;
}
.esgBox h3{
	font-size: 3.2rem;
	margin-bottom: 65px;
}
.esgBox h3 .en{
	font-size: 90px;
}
.esgBox dl dt figure{
	margin-right: 20px;
	width: 120px;
}
.esgBox dl dt span{
	font-size: 2.4rem;
}
.esgBox dl dd{
	padding: 20px 5%;
}

/* =======================================
	faq
========================================== */
.faqBox{
	padding: 60px 6%;
}
.faqBox dt,
.faqBox dd{
	padding: 10px 10px 10px 3em;
}
.faqBox dt::before{
	font-size: 1.8rem;
}
.faqBox dd::before{
	font-size: 1.8rem;
}

/* =======================================
	news
========================================== */
/*		一覧
-----------------------------*/
.catNav{
 margin-top: 100px;
 align-items: center;
 gap:0 30px;
}
.catNav .pageLinks{
 flex: 1;
}

.newsBox .pcFlex{
 flex-flow: row-reverse wrap;
 justify-content: space-between;
}
.newsBox .newsInfo{
 width: 100%;
}
.newsBox figure{
 width: 30%;
}
.newsBox .txts{
 width: 66%;
}

/*	詳細　single
-----------------------------*/
article{
 padding: 100px 0;
}
#newsDetail h3{
	font-size: 2.4rem;
}
#newsDetail .tiInfo{
	font-size: 1.6rem;
}

/* =======================================
	contact
========================================== */
.contactLead{
	font-size: 3.2rem;
	padding: 100px 0;
}
#contactTel{
	padding: 70px 0;
}
#contactTel .h3Tit{
	margin-bottom: 35px;
}
#contactTel .icTel{
	font-size: 6rem;
	padding-left: 55px;
}
#contactTel .icTel::before{
	width: 45px;
	height: 56px;
	top: calc(50% - 28px);
}
#contactTel .time{
	font-size: 1.8rem;
}

#contactInfoNum{
	display: flex;
	justify-content: center;
	gap: 30px;
}
#contactInfoNum > div,
#contactInfoNum li{
	width: calc((100% - 30px)/2);
}

/* =======================================
	form
========================================== */
#contactForm .basicTable > dt,
#customerInfo .basicTable > dt{
	padding: 20px 2%;
	width: 25%;
}
#contactForm .basicTable > dd,
#customerInfo .basicTable > dd{
	padding: 20px 2.5%;
	width: 75%;
}
#contactForm .basicTable dd h4,
#customerInfo .basicTable dd h4{
	margin-bottom: 5px;
}
#contactForm .basicTable dd h4:nth-of-type(2),
#contactForm .basicTable dd p{
	margin-top: 10px;
}
#contactForm .basicTable input:not([type=checkbox]){
	padding: 8px;
	width: 80%;
}
#contactForm .basicTable textarea{
	padding: 8px;
	width: 100% !important;
 height: 120px !important;
}
#contactForm .basicTable .hissu,
#customerInfo .basicTable .hissu{
	padding: 3px 3% 4px;
}
.confirm {
  margin-top: 40px;
}

#contactForm .basicTable label input[type=radio]{
	width: auto;
}
#contactForm .basicTable dd:has(input[type=radio]) input[type=text]{
	margin-left: 10px;
}

/* =======================================
	privacypolicy
========================================== */
#privacyPolicy{
	margin-top: 50px;
}