@charset "utf-8";

/* =====================================
   .about-wrap
===================================== */
.about-wrap { position: relative; max-width: 1200px; margin: auto; }
.about-info { }
.about-info dt { float: left; display: block; width: 150px; font-size:17px; padding: 20px 15px; font-weight: 600; color: #2b2b2b; border-top: 1px solid #333; }
.about-info dd { display: block; margin-left: 250px; font-size:17px; padding: 20px 15px; color: #666; border-top: 1px solid #e2e2e2; text-align:left;}
.about-info:after { content: ''; clear: both; display: block; }


/* ======================================================
   .manage-wrap
=========================================================*/
.manage-wrap { position: relative; min-height: 960px; text-align: center; }
.manage-wrap:after { background: url(../img/content/01-1.jpg-) no-repeat center top; width: 2000px; height: 100%; display: block; content: ""; position: absolute; left: 50%; margin-left: -1000px; z-index: -1; top: 0 }
.manage-wrap .ctit { font-size: 40px;color: #111; padding: 120px 0 70px 0; line-height: 1.4; letter-spacing: -1px; }
.manage-wrap .list:after { content: ''; clear: both; display: block; }
.manage-wrap .list { width:1200px; margin:0 auto; }
.manage-wrap .list li { float: left; width:380px; height: 380px; margin: 0 0.5%; color: #fff; background: rgba(0,94,184,0.9); border-radius:100%; }
.manage-wrap .list li span { display: inline-block; font-size: 48px; padding-top: 100px; line-height: 1.8; font-weight: 400; color: #fff; }
.manage-wrap .list li span.ico01 { background: url(../img/Content/management-ico01.png) no-repeat center 53px; }
.manage-wrap .list li span.ico02 { background: url(../img/Content/management-ico02.png) no-repeat center 53px; }
.manage-wrap .list li span.ico03 { background: url(../img/Content/management-ico03.png) no-repeat center 53px; }
.manage-wrap .list li span.ico04 { background: url(../img/Content/management-ico04.png) no-repeat center 53px; }
.manage-wrap .list .divide { display: block; font-size: 19px; font-weight: 400; color: #fff; line-height: 1.4; }
.manage-bg { position: relative; min-height: 960px; text-align: center; margin-bottom:0px; }
.manage-bg:after { background: url(../img/content/01-1-2.jpg) no-repeat center top; width: 2000px; height: 100%; display: block; content: ""; position: absolute; left: 50%; margin-left: -1000px; z-index: -1; top: 0 }
.manage-bg .ctit { font-size: 48px; color: #fff; padding: 240px 0 70px 0; line-height: 1; }
.manage-list { overflow: hidden; width: 1400px; margin-left: 0px; }
.manage-list li { float: left; width: 32.2%; margin-left: 1.7%; background: #fff; padding: 70px 0 70px 0; border-radius:10px;}
.manage-list li:first-child { margin-left: 0; }
.manage-list li.bg01 { background: rgba(0,49,94,0.9); url() no-repeat 0 0; background-size: contain }
.manage-list li.bg02 { background: rgba(0,49,94,0.9); url() no-repeat 0 0; background-size: contain }
.manage-list li.bg03 { background: rgba(0,49,94,0.9); url() no-repeat 0 0; background-size: contain }
.manage-list li .btit { display: block; font-size: 30px; color: #fff; margin-bottom: 10px; line-height: 1.2;}
.manage-list li .stxt { display: block; font-size: 22px; color: #fff; font-weight: 400;  line-height: 1.6;  }


/* ======================================================
   .ceo-wrap
=========================================================*/
.greeting {position:relative;  padding-right:50%; padding-top: 50px; height:600px;}
.greeting:after {content:"";width:180px;height:1px;background:#111;position:absolute;top:0;left:0;display:block;}
.greeting .img {position:absolute;width:500px;right:0;top:70px;}
.greeting .img img {width:100%;}
.greeting .btit {font-weight:600;color:#222;font-size:30px;letter-spacing:-0.03em; line-height: 1.5em;}
.greeting .con {font-size:16px;color:#666;letter-spacing:-0.05em;}
.greeting .btxt {font-size:24px;font-weight:600;margin-top:30px;padding-bottom:10px; color:#111; letter-spacing: -0.02em; line-height: 1.4em;}
.greeting .stxt {font-size:18px;font-weight:400;margin-top:20px; color:#666; letter-spacing: -0.02em; line-height: 1.6em;}
.greeting .sign {display:inline-block;font-size:19px;color:#222;background:url(../img/Content/greeting-sign.jpg) no-repeat right center;line-height:63px;padding-right:180px;}
.greeting .sign strong {font-weight:600;}
.greeting .ceo {border:1px solid #fff;width:150px;height:150px;position:absolute;left:87px;bottom:23%;color:#fff;display:table}
.greeting .ceo span {display:table-cell;vertical-align:middle;text-align:center;font-size:16px;line-height:170%}
.greeting .ceo span strong {display:block;font-size:24px;font-weight:600;letter-spacing:-0.03em;}



/* ======================================================
   .map-wrap
=========================================================*/
.map-wrap .ic { display: inline-block; vertical-align: middle; top: -1px; position: relative; }
.map-wrap { position: relative; background: #f7f7f7; margin-top: 0px; padding: 50px 50px 80px; }
.map-wrap h4 { font-size: 24px; color: #000; padding-bottom: 11px; border-bottom: 1px solid #e1e1e1 }
.map-wrap ul { margin-top: 20px; margin-left: -10px; margin-right: -10px }
.map-wrap ul > li { float: left; display: table; width: 23%; padding: 5px 10px }
.map-wrap ul > li.li01 { width: 48% }
.map-wrap ul > li .list { display: table-cell; width: 86px; vertical-align: middle }
.map-wrap ul > li .txt { display: table-cell; vertical-align: middle }
.map-wrap .ic_pin { width: 13px; height: 17px; background: url('../img/content/ic_pin.png') no-repeat }
.map-wrap .ic_tel { width: 16px; height: 16px; background: url('../img/content/ic_tel.png') no-repeat }
.map-wrap .ic_fax { width: 19px; height: 15px; background: url('../img/content/ic_fax.png') no-repeat }
.map-wrap .list { font-size: 16px; font-weight: 700; color: #222 }
.map-wrap .list i { margin-right: 10px }
.map-wrap .txt { font-size: 16px; color: #666 }


/* =====================================
   .business-wrap
===================================== */
.business-wrap{position:relative; padding-top:20px;padding-bottom:70px; height:600px;}
.business-wrap .gap70{height:70px;}
.business-wrap .gap75{height:75px;}
.business-wrap .item{padding-left:20%; position:relative; }
.business-wrap .item .tits{position:absolute; left:0; top:0;}
.business-wrap .item .tits h3{margin-bottom:0; letter-spacing:-0.03em;}
.business-wrap .item .tits p{font-size:24px; font-weight:300; line-height:1.2em; margin-top:5px;}
.business-wrap .item .cons{}
.business-wrap .item .cons .txt { font-size: 18px;  color: #111; line-height: 1.7em;  margin-bottom: 24px;  font-weight: 400;}	
.business-wrap .item.c01{padding:20px 0 0 400px}
.business-wrap .item.c01 .tits{top:0;}
.business-wrap .item.c01 h4{font-size:24px; color:#333; line-height:1.2em; margin-bottom:24px;}

.business-wrap02{position:relative; padding-top:20px;padding-bottom:70px; height:1600px;}
.business-wrap02 .gap70{height:70px;}
.business-wrap02 .gap75{height:75px;}
.business-wrap02 .item{padding-left:20%; position:relative; }
.business-wrap02 .item .tits{position:absolute; left:0; top:0;}
.business-wrap02 .item .tits h3{margin-bottom:0; letter-spacing:-0.03em;}
.business-wrap02 .item .tits p{font-size:24px; font-weight:300; line-height:1.2em; margin-top:5px;}
.business-wrap02 .item .cons{}
.business-wrap02 .item .cons .txt { font-size: 18px;  color: #111; line-height: 1.7em;  margin-bottom: 24px;  font-weight: 400;}	
.business-wrap02 .item.c01{padding:20px 0 0 400px}
.business-wrap02 .item.c01 .tits{top:0;}
.business-wrap02 .item.c01 h4{font-size:24px; color:#333; line-height:1.2em; margin-bottom:24px;}