@charset "utf-8";

.doc-tit {text-align: center; font-weight: 500; font-size: 30px; line-height: 1.5em; letter-spacing: -.03em; margin-bottom: 30px;}	
.doc-cnt {margin-bottom: 120px;}
.doc-cnt.bg {padding: 120px 0;}
.doc-cnt:last-child {margin-bottom: 0;}

.greetings {text-align: center;}
.greetings .que-txt {position: relative;}
.greetings .que-txt:before,
.greetings .que-txt:after {content:""; display: block; width: 23px; height: 23px; margin: 0 auto; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.greetings .que-txt:before {background-image:url("../images/sub/que1.png"); margin-bottom: 30px;}
.greetings .que-txt:after {background-image:url("../images/sub/que2.png"); margin-top: 30px;}
.greetings .que-txt p {color: #454545; line-height: 1.875em;}
.greetings .que-txt p strong {font-size: 1.125em; color: #e72545; font-weight: 500;}

.philosophy {text-align: center;}
.philosophy .txtBox {background: #f8f8f8; padding: 40px 15px; margin-bottom: 55px;} 
.philosophy .txtBox p {color: #454545; margin-bottom: .4em;}
.philosophy .txtBox p:last-child {margin-bottom: 0;}

.department {color: #fff; text-align: center; background: no-repeat url("../images/sub/bg_department.jpg") center center / cover;}
.department ul {display: flex;flex-wrap:wrap;}
.department ul li {width: 25%;}

.department .list1 {margin-bottom: 75px;}
.department .list1 ul li .line {position: relative; display: block; width: 100%; height: 1px; background: rgba(255,255,255,.3);	margin: 18px 0;}
.department .list1 ul li .line:after {content:""; position: absolute; top: -1px; left: 50%; margin-left: -50px; width: 100px; height: 2px; background: #e72545; }
.department .list1 ul li .tit {font-size: 1.125em; line-height: 1.4;}
.department .list2 {}
.department .list2 ul {margin: 0 -10px;}
.department .list2 ul li {padding: 0 10px;}
.department .list2 ul li .in {height: 100%; border: 1px solid rgba(255,255,255,.3); padding: 40px 15px 18px;}
.department .list2 ul li .tit {font-size: 22px; font-weight: 600; line-height: 1.4; letter-spacing: -.03em;}
.department .list2 ul li .line {display: block; width: 17px; height: 1px; background: #fff; margin: 18px auto; transform: rotate(45deg);}
.department .list2 ul li .desc {}