@charset "utf-8";

.sub-tit {position:relative; display:inline-block; font-size:28px; letter-spacing:-.02em; font-weight:500; color:#031d68; text-align:center !important; padding:0 15px; margin-bottom:35px;}
.sub-tit:before {position:absolute; content:""; top:0; left:0; width:1px; height:24px; background:#031d68;}
.sub-tit:after {position:absolute; content:""; top:0; right:0; width:1px; height:24px; background:#031d68;}

.doc-tit {text-align:center;}
.doc-tit h4 {font-size:24px; color:#ec4b2d; letter-spacing:-.02em; font-weight:500; margin-bottom:20px;}
.doc-tit p {font-size:15px; color:#505050; letter-spacing:-.02em; line-height:1.3em; padding-bottom:25px;} 

.doc-tits {position:relative; margin-bottom:35px;}
.doc-tits h2 {display:flex; justify-content:center; align-items:center; font-size:26px; font-weight:400; letter-spacing:-.02em; line-height:1.3em;}
.doc-tits h2 span {padding:0 20px; white-space:nowrap;}
.doc-tits h2:before {content:""; width:50%; height:1px; background:#2c2c2c;}
.doc-tits h2:after {content:""; width:50%; height:1px; background:#2c2c2c;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #031d68;}
.table01 th {padding:20px 20px; border:1px solid #dfdfdf; border-top:0; background:#e9edf7; font-size:18px; font-weight:500;}
.table01 td.left {text-align:left;}
.table01 td {padding:12px 15px; color:#505050; border:1px solid #dfdfdf; font-size:16px; text-align:center;}
.table01 td.red {color:#ec4b2d;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr td:first-child {font-size:18px; font-weight:500; background:#f4f4f4;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01 tr td ul li {text-align:left;}
.table01 tr td .s-txt {font-size:14px; color:#878787; line-height:1.714em; padding:15px 0;}
.table01 tr td .dot-txt span {font-size:14px; letter-spacing:-.02em; line-height:1.714em; padding-left:10px;}
.lg-tit {color:#2c2c2c; margin:10px 0;}
.table01 tr td ol {padding-left:10px; margin-bottom:20px;}
.table01 tr td ol li {font-size:14px; line-height:1.714em;}

.table02 {width:100%; border-collapse:collapse; border-spacing:0px;}
.table02 th {padding:20px 20px; border:1px solid #dfdfdf; border-top:0; background:#e9edf7; font-size:18px; font-weight:500;}
.table02 td.left {text-align:left;}
.table02 td {padding:12px 15px; color:#505050; border:1px solid #dfdfdf; font-size:16px; text-align:center;}
.table02 td.red {color:#ec4b2d;}
.table02 tr th:first-child,
.table02 tr td:first-child {border-left:0;}
.table02 tr td:first-child {font-size:18px; font-weight:500; background:#f4f4f4;}
.table02 tr th:last-child,
.table02 tr td:last-child {border-right:0;}
.table02 tr td ul li {text-align:left;}
.table02 tr td .s-txt {font-size:14px; color:#878787; line-height:1.714em; padding:15px 0;}
.table02 tr td .dot-txt span {font-size:14px; letter-spacing:-.02em; line-height:1.714em; padding-left:10px;}
.table02 tr td ol {padding-left:10px; margin-bottom:20px;}
.table02 tr td ol li {font-size:14px; line-height:1.714em;}

.lnb-wrap.wd {max-width:100%; position:static; border-bottom:1px solid #031d68; margin-bottom:100px;}
.lnb2 {display:flex; justify-content:center; width:100%; max-width:1200px; margin:0 auto;}
.lnb2.swiper-container {overflow:visible;}
.lnb2 li {width:33.3333%;}
.lnb2 li a {position:relative; display:block; text-align:center; font-size:16px; color:#505050; font-weight:400; letter-spacing:-.03em; height:60px; line-height:60px; border:1px solid #ddd; border-left:none;}
.lnb2 li:first-child a {border-left:1px solid #ddd;}
.lnb2 li.active a {color:#031d68; position:relative; z-index:1; font-weight:500; border:2px solid #122f75; border-bottom:1px solid #fff;}


.greetings {display:flex;}
.greetings .img {width:50%;}
.greetings .img img {width:100%;}
.greetings .txt-box {padding-left:60px;}
.greetings .txt-box h3 {position:relative; font-size:28px; letter-spacing:-0.02em; line-height:1.821em; padding:20px 0; margin-top:30px;}
.greetings .txt-box h3:before {position:absolute; content:""; width:90px; height:4px; top:0; left:-100px; background:#031d68;}
.greetings .txt-box h3:after {position:absolute; content:""; width:90px; height:4px; bottom:0; right:0; background:#ec4b2d;}
.greetings .txt-box .txt {font-size:18px; color:#505050; margin-left:-.02em; line-height:1.667em; margin-top:30px;}
.greetings .sign {font-size:26px; font-weight:500; letter-spacing:-.02em; line-height:1.154em; text-align:right;}
.greetings .sign span {font-size:18px; color:#2c2c2c; font-weight:500; letter-spacing:-.02em; line-height:1.667em;}

.summary {position:relative; z-index:2; text-align:center;}
.summary .summary-flex {display:flex; justify-content:space-between; align-items: flex-end}
.summary-flex .img {position:relative; width:70%; max-width:800px; height:440px; overflow:hidden; z-index:-1;}
.summary-flex .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.summary-flex .txt-box {width:30%; margin-bottom:-40px;}
.summary-flex .txt-box h3 {font-size:60px; font-weight:500; letter-spacing:-.02em; line-height:1.133em; text-align:left; margin-bottom:20px;}
.summary-flex .txt-box p {font-size:30px; letter-spacing:0.6em; line-height:1.3em; text-align:left; margin-bottom:45px;}
.summary-flex .txt-box .summary-box {min-width:460px; background:#031d68; color:#fff; padding:45px 0 0 45px; box-shadow:2px 0 15px rgba(0, 0 ,0 ,0.2);}
.summary-flex .txt-box .summary-box dl {display:flex; align-items:center; padding-bottom:30px;}
.summary-flex .txt-box .summary-box dl dt {font-size:18px; letter-spacing:-.02em; line-height:1.3em; width:140px; text-align:left;}
.summary-flex .txt-box .summary-box dl dd {font-size:22px; letter-spacing:-.02em; line-height:1.3em; font-weight:600;}

.contacts {position:relative; padding:0 0 100px 0; margin-top:-40px;}
.contacts .doc-tit {position:absolute; top:133px; left:0; width:100%; z-index:2;}
.contacts ul {display:flex;}
.contacts ul li {position:relative; width:25%; padding-top:210px; background:#fff;}
.contacts ul li .box {overflow:hidden;}
.contacts ul li:before {position:absolute; content:""; top:0; left:0; bottom:0; width:1px; background:rgba(223, 233, 233, 0.5);}
.contacts ul li:last-child:after {position:absolute; content:""; top:0; right:0; bottom:0; width:1px; background:rgba(223, 233, 233, 0.5);}
.contacts ul li .tit {font-size:100px; color:rgba(0, 0 ,0 ,0.1); letter-spacing:-.02em; line-height:1.3em; margin-left:-15px;}
.contacts ul li .ico-box {margin-top:25px;}
.contacts ul li .ico {font-size:16px; letter-spacing:-.02em; color:#505050; line-height:1.500em; display:flex; margin-bottom:20px;}
.contacts ul li .ico span {margin-top:4px; margin-right:10px;}
.contacts ul li .ico:last-child {margin-bottom:0;}

.business-list {margin-top:25px; padding-bottom:150px;}
.business-list ul {display:flex; margin:0 -35px;}
.business-list ul li {width:25%; padding:0 35px; text-align:center;}
.business-list ul li:nth-child(even) {margin-top:110px;}
.business-list ul li .tit {font-size:20px; color:#031d68; font-weight:600; letter-spacing:-.02em; line-height:1.3em; margin:20px 0 10px;}
.business-list ul li .txt {font-weight:500;}

.historys {text-align:center;}
.history-bg {height:500px; padding-top:240px;}
.history-bg .tit {font-size:20px; color:#fff; letter-spacing:0.4em; margin-bottom:40px;}
.history-bg h3 {font-size:100px; color:#031d68; font-weight:500; letter-spacing:-.02em; line-height:1.3em;}

.history .logo img {border-radius:50%;}
.history .group {position:relative; padding-bottom:70px;}
.history .group:before {content:""; position:absolute; top:30px; height:100%; left:50%; bottom:0; width:1px; background:#ddd;}
.history .group:last-child:before {display:none;}
.history .group .inner {position:relative;}
.history .group .bullet:after {position:absolute; content:""; width:26px; height:26px; top:30px; margin-top:-13px; left:50%; margin-left:-13px; background:url("../images/sub/dots.png")50% 50% no-repeat; background-size:contain;}
.history .group h3 {color:#2c2c2c; font-size:46px; color:#031d68; line-height:1.3em; font-weight:500; margin-bottom:15px; text-align:left;}
.history .group ul li {position:relative; color:#505050; font-size:18px; font-weight:400; line-height:2.000em; letter-spacing:-.02em; margin-bottom:10px;}
.history .group:nth-child(even) ul li:before {content:""; position: absolute; top:15px; left:0; width:6px; height: 6px; background-color: #ccc; border-radius:50%;}
.history .group:nth-child(odd) ul li:before {content:""; position: absolute; top:15px; right:0; width:6px; height: 6px; background-color: #ccc; border-radius:50%;}
.history .group ul li .day {padding-left:20px; position:absolute; top:0; font-weight:500; font-size:22px;}
.history .group:last-child {padding-bottom:0;}
.history .group:nth-child(odd) h3 {text-align:right;}
.history .group:nth-child(even) .inner {margin-left:50%; padding-left:54px;}
.history .group:nth-child(even) .bullet:after {left:0;}
.history .group:nth-child(even) .bullet:before {left:0;}
.history .group:nth-child(even) ul li { padding-left:70px;}
.history .group:nth-child(even) ul li .day {left:0;}
.history .group:nth-child(even) p {text-align:left; font-weight:500;}
.history .group:nth-child(odd) p {font-weight:500;}
.history .group:nth-child(odd) {text-align:right;}
.history .group:nth-child(odd) .inner {margin-right:50%; padding-right:54px;}
.history .group:nth-child(odd) .bullet:after {left:100%;}
.history .group:nth-child(odd) .bullet:before {right:0}
.history .group:nth-child(odd) ul li {padding-right:70px;}
.history .group:nth-child(odd) ul li .day {right:0; padding-right:20px;}
.history .group .sb {font-size:16px; color:#878787;}

.organization {text-align:center; padding-bottom:130px;}

.technician {text-align:center;}
.technician ul {display:flex; margin:0 -35px; margin-bottom:50px;}
.technician ul li {width:25%; text-align:left; padding:0 35px;}
.technician ul li p {font-size:20px; color:#031d68; font-weight:600; letter-spacing:-.02em; line-height:1.3em; padding:20px 0;}
.technician ul li dl {font-size:14px; color:#878787; line-height:2.0em; letter-spacing:-.02em; display:flex; justify-content:space-between;}
.technician ul li dl.bold {font-size:16px; color:#2c2c2c; margin-bottom:5px; font-weight:500;}

.max {position:relative; text-align:center; font-size:26px; letter-spacing:-.02em; line-height:1.077em; background:#fff; padding:0 15px;}
.max:before {position:absolute; content:""; width:100%; height:1px; top:50%; margin-top:-0.5px; left:0; background:#2c2c2c;}

.license {text-align:center; margin-bottom:130px;}
.license .license-list ul {display:flex; flex-wrap:wrap; margin:0 -30px; margin-bottom:-60px;}
.license .license-list ul li {width:25%; padding:0 30px; margin-bottom:60px;}
.license .license-list ul li .down-ico {margin:0 auto; margin-top:10px; display:flex; justify-content:center; align-items:center; width:150px; height:30px; line-height:28px; background:#999; border-radius:20px; color:#fff;}
.license .license-list ul li .down-ico span img {vertical-align:super; margin-top:-5px; margin-bottom:0; margin-left:10px;;}
.license .license-list ul li .img {font-size:18px;}
.license .license-list ul li img {display:block; margin:0 auto 15px;}

.sub-contact {display:flex; padding-bottom:100px; border-bottom:1px solid #ddd; margin-bottom:100px;}
.sub-contact h3 {width:80%; font-size:42px; font-weight:400; letter-spacing:-.02em; line-height:1.286em;}
.sub-contact h3 span {color:#031d68; font-weight:500;}
.sub-contact .txt-box .tit {position:relative; font-size:24px; font-weight:500; letter-spacing:-.02em; line-height:1.3em; padding-top:20px;}
.sub-contact .txt-box .tit:before {position:absolute; content:""; top:0; left:0; width:40px; height:4px; background:#000;}
.sub-contact .txt-box .txt {font-size:20px; letter-spacing:-.02em; font-weight:500; margin:20px 0;}
.sub-contact .txt-box ul {display:flex; flex-wrap:wrap; margin-bottom:-15px;}
.sub-contact .txt-box ul li {width:50%; display:flex; align-items:center; margin-bottom:15px;}
.sub-contact .txt-box ul li p {font-size:18px; letter-spacing:-.02em; line-height:1.3em; color:#505050; padding-left:5px;}

.field ul {display:flex; margin-right:-20px;}
.field.flex ul {flex-wrap:nowrap;}
.field.flex ul > li {width:25%;}
.field ul li {position:relative; overflow:hidden; margin-bottom:20px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; min-height:456px; color:#fff; margin-right:20px;}
.field ul li:before {z-index:51; position:absolute; content:""; width:51px; height:17px; background:url("../images/sub/arrow.png")50% 50% no-repeat; background-size:contain; bottom:70px; right:30px;}
.field ul li .caption {position:absolute; top:20%; left: 0; width: 100%; padding: 0 30px; text-align:left; z-index: 45; margin-top:-43px; color: #fff;}
.field ul li .caption .tit {font-size:28px; letter-spacing:-.02em; line-height:1.821em;}
.field ul li .caption .txt {color:rgba(255, 255, 255, 0.6);}
.field .caption ul {display:block; padding-top:25px;}
.field .caption ul li {width:100%; min-height:auto;}
.field .txt-box {opacity:0; position:absolute; top:0; left:0; z-index:50; width:100%; height:100%; background:rgba(3, 29, 104, 0.86);}
.field ul li:hover .txt-box {opacity:1; display:block;}

.designs {text-align:center; margin-bottom:130px; clear:both;}
.designs .designs-flex {display:flex;}
.designs .designs-flex .img {margin-left:-10px; clear:both;}
.designs .designs-flex .txt-box {width:50%;}
.designs .designs-flex .txt {padding-left:30px; font-size:18px; color:#505050; letter-spacing:-.02em; line-height:1.889em; text-align:left; margin-top:25px;}
.designs .designs-list {margin-top:50px;}
.designs .designs-list ul {display:flex; margin-right:-20px; flex-wrap:wrap;}
.designs .designs-list ul li {flex:1; margin-right:20px; font-size:18px; height:70px; line-height:65px; color:#031d68; font-weight:500; border:1px solid #031d68; border-top:4px solid #031d68; text-align:center;}
.designs-flex.reverse {flex-direction:row-reverse;}
.designs-flex.wd,
.designs-flex.reverse {justify-content:space-between; flex-direction:row-reverse;}
.designs-flex.wd .txt,
.designs-flex.reverse .txt {padding-left:0; padding-right:30px;}
.designs-list.wd ul li {flex:auto; width:calc(25% - 20px); margin-bottom:20px;}
.designs-list.wd.height ul li {height:auto;}
.designs-list.wd ul li p {font-size:14px; color:#878787; line-height:1.571em; padding:0 15px 15px 15px;}

.construct .center {font-size:18px; letter-spacing:-.02em; line-height:1.667em; text-align:center; clear:both;}
.construct .center span {color:#031d68; font-weight:500;} 
.construct .construct-flex {display:flex; margin-top:75px;}
.construct .construct-flex .img {width:34%;}
.construct .construct-flex .icon-flex {display:flex; align-items:center;}
.construct .construct-flex .icon-flex .imgs {padding:0 10px 0 5px;}
.construct .construct-flex .icon-flex .lg-tit {font-size:24px; font-weight:500; letter-spacing:-.02em; line-height:1.3em;}
.construct .txt-box .tit {font-size:18px; letter-spacing:-.02em; line-height:1.667em; margin:15px 0;}
.construct .txt-box ul {margin-bottom:30px;}
.construct .txt-box ul li {position:relative; font-weight:300; color:#878787; margin-bottom:15px;}
.construct .txt-box ul li.color {color:#505050; font-weight:400;}
.construct .txt-box ul li.circle {color:#505050; font-weight:400; padding-left:15px;}
.construct .txt-box ul li.circle:before {position:absolute; content:""; width:6px; height:6px; border-radius:100%; background:#ccc; top:7px; left:0;}

.examine {margin-top:130px;}
.examine ul {display:flex; flex-wrap:wrap; margin:0 -40px;}
.examine ul > li {position:relative ;width:33.3333%; padding:0 40px; margin-bottom:60px;}
.examine ul > li .img {position:relative; text-align:center;}
.examine ul > li:before {position:absolute; content:""; width:10px; height:10px; border-radius:100%; background:#2c2c2c; left:50%; margin-left:-5px; top:86px;}
.examine ul > li:after {position:absolute; content:""; width:100%; height:2px; left:50%; margin-left:-50%;  top:90px; z-index:-1; background:#ddd;}
.examine ul > li:last-child:after,
.examine ul > li:last-child:before {display:none;}
.examine ul > li .tit {font-size:20px; font-weight:500; letter-spacing:-.02em; line-height:1.300em; text-align:center; margin-top:70px; margin-bottom:25px;}
.examine ol li {font-size:14px; color:#878787; text-indent:-15px; width:100%; margin-left:0; border:1px solid #ddd; padding:15px; padding-left:45px; position:relative; margin-bottom:20px;}
.examine ol li:before {position:absolute; content:""; width:12px; height:9px; background:url("../images/sub/down.png")50% 50% no-repeat; background-size:contain; left:50%; margin-left:-6px; bottom:-15px;}
.examine ol li:last-child:before {display:none;}
.examine .color-txt {font-size:14px; letter-spacing:-.03em; color:#ec4b2d;}
.examine .color-txt span {font-weight:500;}
.examine ul li .txt-box {border:2px solid #ddd; background:#fafafa; padding:20px;}
.examine ul li .txt-box .tits {font-size:20px; color:#ec4b2d; font-weight:500; text-align:center;}
.examine ul li .txt-box .lg-tits {font-weight:500;}
.examine ul li .txt-box .txt {font-size:14px; color:#878787; letter-spacing:-.02em; padding:10px 0 20px;}

.supervising {text-align:center; margin-bottom:130px; clear:both;}
.supervising-wrap {display:flex; margin-right:-20px;}
.supervising-wrap .supervising-list {width:33.3333%; padding:20px; border:1px solid #031d68; border-top:4px solid #031d68; margin-right:20px;}
.supervising-wrap .supervising-list h3 {font-size:18px; color:#ec4b2d; font-weight:500; letter-spacing:-.02em; line-height:1.333em; margin-bottom:30px;}
.supervising-wrap .supervising-list h3 span {color:#031d68; font-weight:600;}
.supervising-wrap .supervising-list ul li {position:relative; font-size:14px; color:#505050; margin-bottom:10px; letter-spacing:-.02em; line-height:1.571em; text-align:left; padding-left:15px;}
.supervising-wrap .supervising-list ul li:before {position:absolute; content:""; width:6px; height:6px; border-radius:100%; background:#ccc; top:7px; left:0;}
.supervising-wrap .supervising-list ul li .cnt {font-size:13px; color:#878787; letter-spacing:-.02em; line-height:1.308em;}
.supervising-flex {display:flex; margin-bottom:90px;}
.supervising-flex.reverse {justify-content:space-between; flex-direction:row-reverse;}
.supervising-flex .img {width:34%;}
.supervising-flex .txt-box {text-align:left;}
.supervising-flex .txt-box h3 {font-size:24px; letter-spacing:-.02em; line-height:1.3em; font-weight:500; margin-bottom:20px;}
.supervising-flex .txt-box h3 span {font-size:14px; color:#878787; letter-spacing:-.02em; line-height:1.3em; padding-left:10px;}
.supervising-flex .txt-box .tit {font-size:18px; color:#ec4b2d; font-weight:500; font-weight:500; letter-spacing:-.02em;}
.supervising-flex .txt-box ol li {color:#505050; margin-top:10px; padding-left:20px; text-indent:-17px;}
.supervising-flex .txt-box ol li span {color:#878787; }

.work {text-align:center; clear:both;}
.work-flex {display:flex; margin:0 -35px;}
.work-flex .work-list {padding:0 35px; text-align:left;}
.work-flex .work-list .tit {font-size:20px; color:#031d68; letter-spacing:-.02em; font-weight:600; line-height:1.3em; padding:25px 0 15px;}
.work-flex .work-list ul li {font-weight:500; line-height:2.0em;}

.designing {clear:both;}
.designing .history.pd .group h3 {padding-left:43%;}
.designing .history.pd .group .cnt {margin-right:52%;}
.designing .history .group .cnt ul {margin-left:160px;}
.designing .history .group .cnt ul li {margin-bottom:20px;}

.plan {text-align:center;}
.plan .border-box {border:20px solid #ddd; padding:40px 0; margin-bottom:70px;}
.plan .border-box p {font-size:18px; font-weight:500; letter-spacing:-.02em; line-height:1.667em;}
.plan-flex {display:flex; margin-bottom:130px;}
.plan-flex.mg {margin-bottom:50px;}
.plan-flex.reverse {flex-direction:row-reverse;}
.plan-flex.reverse .txt-box {padding-left:0; padding-right:80px;}
.plan-flex.reverse .txt-box h3 {color:#ec4b2d;}
.plan-flex.reverse .txt-box h3:before {background:#ec4b2d;}
.plan-flex .img {width:46%;}
.plan-flex .txt-box {width:54%; text-align:left; padding-left:80px;}
.plan-flex .txt-box h3 {position:relative; display:flex; align-items:center; font-size:24px; font-weight:500; color:#031d68; letter-spacing:-.02em; line-height:1.3em; padding-bottom:25px; border-bottom:1px solid #ddd;}
.plan-flex .txt-box h3:before {position:absolute; content:""; width:40px; height:2px; left:0; bottom:0; background:#031d68;}
.plan-flex .txt-box h3 span {padding:0 10px 0 0;}
.plan-flex .txt-box .lg-tit {font-size:18px; color:#ec4b2d; font-weight:500; letter-spacing:-.02em; line-height:1.3em; margin-top:20px;}
.plan-flex .txt-box .tit {margin-top:20px;}
.plan-flex .txt-box .txt {margin-top:10px; font-size:15px; font-weight:300; color:#878787; line-height:1.467em; margin-bottom:10px;}
.plan-flex .txt-box .txt span {color:#ec4b2d; font-weight:500;}
.plan-flex .txt-box ul {padding-left:15px;}
.plan-flex .txt-box ul li {font-size:15px; letter-spacing:-.02em; color:#878787; line-height:1.467em; padding-left:0.6em; text-indent:-0.6em; margin-bottom:5px;}
.plan-flex .txt-box ul li span {color:#ec4b2d; font-weight:500;}
.plan-flex .table02 td {font-size:14px; color:#2c2c2c; font-weight:500; line-height:1.429em;}
.plan-flex .table02 td.pdl {padding:12px 15px 12px 30px;}
.plan-flex .table02 td.bg {background:#f4f4f4;}
.plan-flex .table02 tr td:first-child {font-size:14px;}
.plan-flex .lgs {margin-top:10px;}

.inquirys {margin-bottom:130px;}
.sub-news .gallery-list.wd .thumb {padding-bottom:75%;}

.btns-wd {max-width: 1200px; text-align: right; margin: 0 auto;}
.btns-bg {float:right;}
.btns {position:relative; margin-bottom:40px; display:block; width:169px; padding:0 40px; text-align:right; line-height:52px; height:54px; border:1px solid #000;}
.btns:before {position:absolute; content:""; width:8px; height:14px; margin-top:-7px; top:50%; left:40px; background:url("../images/sub/left.jpg")50% 50% no-repeat; background-size:contain;}

.technology {}

.backslash {position:relative; background:#f4f4f4 url("../images/sub/lines.png")100% 100% no-repeat !important; background-size:contain !important;}
.backslash div {position:absolute; top:5px; right:10px;}
.backslash div:last-child {position:absolute; top:auto; text-align:left; bottom:5px; left:10px;}
.board-white {text-align:left;} 
.inquirys .input {height:34px;}

.pop-contact-info {max-width:1400px; margin:0 auto; width:100vw; background:#fff;}
.pop-contact-info h2 {padding:15px 0 10px 0; color:#fff; font-weight:700; font-size:26px; text-align:center; line-height:1.3em; letter-spacing:0; background:#d9b259;}
.pop-contact-info .review-list {display:flex;}
.pop-contact-info .review-list.none {margin-bottom:0;}
.pop-contact-info .review-list .img {width:100%; position:relative; overflow:hidden; /* padding-bottom:50%; */}
.pop-contact-info .review-list .img.padding {padding-bottom:50%;}
.pop-contact-info .review-list .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.pop-contact-info .review-list .img .pic {position:relative; padding-bottom:77%; width:100%; overflow:hidden;}
.pop-contact-info .review-list .img .pic  img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.pop-contact-info .review-list .txt-box {width:45%; background:#000; color:#ccc !important; padding:0 30px; display: flex; flex-direction: column;}
.pop-contact-info .review-list .txt-box .id-name {font-size:20px; color:#fff; font-weight:500; letter-spacing:-.03em; line-height:1.625em; margin:35px 0; font-weight:500;}
.pop-contact-info .review-list .txt-box img {width:auto !important; height:auto !important;}
.pop-contact-info .lg-txt {font-size:40px; color:#686868; font-weight:700; text-align:center; padding:100px 0;}

.partner-wrap .tit-box {display:flex; align-items:center; justify-content:space-between; margin-bottom:100px;}
.partner-wrap .tit-box .tit {font-size:18px; color:#878787; letter-spacing:0; line-height:2.222em;}
.partner-wrap .tit-box .tit strong {font-size:30px; font-weight:500; color:#2c2c2c; letter-spacing:0; line-height:1.333em;}
.partner-wrap .tit-box .tit span {font-size:28px; color:#2c2c2c;}
.partner-wrap .tit-box .lg-txt {font-size:100px; letter-spacing:0; color:#f1f1f1; font-weight:600; line-height:1.3em;}

.partner-list ul {display:flex; flex-wrap:wrap; margin-left:-45px; margin-bottom:-40px;}
.partner-list ul li {width:calc(33.3333% - 45px); margin-left:45px; margin-bottom:40px;}
.partner-list ul li .thumb {position:relative; padding-bottom:48.7%; text-align:center; overflow:hidden;}
.partner-list ul li .thumb:before {position:absolute; content:""; width:100%; height:100%; top:0; left:0; border:1px solid #ddd; z-index:9;}
.partner-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.partner-list ul li .tit {text-align:center; margin-top:15px;}

.pop-contact-info {/* max-width:800px;  */margin:0 auto; background:#fff;}
.pop-contact-info .img img {width:600px; height:850px; margin:0 auto; text-align:center;}