/* * { outline: 1px solid red; } */ /* ======================================== @media screen and (min-width: 768px),print ======================================== */ @media screen and (min-width: 768px), print { main {width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;} /* ------------------------------------------*/ #company main.is-archive { overflow-x: hidden; } /* g-nav -------------------------------------*/ #company main.is-archive #g-nav { background-color: #fff; } /* main-title -------------------------------------*/ #company main.is-archive .main-title-box { padding: 46px 0; margin-bottom: 0; background-color: #f8f8f8; } #company main.is-archive .main-title { font-size: 19px; font-weight: 500; line-height: calc(28 / 19); letter-spacing: 0.04em; color: #1a1a1a; } #main-bx {margin: 42px auto 0;} #main-bx .bx{width: 100%; max-width: 1571px; margin: 0 auto 135px; position: relative; background: url(../images/company/main-bg.png) no-repeat top right -58px; padding: 420px 0 290px;} #main-bx .bx .inner{width: 1200px; margin: 0 auto; position: relative; } #main-bx .bx .inner .ttl1{font-size: 40px; letter-spacing: 0px; line-height: 1.6; font-weight: 600; text-align: left; margin-left: 670px;} #con1 {} #con1 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 30px; padding-bottom: 13px; position: relative;} #con1 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con1 .bx{width: 100%; margin: 0 auto 125px; background: #E6EDF3; padding: 60px 0 10px;} #con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative; } #con1 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;} #con1 .bx .inner .list li{width: 330px; margin-right: 55px; margin-bottom: 50px;} #con1 .bx .inner .list li:nth-child(3n){margin-right: 0;} #con1 .link-list{margin-bottom: 85px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;} #con1 .link-list li{width: 240px; margin-right: 47px;} #con1 .link-list li:last-child{margin-right: 0;} #con2 {} #con2 .bx1{width: 100%; margin: 0 auto 75px; background: url(../images/company/con2-bg.png) no-repeat top center;; padding: 80px 0 90px;} #con2 .bx1 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; margin-bottom: 28px; padding-bottom: 13px; position: relative;} #con2 .bx1 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: 0;} #con2 .bx1 .inner{width: 680px; margin: 0 auto; background: #fff; position: relative; padding: 50px 110px 18px;} #con2 .bx1 .inner .list{} #con2 .bx1 .inner .list li{border-bottom: 1px solid #F0F0F0; padding-bottom: 7px; margin-bottom: 24px;} #con2 .bx1 .inner .list li .ss1{font-size: 19px; letter-spacing: 0.8px; line-height: 1.7; font-weight: 600; color: #1E4D91; margin-right: 20px; margin-left: 12px;} #con2 .bx1 .inner .list li .ss2{font-size: 18px; letter-spacing: 0.8px; line-height: 1.7; font-weight: 500; display: inline-table;} #con2 .bx2{width: 100%; margin: 0 auto 70px; } #con2 .bx2 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 28px; padding-bottom: 13px; position: relative;} #con2 .bx2 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: -3px;} #con2 .bx2 .inner{width: 680px; margin: 0 auto; background: #fff; position: relative; padding: 63px 100px 50px 103px; box-shadow: 0px 0px 10px 0px #dedede; } #con2 .bx2 .inner .list{} #con2 .bx2 .inner .list li{border-bottom: 1px solid #F0F0F0; padding-bottom: 17px; margin-bottom: 17px;} #con2 .bx2 .inner .list li .list-txt1{position: relative; } #con2 .bx2 .inner .list li .ss1{font-size: 19px; letter-spacing: 0.8px; line-height: 1.7; font-weight: 600; color: #1E4D91; position: absolute; left: 12px; top: 0;} #con2 .bx2 .inner .list li .ss2{font-size: 16px; letter-spacing: 0.7px; line-height: 1.7; font-weight: 500; margin-left: 57px; text-align: left; display: inline-block;} #con2 .bx2 .inner .list-txt-bx{width: 150px; margin-left: auto; margin-top: 23px;} #con2 .bx2 .inner .list-txt-bx .list-txt{font-size: 14px; letter-spacing: 0.3px; line-height: 1.7; font-weight: 400; } #con2 .bx3{width: 100%; margin: 0 auto 92px; } #con2 .bx3 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 123px; padding-bottom: 15px; position: relative;} #con2 .bx3 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con2 .bx3 .inner{width: 1200px; margin: 0 auto; background: #E6EDF3; position: relative; padding: 50px 50px 45px 50px; } #con2 .bx3 .inner .img1{text-align: center; margin-top: -128px; margin-bottom: 47px;} #con2 .bx3 .inner .list1{padding-left: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #con2 .bx3 .inner .list1 li{width: 315px; border-bottom: 1px solid #D1DAE2; padding-bottom: 2px; margin-bottom: 14px; margin-right: 35px;} #con2 .bx3 .inner .list1 li:nth-child(3n){margin-right: 0;} #con2 .bx3 .inner .list1 li .list-txt1{position: relative; } #con2 .bx3 .inner .list1 li .ss1{font-size: 19px; letter-spacing: 0.8px; line-height: 1.8; font-weight: 600; color: #1E4D91; margin-right: 17px; margin-left: 6px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums;} #con2 .bx3 .inner .list1 li .ss2{font-size: 16px; letter-spacing: 0.7px; line-height: 1.8; font-weight: 500; } #con2 .bx4{width: 100%; margin: 0 auto 90px; } #con2 .bx4 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 16px; padding-bottom: 13px; position: relative;} #con2 .bx4 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con2 .bx4 .inner{width: 1200px; margin: 0 auto; } #con2 .bx4 .inner .img1{text-align: center; } #con3 {} #con3 .bx1{width: 100%; margin: 0 auto 60px; background: url(../images/company/con3-bg.png) no-repeat top center;; padding: 135px 0 10px;} #con3 .bx1 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; margin-bottom: 33px; padding-bottom: 13px; position: relative;} #con3 .bx1 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: 0;} #con3 .bx1 .inner{width: 1100px; margin: 0 auto; background: #fff; position: relative; padding: 50px 52px 50px;} #con3 .bx1 .inner .in-inner{width: 480px; margin-left: auto;} #con3 .bx1 .inner .in-inner .img1{position: absolute; left: 57px; top: 50px;} #con3 .bx1 .inner .in-inner .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.88; margin-bottom: 29px;} #con3 .bx1 .inner .in-inner .img2{text-align: right; margin-top: -30px;} #con4 {} #con4 .bx1{width: 100%; margin: 0 auto 175px; } #con4 .bx1 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 28px; padding-bottom: 15px; position: relative;} #con4 .bx1 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con4 .bx1 .inner{width: 865px; margin: 0 auto; background: #fff; position: relative; } #con4 .bx1 .inner table{} #con4 .bx1 .inner tbody{} #con4 .bx1 .inner tr{} #con4 .bx1 .inner th{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; text-align: left; color: #fff; background: #1E4D91; vertical-align: middle; padding: 10px 50px 10px 35px;} #con4 .bx1 .inner td{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; text-align: left; border-bottom: 1px solid #D9D9D9; vertical-align: middle; padding: 10px 0px 10px 10px;} #con4 .bx1 .inner td.ss1{border-top: 1px solid #D9D9D9; } #con5 {} #con5 .bx1{width: 100%; margin: 0 auto 90px; background: #E6EDF3; padding: 105px 0 30px;} #con5 .bx1 .inner{width: 1100px; margin: 0 auto; position: relative; left: 100px;} #con5 .bx1 .inner .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 28px; padding-bottom: 15px; position: absolute; left: -100px; top: -25px;} #con5 .bx1 .inner .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con5 .bx1 .inner .flex-bx{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} #con5 .bx1 .inner .list1{width: 533px; position: relative; padding-left: 95px;} #con5 .bx1 .inner .list1 li{position: relative; height: 87px; padding-left: 100px; margin-bottom: 22px;} #con5 .bx1 .inner .list1 li::before{content: ""; width: 1px; height: 170px; background: #1E4D91; position: absolute; left: 42px; right: 0; top: 0px;} #con5 .bx1 .inner .list1 li:last-child::before{background: none;} #con5 .bx1 .inner .list1 li .num{width: 87px; height: 87px; font-size: 14px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; text-align: center; color: #1E4D91; background: #fff; padding: 24px 0px 24px; border-radius: 100px; position: absolute; left: 0; top: -25px;} #con5 .bx1 .inner .list1 li .num-ss1{padding: 30px 0px 24px;} #con5 .bx1 .inner .list1 li .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; } #con5 .bx1 .inner .list2{position: relative; padding-left: 35px;} #con5 .bx1 .inner .list2 li{position: relative; height: 87px; padding-left: 100px; margin-bottom: 22px;} #con5 .bx1 .inner .list2 li::before{content: ""; width: 1px; height: 170px; background: #1E4D91; position: absolute; left: 42px; right: 0; top: 0px;} #con5 .bx1 .inner .list2 li:last-child::before{background: none;} #con5 .bx1 .inner .list2 li .num{width: 87px; height: 87px; font-size: 14px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; text-align: center; color: #1E4D91; background: #fff; padding: 24px 0px 24px; border-radius: 100px; position: absolute; left: 0; top: -25px;} #con5 .bx1 .inner .list2 li .num-ss1{padding: 30px 0px 24px;} #con5 .bx1 .inner .list2 li .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; } #con6 {} #con6 .bx1{width: 100%; margin: 0 auto 125px; } #con6 .bx1 .inner{width: 1280px; margin: 0 auto; position: relative; } #con6 .bx1 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 30px; padding-bottom: 15px; position: relative;} #con6 .bx1 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con6 .bx1 .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} #con6 .bx1 .inner .list li{width: 620px; margin-right: 40px;} #con6 .bx1 .inner .list li:last-child{margin-right: 0;} #con6 .bx1 .inner .list li:nth-child(1){ width: 100%; margin-bottom: 40px; } #con6 .bx1 .inner .list li:nth-child(1) .map{ width: 100%; height: auto; } #con6 .bx1 .inner .list li:nth-child(1) .map iframe{ max-width: 100%; width: 100% !important; height: 460px; } #con6 .bx1 .inner .list li:nth-child(3){margin-right: 0;} #con6 .bx1 .inner .list li .map{width: 620px; height: 460px; margin: 0 auto 10px;} #con6 .bx1 .inner .list li .map iframe{width: 620px; height: 460px; margin: 0 auto;} #con6 .bx1 .inner .list li .map-txt1{font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; margin-bottom: 10px;} #con6 .bx1 .inner .list li .map-txt2{font-size: 16px; letter-spacing: 0.6px; line-height: 1.6; font-weight: 400;} #con7 {} #con7 .bx1{width: 100%; margin: 0 auto 105px; } #con7 .bx1 .inner{width: 1100px; margin: 0 auto; position: relative; } #con7 .bx1 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 35px; padding-bottom: 15px; position: relative;} #con7 .bx1 .ttl1::after{content: ""; width: 40px; height: 2px; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con7 .bx1 .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #con7 .bx1 .inner .list li{width: 340px; margin-bottom: 56px; margin-right: 40px;} #con7 .bx1 .inner .list li:nth-child(3n){margin-right: 0;} #con7 .bx1 .inner .list li .img{margin-bottom: 15px;} #con7 .bx1 .inner .list li .img-ttl{font-size: 16px; letter-spacing: 0.6px; line-height: 1.6; font-weight: 400; margin-bottom: 5px;} #con7 .bx1 .inner .list li .img-txt{font-size: 16px; letter-spacing: 0.6px; line-height: 1.8; font-weight: 400;} } /* ======================================== @media screen and (max-width: 767px) ======================================== */ @media screen and (max-width: 767px) { /* recruit archive ------------------------------------------*/ .seo_bread_list { display: none; } #company main.is-archive .main-title-box { padding: 7vw 0; margin-bottom: 0; background-color: #f8f8f8; } #company main.is-archive .main-title { font-size: 3.6vw; font-weight: 500; line-height: calc(22 / 15); letter-spacing: 0.04em; color: #1a1a1a; } #main-bx {} #main-bx .bx{width: 100%; margin: 7.5vw auto 0; position: relative; background: url(../images/company/sp-main-bg.png) no-repeat top left; padding: 90.5vw 0 46.5vw; background-size: 100%;} #main-bx .bx .inner{width: 100%; margin: 0 auto; position: relative; } #main-bx .bx .inner .ttl1{font-size: 5.35vw; letter-spacing: -0.05vw; line-height: 1.55; font-weight: 600; text-align: left; margin-left: 24vw;} #con1 {} #con1 .ttl1{font-size: 4.6vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 5vw; padding-bottom: 3vw; position: relative; } #con1 .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con1 .bx{width: 100%; margin: 0 auto 16vw; background: #E6EDF3; padding: 7vw 0 3vw;} #con1 .bx .inner{width: 100%; margin: 0 auto; position: relative; } #con1 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;} #con1 .bx .inner .list li{width: 42vw; margin-right: 5vw; margin-bottom: 5vw;} #con1 .bx .inner .list li:nth-child(2n){margin-right: 0;} #con1 .link-list{margin-bottom: 7vw; } #con1 .link-list li{width: 78vw; margin: 0 auto 9vw;} #con1 .link-list li:last-child{margin-bottom: 0;} #con2 {} #con2 .bx1{width: 100%; margin: 0 auto 14vw; background: url(../images/company/sp-con2-bg.png) no-repeat top center;; padding: 13vw 0 15vw; background-size: 100%;} #con2 .bx1 .ttl1{font-size: 4.6vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; margin-bottom: 7vw; padding-bottom: 3vw; position: relative; } #con2 .bx1 .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: 0;} #con2 .bx1 .inner{width: 89%; margin: 0 auto; background: #fff; position: relative; padding: 7vw 5.5vw 5vw 5.5vw;} #con2 .bx1 .inner .list{} #con2 .bx1 .inner .list li{border-bottom: 1px solid #F0F0F0; padding-bottom: 3vw; margin-bottom: 2vw;} #con2 .bx1 .inner .list li .ss1{font-size: 4.4vw; letter-spacing: 0.3vw; line-height: 1.7; font-weight: 600; color: #1E4D91; margin-right: 6vw;} #con2 .bx1 .inner .list li .ss2{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.65; font-weight: 500; display: inline-table;} #con2 .bx2{width: 100%; margin: 0 auto 16vw; } #con2 .bx2 .ttl1{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 7vw; padding-bottom: 3.5vw; position: relative; } #con2 .bx2 .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con2 .bx2 .inner{width: 89%; margin: 0 auto; background: #fff; position: relative; padding: 7vw 3vw 7vw 6vw; box-shadow: 0px 0px 10px 0px #dedede; } #con2 .bx2 .inner .list{} #con2 .bx2 .inner .list li{border-bottom: 1px solid #F0F0F0; padding-bottom: 4vw; margin-bottom: 4vw;} #con2 .bx2 .inner .list li .list-txt1{position: relative; } #con2 .bx2 .inner .list li .ss1{font-size: 4.4vw; letter-spacing: 0.3vw; line-height: 1.7; font-weight: 600; color: #1E4D91; margin-right: 6vw;} #con2 .bx2 .inner .list li .ss2{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.75; font-weight: 500; display: inline-table;} #con2 .bx2 .inner .list-txt-bx{width: 33vw; margin-left: auto;} #con2 .bx2 .inner .list-txt-bx .list-txt{font-size: 3.3vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 400;} #con2 .bx3{width: 100%; margin: 0 auto 14vw; } #con2 .bx3 .ttl1{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 7vw; padding-bottom: 3vw; position: relative; } #con2 .bx3 .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con2 .bx3 .inner{width: 90%; margin: 0 auto; background: #E6EDF3; position: relative; padding: 0; } #con2 .bx3 .inner .img1{text-align: center; margin-bottom: 7.5vw;} #con2 .bx3 .inner .list1{padding-left: 5vw; padding-right: 10vw; padding-bottom: 9vw;} #con2 .bx3 .inner .list1 li{width: 100%; border-bottom: 1px solid #D1DAE2; padding-bottom: 1vw; margin-bottom: 4vw; margin-right: 4vw;} #con2 .bx3 .inner .list1 li .list-txt1{position: relative; } #con2 .bx3 .inner .list1 li .ss1{font-size: 4.4vw; letter-spacing: 0.3vw; line-height: 1.66; font-weight: 600; color: #1E4D91; margin-right: 4vw; margin-left: 1vw; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums;} #con2 .bx3 .inner .list1 li .ss2{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.8; font-weight: 500;} #con2 .bx4{width: 100%; margin: 0 auto 13vw; } #con2 .bx4 .ttl1{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 2vw; padding-bottom: 3.5vw; position: relative; } #con2 .bx4 .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con2 .bx4 .inner{width: 89%; margin: 0 auto; } #con2 .bx4 .inner .img1{text-align: center; } #con3 {} #con3 .bx1{width: 100%; margin: 0 auto 4vw; background: url(../images/company/sp-con3-bg.png) no-repeat top center;; padding: 17.5vw 0 5vw; background-size: 100%;} #con3 .bx1 .ttl1{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; margin-bottom: 7vw; padding-bottom: 3vw; position: relative; } #con3 .bx1 .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: 0;} #con3 .bx1 .inner{width: 90%; margin: 0 auto; background: #fff; position: relative; padding: 7.5vw 6.5vw 8vw;} #con3 .bx1 .inner .in-inner{width: 100%; margin: 0 auto;} #con3 .bx1 .inner .in-inner .img1{width: 100%; margin: 0 auto 5.5vw;} #con3 .bx1 .inner .in-inner .txt1{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 7.5vw;} #con3 .bx1 .inner .in-inner .img2{width: 40vw; margin-left: auto; margin-top: -4vw;} #con4 {} #con4 .bx1{width: 100%; margin: 0 auto 20vw; } #con4 .bx1 .ttl1{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 7.5vw; padding-bottom: 3vw; position: relative; } #con4 .bx1 .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con4 .bx1 .inner{width: 90%; margin: 0 auto; background: #fff; position: relative; } #con4 .bx1 .inner table{} #con4 .bx1 .inner tbody{} #con4 .bx1 .inner tr{} #con4 .bx1 .inner th{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.83; text-align: left; color: #fff; background: #1E4D91; padding: 2.5vw 10vw 2.5vw 3.5vw; display: block;} #con4 .bx1 .inner td{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.83; text-align: left; padding: 2.5vw 0 2vw 0; display: block;} #con5 {} #con5 .bx1{width: 100%; margin: 0 auto 15vw; background: #E6EDF3; padding: 11vw 0 1vw;} #con5 .bx1 .inner{width: 100%; margin: 0 auto; position: relative; } #con5 .bx1 .inner .ttl1{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 14vw; padding-bottom: 3vw; position: relative; } #con5 .bx1 .inner .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con5 .bx1 .inner .flex-bx{} #con5 .bx1 .inner .list1{width: 100%; position: relative; padding-left: 6vw;} #con5 .bx1 .inner .list1 li{position: relative; padding-left: 24vw; margin-bottom: 18vw; height: 9vw;} #con5 .bx1 .inner .list1 li::before{content: ""; width: 1px; height: 30vw; background: #1E4D91; position: absolute; left: 9.5vw; right: 0; top: 0px;} /* #con5 .bx1 .inner .list1 li:last-child::before{background: none;} */ #con5 .bx1 .inner .list1 li .num{width: 21vw; height: 21vw; font-size: 3.2vw; letter-spacing: 0.4vw; line-height: 1.7; font-weight: 400; text-align: center; color: #1E4D91; background: #fff; padding: 6vw 0px 6vw; border-radius: 100%; position: absolute; left: -1vw; top: -5vw;} #con5 .bx1 .inner .list1 li .num-ss1{padding: 8vw 0px 6vw;} #con5 .bx1 .inner .list1 li .txt1{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.8; font-weight: 400; } #con5 .bx1 .inner .list2{width: 100%; position: relative; padding-left: 6vw;} #con5 .bx1 .inner .list2 li{position: relative; padding-left: 24vw; margin-bottom: 18vw; height: 9vw;} #con5 .bx1 .inner .list2 li::before{content: ""; width: 1px; height: 30vw; background: #1E4D91; position: absolute; left: 9.5vw; right: 0; top: 0px;} #con5 .bx1 .inner .list2 li:last-child::before{background: none;} #con5 .bx1 .inner .list2 li .num{width: 21vw; height: 21vw; font-size: 3.2vw; letter-spacing: 0.4vw; line-height: 1.7; font-weight: 400; text-align: center; color: #1E4D91; background: #fff; padding: 6vw 0px 6vw; border-radius: 100%; position: absolute; left: -1vw; top: -5vw;} #con5 .bx1 .inner .list2 li .num-ss1{padding: 8vw 0px 6vw;} #con5 .bx1 .inner .list2 li .txt1{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.8; font-weight: 400; } #con6 {} #con6 .bx1{width: 100%; margin: 0 auto 19vw; } #con6 .bx1 .inner{width: 90%; margin: 0 auto; position: relative; } #con6 .bx1 .inner .ttl1{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 7vw; padding-bottom: 3vw; position: relative; } #con6 .bx1 .inner .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con6 .bx1 .inner .list{} #con6 .bx1 .inner .list li{width: 100%; margin: 0 auto 13.5vw;} #con6 .bx1 .inner .list li:last-child{margin-bottom: 0;} #con6 .bx1 .inner .list li .map{width: 100%; height: 67vw; margin: 0 auto 4.5vw;} #con6 .bx1 .inner .list li .map iframe{width: 100%; height: 68vw; margin: 0 auto;} #con6 .bx1 .inner .list li .map-txt1{font-size: 4.4vw; letter-spacing: 0.4vw; line-height: 1.5; font-weight: 500; margin-bottom: 1vw;} #con6 .bx1 .inner .list li .map-txt2{font-size: 3.8vw; letter-spacing: 0.23vw; line-height: 1.7; font-weight: 400;} #con7 {} #con7 .bx1{width: 100%; margin: 0 auto 75px; } #con7 .bx1 .inner{width: 90%; margin: 0 auto; position: relative; } #con7 .bx1 .inner .ttl1{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 7vw; padding-bottom: 3.5vw; position: relative; } #con7 .bx1 .inner .ttl1::after{content: ""; width: 9vw; height: 0.5vw; margin: 0 auto; background: #1E4D91; position: absolute; left: 0; right: 0; bottom: 0;} #con7 .bx1 .inner .list{} #con7 .bx1 .inner .list li{width: 91%; margin: 0 auto 12.5vw;} #con7 .bx1 .inner .list li:nth-child(3){width: 91%; margin: 0 auto 14vw;} #con7 .bx1 .inner .list li:nth-child(4){width: 91%; margin: 0 auto 14vw;} #con7 .bx1 .inner .list li:nth-child(5){width: 91%; margin: 0 auto 13vw;} #con7 .bx1 .inner .list li:nth-child(5){width: 91%; margin: 0 auto 13vw;} #con7 .bx1 .inner .list li:nth-child(12){width: 91%; margin: 0 auto 14vw;} #con7 .bx1 .inner .list li .img{width: 100%; margin: 0 auto 4vw;} #con7 .bx1 .inner .list li .img-ttl{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 400; margin-bottom: 0;} #con7 .bx1 .inner .list li .img-txt{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 2; font-weight: 400;} }