@charset "UTF-8";

@media screen and (max-width:750px){
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body { font-size: 16px; min-width: initial; min-width: auto; line-height: 1.5em; }

img { width: 100%; }

/*------------------------------
	text
-------------------------------*/
.spTxtCenter { text-align:center !important; }
.spTxtLeft { text-align:left !important; }

/*------------------------------
	float
-------------------------------*/
.fLeft { float:none; }
.fRight { float:none; }	

/* clearfix */
.spCf:before, .spCf:after { display:table; content:""; }
.spCf:after { clear:both; }
.spCf { zoom:1; overflow:hidden; }

.pcDisplayBlock { display:inline; }
.spDisplayBlock { display:block; }

/*------------------------------
	width
-------------------------------*/
.wAuto { width:auto !important; }
.w5per { width:5% !important; }
.w10per { width:10% !important; }
.w15per { width:15% !important; }
.w20per { width:20% !important; }
.w25per { width:25% !important; }
.w30per { width:30% !important; }
.w35per { width:35% !important; }
.w40per { width:40% !important; }
.w45per { width:45% !important; }
.w50per { width:50% !important; }
.w55per { width:55% !important; }
.w60per { width:60% !important; }
.w65per { width:65% !important; }
.w70per { width:70% !important; }
.w75per { width:75% !important; }
.w80per { width:80% !important; }
.w85per { width:85% !important; }
.w90per { width:90% !important; }
.w95per { width:95% !important; }
.w100per { width:100% !important; }

/*------------------------------
  margin
-------------------------------*/
.spMt0 { margin-top:0px !important; }
.spMt5 { margin-top:5px !important; }
.spMt10 { margin-top:10px !important; }
.spMt15 { margin-top:15px !important; }
.spMt20 { margin-top:20px !important; }
.spMt25 { margin-top:25px !important; }
.spMt30 { margin-top:30px !important; }
.spMt35 { margin-top:35px !important; }
.spMt40 { margin-top:40px !important; }
.spMt50 { margin-top:50px !important; }
.spMt60 { margin-top:60px !important; }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  コンテンツ部分
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*header*/
#headerWrap { margin: 15px auto 0; width: 90%; }
#headerWrap .contentOuter { position: static; }
#headerWrap #headerSection h1 { float:left; margin-top:0; width:26%; }
#headerWrap #headerSection p#spMenu { display:block; float:right; width:9%; }
#headerWrap #headerSection p#spClose { display:block; }
#spClose a { display: block; font-size: 1.2rem; padding: 23px 20px 23px 0; color: #FFF; text-align: right; }
#headerWrap #headerSection #spMenuArea { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100vh; z-index: 100; background: #000; opacity: .9; }
#headerWrap #headerSection ul#naviList { margin: 0; margin: 10% 0; flex-direction: column; width: 100%; height: 100vh;}
#headerWrap #headerSection ul#naviList li { margin: 0; border: none; }
#headerWrap #headerSection p#spClose a:hover img,
#headerWrap #headerSection ul#naviList > li a { padding: 10px 15% 10px 15%; margin: 10px 0; color: #FFF; font-size: 1rem; }
#headerWrap #headerSection ul#naviList > li a:hover {background: none;}
#headerWrap #headerSection ul#naviList > li:last-child a { width: 95%; margin: 12px auto 0; padding: 20px 0;  }
#headerWrap #headerSection ul#naviList li a:hover img { opacity:1; background: none; }
#headerWrap #headerSection ul#naviList > li > ul { display: block!important; position: static; }
#headerWrap #headerSection ul#naviList > li > ul li { width: 85%; margin: 0 0 0 15%; background: none; border: none; }


/*footer*/
#footerWrap { padding:10px 0 20px; }
#footerWrap ul { width: 90%; flex-direction: column; align-items: center; margin: 0 auto; }
#footerWrap ul li { width: 100%; border-right: none; border-bottom: 1px solid #FFF; }
#footerWrap ul li:last-child { border: none; }
#footerWrap ul li a { padding: 10px 0; }
    
#footerWrap img { width: 30%; }

#footerWrap .footLink { margin-right:0; }
#footerWrap .footLink ul li { width: 100%; }
    
#footerWrap p#footerCopyright { margin-top: 25px; }

/*共通*/
.contentOuter { width: 100%; margin: 0 auto; }
.mainContentWrap { width: 100%; margin: 10px auto 0; }
.mainContentWrap .pageContentSection { width:100%; margin-top:10px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  index.hrml
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#topWrap #sliderText { height: 400px; }
#topWrap #sliderText > h2 { top: calc(50% - .6rem - 10px); left: 0; font-size: 1.2rem; padding: 10px 5%; }
#topWrap #sliderText .sliderList { height: 400px; overflow: hidden; }

#topWrap #topInfoSection { margin: 55px auto 0; width: 90%; }
#topWrap #topInfoSection p { margin: 30px auto 0; width: 95%; }
#topWrap #topProductsSection { margin: 80px auto 0; width: 90%; }
#topWrap #topProductsSection ul li.halfList { float:none; width: 100%; }

#topWrap #topProductsSection .cf li a { font-size: 1rem; line-height: 2.5rem; padding: 35px 0 115px 0; }
#topWrap #topProductsSection .cf li a span { font-size: 2rem!important; }
#topWrap #topProductsSection .cf li a span.sp_hidden,
#topWrap #topProductsSection .cf li a br.sp_hidden { display:none; }
#topWrap #topProductsSection ul ul { display: none; }
#topWrap #topProductsSection ul li a { padding: 60px 0 50px 0!important; }

/* VISION ABOUT US */
#topWrap .topSection { width: 90%; margin: 80px auto 0; }
#topWrap #topVisionSection a span,
#topWrap #topStorySection a span { font-size: 2rem; }
#topWrap #topVisionSection a,
#topWrap #topStorySection a { font-size: 1rem; line-height: 2.5rem; padding: 55px 0; }

/* news */
#topWrap #newsTopSection { width: 90%; margin: 30px 5% 0 5%; }
#topWrap #newsTopSection .newsArea ul + p { width:15%; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /news/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* index */
#newsWrap #newsIndexSection { margin:40px auto 0; width:94%; }
#newsWrap #newsIndexSection #newsPagerArea { margin-top:30px; }
#topWrap #newsTopSection .newsArea ul { margin: 20px 0 0 0; }
#topWrap #newsTopSection .newsArea ul li { margin: 15px 0 0 0; }
#topWrap #newsTopSection .newsArea ul li span.txtTitle { width: 100%; margin: 0; }
#topWrap #newsTopSection .newsArea p a { width: 15%; top: 4px; }


/* detail */
#newsWrap #newsDetailSection { margin-top:30px; width:94%; }
#newsWrap #newsDetailSection h3 { font-size:180%; }
#newsWrap #newsDetailSection #newsDeailArea p.imgDetail { margin-top:20px; }
#newsWrap #newsDetailSection #newsDeailArea p.btnBack { width: 30%; margin:20px auto 0; }
#newsWrap #newsDetailSection #newsDeailArea .btnBack a { width: 100%; }



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /product/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#productsWrap h2:nth-child(1) { width: 100%; font-size: 0.8rem; line-height: 2rem; padding:30px 0; }
#productsWrap h2.line2:nth-child(1) { padding: 51px 0 41px; }
#productsWrap h2:nth-child(1) span {font-size:1.8rem; }
    
#productsWrap #productsSection { margin-top: 50px; }
#productsWrap #productsSection #productsFeaturesArea { width: 80%; margin: 0 auto; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList { width: 100%; margin: 30px auto 0; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li { width:100%; margin: 30px 0 0 0; padding: 0; position: relative; flex-direction: column; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li img { width: 80px; height: 80px; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li div { width: 100%; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li h4 { position: absolute; top: 0; left: 90px; width: calc(100% - 90px); font-size: 1rem; text-align: left; margin: 0 0 15px 0; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li span { font-size: 1.5rem; line-height: 2rem; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li p { position: unset; line-height: 1.5rem; margin: 10px 0 0 0; }

#productsWrap #productsSection #productsFeaturesArea ul.featuresList.twoDiv li { width:100%; margin:30px 0 0; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li:first-child { margin-top:0; }

#productsWrap #productsSection #productsBrandsArea { padding-top: 0; width: 80%; margin: 100px auto 0; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList { width: 100%; margin: 30px auto 0; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li { width: 100%; margin: 40px 0 0; position: relative; flex-direction: column; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li:first-child { margin-top:0; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li div { width: 100%; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li p:nth-child(1) { min-height: 50px; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li:nth-child(1) p.line2 { min-height: 84px !important; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList.twoDiv { width:100%; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li p + p { width: 100%; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li p + p + p { position:static; left:auto; bottom:auto; margin:5px 0 0; float:right; width:65%; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li a { margin: 10px 0 0 0; width: 80px; line-height: 80px; }

#productsWrap #productsSection #productsDetailsArea { width: 80%; background:none; margin: 50px auto 0 auto; padding-top:0; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner { margin-top:50px; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner:first-child { margin-top: 100px; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner h4 { width: 100%; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList { margin: 30px auto 0; width: 100%; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li { margin-top:50px; flex-direction: column; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li:first-child { margin-top:0; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li p { float: none; width: 50%; margin: 0 auto; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table { float:none; width:100%; margin-top:20px; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table th { font-size:100%; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table td { font-size:100%; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList + a { width: 100%; }

#fancybox-wrap { width:90% !important; padding:0 !important; margin:0 auto; left:5% !important; right:5% !important; }
#fancybox-content { width:100% !important; }
#fancybox-close { top:20px; right:20px; width:20px; height:20px; background-size:contain; }
.popupSection { padding:20px 20px 50px; box-sizing:border-box; }
.popupSection h2 { text-align:center; margin-top:30px; }
.popupSection h2 + p { margin:30px auto 0; width:60%; }
.popupSection .popupArea .popupInner { margin-top:20px; }
.popupSection .popupArea .popupInner:first-child { margin-top:30px; }
.popupSection .popupArea .popupInner ul.popupList { width:100%; margin:15px auto 0; }
.popupSection .popupArea .popupInner ul.popupList.twoDiv { width:100%; text-align:center; }
.popupSection .popupArea .popupInner ul.popupList li { float:left; width:30%; margin-left:5%; }
.popupSection .popupArea .popupInner ul.popupList li:first-child { margin-left:0; }
.popupSection .popupArea .popupInner ul.popupList.twoDiv li { float:none; display:inline-block; vertical-align:top; margin:20px 2.5% 0 !important; }
.popupSection .popupArea .popupInner ul.popupList.twoDiv li:first-child { margin:0 2.5% !important; }
.popupSection .popupArea .popupInner ul.popupList.twoDiv li:nth-child(2) { margin:0 2.5% !important; }
.popupSection .popupArea .popupInner ul.popupList p + p { font-size:100%; margin-top:5px; }
.popupSection .popupArea + p { text-align:center; margin-top:50px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /vision/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
#visionWrap #visionSection { margin:25px auto 0; text-align:center; }
#visionWrap #visionSection h3 { width:94%; margin:0 auto; }
#visionWrap #visionSection > p { width:94%; margin:15px auto 0; text-align:left; }
#visionWrap #visionSection p.visionImg { margin-top:25px; width:100%; }
#visionWrap #visionSection ul { margin:30px auto 0; width:94%; }
#visionWrap #visionSection ul li { background:none; margin-top:30px; padding-top:0; }
#visionWrap #visionSection ul li:first-child { margin-top:0; padding-top:0; }
#visionWrap #visionSection ul li h3 { text-align:center; }
#visionWrap #visionSection ul li h3 span { float:none; display:block; margin:20px auto 0; width:30%; }
#visionWrap #visionSection ul li div { margin-top:30px; }
#visionWrap #visionSection ul li div p { float:none; margin-top:20px; }
#visionWrap #visionSection ul li div p.visionTxt { float:none; width:100%; margin-top:0; }
#visionWrap #visionSection ul li:first-child h3 > img { float:none; margin-top:0; }
#visionWrap #visionSection ul li:first-child div { margin-top:20px; }
*/
#visionWrap #visionSection { width: 90%; margin: 50px auto 0; }
#visionWrap h2:nth-child(1) { font-size: 1rem; line-height: 2rem; padding: 62px 0; }
#visionWrap h2:nth-child(1) span { font-size: 1.8rem; }

#visionWrap #visionSection h3 { line-height: 2.5rem; }
#visionWrap #visionSection > p {text-align: left; }
#visionWrap #visionSection > p .sp_hidden { display: none; }

#visionWrap #visionSection ul li .visionContents { flex-direction: column-reverse; }
#visionWrap #visionSection ul li h4 { text-align: center; font-size: 1.5rem; line-height: 2rem; }
#visionWrap #visionSection ul li h4 + img { position: unset; display: block; width: 80px; margin: 0 auto 20px; }
#visionWrap #visionSection ul li .visionContents p { margin: 20px 0 0 0;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /about/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#aboutWrap h2:nth-child(1) { font-size: 1rem; line-height: 2rem; padding: 62px 0;}
#aboutWrap h2:nth-child(1) span { font-size: 1.8rem;}

#aboutWrap #aboutSection { width: 90%; margin: 50px auto 0; }
#aboutWrap #aboutSection .aboutLeftInner { float:none; }
#aboutWrap #aboutSection .aboutRightInner { float:none; width:100%; margin-top:30px; }

/* イントロ */
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner { flex-direction: column; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner:first-child { flex-direction: column; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox { width: 100%; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox h3 { line-height: 2rem; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner:first-child img,
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner img { width: 100%; margin: 15px 0 0 0;}

#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox p + p { margin-top:20px; width:100%; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner > p { float:none; margin-top:20px; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner { margin-top:50px; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox p + p { margin-top:20px; width:100%; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner > p { float:none; margin-top:20px; }

/* COMPANY DATA */
#aboutWrap #aboutSection #aboutDataArea { width: 100%; background: none; margin: 100px 0 0 0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox { flex-direction: column; }

#aboutWrap #aboutSection #aboutDataArea h4,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 { line-height: 2rem; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li { margin: 0 0 30px 0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > img { width: 100%; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightUnit { width: 100%; margin: 15px 0 0 0; flex-direction: column; justify-content: space-between; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightUnit ul,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul { display: flex; flex-direction: row; flex-wrap: wrap; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > ul li,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul > li,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul li { width: calc(50% - 2.5px); margin: 0 5px 5px 0; padding: 0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > ul li:nth-of-type(2n),
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul > li:nth-of-type(2n),
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul li:nth-of-type(2n) { margin: 0 0 5px 0; }
    
/*
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox p { float:none; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit { float:none; margin:0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > ul li { float:left; width:49%; margin-left:2%; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > ul li:first-child { margin-top:5px; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > ul li:nth-child(2n+1) { margin-left:0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > p { margin-top:20px; }


#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul { margin:0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li { float:none; margin:50px 0 0 }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul { margin-top:5px; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul > li { float:left; width:49%; margin:5px 0 0 2%; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul > li:nth-child(2n+1) { margin-left:0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter p { float:left; margin-top:0; width:59%; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul { float:left; margin-left:5%; width:35%; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul li { margin-top:4px; }
*/

/* AWARDS */
#aboutWrap #aboutSection #aboutAwardsArea { width: 100%; margin: 50px 0 0 0; padding-top: 30px; }
#aboutWrap #aboutSection #aboutAgentArea h3 { line-height: 2rem; }
#aboutWrap #aboutSection #aboutAwardsArea ul { width: 100%; }
#aboutWrap #aboutSection #aboutAwardsArea ul li { float:none; margin: 15px 0 0; }
#aboutWrap #aboutSection #aboutAwardsArea ul li:first-child { margin-top:0; }

/* AGENT INFORMATION */
#aboutWrap #aboutSection #aboutAgentArea { width: 95%; margin: 50px auto; padding-top:30px; }
#aboutWrap #aboutSection #aboutAgentArea h3
#aboutWrap #aboutSection #aboutAgentArea ul li { margin-top:30px; }
#aboutWrap #aboutSection #aboutAgentArea ul li:first-child { margin-top:0; }
#aboutWrap #aboutSection #aboutAgentArea ul li p { margin-top:8px; padding-top:10px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /privacy/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#privacyWrap { margin-top:50px; }
#privacyWrap #privacySection { margin:30px auto 0; width:94%; line-height:1.4em; }
#privacyWrap #privacySection p { margin-top:20px; }
#privacyWrap #privacySection ul { margin-top:30px; }
#privacyWrap #privacySection ul li { margin-top:15px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  form部分共通
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mainContentWrap .pageContentSection table.formTable tr th { padding: 10px 0 0 0; }
.mainContentWrap .pageContentSection table.formTable tr th.required { padding: 10px 0 0 0; }
.mainContentWrap .pageContentSection table.formTable tr th.required:before { top: 15px; left: 0; }
.mainContentWrap .pageContentSection table.formTable tr th p { border-right: none; margin: 10px 0 0 0; padding: 20px 0 0 0; line-height: 1.4em; }
.mainContentWrap .pageContentSection table.formTable tr td { width: 100%; display: block; padding: 5px 0 0; }
.mainContentWrap .pageContentSection table.formTable tr td input { width: 100%; box-sizing: border-box; }
.mainContentWrap .pageContentSection table.formTable tr td textarea { width: 100%; box-sizing: border-box; }
.mainContentWrap .pageContentSection #confBtnList li input[type="submit"] { margin: 20px auto 0; }

/* conf */
.mainContentWrap .pageContentSection table#confTable tr td p { padding:0; line-height:1.4em; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /contact/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contactWrap { width: 90%; margin: 10px auto 0; }
#contactWrap h2:nth-child(1) { font-size: 1rem; line-height: 1.5rem; padding: 30px 0; }
#contactWrap h2:nth-child(1) span { font-size: 1.8rem; line-height: 2rem; }
#contactWrap #contactSection { margin-top: 20px; }
#contactWrap #contactSection > p { font-size: 100%; line-height: 1.4em; }
#contactWrap #contactSection table.formTable { width: 100%; margin: 0 auto; }
#contactWrap #contactSection table.formTable tr th { display: block; }
#contactWrap #contactSection table.formTable tr td#formName input { width: 48%; float: left; display: block; }
#contactWrap #contactSection table.formTable tr td#formName input.ml25 { margin-left: 4% !important; }

#contactWrap #contactSection p#formBtn input { margin: 20px auto 0; }

/* thanks */
#contactWrap .pageContentSection h3 { margin: 50px auto 0; width: 52%; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /order/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#orderWrap { width: 90%; margin: 10px auto 0; }
#orderWrap h2:nth-child(1) { font-size: 1rem; line-height: 1.5rem; padding: 30px 0; }
#orderWrap h2:nth-child(1) span { font-size: 1.8rem; line-height: 2rem; }
#orderWrap #orderSection { margin-top: 20px; }
#orderWrap #orderSection > p { font-size: 100%; line-height: 1.4em; }
#orderWrap #orderSection table.formTable { width: 100%; margin: 0 auto; }
#orderWrap #orderSection table.formTable tr th { display: block; }
#orderWrap #orderSection table.formTable tr td#formName input { width: 48%; float: left; display: block; }
#orderWrap #orderSection table.formTable tr td#formName input.ml25 { margin-left: 4% !important; }

#orderWrap #orderSection table.formTable tr td#selectProduct input { font-size:115%; padding:6px 10px; border:none; }
#orderWrap #orderSection table.formTable tr td#selectProduct select option { padding: 10px; }

#orderWrap #orderSection p#orderTxt { margin: 50px auto 0; text-align: left; width: 100%; }
#orderWrap #orderSection p#formBtn input { margin: 20px auto 0; }

/* thanks */
#orderWrap .pageContentSection h3 { margin:50px auto 0; width:52%; }


}