@charset "utf-8";
.greet .txt {margin-bottom: 60px; text-align: center; color:#363636; font-size:16px; font-weight:400; line-height:1.625em; letter-spacing:-.01em;}
.greet .txt span {color:#363636; font-size:16px; font-weight:700;}
.greet ul {display:flex; flex-wrap:wrap; margin: 0 -20px;}
.greet ul li {width: 50%; padding: 0 20px;}
.greet ul li .con {position: relative; border:1px solid #ddd; padding: 35px 34px 0; height: 600px;}
.greet ul li .con .logo {margin-bottom: 25px;}
.greet ul li .con .tt {color:#363636; font-size:16px; font-weight:400; line-height:1.625em; letter-spacing:-.01em;}
.greet ul li .con .company-img {position: absolute; bottom: 30px;}

.doc-img.tv1 {background: url(../images/sub/tv1.jpg);}
.doc-img.tv2 {background: url(../images/sub/tv2.jpg);}
.doc-img.tv3 {background: url(../images/sub/tv3.jpg);}
.doc-img.tv4 {background: url(../images/sub/tv4.jpg);}
.doc-img.tv5 {background: url(../images/sub/tv5.jpg);}
.doc-img.tv6 {background: url(../images/sub/tv6.jpg);}
.doc-img.tv7-1 {background: url(../images/sub/tv7-1.jpg); background-repeat: no-repeat;}
.doc-img.tv7-2 {background: url(../images/sub/tv7-2.jpg); background-repeat: no-repeat;}
.doc-img.tv8 {background: url(../images/sub/tv8.jpg);}
.doc-img.tv9 {background: url(../images/sub/tv9.jpg);}
.doc-img {margin-top: 70px; width: 100%; height: 400px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.doc-img .doc-tit {display:flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; color:#fff; font-size:42px; font-weight:700; line-height:1.3em; letter-spacing:-.01em;}
.doc-img .doc-tit span {font-size:28px; line-height:1.2em;}
.doc-img .doc-tit span.word {font-size:18px;}

.doc-two {display:flex; flex-wrap:wrap; margin: 0 -5px;}
.doc-two-img {width: 50%; padding: 0 5px;}

.doc-con {margin-top: 70px;}
.doc-con .items {display:flex; flex-wrap: wrap; margin: 0 -11px 70px; /* align-items: flex-end; */}
.doc-con .items:last-of-type {margin-bottom: 0;}
.doc-con .items2 {margin: 0;}
.doc-con .items .item {width: 50%; padding: 0 11px;}
.doc-con .items .item .Fortrac-image {margin-left: 50px;}
.doc-con .items .item .SoilTain-image {text-align: right;}
.doc-con .items .item .AS-image {text-align: center;}
.Ringtrac-img {text-align: center;}

.doc-con .items .item .tit {margin-bottom: 15px; padding-left: 20px; position: relative; color:#003f9b; font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-.01em;}
.doc-con .items .item .tit2 {margin-bottom: 40px;}
.doc-con .items .item .tit:before {content:""; position: absolute; width: 16px; height: 13px; background: url(../images/sub/mark.png)50% 50% no-repeat; top: 50%; left: 0; transform:translateY(-50%);}
.doc-con .items .item .box {border:1px solid #ddd;}
.doc-con .items .item .box ul {padding: 37px 0 37px 30px;}
.doc-con .items .item .box ul li {padding-left: 10px; position: relative; margin-bottom: 15px; color:#363636; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.01em;}
.doc-con .items .item .box ul li.box-tt {font-weight: 700; margin-bottom: 10px;}
.doc-con .items .item .box ul li.box-tt span  {font-weight:400;}
.doc-con .items .item .box ul li.box-tt .tts {margin-top: 10px;}
.doc-con .items .item .box ul li.box-tt .tt {color:#363636; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.01em; padding-left: 0.67em; text-indent: -0.67em; margin-bottom: 4px;}
.doc-con .items .item .box ul li:last-of-type {margin-bottom: 0;}
.doc-con .items .item .box ul li:before {content:""; position: absolute; width: 4px; height: 4px; background-color: #003f9b; border-radius:100%; top:7px; left: 0;}
.doc-con .items .item .HaTe-img {margin-top: 70px; text-align: center;}

.doc-con .items .item2 {width: 100%; padding: 0; margin-bottom: 70px;}
.doc-con .items .item2:last-of-type {margin-bottom: 0;}
.doc-con .items .item3 {width: 100%;}
.doc-con .items .item3 ul {display: flex; justify-content: space-between;}
.doc-con .items .item3 .box ul li.box-tt {margin-bottom: 0 !important;}
.doc-con .items .item4 {width: 100%;}
.doc-con .items .item4 .box ul {display: flex; flex-wrap:wrap; margin: -15px 0;}
.doc-con .items .item4 .box ul li {width: 33.33333%; padding: 15px 0 15px 10px;}
.doc-con .items .item4 .box ul li.box-tt {margin-bottom: 0;}
.doc-con .items .item4 .box ul li:before {top: 23px;}

.doc-con .list h3 {margin-bottom: 3px; color:#003f9b; font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-.01em;}
.doc-con .list .txt {margin-bottom: 25px; display:flex; justify-content: space-between;}
.doc-con .list .txt p {color:#363636; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.01em;}
.doc-con .list .txt .Ochtrup {color:#363636; font-size:16px; font-weight:600; line-height:1.4em; letter-spacing:-.01em;} 
.doc-con .list ul {display:flex; flex-wrap: wrap; margin: 0 -6px;}
.doc-con .list ul li {width: 25%; padding: 0 6px;}
.doc-con .list ul li .year {margin-top: 10px; text-align: center; color:#363636; font-size:16px; font-weight:600; line-height:1.4em; letter-spacing:-.01em;}
.doc-con .list p {position: relative; margin-bottom: 10px; color:#363636; font-size:16px; font-weight:700; line-height:1.4em; letter-spacing:-.01em; padding-left: 14px;}
.doc-con .list p:before {content:""; position: absolute; width: 5px; height: 5px; background-color: #003f9b; border-radius:100%; left: 0; top: 7px;}
.doc-con .list .ac-list {margin: -12px 50px; justify-content: space-between;}
.doc-con .list .ac-list li {flex:0 1 auto; width: auto; padding: 12px 0;}
.doc-con .list .ac-list li .text {text-align: right; color:#363636; font-size:16px; font-weight:600; line-height:1.4em; letter-spacing:-.01em; margin-top: 10px;}
.doc-con .list .ac-list li .text.text-left {text-align: left;}

.doc-con .images {display:flex; flex-wrap: wrap;}
.doc-con .images .img {flex: 1 0 auto; margin-bottom: 30px;} 
.doc-con .images .img:nth-of-type(3) {text-align: right;}
.doc-con .images .img:last-of-type {margin-bottom: 0;}
.doc-con .doc-txt {margin: 20px 0 50px; text-align: center; color:#363636; font-size:16px; font-weight:700; line-height:1.444em; letter-spacing:-.01em;}

.doc-con .groups .group {background-color: #fafafa; margin: 15px 0;}
.doc-con .groups .group .con {position: relative; display: flex; align-items: center;  padding: 30px;}
.doc-con .groups .group .con .group-img:last-of-type {position: absolute; right: 30px;}
.doc-con .groups .group .con .group-tit {margin-left: 20px; color:#363636; font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-.01em;}

.doc-con .img-areas {display:flex; flex-wrap:wrap; margin: -11px;}
.doc-con .img-areas .img-area {padding: 11px; width: 33.33333%;}
.doc-con .img-areas .img-area .txt {margin-top: 14px; margin-bottom: 11px; text-align: center; color:#363636; font-size:16px; font-weight:600; line-height:1.4em; letter-spacing:-.01em;}

.doc-con .element {display:flex; align-items: flex-start; margin-bottom: 50px;}
.doc-con .element .left , .element .right {width: 50%;}
.doc-con .element .right .box {border:none; margin-top: 10px;}
.doc-con .element .right .box ul {padding: 0;}
.doc-con .element .right .box ul li.box-tt .tts {margin-top: 12px;}
.doc-con .element .right .box ul li.box-tt .tt {margin-bottom: 10px;}
.doc-con .element .right .table {margin-top: 70px;}
.doc-con .element .right .table table {width: 100%; border-collapse: collapse; border-top:1px solid #000;}
.doc-con .element .right .table table tr {border-bottom:1px solid #ddd;}
.doc-con .element .right .table table th {padding: 10px 0; background-color: #f2f7ff; color:#363636; font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-.01em;}
.doc-con .element .right .table table td {padding: 10px 0; text-align: center; color:#363636; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.01em;}
.doc-con .element .right .ac-icon {display:flex; margin: 66px -24px 0 -24px; padding-left: 12px;}
.doc-con .element .right .ac-icon .icon {padding: 0 24px;}
.doc-con .element2 {align-items: flex-end;}
.doc-con .element2 .right {padding-left: 60px;} 
.doc-con .element2 .right .table table td {text-align: left; padding-left: 50px;}

.doc-con .d-groups .d-group {margin-bottom: 30px; display:flex; justify-content: space-between; align-items: center;}
.doc-con .d-groups .d-group .text {padding: 4px 0; border-radius:15px; text-align: center; width: 157px; background-color: #003f9b; color:#ffffff; font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-.01em;}

.doc-con .qw-con {padding-bottom: 70px; display: flex; flex-direction: column; align-items: center;}
.doc-con .qw-con .qw-text {margin-bottom: 20px; padding: 4px 0; border-radius:15px; text-align: center; width: 157px; background-color: #003f9b; color:#ffffff; font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-.01em;}
.doc-con .items .qw-item {width: 100%; display:flex; align-items: center;}
.doc-con .items .item:last-of-type .qw-con {padding-bottom: 0;}
.doc-con .items .item .qw-box {border:none; margin-top: -70px;}
.doc-con .items .item .qw-box ul {padding: 0 0 0 50px;}

.doc-con .mf-img {display:flex; margin-bottom: 70px; justify-content: center;}
.doc-con .mf-img .img {padding: 0 17px;}
.doc-con .pj-img {text-align: center; margin: 60px 0 70px;}
.doc-con .pj-images {display:flex; justify-content: space-between; margin-bottom: 60px;}
.doc-con .pj-image {display:flex;  margin: 0 -12px;}
.doc-con .pj-image .img {width: 33.3333%; padding: 0 12px;}

.contact-us {display:flex; flex-wrap:wrap; margin: 0 -30px;}
.contact-us .con {width: 50%; padding: 0 30px;}
.contact-us .map-con {display:flex; justify-content: space-between;}
.contact-us .con h2 {margin-bottom: 20px; color:#003f9b; font-size:32px; font-weight:700; line-height:1.4em; letter-spacing:-.01em;}
.contact-us .con p {margin-bottom: 50px; color:#2c2c2c; font-size:20px; font-weight:600; line-height:1.5em; letter-spacing:-.01em;}
.contact-us .con .tel {color:#2c2c2c; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-.01em;}
.contact-us .con .tel img {margin-right: 10px; vertical-align: middle;}

.contact-us .con .table table {width: 100%; border-collapse: collapse; border-top:2px solid #868686;}
.contact-us .con .table table tr {border-bottom:1px solid #eee;}
.contact-us .con .table table th {border-right:1px solid #eee; padding: 10px 0; background-color: #fafafa; color:#363636; font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-.01em;}
.contact-us .con .table table th.tel {border-right: none;}
.contact-us .con .table table td {padding: 10px 15px; text-align: center; color:#363636; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.01em;}