@charset "UTF-8";
/**************************************************/
/* ページ個別CSS */
/**************************************************/
.ctBox p{font-size:14px;}

/* 会社概要 */
#profile{margin-bottom:68px;}
#profile .ctHead1{margin-bottom:20px;}

.profile p{}
.profile th,
.profile td{padding:8px 0px;}
.profile th{width:65px;padding-left:10px;}
.profile th p{font-weight:bold;}
.profile th.tm1em p{letter-spacing:1em;}

/* 所在地 */
#location{}

.locationBox{width:800px; margin:0 auto 60px;}
.locationAddress{padding-left:125px;position:relative;}
.locationName{position:absolute;left:0px;top:0px;}
.locationNumber{float:left;margin-top:12px;margin-right:45px;padding-bottom:27px;}
.locationMap{clear:both;position:relative;width:500px;padding-left:300px;}
.locationImage{position:absolute;left:0px;top:0px;width:300px;height:250px;background-color:#CCC;}

.gmap{width:100%;height:0px;padding-top:50%;}

#locationBox1{}
#locationBox1 .gmap{padding-top:70%;}
#locationBox2{}
#locationBox3{}
#locationBox4{}
#locationBox5{margin-bottom:0px;}
#locationBox5 .locationMap,
#locationBox6 .locationMap{width:800px;padding-left:0px;}
#locationBox5 .gmap,
#locationBox6 .gmap{padding-top:31.2%;}

/* 事業内容 */
#business{margin-bottom:68px;}
#business .ctHead1{margin-bottom:20px;}

.business p{}
.business th,
.business td{padding:8px 0px;}
.business th{width:105px;padding-left:10px;}
.business th p{font-weight:bold;}

/* 主な取引銀行 */
#bank{}
#bank p{padding-left:10px;}
#bank .ctHead1{}

/* 沿革 */
#history{margin-bottom:68px;}
#history .ctHead1{margin-bottom:20px;}

.history p{}
.history td{padding:8px 0px;}
.history td.thnen{padding-right:0.5em;padding-left:10px;}
.history td.thyear{padding-right:0.5em;}
.history td.thmonth{width:60px;}
.history td.thnen p,
.history td.thyear p,
.history td.thmonth p{font-weight:bold;white-space:nowrap;}
.history img{margin:5px 0px 5px;display:inline-block;}

/* 組織 */
#organization{padding-bottom:130px;margin-bottom:0px;}

/* 一般事業主行動計画 */
#plan{padding-bottom:140px; margin-bottom:0:}
#plan li{position:relative; padding-left:2em;}
#plan li span{position:absolute; left:0;}
#plan .list-a > li{margin-top:40px; padding-left:2.5em;}
#plan .list-b{margin-top:30px;}
#plan .list-b li{line-height:1.8em;}


/* ポップアップ */
.locationMap .zoom{display:inline-block; background:#FFF; position:absolute; top:10px; right:10px; z-index:2; padding:10px 20px; cursor:pointer; color:#5b4801; border-radius:3px;
box-shadow:0px 0px 4px 2px #ccc;
-moz-box-shadow:0px 0px 4px 2px #ccc;
-webkit-box-shadow:0px 0px 4px 2px #ccc;}
#modal-content-01,#modal-content-02,
#modal-content-03,#modal-content-04,
#modal-content-05,#modal-content-06{width:100%; margin:0; position:fixed; top:-9999px;	z-index:10;}
#modal-overlay{z-index:5; display:none;	position:fixed;	top:0; left:0; width:100%; height:120%; background-color: rgba( 0,0,0, 0.75 );}
#modal-content-01 .gmap,#modal-content-02 .gmap,
#modal-content-03 .gmap,#modal-content-04 .gmap,
#modal-content-05 .gmap,#modal-content-06 .gmap{width:100%; height:0px; padding-top:40%;}
.modal-close{position:absolute; top:-40px; right:20px; cursor:pointer;}
.modal-close img{margin:0; padding:3px;}
/* ------------------------------------------------------------------------------- */


/* スマホ版最適化 */

#spMode .profile th,
#spMode .profile td{vertical-align:top;}
#spMode .profile td:first-of-type{padding:8px 0px;}

#spMode .locationBox{width:auto;}
#spMode .gmap{padding-top:62.5%;}
#spMode .locationMap{width:100%;padding-left:0px;}
#spMode .locationImage{position:static;left:auto;top:auto;width:100%;height:auto; margin-bottom:10px!important;}
#spMode .locationImage img{margin:0px;display:block;width:100%;height:auto;}

#spMode #locationBox5 .locationMap{width:100%;}

#spMode .business th,
#spMode .business td{vertical-align:top;}
#spMode .business td:first-of-type{padding:8px 0px;}

#spMode .history th,
#spMode .history td{vertical-align:top;}
#spMode .history td:first-of-type{padding:8px 0px;}
#spMode .page table.history img{margin-top:10px;}

#spMode #organization{padding-bottom:0px;}
#spMode #organization img{margin:0px auto;}

#spMode #plan{padding-bottom:80px;}
#spMode #plan li{margin-left:0!important; margin-right:0!important; list-style:none!important;}
#spMode #plan li span{}
#spMode #plan .list-a > li{margin-top:40px; padding-left:2.5em;}
#spMode #plan .list-b{margin-top:30px;}
#spMode #plan .list-b li{line-height:1.8em;}

/* ポップアップ */
#spMode .locationMap .zoom{font-size:12px!important; line-height:1em!important; padding:8px 16px; top:auto; right:10px; margin-top:10px!important; border:none!important;}
#spMode #modal-content-01,#spMode #modal-content-02,
#spMode #modal-content-03,#spMode #modal-content-04,
#spMode #modal-content-05{width:100%; margin:0; position:fixed;	z-index:10;}
#spMode #modal-overlay{z-index:5; display:none;	position:fixed;	top:0; left:0; width:100%; height:120%; background-color: rgba( 0,0,0, 0.75 );}
#spMode #modal-content-01 .gmap,#spMode #modal-content-02 .gmap,
#spMode #modal-content-03 .gmap,#spMode #modal-content-04 .gmap,
#spMode #modal-content-05 .gmap{width:100%; height:0px; padding-top:75%;}
#spMode .modal-close{top:15px; right:15px; position:fixed; margin:0!important; z-index:20; background:#555;}
#spMode .modal-close img{margin:0!important; padding:3px!important;}
/**************************************************/