@charset "UTF-8";

/* ---------------------------------------------------------------------------
  ★共通
--------------------------------------------------------------------------- */
:root{
  scroll-padding-top: 160px;
}
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;
}
section p:not(:last-child){
  margin-bottom: 1.5em;
}


/*タイトル
========================================== */
.h2Tit{
	font-size: min(2.1vw,2.4rem);
}
.h2Tit .en{
	font-size: min(8.3vw,9.6rem);
}
.h2Tit .jp{
	top: calc(100% - (min(2.1vw,2.4rem) + 1rem));
	left: 27px;
}

.h3Tit {
  font-size: 3.5rem;
	margin-bottom: 36px;
}
.h4Tit {
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.h5Tit {  
	font-size: 2rem;
	margin-bottom: 20px;
}
.h6Tit{
	font-size: 1.8em;
	margin-bottom: 20px;
}

/*
　テキスト
========================================== */
.leadTxt{
}
.note{
  font-size: 1.2rem;
}
.pcCenter{
	text-align: center;
}

/*
　ボタン,リンク
========================================== */
.btn{
	font-size: min(1.51vw, 1.5rem);
	padding: 15px min(2.7vw,40px) 15px min(2.1vw,23px);
	width: min(100%, 204px);
}


/* =======================================
  ページャー
========================================== */
/*-- 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-top: 50px;
}
.pager a{
font-size: 1.6rem;
  width: 200px;
}


/* =======================================
	header
========================================== */
header > div{
 position: relative;
 height: 115px;
 padding: 0;
}
header > div.pcFlex{
	align-items: flex-end;
}
header #logo{
	padding-top: 15px;
	max-width: 420px;
	height: 100%;
}
header #logo span{
	font-size: min(1vw,1.4rem);
	margin-bottom: 14px;
}
header #logo a{
	width: min(29vw,299px);
}

/* =======================================
	gnavi
========================================== */
.gnavi{
 align-items: center;
 position: fixed;
 right: 0;
}
.recruitLogo{
 flex:0 0 auto;
 font-size: min(1.4vw,20px);
}
.recruitLogo span{
 font-size: min(1.0vw,15px);
}

#gnaviList{
 flex: 1;
 height: 100%;
 justify-content: flex-end;
 align-items: center;
 gap: 0 min(1.7vw,27px);
 margin-top: 15px;
 margin-bottom: 12px;
 margin-right: calc(8.5vw * 2 + min(2vw,33px));
 position: relative;
 z-index: 5;
}
#gnaviList > li > a{
 display:flex;
 align-items: center;
 color: var(--base);
 font-size: min(1.3vw,1.6rem);
 font-weight: 700;
 white-space: nowrap;
}
#gnaviList li.current a,
#gnaviList li a:hover{
 opacity: .7;
}

#headLinks{
	align-items: flex-start;
	position: fixed;
	right: 0;
	top: 0;
}
#headLinks .tel{
	margin-right: min(2vw,33px);
}
#headLinks .tel a{
	font-size: min(2.9vw,2.469rem);
}
#headLinks .contact,
#headLinks .recruit{
 width: 8.5vw;
 height: 115px;
}
#headLinks .contact a,
#headLinks .recruit a{
	font-size: min(1.2vw,1.5rem);
}
#headLinks .tel{
	margin-top: 15px;
 text-align: right;
}
#headLinks .tel .time{
  font-size: min(1.6vw,16px);
}
#headLinks a:hover{
 opacity: .7;
}


/* =======================================
	main
========================================== */
main{
	margin-top: 115px;
}
.leadWrap .h3Tit + p{
	text-align: center;
}

/* =======================================
	footer
========================================== */
footer a:hover{
	opacity: .7;
}
#footBottom > .inner1200{
	padding-left: 1.7%;
	padding-right: 1.7%;
}
.footerLeft{
	width: min(52.36%,600px);
}
#footerLogo{
	margin-top: 4px;
}
.footerLeft iframe{
	height: 343px;
	margin-top: 36px;
}
#footerRight{
 align-items:flex-start;
 gap: 0 min(7.16%,26px);
 width: min(40%,366px);
}
.footerNavi > li{
	font-size: 1.6rem;
	font-weight: 700;
}
.footerNavi > li + li{
	margin-top: 2rem;
}
.footerNavi li a{
	color: var(--wh);
	display: block;
	line-height: 1;
}
.footerNavi .hasSub .sub li{
	font-size: 1.5rem;
	font-weight: 500;
}
.footerNavi .hasSub .sub,
.footerNavi .hasSub .sub li + li{
	margin-top: 1.3rem;
}
.footerNavi .hasSub .sub li a{
	position: relative;
	padding-left: 1em;
	font-size: 1.5rem;
}

footer .copy{
	font-size: min(1.175vw,1.4rem);
	line-height: 1;
	margin: -1.4em 0 0 auto;
	text-align: right;
	width: min(40%,366px);
}

/*
#pageTop{
	right: 4vw;
	bottom: 73px;
}*/

/* =======================================
	footContact
========================================== */
#footContact{
 padding: 75px 0 70px;
}
#footContact .h2Tit{
	margin-bottom: 29px;
}
#footContact div.pcFlex{
	justify-content: space-between;
	margin-top: 57px;
	padding-left: 1.7%;
	padding-right: 1.7%;
}
#footContact div.pcFlex div{
	padding: 38px 29px 54px;
	width: min(44.8vw,447px);
}
#footContact .icImg{
	width: 94px;
}
#footContact .tel,
#footContact .contact{
	margin-top: 25px;
}
#footContact .tel a > span{
	font-size: min(3.6vw,3.6rem);
}
#footContact .tel a > span span{
	font-size: min(2vw,2rem);
}
#footContact .contact .btn{
	padding: 17px 70px 14px;
	height: 5.74em;
}
#footContact .contact .btn span{
	font-size: min(2.4vw,2.4rem);
}
#footContact .contact .btn::after{
	width: 22px;
	right: 35px;
}


/* =======================================
	pgs common
========================================== */
/*-- mainTitle --*/
.mainTitle{
	height: 223px;
}
.mainTitle .h2Tit{
	padding-top: 47px;
}

/*-- table --*/
.basicTable >dt{
	border-right: 1px dotted var(--blue);
	padding: 15px 2.5%;
	width: 23%;
}
.basicTable >dd{
	padding: 15px 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;
}

/*		anchorLink
-----------------------------*/
.anchorLink,
.anchorLink ul{
	padding: 35px 0 ;
	gap:15px 20px;
}
.pageLinks{
	padding: 35px 0 ;
	gap:15px 20px;
}
.anchorLink li,
.pageLinks li{
	width: calc((100% - 20px * 3) / 4);
	height: 56px;
}
.anchorLink a,
.pageLinks li a{
	padding: 8px 10px;
}

/*----*/

.bnrLink{
	padding: 20px;
}
.bnrLink .txts p.bold{
	margin-bottom: 20px;
}
.bnrLink .txts p .icArrow{
	padding-right: 30px;
}
.bnrLink .txts p .icArrow::after{
	top: calc(50% - 10px);
}


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

/*		#mv
-----------------------------*/
#mv{
	height: min(89.4vw, 616px);
}
#mv #mvTxts{
	width: min(55.7vw,725px);
}
#mvImg figure{
	width: 1300px;
	height: 616px;
	aspect-ratio: 2.111 / 1;
}

/*		#topWorks
-----------------------------*/
#topWorks .pcFlex{
 align-items: flex-start;
}
#topWorks .txts{
 position: sticky;
 top: 120px;
	margin-left: min(6.714vw,94px);
	width: min(39.64vw,555px);
}
#topWorks .txts .h2Tit{
	margin-bottom: 2.167em;
}
#topWorks .txts p{
	font-size: min(1.45vw,2rem);
	margin-bottom: 2.2em;
}
#topWorks .txts .btn{
	width: min(20.4vw,204px);
}
#topWorks .img{
	margin-top: -13.786vw;
	width: min(41.5vw,612px);
}
#topWorks .img .img01{
	right: -10vw;
	width: min(65.397vw,841px);
}
#topWorks .img .img02{
	/*top: min(130%,744px); -- 仮 --*/
 margin-top: 97px;
	width: min(100%,612px);
}
#topWorks ul{
	gap: 34px;
	margin-top: 100px; 
/* 	margin-top: min(59.8vw,746px);*/ /*-- 仮 --*/
}
#topWorks ul li{
	width: min(calc((100% - 68px) / 3),382px);
}
#topWorks ul li p{
	font-size: min(2vw,2.4rem);
}

/*		#topAbout
-----------------------------*/
#topAbout > .inner{
	margin-top: 130px;
}
#topAbout ul{
	gap: 0 20px;
}
#topAbout ul li{
	width: calc((100% - 40px) / 3);
}
#topAbout ul li a:hover{
	opacity: .7;
}
#topAbout ul li p{
	font-size: min(2.2vw,2.8rem);
}

/*		#topNews
-----------------------------*/
#topNews{
	padding: 78px 0;
}
#topNews .pcFlex{
	gap:0 min(9.44vw,115px);
	align-items: center;
	justify-content: space-between;
}
#topNews .tiTxt{
	width: min(33.4vw,334px);
}
#topNews .btn{
	margin-left: 0;
}
#topNews ul{
	width: min(59.8vw,769px);
}
#topNews ul li{
	padding: 35px min(2.9vw,40px);
}

/*		#topRecruit
-----------------------------*/
#topRecruit .txts{
	margin-top: 18px;
	width: min(39.8vw,512px);
}
#topRecruit .h2Tit{
	margin-bottom: 55px;
}
#topRecruit .leadTxt{
	font-weight: 700;
	margin-bottom: 20px;
}
#topRecruit .img{
	margin-top: 10px;
	width: min(44.4vw,568px);
}
#topRecruit ul li {
	font-size: 2.4rem;
}
#topRecruit .slider{
	margin-top: 112px;
}


/* =======================================
	company PC
========================================== */
/*		#companyMessage
-----------------------------*/
#companyMessage .pcFlex{
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
#companyMessage .pcFlex figure{
  width: 40%;
}
#companyMessage .pcFlex .txts{
  width: 58%;
}


/*		#companyHistory2
-----------------------------*/
#companyHistory2TitWrap{
}
#companyHistory2 > div p{
  line-height: 2em;
}
#companyHistory2 > div:not(#companyHistory2TitWrap){
	display: grid;
	grid-template-columns: 1fr 357px;
	gap: 35px;
}
#companyHistory2 > div p:nth-of-type(1){
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
#companyHistory2 > div figure:nth-of-type(1){
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
#companyHistory2 > div p:nth-of-type(2){
	grid-column: 1 / 2;
	grid-row: 2 / 4;
}
#companyHistory2 > div figure:nth-of-type(2){
	grid-column: 2 / 3;
	grid-row: 3 / 5;
}
#companyHistory2 > div p:nth-of-type(3){
	grid-column: 1 / 2;
	grid-row: 4 / 6;
}
#companyHistory2 > div figure:nth-of-type(3){
	grid-column: 2 / 3;
	grid-row: 5 / 7;
}
#companyHistory2 > div p:nth-of-type(4){
	grid-column: 1 / 2;
	grid-row: 6 / 7;
}

/* =======================================
   works
========================================== */
#works .mainTitle .h2Tit::after{
	width: 268px;
	height: 206px;
	top: 9px;
}

#worksLead{
	padding-top: 40px;
}
#worksLead .h3Tit{
	font-size: 3rem;
}
#worksLead ul.flexWrap{
	gap: 0 min(5vw,70px);
	margin-top: 45px;
}
#worksLead ul.flexWrap li{
	width: min(calc((100% - 140px) / 3),286px);
}
#worksTechnology{
	margin-top: 51px;
	padding-top: 70px;
}
#worksTechnology .h3Tit{
	font-size: 3.2rem;
}
#worksTechnology .flex{
	align-items: flex-start;
	/*margin-top: -86px;*/
	
}
#worksTechnology figure{
	/*width: min(80vw,676px);*/
	width: 49vw;
}
#worksTechnology .txts{
	/*margin: 105px 5% 70px 39px;
	width: min(51.714vw,502px);*/
	margin: 2vw 12vw 0 3vw;
  width: 36vw;
}
#worksTechnology ul li:nth-child(2){
	margin-top: 52px;
}
#worksTechnology h4{
	margin-bottom: 11px;
	max-width: 255px;
}
#worksTechnology h4::before{
	background: url("../images/works_technology_line01.png") no-repeat left top;
	background-size: cover;
	/*width: 199px;
	height: 103px;
	left: -199px;*/
	width: 16vw;
  height: 9vw;
  left: -16vw;
	top: 17px;
}
#worksTechnology ul li:nth-child(2) h4::before{
	background: url("../images/works_technology_line02.png") no-repeat left top;
	background-size: cover;
	/*width: 187px;
	height: 94px;
	left: -187px;*/
	width: 12vw;
  height: 7vw;
  left: -12vw;
}
#worksTechnology dl dt{
	padding: 1vw 2vw 1vw 1vw;
	white-space: nowrap;
	font-size: min(1.6rem,1.2vw)
}
#worksTechnology ul li:nth-child(2) dl dt{
	padding-right: 11px;
}
#worksTechnology dl dt span{
	font-size: 2.4rem;
}
#worksTechnology dl dd{
	padding: 1vw 1vw 1vw 0;
	font-size:  min(1.6rem,1.2vw)
}

#worksFlow{
	padding-bottom: 156px;
}
#worksFlow .h3Tit{
	margin-bottom: 4.188rem;
}
#worksFlow .h3Tit span::before{
	width: 102px;
	height: 100px;
	left: -122px;
	top: -17px;
}
#worksFlow .h3Tit span::after{
	width: 25px;
	height: 46px;
	right: -42px;
	top: 17px;
}
#worksFlow > ol > li{
	display: flex;
	justify-content: flex-start;
	padding: 33px 44px;
	position: relative;
}
#worksFlow > ol > li + li{
	margin-top: 63px;
}
#worksFlow figure{
	margin-right: 72px;
	width: min(50%,506px);
}
#worksFlow .txts{
	width: min(42.5%,430px);
}
#worksFlow h4{
	margin: 0 0 30px;
}
#worksFlow .txts ol li{
	margin-bottom: 0.8rem;
}
#worksFlow .txts ol li .num{
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
#worksFlow .txts ol li,
#worksFlow .txts p{
	font-size: 1.8rem;
}
#worksFlow > ol > li:nth-child(2) h4{
	margin-bottom: 22px;
}
#worksFlow > ol > li:nth-child(3) h4{
	margin-bottom: 40px;
}
#worksFlow > ol > li:nth-child(1) .txts::before{
	width: 267px;
	height: 256px;
	right: -110px;
	top: -94px;
}
#worksFlow > ol > li:nth-child(1)::before{
	width: 188px;
	height: 130px;
	right: 48px;
	bottom: 40px;
}
#worksFlow > ol > li:nth-child(2)::before{
	width: 184px;
	height: 190px;
	right: 47px;
	bottom: 40px;
}
#worksFlow > ol > li:nth-child(3)::before{
	width: 250px;
	height: 183px;
	right: 50px;
	bottom: 40px;
}
#worksFlow > ol > li:nth-child(4)::before{
	width: 506px;
	height: 237px;
	left: min(50%,550px);
	bottom: 52px;
}

#worksProducts .h3Tit img{
	margin-left: -155px;
	width: 276px;
	height: 126px;
}
#worksProducts .h3Tit + p,
#worksStrength .h3Tit + p{
	text-align: center;
}
#worksProducts .h3Tit span span{
	margin-top: -10px;
}
#worksProducts .h3Tit span span::before{
	width: 29px;
	height: 33px;
	top: 17px;
	left: -36px;
}
#worksProducts .h3Tit span span::after{
	width: 44px;
	height: 46px;
	top: -3px;
	right: -50px;
}
#worksProducts .pcFlex{
	justify-content: center;
	gap: 0 84px;
	margin-top: 24px;
}
#worksProducts .productsBox{
	width: 384px;
}
#worksProducts .productsBox h4{
	background-position: left 2px;
}
#worksProducts .productsBox:nth-child(2) h4{
	background-position: left 8px;
}

#worksStrength .h3Tit span{
	font-size: 4rem;
	letter-spacing: 0.03em;
}
#worksStrength h4{
	font-size: 2.8rem;
	margin: 50px auto 35px;
	width: min(50.64vw,709px);
}
#worksStrength h4 span{
	font-size: 3.9rem;
}
#worksStrengthListWrap{
	text-align: center;
}
#worksStrength ul{
  /*width: min(50.64vw,709px);*/
  display: inline-block;
  text-align: left;
}
#worksStrength ul li{
	align-items: center;
	margin-bottom: 30px;
}
#worksStrength ul li:last-child{
	margin-bottom: 66px;
}
#worksStrength ul li img{
	margin-right: 16px;
	width: 66px;
	height: 66px;
}
#worksStrength dl{
	width: calc(100% - 82px);
}
#worksStrength dl dt{
	font-size: 2.4rem;
}
.txtBaloon p{
	margin-right: 43px;
	padding: 24px min(4.2%,50px) 22px;
	width: min(53%,636px);
}
.txtBaloon p::after{
	width: 35px;
	height: 24px;
	top: calc(50% - 12px);
	right: -35px;
}
.txtBaloon figure{
	width: 123px;
}

#worksCase .caseImg{
	margin-bottom: 50px;
}
#worksCase .caseImg ul{
	gap: 0 min(9%,90px);
}
#worksCase .caseImg ul li.caseImg01{
	width: min(30%,300px);
}
#worksCase .caseImg ul li.caseImg02{
	width: min(15%,150px);
}
#worksCase .caseImg ul li.caseImg03{
	width: min(18.1%,181px);
}
#worksCase .caseImg figure{
	margin-top: -110px;
}
#worksCase .caseList li{
	width: min(31.5vw,315px);
}
#worksCase .caseList li figure{
	width: min(100%,269px);
}
#worksCase .caseList li .num{
}


/* =======================================
   facility PC
========================================== */
.facilityList > li{
  width: 48%;
}
.facilityListWrap .basicTable > dt,
.facilityListWrap .basicTable > dd{
  width: 50%;
}

#facility .bnrLink {
    margin-top: 100px;
}



/* =======================================
  numbers PC
========================================== */
#numbersList ul.flexWrap{
	justify-content: center;
	gap: 30px 36px;
	margin-top: 40px;
}
#numbersList ul.flexWrap li{
	width: calc((100% - 50px) / 2);
}
#numbersList ul.flexWrap li.wideBox{
	width: 100%;
}


/* =======================================
  recruit PC
========================================== */
#recruit .mainTitle .h2Tit::after {
    height: 194px;
    top: 15px;
}




/*		 #recruitMenu
-----------------------------*/
.recruitMenuBox{
    justify-content: space-between;
    align-items: flex-start;
}
.recruitMenuBox:nth-of-type(odd){
    flex-direction: row-reverse;
}
.recruitMenuBox .txts{
    width: 50%;
    margin-top: -30px;
}
.recruitMenuBox .img{
    width: 44%;
}


/* =======================================
  job PC
========================================== */

/*		jobMain
-----------------------------*/
.jobBox.pcFlex{
    justify-content: space-between;
}
.jobBox figure{
    width: 42%;    
}
.jobBox .txts{
    width: 54%;
}

/* =======================================
  education PC
========================================== */

/*		educationEducation
-----------------------------*/
#educationEducation{}
.educationBox.pcFlex{
    justify-content: space-between;
}
.educationBox figure{
    width: 36%;
}
.educationBox .txts{
    width: 60%;  
}

/*pickupBox PC*/
.pickupBox.pcFlex{
    justify-content: space-between;
    align-items: center;
}
.pickupBox .img{
    width: 36%;
}
.pickupBox .txts{
    width: 60%;  
}


/* =======================================
   interview
========================================== */
#interviewMain .leadArea{
	margin: 60px auto;
}
#interviewMain .leadArea p{
	margin-top: 30px;
	text-align: center;
}
.interviewMember{
	gap:0 4%;
}
.interviewMember li{
	padding: 25px 2% 20px;
	width: calc(92% / 3);
}
.interviewBox .h4Tit{
	padding-left: 50px;
}
.interviewBox .h4Tit.ic03{
	padding-left: 85px;
}
.interviewBox .h4Tit.ic01::before{
	width: 45px;
	height: 45px;
}
.interviewBox .h4Tit.ic02::before{
	width: 40px;
	height: 45px;
}
.interviewBox .h4Tit.ic03::before{
	width: 80px;
	height: 75px;
	top: -8px;
}
.interviewBox dl{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px 0;
	padding: 30px 3%;
}
.interviewBox dl dt{
	padding: 5px;
	width: 100px;
}
.interviewBox dl dd{
	padding: 5px 0 15px 20px;
	width: calc(100% - 100px);
}

/* =======================================
  faq PC
========================================== */

/*-- faqList--*/
.faqList dt{
	cursor: pointer;
}
.faqList dt span{
 padding: 10px 0 15px 60px;
 }
 .faqList dd span{
 padding: 0.65em 0.65em 0.65em 60px;
 min-height: 50px;
}
 .faqList dt span::before,
.faqList dd span::before{
  width: 30px;
 }

 
 #recruitmentFlow ol li{
  padding: 30px 0 30px 20px;
  width: calc((100% - 30px - 40px)/4);
 }
 #recruitmentFlow ol li:first-of-type{
  border-radius: 10px 0 0 10px;
 }
 #recruitmentFlow ol li:not(:first-of-type){
  padding-left: 50px;
 }
 #recruitmentFlow ol li::after,
 #recruitmentFlow ol li::before{
  clip-path: polygon(0 0, 5px 0, 100% 50%, 5px 100%, 0 100%);
  width: 40px;
  height: 100%;
}
 #recruitmentFlow ol li::after{
  top: 0;
  bottom: 0;
  left: calc(100% - 5px);
 }
 #recruitmentFlow ol li::before{
  top: 0;
  bottom: 0;
  left: calc(100% + 10px - 5px);
 }
 
 
 /* =======================================
   attempt
========================================== */
#attempt .bnrLink{
	margin-bottom: 100px;
}
.attemptList{
	gap: 30px;
}
.attemptList li{
	padding: 20px;
	width: calc((100% - 30px) / 2);
}
.attemptList li figure{
	width: 22%;
}
.attemptList li dl{
	width: 72%;
}
.attemptList li dl dt{
	font-size: min(4.5vw,2rem);
	margin-bottom: 15px;
	padding-bottom: 5px;
}


/* =======================================
	news PC
========================================== */
/*		一覧
-----------------------------*/
.newsBox .pcFlex{
 justify-content: space-between;
}
.newsBox .imgs{
 width: 30%;
	min-width: 300px;
	min-height: 224px;
	background: var(--LLgray);
	aspect-ratio: 4/3;
}


.newsBox .txts{
 width: 66%;
}

.newsBox{
	border-bottom: 1px dotted var(--blue);
	padding: 2em 0;
}

/*		single
-----------------------------*/
article{
 padding: 100px 0;
}


/* =======================================
	contact PC
========================================== */
/*#contactLead .icTel{
	font-size: 5rem;
}*/
#contactTelfax .telfaxBox > p{
  width: 100%;
}

/* =======================================
	form PC
========================================== */
.tb_cont th{
	border-bottom: 1px solid var(--wh);
	padding: 15px 2.5%;
	width: 25%;
}
.tb_cont td{
	border-bottom: 1px solid var(--base);
	padding: 15px 2.5%;
	width: 75%;
}
.tb_cont td input:not([type=checkbox]):not([type=radio]){
	padding: 8px;
	width: 80%;
}
.tb_cont td textarea{
	padding: 8px;
	width: 80% !important;
	height: 100px !important;
}
.tb_cont .hissu{
	padding: 3px 3%;
}
.tb_cont .zip{
	margin-right: 10px;
	width: 20%;
}
.tb_cont .zipBtn{
	font-size: 1.4rem;
	padding: 10px 14px;
}
.tb_cont .w50{
	width: 58%;
}
.tb_cont .fileBtn li{
	width: 33%;
}
.confirm {
  margin-top: 40px;
}
.tb_cont td input.radiobtn{
    width: auto;
}


/* =======================================
	privacypolicy PC
========================================== */