/* P - 会社概要  ------------------------------------------ */

/* ----------------------------------------------------------   
   #home_catch
   ---------------------------------------------------------- */
#company_info { padding: 80px 5%; position: relative; z-index: 1;background: #faecec;}
@media only screen and (max-width: 900px) {
#company_info { padding: 70px 5%; }
}


#company_info .section_title p{ margin: 50px 0 15px; text-align: center; color: #a60d0b; font-size: 30px; font-weight: 700;line-height: 1;font-feature-settings: "palt";}
#company_info .section_title-kanren p{ margin: 10px 0 15px; text-align: center; color: #a60d0b; font-size: 30px; font-weight: 700;line-height: 1;font-feature-settings: "palt";}
#company_info .section_title-kanren .cap{ margin: 70px 0 15px; text-align: center; color: #a60d0b; font-size: 14px; font-weight: 700;line-height: 1;font-feature-settings: "palt";}

/* .info_area */
#company_info .info_area { position: relative;z-index: 0;  }


#company_info .info_box_general { margin: 0 auto; width: 60%; padding: 10px 5%; background: #fefefe;}

/* .info_box */
#company_info .info_box { float: right; width: 50%; padding: 10px 5%; background: #fefefe;}

/* table.info_table */
table.info_table { width: 100%; font-size:14px; line-height:1.4; letter-spacing:1px; text-align: left; vertical-align: baseline; border-collapse: collapse; }
table.info_table tr { display: block; width: 100%;border-top:#a60d0b 1px dotted; }
table.info_table tr:first-child { border-top: 0px; }
table.info_table th { width:120px; padding:15px 0; font-weight: 700;}
table.info_table td { padding:15px; }
table.info_table td div{ margin-top: 10px;  vertical-align: baseline;}
table.info_table td div:first-child{ margin-top: 0;}
table.info_table td span { display: block; font-size: 12px; font-weight: 700;}

@media only screen and (max-width: 900px) {
#company_info .info_box { float: none; width: 100%; padding: 20px 7.5%; }
table.info_table th { width:125px;}
#company_info .info_box_general { margin: 0 auto; width: 100%; padding: 10px 5%; background: #fefefe;}
}

@media only screen and (max-width: 738px) {
table.info_table { font-size:12px;letter-spacing:0.5px;}
table.info_table th { width:100px; }
}

/* .map_box */
#company_info .map_box { float: left; width: 50%; position: relative; z-index: 1;}
#company_info .map_box .map_inner { position: absolute; top: 0; right: 0; bottom: 80px; left: 0; z-index: 2;}
/* .link_area */
#company_info .link_area { position: absolute; bottom: 0; left: 0; width: 50%; z-index: 3;}

@media only screen and (max-width: 900px) {
#company_info .map_box { float: none; width: 100%; height: 350px;}
#company_info .map_box .map_inner { bottom: 0;}	
#company_info .link_area { position: static; width: 100%;}
}

@media only screen and (max-width: 738px) {
#company_info .map_box { height: 250px;}
}




/* ----------------------------------------------------------   
   #company_history
   ---------------------------------------------------------- */
#company_history { padding: 60px 20%; position: relative; z-index: 1;}
@media only screen and (max-width: 900px) {
#company_history { padding: 30px 5%; }
}

/* .history_area */
.history_area { text-align: center;background: #faecec;background: url(../images/bg_company_history2.jpg); background-size:cover; padding: 40px 5%;}
/* .history_box */
.history_box { display: inline-block;}
.history_area h3 { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: 1px;}

/* table.history_table */
table.history_table { margin-top: 25px; background: rgba(255,255,255,0.7); display: inline-block; font-size:14px; line-height:1.4; letter-spacing:1px; text-align: left; border-collapse: collapse; }
table.history_table tr { border-top:#ccc 1px solid; }
table.history_table tr:first-child { border-top: none; }
table.history_table th { width:100px; padding:20px 25px;  }
table.history_table td { padding:20px 50px 15px 25px; }

/* h4 */
table.history_table h4.yearEn { font-size:20px; font-family: 'Oswald', sans-serif; font-weight: 400;font-weight: normal; letter-spacing:1px; line-height:1.2;}
table.history_table h4.yearJp { font-size:10px; font-weight: normal; letter-spacing:1px; line-height:1; margin-top:5px; }


@media only screen and (max-width: 900px) {
.history_area { padding: 50px 5%; background: url(../images/bg_company_history2.jpg); background-size:cover; }
.history_area h3 { font-size: 18px;}
table.history_table { font-size:13px; letter-spacing:0.5px; background: rgba(255,255,255,0.8) ;}
}

@media only screen and (max-width: 738px) {
.history_area { padding: 25px 2.5% 15px; background: url(../images/bg_company_history2.jpg); background-size:cover; }
.history_area h3 { font-size: 14px;}
table.history_table { margin-top: 20px; background: rgba(255,255,255,0.8) ;display: block; font-size:11px;}
table.history_table tr { border-top:#ccc 1px dotted; }
table.history_table tr:first-child { border-top:#ccc 1px dotted; }
table.history_table th { width:80px; padding:15px 0 15px 5%;  }
table.history_table td { padding:15px 5%; }
table.history_table h4.yearEn { font-size:18px; line-height:1.4;}
table.history_table h4.yearJp { font-size:9px; letter-spacing:0.5px; }
}

.company_pdf {width: 40%; margin: 10px auto 40px; padding: 30px; background-color: #ffffff;}
@media only screen and (max-width: 738px) {.company_pdf {width: 80%; margin: 30px auto 20px; padding: 10px;}}




/* ----------------------------------------------------------   
   #home_about　※ home.cssから移動
   ---------------------------------------------------------- */

#home_about { padding: 40px 15%; position: relative; z-index: 1; background: url(../images/common/noise.png) repeat #faecec;}

@media only screen and (max-width: 900px) {
#home_about { padding: 20px 5%;}
}


/* .about_area */
#home_about .about_area {}
#home_about .about_box { margin-top: 10px; padding: 60px 5%; position: relative; z-index: 1; text-align: center; color: #fefefe;}
#home_about .about_box:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";background: url(../images/common/noise.png) repeat rgba(0,0,0,0.6); z-index: -1}
#home_about .about_box:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: -2;}

#home_about .about_box:nth-child(1):after { background:url(../images/22199060594.jpg) center center no-repeat; background-size: cover;}
#home_about .about_box:nth-child(2):after {background:url(../images/11030000486.jpg) center center no-repeat; background-size: cover;}
#home_about .about_box:nth-child(3):after {background:url(../images/10778000327.jpg) center center no-repeat; background-size: cover;}

/* .title_area */
#home_about .about_box .title_area .no { margin: 0 auto; width: 50px; height: 50px; color: #fefefe; background: #a60d0b; font-size: 25px; font-family: 'Oswald', sans-serif; font-weight: 400;letter-spacing: 0; line-height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#home_about .about_box h3 { margin-top: 20px; font-size: 50px; font-family: 'alluraregular'; font-weight: normal; line-height: 1; position: relative; z-index: 1;}

/* .txt_area */
#home_about .about_box .txt_area { margin-top: 20px;}
#home_about .about_box .txt_area p { font-size: 16px; font-weight: 700; line-height: 2.2; letter-spacing: 2px;}


@media only screen and (max-width: 900px) {
#home_about .about_box { padding: 50px 5%;}
#home_about .about_box .title_area .no { width: 40px; height: 40px; font-size: 18px; line-height: 40px; }
#home_about .about_box h3 { margin-top: 15px; font-size: 40px; }
#home_about .about_box .txt_area p { font-size: 14px; letter-spacing: 1px;}
}

@media only screen and (max-width: 738px) {
#home_about .about_box h3 {font-size: 30px; }
#home_about .about_box .txt_area { margin: 15px 5% 0;}
#home_about .about_box .txt_area p { font-size: 13px; line-height: 2; text-align: left;}
#home_about .about_box .txt_area p br { display: none;}
}


#home_about .catchArea { text-align: center;}
#home_about h2 { color: #a60d0b; font-size: 65px; font-family: 'alluraregular'; font-weight: normal; line-height: 1; position: relative; z-index: 1;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);  padding-bottom: 30px;}

@media only screen and (max-width: 900px) {
#home_about .catchArea h2 { color: #a60d0b; font-size: 50px; font-family: 'alluraregular'; font-weight: normal; line-height: 1; position: relative; z-index: 1;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);  padding-bottom: 15px;}
}
@media only screen and (max-width: 738px) {
#home_about .catchArea h2 { color: #a60d0b; font-size: 50px; font-family: 'alluraregular'; font-weight: normal; text-align: center; line-height: 1; position: relative; z-index: 1;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);  padding-bottom: 15px; }
}





/* P - カタログ一覧 ------------------------------------------ */

/* .category_area */
.catalog-categoryArea { width: 90%; text-align: center; margin: 0 auto 40px;}
.catalog-categoryArea h2 { color: #a60d0b; font-size: 65px; font-family: 'alluraregular'; font-weight: normal; line-height: 1; position: relative; z-index: 1;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg); margin-top: 40px}
.catalog-categoryArea .category_thum {float: left; width: 18%; margin-left: 2%; margin-top: 20px}
.catalog-categoryArea .category_thum:first-child {margin-left:0;}
.catalog-categoryArea .category_thum .category_img { margin: 0;}
.catalog-categoryArea .category_thum .category_title { background-color:#a60d0b; color: #ffffff; font-size: 14px; font: 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight:900; line-height: 1.4em; margin: 10px 0 0 0;}

@media only screen and (max-width: 738px) {
	.catalog-categoryArea {display: none;}
}

.catalog_bg {width: 80%; margin: 10px auto 0; padding: 40px 20px 40px; background-color: #FBF6F6;}
@media only screen and (max-width: 738px) {
.catalog_bg {width: 95%; margin: 10px auto 0; padding: 10px 15px 30px; background-color: #FBF6F6;}
}

.catalog_catch-first{width: 100%; margin: 0;}
.catalog_catch{width: 100%; margin: 80px 0 0;}

.catalog_thumArea { width: 100%; text-align: center; margin: 0 auto 20px;}
.catalog_thum {float: left; width: 24%; margin-left: 1%; margin-right: 0; margin-top: 20px}
.catalog_thum:first-child {margin-left:0;}
.catalog_thum .catalog_img { margin: 0;}
.catalog_thum .catalog_title { background-color:#c1887d; color: #ffffff; font-size: 14px; font: 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight:900; line-height: 1.4em; margin: 0; padding: 10px 0;}
.catalog_thum .catalog_title-s { background-color:#c1887d; color: #ffffff; font-size: 12px; font: 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight:900; line-height: 1.4em; margin: 0; padding: 12px 0;}
@media only screen and (max-width: 738px) {
.catalog_thum {float: left; width: 32%; margin-left: 1%; margin-right: 0; margin-top: 10px}
.catalog_thum .catalog_title { font-size: 8px; line-height: 1.2em; padding: 4px 0;}
.catalog_thum .catalog_title-s { font-size: 8px; line-height: 1.2em; padding: 4px 0;}
.catalog_catch{ margin: 20px 0 0;}
}
	


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.visible-pc { display: block !important; }
.visible-sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 738px) {
.visible-pc { display: none !important; }
.visible-sp { display: block !important; }
}