@charset "UTF-8";

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  index.hrml
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mainContentWrap { animation: fadein 2.5s forwards; }
@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

p { text-align: justify!important; overflow-wrap: break-word; text-justify: inter-ideograph; }

#topWrap #sliderText { position: relative; height: 622px; }
#topWrap #sliderText > h2 { position: absolute; top: calc(50% - 0.9rem - 7.5px); left: -20px; font-size: 1.8rem; font-weight: 300; color: #FFF; background: rgba(0, 0, 0, 0.9); padding: 15px 20px; z-index: 999; }
#topWrap #sliderText .sliderList { height: 622px; overflow: hidden; }

#topWrap .topSection { margin-top: 55px; text-align:center; }
#topWrap .topSection p { margin-top: 20px; }
#topWrap #topInfoSection { margin-top: 85px; }
#topWrap #topInfoSection p { margin-top: 20px; text-align: center!important; }
#topWrap #topProductsSection { margin-top: 70px; }
#topWrap #topProductsSection ul { margin-top: 20px; }
#topWrap #topProductsSection ul li { position: relative; margin-top: 30px; }
#topWrap #topProductsSection ul li:first-child { margin-top:0; }

#topWrap .topSection h2 { text-align: center; font-size: 2rem; font-weight: 700; line-height: 2.1rem; }
#topWrap .topSection h2 span { color: #9b090c; }

/* title link */
#topWrap #topProductsSection .cf li a,
#topWrap #topVisionSection a,
#topWrap #topStorySection a { display: block; width: 100%; text-align: center; color: #FFF; font-size: 1.2rem; font-weight: 300; line-height: 3rem; text-shadow: #25252512 0px 0 20px; padding: 45px 0 115px 0; transition: 0.5s all; }

#topWrap #topProductsSection .cf li.nontext a { padding: 104px 0; }

#topWrap #topProductsSection .cf li a span:last-of-type { font-size: 3rem; font-weight: 700; }
#topWrap #topProductsSection .cf li a:hover,
#topWrap #topVisionSection a:hover,
#topWrap #topStorySection a:hover { opacity: 0.9; transition: all .3s ease-out; }

#topWrap #topProductsSection ul li.halfList { float:left; width: 50%; }
#topWrap #topProductsSection ul li.halfList a { padding: 119px 0 89px 0; }
#topWrap #topProductsSection .cf li.halfList a span { font-size: 2.7rem; }

#topWrap #topVisionSection a,
#topWrap #topStorySection a { padding: 128px 0; margin: 20px 0; }
#topWrap #topVisionSection a span,
#topWrap #topStorySection a span { font-size: 2.5rem; }



/* title link - benefit */
#topWrap #topProductsSection ul ul { margin: 0; color: #FFF; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
#topWrap #topProductsSection ul ul li { margin: 0; padding: 20px 0; width: 100%; line-height: 1.5rem; font-size: 0.8rem; }
#topWrap #topProductsSection ul ul li span { font-size: 1.1rem !important; }
#topWrap #topProductsSection ul ul li:after { content: ''; position: absolute; width: 1px; height: 50%; background-color:#FFF; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 25%; right: 0; }
#topWrap #topProductsSection ul ul li:last-child:after  { display:none; }

/* title link - background img */
#topWrap #topProductsSection .cf li#WOOL_DENIM a { background: url(/en/common/images/h2_WOOL_DENIM.png) 0 / cover; } /* WOOL DENIM */
#topWrap #topProductsSection .cf li#ARCHIVE a { background: url(/en/common/images/h2_ARCHIVE.png) 0 / cover; } /* ARCHIVE */
#topWrap #topProductsSection .cf li#MASTER-PIECE_DYE a { background: url(/en/common/images/h2_MASTER-PIECE_DYE.png) 0 / cover; } /* MASTER-PIECE DYE */
#topWrap #topProductsSection .cf li#FUNCTIONALITY a { background: url(/en/common/images/h2_FUNCTIONALITY.png) 0 / cover; } /* FUNCTIONALITY */
#topWrap #topProductsSection .cf li#WOOL_SHIRT a { background: url(/en/common/images/h2_WOOL_SHIRT.png) 0 / cover; } /* WOOL_SHIRT */
#topWrap #topProductsSection .cf li#SOULFUL_BLACK a { background: url(/en/common/images/h2_SOULFUL_BLACK.png) 0 / cover; } /* SOULFUL_BLACK */
#topWrap #topVisionSection a { background: url(/en/common/images/h2_VISION.png) 0 / cover; } /* VISION */
#topWrap #topStorySection a { background: url(/en/common/images/h2_ABOUT_US.png) 0 / cover; } /* ABOUT US */


/* news */
#topWrap #newsTopSection { text-align:left; margin-top:40px; }
#topWrap #newsTopSection .newsArea { position: relative; }
#topWrap #newsTopSection .newsArea h2 { display: block; font-size: 1.2rem; text-align: left; border-bottom: 1px solid #000; }
#topWrap #newsTopSection .newsArea ul { margin: 20px 0 0 0; }
#topWrap #newsTopSection .newsArea ul li { margin-top: 10px; font-size: 1rem; }
#topWrap #newsTopSection .newsArea ul li:first-child { margin-top: 0; }
#topWrap #newsTopSection .newsArea ul li a:hover { /* color:#000000 !important; */ }
#topWrap #newsTopSection .newsArea ul li span { display: inline-block; }
#topWrap #newsTopSection .newsArea ul li span.txtDate { vertical-align: top; }
#topWrap #newsTopSection .newsArea ul li span.txtTitle { margin: 0 0 0 15px; }
#topWrap #newsTopSection .newsArea ul li span.txtTitle a:hover { text-decoration: underline; }
#topWrap #newsTopSection .newsArea ul li span.txtTitle span.iconNew { margin-left: 10px; line-height: 1; vertical-align: -0.13em; }
#topWrap #newsTopSection .newsArea p a { display: block; text-align: center; color: #FFF; width: 10%; padding: 3px 0; background: #333; position: absolute; top: -3px; right: 0; transition: .5s all; }
#topWrap #newsTopSection .newsArea p a:hover { background: #808080; }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /news/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* index */
#newsWrap h2:nth-child(1) { width: 100%; text-align: center; color: #FFF; font-size: 1rem; font-weight: 300; line-height: 2.8rem; text-shadow: #25252512 0px 0 20px; padding: 104.8px 0; }
#newsWrap h2:nth-child(1) span {font-size: 3rem; }
#newsWrap h2 { background: url(/en/common/images/h2_NEWS.png) 0 / cover; }
#newsWrap #newsIndexSection { margin-top:50px; }
#newsWrap #newsIndexSection .newsArea ul { margin-top:0; }
#newsWrap #newsIndexSection .newsArea ul li { margin-top:15px; font-size:115%; }
#newsWrap #newsIndexSection .newsArea ul li:first-child { margin-top:0; }
#newsWrap #newsIndexSection .newsArea ul li a:hover { /* color:#000000 !important; */ }
#newsWrap #newsIndexSection .newsArea ul li span { display:inline-block; }
#newsWrap #newsIndexSection .newsArea ul li span.txtDate { vertical-align:top; }
#newsWrap #newsIndexSection .newsArea ul li span.txtTitle { margin: 0 0 0 15px; }
#newsWrap #newsIndexSection .newsArea ul li span.txtTitle span.iconNew { margin-left:10px; line-height:1; vertical-align:-0.13em; }
#newsWrap #newsIndexSection .newsArea ul li span.txtTitle a:hover { text-decoration: underline; }
/* #newsWrap #newsIndexSection #newsPagerArea { margin:40px auto 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
#newsWrap #newsIndexSection #newsPagerArea a { font-size:108%; text-decoration:underline; }
#newsWrap #newsIndexSection #newsPagerArea a:hover { text-decoration:none; color:#9b090c !important; }
#newsWrap #newsIndexSection #newsPagerArea p { line-height:1; margin:3px 8px; }
#newsWrap #newsIndexSection #newsPagerArea p a { text-decoration:none; }
#newsWrap #newsIndexSection #newsPagerArea ol { display:flex; flex-wrap:wrap; justify-content:center; max-width:calc(100% - 50px);  }
#newsWrap #newsIndexSection #newsPagerArea ol li { margin:3px 8px; line-height:1; }
#newsWrap #newsIndexSection #newsPagerArea ol li a { color:#9b090c; font-size:115%; } */

/* ページャー */
.wp-pagenavi { clear:both; text-align:center; margin-top:40px; }
.wp-pagenavi a,
.wp-pagenavi span { font-size:115%; color:#ffffff; background-color:#808080; padding:8px 12px; margin:0 5px; white-space:nowrap; border-radius:3px; transition:0.2s ease-in-out; text-align:center; text-decoration:none; }
.wp-pagenavi span.current { background-color: #9b090c; }

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink { /* color:#000000; background-color:transparent; */ }
.wp-pagenavi span.pages { display:none; }

/* detail */
#newsWrap #newsDetailSection { margin:50px auto 0; width:800px; }
#newsWrap #newsDetailSection h3 { font-size:200%; font-weight:bold; line-height:1.3; }
#newsWrap #newsDetailSection p.txtDate { font-size:115%; margin-top:5px; line-height:1.1; }
#newsWrap #newsDetailSection p.txtDate span.iconNew { margin-left:10px; vertical-align:middle; }
#newsWrap #newsDetailSection #newsDeailArea { margin-top:20px; padding-top:20px; border-top:2px solid #9b090c; }
#newsWrap #newsDetailSection #newsDeailArea #newsDeailTxtInner p { line-height: 1.5rem; margin-top:10px; font-size:108%; }
#newsWrap #newsDetailSection #newsDeailArea #newsDeailTxtInner p:first-child { margin-top:0; }
#newsWrap #newsDetailSection #newsDeailArea #newsDeailTxtInner p img { max-width:100%; height:auto; }
#newsWrap #newsDetailSection #newsDeailArea p.btnBack { margin-top:30px; text-align:center; }
#newsWrap #newsDetailSection #newsDeailArea .btnBack a { display: block; text-align: center; color: #FFF; width: 20%; padding: 3px 0; background: #333; margin: 0 auto; transition: .5s all; }
#newsWrap #newsDetailSection #newsDeailArea .btnBack a:hover { background: #808080; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /product/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#productsWrap { width: 100%; }
#productsWrap h2:nth-child(1) { width: 1000px; text-align: center; color: #FFF; font-size: 1rem; font-weight: 300; line-height: 2.8rem; text-shadow: #25252512 0px 0 20px; padding: 60px 0; margin: 0 auto; }
#productsWrap h2.line2:nth-child(1) { padding: 90.4px 0 74.4px; }
#productsWrap h2:nth-child(1) span {font-size: 3rem; font-weight: 700; }
#productsWrap #WOOL_DENIM { background: url(../images/h2_WOOL_DENIM.png) 0 / cover; }
#productsWrap #ARCHIVE { background: url(../images/h2_ARCHIVE.png) 0 / cover; }
#productsWrap #MASTER-PIECE_DYE { background: url(../images/h2_MASTER-PIECE_DYE.png) 0 / cover; }
#productsWrap #FUNCTIONALITY { background: url(../images/h2_FUNCTIONALITY.png) 0 / cover; }
#productsWrap #WOOL_SHIRT { background: url(../images/h2_WOOL_SHIRT.png) 0 / cover; }
#productsWrap #SOULFUL_BLACK { background: url(../images/h2_SOULFUL_BLACK.png) 0 / cover; }

#productsWrap #productsSection { margin-top:40px; }
#productsWrap #productsSection #productsFeaturesArea { margin: 100px 0 0 0; }
#productsWrap #productsSection #productsFeaturesArea h3 { text-align: center; font-size: 2rem; font-weight: 500; }
#productsWrap #productsSection #productsFeaturesArea h3 span {color:#9b090c; }
#productsWrap #productsSection #productsFeaturesArea h3 + p { text-align:center!important; margin-top:15px; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList { width: 895px; margin: 50px auto 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li { width: 100%; line-height: 1rem; padding: 0 0 50px 0; display: flex; flex-direction: row; justify-content: space-between; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li:first-child { margin-left:0; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li img { width: 25%; height: auto; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li div { width: 70%; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li h4 { margin: 0 0 15px 0; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li h4 span { display: block; font-size: 1.5rem; font-weight: 500; line-height: 2rem; border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 5px; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li p { line-height: 1.5rem; }

#productsWrap #productsSection #productsFeaturesArea ul.featuresList.twoDiv li { width: 422px; margin-left: 47px; }
#productsWrap #productsSection #productsFeaturesArea ul.featuresList li p + p { /* font-size:85%; */ line-height: 1.3em; margin-top: 10px; }

#productsWrap #productsSection #productsBrandsArea { /*background: url(/en/common/images/common_bg_line_pc.gif) no-repeat center top;*/ margin-top: 100px; padding-top: 60px; }
#productsWrap #productsSection #productsBrandsArea h3 { text-align: center; font-size:2rem; font-weight: 500; }
#productsWrap #productsSection #productsBrandsArea h3 span {color:#9b090c; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList { width: 895px; margin: 50px auto 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList.twoDiv { width:520px; }

#productsWrap #productsSection #productsBrandsArea ul.brandsList li { width: 100%; display: flex; flex-direction: row; align-items: center; position: relative; margin: 0 0 50px 0; justify-content: space-between; height: auto !important; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList.twoDiv li {  }

#productsWrap #productsSection #productsBrandsArea ul.brandsList li:first-child { margin-left:0; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li div { width:calc(100% - 100px - 5%); }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li p:nth-child(1) { position: relative; width: 100%; min-height: 50px; font-size: 1.5rem; font-weight: 500; line-height: 2rem; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li p:nth-child(1)::after { position: absolute; content: ""; width: 100%; height: 1px; bottom: 10px; left: 0; background-color: #000; }


/* --- WOOL DENIM --- */
/*
#productsWrap #productsSection #productsBrandsArea ul.brandsList #WOOL_01 p:nth-child(1) {background: #0041c4;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #WOOL_02 p:nth-child(1) {background: #013399;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #WOOL_03 p:nth-child(1) {background: #000066;}
*/

/* --- ARCHIVE --- */
/*
#productsWrap #productsSection #productsBrandsArea ul.brandsList #ARCHIVE_01 p:nth-child(1) {background: #983301;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #ARCHIVE_02 p:nth-child(1) {background: #653332;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #ARCHIVE_03 p:nth-child(1) {background: #CC9965;}
*/

/* --- MASTER PIECE DYE --- */
/*
#productsWrap #productsSection #productsBrandsArea ul.brandsList #MASTER_01 p:nth-child(1) {background: #FF9900;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #MASTER_02 p:nth-child(1) {background: #EF0000;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #MASTER_03 p:nth-child(1) {background: #F166CC;}
*/

/* --- FUNCTIONALTY --- */
/*
#productsWrap #productsSection #productsBrandsArea ul.brandsList #FUNCTIONALTY_01 p:nth-child(1) {background: #65CC33;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #FUNCTIONALTY_02 p:nth-child(1) {background: #65C3CC;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #FUNCTIONALTY_03 p:nth-child(1) {background: #c970ef;}

/* --- WOOL SHIRT --- */
/*
#productsWrap #productsSection #productsBrandsArea ul.brandsList #SHIRT_01 p:nth-child(1) {background: #0041c4;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #SHIRT_02 p:nth-child(1) {background: #013399;}
#productsWrap #productsSection #productsBrandsArea ul.brandsList #SHIRT_03 p:nth-child(1) {background: #000066;}
*/

/* --- SOULFUL BLACK --- */
/*
#productsWrap #productsSection #productsBrandsArea ul.brandsList #SOULFUL_BLACK_01 p:nth-child(1) {background: #000;}
*/

#productsWrap #productsSection #productsBrandsArea ul.brandsList li p + p { line-height: 1.5rem; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li p + p + p { position: absolute; left: 50%; bottom: 0; margin-left: -33px; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li a { display: block; width: 100px; text-align: center; line-height: 100px; color: #000; border: 1px solid #000; border-radius: 50%; }
#productsWrap #productsSection #productsBrandsArea ul.brandsList li a:hover{ color:#FFF; background: #000; }

#productsWrap #productsSection #productsDetailsArea { /*background: url(/en/common/images/common_bg_line_pc.gif) no-repeat center top;*/ margin-top: 60px; padding-top: 120px; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner { margin-top: 80px; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner:first-child { margin-top:0; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner h4 { display: block; width: 895px; text-align: left; margin: 0 auto; padding: 0 0 10px 0; font-size: 1.5rem; line-height: 2rem; font-weight: 700; color: #000; border-bottom: 1px solid #000; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList { margin: 50px auto 0; width: 895px; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li { margin-top: 50px; display: flex; flex-direction: row; justify-content: space-between; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li:first-child { margin-top:0;}
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li p { width: 45%; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li p img { width: 100%; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table { width: 50%; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table th,
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table td { font-weight: normal; padding: 5px; border-bottom: 1px solid #e8e8e8; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table th { text-align: left; width: 40%; font-size: 1.2rem; right: 0; position: relative; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table th::after { content: "："; position: absolute; right: 0; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList li table td { word-break: break-all; word-wrap: break-word; width: calc(100% - 40% - 20px); }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList + a { display: block; width: 50%; margin: 50px auto 0 auto; padding: 20px 0; text-align:center; font-size: 1.5rem; background: #9b090c; color:#FFF; }
#productsWrap #productsSection #productsDetailsArea .productsDetailsInner ul.detailList + a:hover { background: #000; }

#fancybox-wrap { width: 940px !important; }
#fancybox-content { width: 100% !important; }

#popupWrap { display: none; }
.popupSection { background-color: #FFF; padding: 10%; }
.popupSection h2 { text-align: center; font-size: 1rem; }
.popupSection h2 span { display: block; text-align: center; font-size: 2rem; line-height: 2rem; font-weight: 700; }
.popupSection h2 + a { display: block; width: 50%; text-align: center; font-size: 1.5rem; margin: 50px auto; padding: 20px 0; background: #9b090c; color: #FFF; }
.popupSection h2 + a:hover { background: #000; }
.popupSection .popupArea .popupInner { margin: 60px 0 0 0; }
.popupSection .popupArea .popupInner h3 { display: block; font-size: 1.5rem; text-align: center; border-bottom: 1px solid #000; margin: 0 0 30px 0 ; padding: 0 0 5px 0; }
.popupSection .popupArea .popupInner ul.popupList { width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.popupSection .popupArea .popupInner ul.popupList { width: 100%; }
.popupSection .popupArea .popupInner ul.popupList li { width: 22.75%; margin: 0 3% 0 0; }
.popupSection .popupArea .popupInner ul.popupList li:last-child,
.popupSection .popupArea .popupInner ul.popupList li:nth-child(4n) { margin: 0; }
.popupSection .popupArea .popupInner ul.popupList li img { width: 100%; }
/**
.popupSection .popupArea .popupInner ul.popupList:not(.twoDiv) li:nth-child(3n+1) { margin-left:0; }
.popupSection .popupArea .popupInner ul.popupList:not(.twoDiv) li:nth-child(n+4) { margin-top:20px; }
.popupSection .popupArea .popupInner ul.popupList.twoDiv li:nth-child(2n+1) { margin-left:0; }
.popupSection .popupArea .popupInner ul.popupList.twoDiv li:nth-child(n+3) { margin-top:20px; }

.popupSection .popupArea .popupInner ul.popupList p + p { font-size:108%; margin-top:15px; }
.popupSection .popupArea + p { text-align:center; margin-top:50px; }
**/

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /vision/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#visionWrap #VISION { background: url(../images/h2_VISION.png) 0 / cover; }
#visionWrap h2:nth-child(1) { width: 100%; text-align: center; color: #FFF; font-size: 1rem; font-weight: 300; line-height: 2.8rem; text-shadow: #25252512 0px 0 20px; padding: 104.8px 0; }
#visionWrap h2:nth-child(1) span { font-size: 3rem; }

#visionWrap #visionSection { width: 900px; margin: 100px auto 0; }
#visionWrap #visionSection h3 { text-align: center; font-size: 2rem; font-weight: 700; }
#visionWrap #visionSection > p { text-align: center; margin-top: 20px; }
#visionWrap #visionSection .img_01 { width: 100%; height: auto; margin: 20px 0 0 0; }

#visionWrap #visionSection ul{ position: relative; }
#visionWrap #visionSection ul li h4 { display: block; width: 100%; text-align: left; font-size: 2rem; font-weight: 700; margin: 100px 0 20px 0; }
#visionWrap #visionSection  ul li h4 + img { position: absolute; right: 0; top: -3px; width: 40px; height: auto; }
#visionWrap #visionSection ul li .visionContents { display: flex; flex-direction: row; }
#visionWrap #visionSection ul li .visionContents p { margin: 0 20px 0 0; }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /about/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#aboutWrap #aboutSection { margin: 150px auto 0; }
#aboutWrap #aboutSection .aboutLeftInner { float: left; }
#aboutWrap #aboutSection .aboutRightInner { float: right; width:750px; }

#aboutWrap #ABOUT_US { background: url(../images/h2_ABOUT_US.png) right / cover; }
#aboutWrap h2:nth-child(1) { width: 100%; text-align: center; color: #FFF; font-size: 1rem; font-weight: 300; line-height: 2.8rem; text-shadow: #25252512 0px 0 20px; padding: 104.8px 0; }
#aboutWrap h2:nth-child(1) span { font-size: 3rem; }

/* イントロ */
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner { display: flex; flex-direction: row-reverse; margin: 60px 0 0 0; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner:first-child { margin: 0; flex-direction: row; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox { width: calc(50% - 15px); }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox h3 { margin: 0 0 15px 0; text-align: left; font-size: 2rem; font-weight: 300; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner:first-child img { width: calc(50% - 15px); margin: 0 0 0 30px; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner img { width: calc(50% - 15px); margin: 0 30px 0 0; }

/*
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox p + p { margin-top:16px; width:480px; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner > p { float:right; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner { margin-top: 60px; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox { float:right; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner .titleTxtBox p + p { margin-top:16px; width:480px; }
#aboutWrap #aboutSection #aboutIntroArea .aboutIntroInner > p { float:left; }
*/

/* COMPANY DATA */
#aboutWrap #aboutSection #aboutDataArea { width: 750px; margin: 150px auto 0; }
#aboutWrap #aboutSection #aboutDataArea h3 { text-align: center; font-size: 2rem; font-weight: 300; }
#aboutWrap #aboutSection #aboutDataArea h3 span { color: #9b090c; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox { display: flex; justify-content: flex-start; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox p {  }
#aboutWrap #aboutSection #aboutDataArea .aboutRightUnit { display: flex; width: 235px; margin: 0 0 0 15px; flex-direction: column; justify-content: space-between; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > ul li { margin: 0 0 10px 0; background: #333; border-radius: 2px; text-align: center; color: #FFF; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > ul li:first-child { margin-top:0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox .aboutRightUnit > p {  }
#aboutWrap #aboutSection #aboutDataArea h4,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 { font-size: 1.5rem; margin: 60px 0 30px 0; padding: 0px 0 5px 0; border-bottom: 1px solid #b7b7b7; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li { margin: 0 30px 30px 0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li:nth-of-type(2n) { margin: 0 0 30px 0 ; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > img { width: 360px; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > h5 { margin: 12px 0 0 0; font-size: 1.3rem; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul { display: flex; margin: 10px 0 0 0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul > li,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul li { margin: 0 5px 10px 0; padding: 0 3px; background: #333; border-radius: 2px; color: #FFF; text-align: center; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > ul > li:last-child,
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul li:last-child { margin: 0 0 10px 0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter h5 { font-size: 1.3rem; line-height: 2rem; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > h5 + p { margin: 10px 0 0 0; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter { margin-top: 30px; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter h5 {  }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter p { float:left; margin-top:2px; }
/*
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul { float:left; margin-left:10px; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul li { margin-top:4px; }
#aboutWrap #aboutSection #aboutDataArea .aboutRightBox + h4 + ul > li > .aboutRightOuter ul li:first-child { margin-top:0; }
*/

/* AWARDS */
#aboutWrap #aboutSection #aboutAwardsArea { width: 750px; margin: 150px auto; padding: 60px 0; border-top: 2px solid #b7b7b7; border-bottom: 2px solid #b7b7b7; }
#aboutWrap #aboutSection #aboutAwardsArea h3 { text-align:center; font-size: 2rem; font-weight: 300; }
#aboutWrap #aboutSection #aboutAwardsArea h3 span { color: #9b090c; }
#aboutWrap #aboutSection #aboutAwardsArea ul { text-align:center; margin: 40px auto 0; width: 755px; }
#aboutWrap #aboutSection #aboutAwardsArea ul li { float:left; margin-left: 43px; }
#aboutWrap #aboutSection #aboutAwardsArea ul li:first-child { margin-left: 0; }

/* AGENT INFORMATION */
#aboutWrap #aboutSection #aboutAgentArea { width: 750px; margin: 0 auto; }
#aboutWrap #aboutSection #aboutAgentArea h3 { margin: 0 0 40px 0; text-align:center; font-size: 2rem; font-weight: 300; }
#aboutWrap #aboutSection #aboutAgentArea h3 span { color: #9b090c; }
#aboutWrap #aboutSection #aboutAgentArea ul li { margin-top: 30px; }
#aboutWrap #aboutSection #aboutAgentArea ul li:first-child { margin-top: 0; }
#aboutWrap #aboutSection #aboutAgentArea h4 { font-size: 1.5rem; margin: 0 0 15px 0; padding: 0px 0 5px 0; border-bottom: 1px solid #b7b7b7;}
#aboutWrap #aboutSection #aboutAgentArea ul li p {  }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /privacy/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#privacyWrap h2:nth-child(1) { width: 100%; text-align: center; color: #000; font-size: 1rem; font-weight: 300; line-height: 2.8rem; padding: 104.8px 0; }
#privacyWrap h2:nth-child(1) span { font-size: 3rem; }
#privacyWrap #privacySection { margin: 0 auto; width: 800px; line-height: 1.8em; }
#privacyWrap #privacySection p { margin-top: 35px; }
#privacyWrap #privacySection ul { margin: 35px 0 0 1em; }
#privacyWrap #privacySection ul li { margin-top: 20px; list-style: outside disc; }
#privacyWrap #privacySection ul li:first-child {  }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  form部分共通
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mainContentWrap .pageContentSection table.formTable { margin: 0 auto; }
.mainContentWrap .pageContentSection table.formTable tr th { font-weight: normal; padding: 25px 0 0 85px; vertical-align: top; }
.mainContentWrap .pageContentSection table.formTable tr th p { padding: 14px 0; line-height: 1em; }
.mainContentWrap .pageContentSection table.formTable tr th p span { margin: 0 10px 0 0; padding: 5px; color: #FFF; background: #9b090c; }
.mainContentWrap .pageContentSection table.formTable tr td { width: 100%; padding: 25px 0 0 25px; vertical-align: top; }
.mainContentWrap .pageContentSection table.formTable tr td input { width: calc(100% - 22px); padding: 12px 10px; border: solid 1px #c4c4c4; }
.mainContentWrap .pageContentSection table.formTable tr td textarea { width: calc(100% - 22px); padding: 12px 10px; border: solid 1px #c4c4c4; }
.mainContentWrap .pageContentSection table.formTable tr th.required { position: relative; }
.mainContentWrap .pageContentSection table.formTable tr th.required:before { position: absolute; content: "REQUIRED"; color: #FFF; padding: 0 5px; background: #9b090c; top: 34px; left: -10px; }

/* conf */
.mainContentWrap .pageContentSection table#confTable tr td p { padding: 9px 0; line-height: 1em; }
.mainContentWrap .pageContentSection ul#confBtnList li input { display: block; text-indent: -9999px; border: none; }

input,textarea { transition: .5s all; }
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus { transition: all .3s ease-out; outline: none; background: #e8e8e8;; color: #000; }

.mainContentWrap .pageContentSection #formBtn { position: relative; transition: .5s all; width: 300px; margin: 0 auto; background: #000; }
.mainContentWrap .pageContentSection #formBtn p { position: absolute; top: 20px; left: calc(50% - 18px); color: #FFF; }
.mainContentWrap .pageContentSection #formBtn:hover { transition: all .3s ease-out; background: #9b090c; }
.mainContentWrap .pageContentSection #formBtn_back { position: relative; transition: .5s all; width: 300px; margin: 0 auto; background: #c4c4c4; }
.mainContentWrap .pageContentSection #formBtn_back p { position: absolute; top: 20px; left: calc(50% - 18px);}
.mainContentWrap .pageContentSection #formBtn_back:hover { transition: all .3s ease-out; background: #000; }
.mainContentWrap .pageContentSection ul#confBtnList li:hover { color: #FFF; }

input[type="submit"] { display: block; width: 300px; color: #FFF; margin: 50px auto 0; padding: 20px 0; border: none; background: none;}




/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /contact/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body > p { display: none !important; }
#contactWrap h2:nth-child(1) { width: 100%; text-align: center; color: #000; font-size: 1rem; font-weight: 300; line-height: 2.8rem; padding: 104.8px 0; }
#contactWrap h2:nth-child(1) span { font-size: 3rem; }
#contactWrap #contactSection { margin-top: 0; }
#contactWrap #contactSection > p { text-align: center; font-size: 129%; line-height: 1.8em; }
#contactWrap #contactSection table.formTable { width: 750px; }
#contactWrap #contactSection table.formTable tr th { width: 50%; }
#contactWrap #contactSection table.formTable tr td#formName input { width: calc(50% - 35px); }

/* conf */
#contactWrap #contactSection ul#confBtnList { margin-top:40px; text-align:center; }
#contactWrap #contactSection ul#confBtnList li { display:inline-block; margin:0 10px; }
input[type="button"] { display: block; width: 300px; color: #000; margin: 50px auto 0; padding: 20px 0; border: none; background: none;}
input[type="button"]:hover { color: #FFF; }

/* thanks */
#contactWrap .pageContentSection h3 { text-align:center; margin-top:55px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  /order/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body > p { display:none !important; }
#orderWrap h2:nth-child(1) { width: 100%; text-align: center; color: #000; font-size: 1rem; font-weight: 300; line-height: 2.8rem; padding: 104.8px 0; }
#orderWrap h2:nth-child(1) span { font-size: 3rem; }
#orderWrap #orderSection { margin-top: 0; }
#orderWrap #orderSection > p { text-align: center; font-size: 129%; line-height: 1.8em; }
#orderWrap #orderSection table.formTable { width: 750px; }
#orderWrap #orderSection table.formTable tr th { width: 50%; }
#orderWrap #orderSection table.formTable tr td#formName input { width: calc(50% - 35px); }
#orderWrap #orderSection table.formTable tr td#selectProduct input { font-size:115%; padding:6px 10px; border:none; }
#orderWrap #orderSection table.formTable tr td#selectProduct select { height:35px; }
#orderWrap #orderSection table.formTable tr td#selectProduct select option { padding:10px; }

#orderWrap #orderSection p#orderTxt { margin-top:40px; text-align:center!important; }

/* conf */
#orderWrap #orderSection ul#confBtnList { margin-top:40px; text-align:center; }
#orderWrap #orderSection ul#confBtnList li { display:inline-block; margin:0 10px; }
input[type="button"] { display: block; width: 300px; color: #000; margin: 50px auto 0; padding: 20px 0; border: none; background: none;}
input[type="button"]:hover { color: #FFF; }

/* thanks */
#orderWrap .pageContentSection h3 { text-align:center; margin-top:55px; }