@charset "utf-8";
/* CSS Document */
.edit_area {line-height: 1.875; letter-spacing: 1.08px; color: #3e3a39;}
.edit_area h2 {font-size: 162.5%; color: rgba(0, 141, 133, 0.9);}
.edit_area h3 {font-size: 150%; color: rgba(0, 141, 133, 0.8);}
.edit_area h4 {font-size: 137.5%; color: rgba(0, 141, 133, 0.7);}
.edit_area h5 {font-size: 125%; color: rgba(0, 141, 133, 0.6);}
.edit_area h6 {font-size: 112.5%; color: rgba(0, 141, 133, 0.5);}

.seo-content {line-height: 1.875; letter-spacing: 1.08px; color: #3e3a39; padding: 0 0 40px 0;}
.seo-content h2 {font-size: 162.5%; color: rgba(0, 141, 133, 1);}
.seo-content h3 {font-size: 150%; color: rgba(0, 141, 133, 0.9);}
.seo-content h4 {font-size: 137.5%; color: rgba(0, 141, 133, 0.8);}
.seo-content h5 {font-size: 125%; color: rgba(0, 141, 133, 0.7);}
.seo-content h6 {font-size: 112.5%; color: rgba(0, 141, 133, 0.6);}


.subBn {position: relative; z-index: 100;}
.subBn > .img {line-height: 0; font-size: 0;}
.subBn > .txt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; padding: 0 0 1.459% 5px;}
.subBn > .txt > div {display: flex; flex-flow: wrap; align-items: center; justify-content: flex-start;}
.subBn > .txt .tit {color: #3e3a39; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 1.1111111; letter-spacing: 5.4px; margin: 0;}

.path {max-width: 1500px; margin: 0 auto; padding: 0 100px; position: relative; z-index: 100;}
.path > ul, .path > ul li {list-style-type:none; margin: 0; padding: 0;}
.path > ul {width: 100%; display: flex; flex-wrap: wrap; padding: 20px 2px;}
.path > ul li {color:#008981; line-height: 1.25; letter-spacing: -0.05px; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center;}
.path > ul li::after {content: '>'; margin: 0 4px; color:#000;}
.path > ul li:last-child::after {content: none;}
.path > ul li a:link, .path > ul li a:visited {text-decoration:none; color:#000; position: relative; transition: all 0.5s ease 0s;}
.path > ul li a:active, .path > ul li a:hover {text-decoration:none; color:#3e3a39; cursor:pointer; transition: all 0.5s ease 0s;}
.path > ul li a::after {content: ''; position: absolute; top: 0; right: 0; height: 1px; background: #008e86; width: 0%; transition: all 0.25s ease-out 0s;}
.path > ul li a:hover::after {width: 100%; left: 0px; transition: all 0.25s ease-out 0s;}

.subTitle {color: #008981; font-weight: 500; line-height: 1.7142857; letter-spacing: 1.3px; text-align: center; padding: 0 16% 1.25% 16%; margin: 0 0 2.605% 0; border-bottom: 1px solid #008981; position: relative; z-index: 50;}
.subTitle_seo {color: #008981; font-weight: 500; line-height: 1.7142857; letter-spacing: 1.3px; text-align: center; padding: 0 0 1.25% 0; margin: -1px 0 22px -5px;}
.subTitle_det {color: #3e3a39; font-weight: 500; line-height: 1.07142857; letter-spacing: 1.3px; text-align: center; padding: 0 0 0 0; margin: 0 0 30px 0;}

.ul_a, .ul_a > li {list-style-type:none; margin: 0; padding: 0;}
.ul_a > li {position: relative; z-index: 1; margin: 0 0 30px 0;}
.ul_a > li::before {content: ''; width: 12px; height: 12px; border-radius: 12px; background: #008981; position: absolute; top: 9px; left: -21px;}

.ul_b, .ul_b > li {list-style-type:none; margin: 0; padding: 0;}
.ul_b > li {position: relative; z-index: 1; line-height: 1.5; letter-spacing: 0.84px; padding: 0 0 0 3px;}
.ul_b > li::before {content: ''; width: 12px; height: 12px; border-radius: 12px; background: #008981; position: absolute; top: 10px; left: -20px;}

.demo_A {line-height: 1.5; letter-spacing: 0.84px; margin: 0 -9px 0 0;}
.demo_B {background: url("../images/bg_32.jpg") no-repeat center top fixed; background-size: cover; line-height: 1.5; padding: 4.74% 0 4.271% 0; margin: 4px -9px 0 0;}
.demo_B .tit {color: #3e3a39; font-weight: 500; line-height: 1.7142857; letter-spacing: 1.3px; text-align: center; margin: 0 0 3% -9px;}
.demo_C {line-height: 1.2808125; padding: 4.38% 0;}
.demo_D {background: #edeeee; margin: 6.146% 0 0 0;}
.demo_D div.box {display: flex; flex-flow: wrap;}
.demo_D div.box > .img {width: 488px; line-height: 0; font-size: 0; position: relative; z-index: 1; /*overflow: hidden;*/}
.demo_D div.box > .img img {/*position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%);*/}
.demo_D div.box > .txt {width: calc(100% - 488px); font-weight: 400; line-height: 1.02465; letter-spacing: 1.35px; padding: 72px 10.249% 67px 5.28%;}
.demo_D div.box > .txt p {margin: 0;}

.sub_menu {color: #3e3a39; font-weight: 500; letter-spacing: 0.94px; position: relative; z-index: 50; padding: 5% 0 0 0;}
.sub_menu a:link, .sub_menu a:visited {text-decoration:none; color:#3e3a39; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.sub_menu a:active, .sub_menu a:hover {text-decoration:none; color:#008d85; cursor:pointer; transition: all 0.5s ease 0s;}
.sub_menu > div {display: none;}
.sub_menu > ul, .sub_menu ul > li {list-style-type:none; margin: 0; padding: 0;}
.sub_menu > ul {width: 100%; display: flex; flex-wrap: wrap; margin: 0 -22px; transition: all 0.5s ease 0s;}
.sub_menu ul > li {padding: 0 28px 23px 28px; position: relative; z-index: 1;}
.sub_menu ul > li::after {content: ''; background: #3e3a39; width: 2px; height: 18px; position: absolute; top: calc(50% - 18px); right: -1px;}
.sub_menu ul > li:last-child::after {content: none;}
.sub_menu li.current a {color:#008d85;}
@media only screen and (max-width:992px){
    .sub_menu {padding: 40px 0 15px 0;}
    .sub_menu > div {width: 30px; height: 30px; position: relative; display: block; margin: auto; cursor: pointer;}
    .sub_menu > div > span:nth-child(1) {width: 30px; height: 2px; background-color: #008d85; position: absolute; top: 10px; left: 0; transition: all 0.5s ease 0s;}
    .sub_menu > div.show > span:nth-child(1) {top: 14px; transform: rotate(45deg);}
    .sub_menu > div > span:nth-child(2) {width: 30px; height: 2px; background-color: #008d85; position: absolute; top: 20px; left: 0; transition: all 0.5s ease 0s;}
    .sub_menu > div.show > span:nth-child(2) {top: 14px; transform: rotate(-45deg);}
    .sub_menu > div::before {content: attr(data-title); width: 260px; height: 30px; line-height: 30px; position: absolute; top: -30px; left: calc(50% - 130px); text-align: center; font-size: 12px; color: #008d85;}
    .sub_menu > ul {max-height: 0; overflow: hidden; justify-content: flex-start;}
    .sub_menu > ul > li {width: calc(100% / 3); padding: 10px 15px!important; line-height: 1.1; letter-spacing: 0;}
    .sub_menu > ul > li::after {content: none;}
    .sub_menu > ul.open {max-height: 2000px; transition: all 0.5s ease 0s;}
    .sub_menu a:hover::after {content: none;}
    .sub_menu li.current a::after, .sub_menu a:hover::after {bottom: -2px;}
}

.pages {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 1px 0 8.924% 2px;}
.pages a:link, .pages a:visited {text-decoration:none; color:#3e3a39; font-weight: 500; line-height: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 40px; height: 40px; overflow: hidden; padding: 0 0 0 0; margin: 0px 16px 5px 16px; position: relative; z-index: 10; transition: all 0.5s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#008d85; cursor:pointer; transition: all 0.5s ease 0s;}
.pages .prev {font-size: 0; min-width: 43px!important; margin: 0px 0 5px 0px!important;}
.pages .next {font-size: 0; min-width: 43px!important; margin: 0px 0px 5px 0!important;}
.pages .prev::after {content: ""; position: absolute; right: 16px; top:16px; width: 11px; height: 11px; border-width: 1px 1px 0 0;border-style: solid; border-color: #959696; transform: rotate(-135deg); transition: all 0.5s ease 0s;}
.pages .prev:hover::after {border-color: #008d85; transition: all 0.5s ease 0s;}
.pages .next::after {content: ""; position: absolute; right: 18px; top:16px; width: 11px; height: 11px; border-width: 1px 1px 0 0;border-style: solid; border-color: #959696; transform: rotate(45deg); transition: all 0.5s ease 0s;}
.pages .next:hover::after {border-color: #008d85; transition: all 0.5s ease 0s;}
.pages a.prev:hover::before, .pages a.next:hover::before {content: none;}
.pages .current {color:#008d85!important; pointer-events: none; cursor: text;}


.abo_wrap {position: relative; z-index: 1; padding: 15px 0 0 0;}
.abo_bg_01 {position: absolute; bottom: 0; left: 0; width: 100%; z-index: -10; line-height: 0; font-size: 0;}
.abo_bg_11 {position: absolute; top: -60px; left: 0; width: 100%; height: 0; padding-bottom: 106.959%; z-index: -10; line-height: 0; font-size: 0;}
.abo_bg_11 > img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.abo_bg_12 {position: absolute; top: -60px; left: 0; width: 100%; height: 0; padding-bottom: 503px; z-index: -10; line-height: 0; font-size: 0;}
.abo_bg_12 > img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.abo_lis {display: flex; flex-flow: wrap; justify-content: space-between; padding: 4.77% 3px 7.539% 5px;}
.abo_lis > div {width: 30.1857585%; margin: 0 4.72136225% 56px 0; transition: all 0.5s ease 0s;}
.abo_lis > div:hover {box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);}
.abo_lis > div:nth-child(3n+3), .abo_lis > div:last-child {margin: 0 0 56px 0;}
.abo_lis > div > .img {height: 0; padding-bottom: 99.231%; position: relative; z-index: 1; overflow: hidden; line-height: 0; font-size: 0;}
.abo_lis > div > .img > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.abo_lis > div > .img > a::before {content: ''; border-bottom: 4px solid #008f87; border-top: 4px solid #008f87; width: 0; position: absolute; top: 0; bottom: 0; left: 50%; z-index: 500; transition: all 0.5s ease 0s;}
.abo_lis > div:hover > .img > a::before {width: 100%; left: 0;}
.abo_lis > div > .img > a::after {content: ''; border-left: 4px solid #008f87; border-right: 4px solid #008f87; height: 0; position: absolute; top: 50%; left: 0; right: 0; z-index: 500; transition: all 0.5s ease 0s;}
.abo_lis > div:hover > .img > a::after {height: 100%; top: 0;}
.abo_lis > div > .img img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.abo_lis > div:hover > .img img {transform:translate(-50%,-50%) scale(1.1, 1.1);}
.abo_lis > div > .txt {background: #4faea3; color: #fff; padding: 21px 10px 36px 18px; position: relative; z-index: 10; transition: all 0.5s ease 0s;}
.abo_lis > div:hover > .txt {background: #acacad!important;}
.abo_lis > div:nth-child(2n+2) > .txt {background: #e4e5e5; color: #3e3a39;}
.abo_lis > div > .txt::before {content: ''; height: 0; width: 0; border-color: transparent transparent #4faea3 transparent; border-style: solid solid solid solid; border-width: 38px 23px; position: absolute; top: -75px; left: calc(50% - 23px); transition: all 0.5s ease 0s;}
.abo_lis > div:hover > .txt::before {border-color: transparent transparent #acacad transparent!important;}
.abo_lis > div:nth-child(2n+2) > .txt::before {border-color: transparent transparent #e4e5e5 transparent;}
.abo_lis > div > .txt > .tit {font-weight: 600; line-height: 48px; letter-spacing: 1.4px; text-align: center; padding: 0; margin: 0; height: 150px; display: flex; flex-flow: column; justify-content: center; align-items: center; overflow: hidden;}
.abo_lis > div > .txt > .bot {display: flex; flex-flow: wrap; justify-content: center; padding: 6.91% 2px 0 0; margin: 0;}
.abo_lis > div > .txt > .bot a {display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; font-weight: 600; letter-spacing: 1.5px; min-width: 178px; min-height: 59px; border: 1px solid #fff; padding: 1px 21px 0 26px;}
.abo_lis > div:nth-child(2n+2) > .txt > .bot a {border: 1px solid #008f87;}
.abo_lis > div > .txt > .bot a:link, .abo_lis > div > .txt > .bot a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.abo_lis > div:nth-child(2n+2) > .txt > .bot a:link, .abo_lis > div:nth-child(2n+2) > .txt > .bot a:visited {color:#008f87;}
.abo_lis > div > .txt > .bot a:active, .abo_lis > div > .txt > .bot a:hover {text-decoration:none; color:#008981; background: #fff; border: 1px solid #fff; cursor:pointer; transition: all 0.5s ease 0s;}
.abo_lis > div:nth-child(2n+2) > .txt > .bot a:active, .abo_lis > div:nth-child(2n+2) > .txt > .bot a:hover {color:#fff; background: #008981; border: 1px solid #008981;}
.abo_A {position: relative; z-index: 1;}
.bubbles_11 {width: 24.48%; position: absolute; top: 55.952%; right: -11.042%; z-index: 1;}
.bubbles_12 {width: 17.813%; position: absolute; top: 130.622%; left: 2.24%; z-index: 1;}
.abo_A::before {content: ''; background: url("../images/bg_12.jpg") no-repeat top center / cover; width: 100%; height: 0; padding-bottom: 77.5%; position: absolute; top: 63px; left: 0; z-index: -10;}
.abo_A1 {display: flex; flex-flow: wrap; padding: 63px 0 5.0521% 0;}
.abo_A1 > .img {width: 51.51%; line-height: 0; font-size: 0;}
.abo_A1 > .img img {width: 100%;}
.abo_A1 > .txt {width: 48.49%; padding: 78px 15.625% 0 4.844%;}
.abo_A2 {position: relative; z-index: 10; padding: 0 0 0 5px;}
.abo_B {position: relative; z-index: 2; padding: 9.948% 0 0 0; margin: 0 0 11.198% 0; overflow: hidden;}
.abo_BL {position: relative; z-index: 1; margin: 0 8.078% 0 8%;}
.abo_BL::before {content: ''; width: 2px; background: #fff; position: absolute; left: 184px; top: 0; bottom: 0; z-index: 10;}
.abo_BL > .tit {color: #3e3a39; font-weight: 400; line-height: 1.07142857; letter-spacing: 1.45px; margin: 0; position: absolute; top: 0; left: -9.807%; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; *display: inline; *writing-mode: tb-rl;}
.abo_BL > .tit::after {content: ''; background: #008981; width: 2px; position: absolute; top: calc(100% + 25px); left: 13px; bottom: -999999%;}
.abo_BL > ul, .abo_BL > ul > li {list-style-type:none; margin: 0; padding: 0;}
.abo_BL > ul {display: flex; flex-flow: row; color: #595757; font-weight: 400; line-height: 1.3125; margin: 0 0 4.5px 0;}
.abo_BL > ul > li:nth-child(1) {width: 184px; background: #dedfdf; padding: 18px 25px 21px 26px;}
.abo_BL > ul > li:nth-child(2) {width: calc(100% - 184px); background: #dedfdf; letter-spacing: 0.68px; padding: 20px 35px 20px 40px;}
.abo_BL > ul.top > li {background: #4fa89d; color: #fff; padding-top: 17px; padding-bottom: 22px;}
.abo_BL > ul > li.fs_20 {font-weight: 500; line-height: 1.1; letter-spacing: 1.08px;}
.abo_C {position: relative; z-index: 1; padding: 0 0 12.761% 0;}
.abo_C::before {content: ''; background: url("../images/bg_13.jpg") no-repeat 50% 0% fixed; background-size: cover; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; padding-bottom: 30.834%; z-index: -10;}
.abo_C > div.frame_1300 {position: relative; z-index: 10;}
.abo_C > div.frame_1300 > .tit {color: #3e3a39; font-weight: 400; line-height: 1.07142857; letter-spacing: 1.45px; margin: 0; position: absolute; top: 0; left: 97px; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; *display: inline; *writing-mode: tb-rl;}
.abo_C > div.frame_1300 > .lis {width: 118.539%; position: relative; left: 17.232%;}
.abo_D {position: relative; z-index: 1; padding: 3.23% 0 5.0521% 0;}
.bubbles_21 {width: 24.48%; position: absolute; top: 31.025%; right: -9.688%; z-index: 1;}
.bubbles_22 {width: 28.49%; position: absolute; top: 141.115%; left: -16.407%; z-index: 1;}
.abo_D .con {display: flex; flex-flow: wrap;}
.abo_D .con > .img {width: 38.693%; line-height: 0; font-size: 0; display: flex; flex-flow: wrap; justify-content: center; align-items: flex-start; padding: 50px 4.232% 0 0;}
.abo_D .con > .img > .box {position: relative; z-index: 1;}
.abo_D .con > .img > .box img:nth-child(1) {position: relative; z-index: 1;}
.abo_D .con > .img > .box img:nth-child(2) {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; -webkit-animation: rotate360 4000ms linear infinite; animation: rotate360 50000ms linear infinite;}
.abo_D .con > .txt {width: 61.307%;}
.abo_E {padding: 0 0 6.459% 5px;}
.abo_E .tit {color: #008981; font-weight: 600; line-height: 1.5; letter-spacing: 1.31px; margin: -2px 0 2px 0;}
.abo_F {position: relative; z-index: 1; padding: 0 0 12.813% 0;}
.abo_F > div.frame_1300 {position: relative; z-index: 10;}
.abo_F > div.frame_1300 > .lis {width: 118.539%; position: relative; left: 17.232%;}
.abo_G {background: #dedfdf; padding: 0 0 0 5px; margin: 5.573% 0 0 0;}
.abo_G > div.frame_1300 {display: flex; flex-flow: wrap;}
.abo_G > div.frame_1300 > .img {width: 42.8462%; line-height: 0; font-size: 0; position: relative; z-index: 1; overflow: hidden;}
.abo_G > div.frame_1300 > .img > img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%);}
.abo_G > div.frame_1300 > .txt {width: 57.1538%; padding: 55px 0 50px 6%;}
.abo_H {padding: 15.157% 0 3.959% 0; position: relative; z-index: 10;}
.abo_H .lis {max-width: 1191px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between;}
.abo_H .lis > div {width: 46.7674223342%; background: #dedfdf; margin: 0 0 142px 0;}
.abo_H .lis > div > .img {padding-bottom: 62.12%; height: 0; line-height: 0; font-size: 0; position: relative; z-index: 1; overflow: hidden;}
.abo_H .lis > div > .img img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%);}
.abo_H .lis > div > .txt {padding: 6.107% 5.209% 4.67% 5.566%; position: relative; z-index: 10;}
.abo_H .lis > div > .txt::before {content: ''; height: 0; width: 0; border-color: transparent transparent #dedfdf transparent; border-style: solid solid solid solid; border-width: 33px 19px; position: absolute; top: -65px; left: calc(50% - 19px); transition: all 0.5s ease 0s;}
.abo_I {position: relative; z-index: 1; padding: 0 0 12.084% 0; margin: 0 0 6.511% 0;}
.bubbles_23 {width: 24.48%; position: absolute; top: -104.77%; left: -10.313%; z-index: 1;}
.bubbles_24 {width: 17.813%; position: absolute; top: 0; right: 2.761%; z-index: 1;}
.abo_I::before {content: ''; background: url("../images/bg_15.jpg") no-repeat bottom center / cover; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; padding-bottom: 63.855%; z-index: -10;}
.abo_I > div.frame_1300 {position: relative; z-index: 10;}
.abo_I > div.frame_1300 > .lis {width: 118.539%; position: relative; right: 35.539%;}
.abo_J {display: flex; flex-flow: wrap; background: #4fa89d; color: #fff; margin: 6.25% 0 0 0;}
.abo_J > .img {width: 49.27%; position: relative; z-index: 1; overflow: hidden;}
.abo_J > .img img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%);}
.abo_J > .txt {width: 50.73%; padding: 106px 16.146% 114px 3.594%;}
.abo_K {overflow: hidden;}
.abo_K > .lis {position: relative; z-index: 1; left: calc(50% - 57.8125%); width: 115.625%; padding: 6.771% 0 129px 0;}
.abo_L {line-height: 1.5;}
.abo_M {position: relative; z-index: 1; padding: 7.292% 0 0 6px; margin: 0 0 5.209% 0;}
.abo_M > div.frame_1300 {display: flex; flex-flow: wrap; position: relative; z-index: 1;}
.abo_M > div.frame_1300 > .txt {width: 66%; padding: 0 6.154% 0 0;}
.abo_M > div.frame_1300 > .txt > .tit {color: #008981; font-weight: 500; line-height: 1.5; letter-spacing: 1.43px; margin: 0 0 4.115% 0;}
.abo_M > div.frame_1300 > .img {width: 34%; line-height: 0; font-size: 0; position: relative; z-index: 1; margin: 6px 0 0 0;}
.abo_M > div.frame_1300 > .img > img {width: 107.696%; max-width: none; position: absolute; top: 0; left: 0;}
.abo_M > div.frame_1300 > .flo {font-size: 937.5%; color: #cce7e6; line-height: 1.1; letter-spacing: 7.5px; position: absolute; bottom: -11px; right: -10.8%; z-index: -10;}
.abo_N {padding: 3.855% 0 7.5% 0;}
.abo_N .tit {font-weight: 500; line-height: 1.07142857; letter-spacing: 1.29px; padding: 0 0 0 1px; margin: 0 0 14px 0;}
.abo_O {width: 100%; max-width: 1095px; margin: auto;}
.abo_P {padding: 10.539% 2px 16.539% 4px;}
.abo_P > div {display: flex; flex-flow: wrap; background: #e0e1e1; margin: 0 0 27px 0;}
.abo_P > div > .txt {width: calc(100% - 460px); padding: 56px 57px; position: relative; z-index: 10;}
.abo_P > div > .txt::after {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #e0e1e1; border-style: solid solid solid solid; border-width: 19px 32px; position: absolute; top: calc(50% - 19px); right: -63px; transition: all 0.5s ease 0s;}
.abo_P > div > .txt > .tit {color: #008b83; font-weight: 600; line-height: 1.1; letter-spacing: 1.36px; margin: 0 0 5px 0;}
.abo_P > div > .img {width: 460px; min-height: 346px; line-height: 0; font-size: 0; position: relative; z-index: 1;}
.abo_P > div > .img > .box {overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.abo_P > div > .img > .box > img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%);}


.sus_wrap {position: relative; z-index: 1; padding: 15px 0 0 0;}
.sus_bg_01 {position: absolute; top: -60px; left: 0; bottom: -60px; width: 100%; z-index: -10; background: rgba(79, 172, 161, 0.15); line-height: 0; font-size: 0;}
.sus_A {line-height: 1.5; position: relative; z-index: 1;}
.leaf_01 {width: 8.646%; position: absolute; top: 24.67%; right: 28.073%; z-index: -5;}
.sus_A .lis {display: flex; flex-flow: wrap; padding: 14.232% 0 3.077% 0; margin: 0 -18px;}
.sus_A .lis > div {width: 16.617%; margin: 0 4.192% 30px 0;}
.sus_A .lis > div:nth-child(5n+5), .sus_A .lis > div:last-child {margin: 0 0 30px 0;}
.sus_A .lis > div > .img {line-height: 0; font-size: 0; position: relative; z-index: 1; background: #fff; margin: 0 0 37px 0;}
.sus_A .lis > div > .img::after {content: ''; height: 0; width: 0; border-color: #fff transparent transparent transparent; border-style: solid solid solid solid; border-width: 22px 13px; position: absolute; bottom: -43px; left: calc(50% - 12.5px); transition: all 0.5s ease 0s;}
.sus_A .lis > div > .txt {text-align: center; line-height: 1.3125; letter-spacing: 0.7px;}
.sus_A .lis > div > .txt > .tit {color: #008780; font-weight: 600; line-height: 1.1111111; letter-spacing: 0.75px; margin: 0 0 25px 0;}
.sus_A .lis > div > .txt > p {line-height: 1.3125;}
.sus_B {padding: 8.231% 5px 6.077% 5px; line-height: 1.5; letter-spacing: 0.79px; text-align: center; position: relative; z-index: 1;}
.sus_B::before {content: ''; background: #fff; position: absolute; top: 33.417%; left: -3000px; right: -3000px; bottom: 0; z-index: -10;}
.sus_B .img {line-height: 0; font-size: 0; margin: 0 0 3.256% 0;}
.sus_B .tit {color: #3e3a39; font-weight: 500; line-height: 1.7142857; letter-spacing: 1.28px; margin: 0 0 2.947% 0;}
.sus_C {display: flex; flex-flow: wrap; padding: 8.542% 0; position: relative; z-index: 5;}
.leaf_02 {width: 12.188%; position: absolute; top: 9.552%; left: 9.271%; z-index: 10;}
.sus_C .img {width: 46.4583333%; line-height: 0; font-size: 0; position: relative; z-index: 1; overflow: hidden;}
.sus_C .img > img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%);}
.sus_C .txt {width: 53.5416667%; padding: 0 16.146% 0 3.49%; line-height: 1.875; margin: 0 0 -4px 0;}
.sus_C .txt > .tit {color: #3e3a39; font-weight: 500; line-height: 1.7142857; letter-spacing: 1.28px; margin: 20.893% 0 5.223% 0;}
.sus_D {background: url("../images/bg_21.jpg") no-repeat 100% 100% fixed; background-size: cover; padding: 6.146% 0 6.563% 0; line-height: 1.5; letter-spacing: 0.79px; text-align: center;}
.sus_D .tit {color: #3e3a39; font-weight: 500; line-height: 1.7142857; letter-spacing: 1.28px; margin: 0 0 2.924% 0;}
.sus_E {padding: 5.886% 0 6.3021% 0;}
.sus_E > .tit {color: #3e3a39; font-weight: 500; line-height: 1.07142857; letter-spacing: 1.28px; text-align: center; border-bottom: 1px solid #008d85; padding: 0 0 1.875% 0; margin: 0 0 1.563% 0;}
.sus_E .lis {display: flex; flex-flow: wrap; padding: 8.154% 4px 0 4px;}
.sus_E .lis > div {width: 21.75%; margin: 0 4.335% 30px 0; background: #fff; text-align: center; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.sus_E .lis > div:hover {box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.22);}
.sus_E .lis > div::after {content: ''; border: 0px solid #4faca1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; pointer-events: none; cursor: text; transition: all 0.5s ease 0s;}
.sus_E .lis > div:hover::after {border: 3px solid #4faca1;}
.sus_E .lis > div:nth-child(4n+4), .sus_E .lis > div:last-child {margin: 0 0 30px 0;}
.sus_E .lis > div > .img {line-height: 0; font-size: 0;}
.sus_E .lis > div > .tit {color: #008d85; font-weight: 600; line-height: 1.5; letter-spacing: 1.5px; padding: 18px 10px 22px 10px; margin: 0;}


.pro_wrap {position: relative; z-index: 1; padding: 15px 0 0 0;}
.pro_bg_01 {position: absolute; bottom: 0px; left: 0; width: 100%; padding-top: 107.24%; z-index: -10; background: url("../images/bg_31.jpg") no-repeat bottom center / cover; line-height: 0; font-size: 0;}
.pro_cat {padding: 8.385% 0 3.539% 3px; position: relative; z-index: 10;}
.bubbles_31 {width: 22.308%!important; position: absolute!important; top: 28.076%; right: -31.153%; z-index: -1; background: transparent!important; margin: 0!important;}
.bubbles_32 {width: 16.385%!important; position: absolute!important; top: 46.22%; left: -19.23%; z-index: -1; background: transparent!important; margin: 0!important;}
.bubbles_33 {width: 35.154%!important; position: absolute!important; bottom: -3.584%; right: -4.461%; z-index: -1; background: transparent!important; margin: 0!important;}
.pro_cat > .lis {display: flex; flex-flow: wrap;}
.pro_cat > .lis > div {width: 30.146492%;; margin: 0 4.627% 63px 0; background: #e2e3e3; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.pro_cat > .lis > div:nth-child(2n+2) {background: #4faca1;}
.pro_cat > .lis > div:nth-child(3n+3), .pro_cat > .lis > div:last-child {margin: 0 0 63px 0;}
.pro_cat > .lis > div:hover {background: #acacad!important; box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);}
.pro_cat > .lis > div > .img {height: 0; padding-bottom: 99.748%; line-height: 0; font-size: 0; position: relative; z-index: 1; overflow: hidden;}
.pro_cat > .lis > div > .img > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.pro_cat > .lis > div > .img > a::before {content: ''; border-bottom: 4px solid #008f87; border-top: 4px solid #008f87; width: 0; position: absolute; top: 0; bottom: 0; left: 50%; z-index: 500; transition: all 0.5s ease 0s;}
.pro_cat > .lis > div:hover > .img > a::before {width: 100%; left: 0;}
.pro_cat > .lis > div > .img > a::after {content: ''; border-left: 4px solid #008f87; border-right: 4px solid #008f87; height: 0; position: absolute; top: 50%; left: 0; right: 0; z-index: 500; transition: all 0.5s ease 0s;}
.pro_cat > .lis > div:hover > .img > a::after {height: 100%; top: 0;}
.pro_cat > .lis > div > .img img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.pro_cat > .lis > div:hover > .img img {transform:translate(-50%,-50%) scale(1.1, 1.1);}
.pro_cat > .lis > div > .txt {color: #3e3a39; text-align: center; line-height: 1.2808125; letter-spacing: 1.1px; padding: 9.21% 10.742% 123px 12.28%; position: relative; z-index: 5; min-height: 388px; transition: all 0.5s ease 0s;}
.pro_cat > .lis > div:nth-child(2n+2) > .txt {color: #fff;}
.pro_cat > .lis > div > .txt::before {content: ''; height: 0; width: 0; border-color: transparent transparent #e2e3e3 transparent; border-style: solid solid solid solid; border-width: 38px 23px; position: absolute; top: -75px; left: calc(50% - 23px); transition: all 0.5s ease 0s;}
.pro_cat > .lis > div:hover > .txt::before {border-color: transparent transparent #acacad transparent!important;}
.pro_cat > .lis > div:nth-child(2n+2) > .txt::before {border-color: transparent transparent #4faca1 transparent;}
.pro_cat > .lis > div > .txt > .tit {min-height: 67px; font-weight: 600; line-height: 26px; letter-spacing: 1.3px; padding: 0 0 4.988% 0; margin: 0 10.636% 6.317% 9.64%; display: flex; flex-flow: wrap; justify-content: center; align-items: center; position: relative; z-index: 1;}
.pro_cat > .lis > div > .txt > .tit::after {content: ''; height: 1px; width: 100%; background: #008d85; position: absolute; bottom: 0; left: 0; z-index: -10;}
.pro_cat > .lis > div:nth-child(2n+2) > .txt > .tit::after {background: #fff;}
.pro_cat > .lis > div > .txt p {line-height: 1.2808125; margin: 0;}
.pro_cat > .lis > div > .bot {display: flex; flex-flow: wrap; justify-content: center; padding: 0 0 0 2px; margin: 0; position: absolute; bottom: 38px; left: 0; right: 0; z-index: 10;}
.pro_cat > .lis > div > .bot a {display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; font-weight: 600; letter-spacing: 1.5px; min-width: 178px; min-height: 59px; border: 1px solid #008f87; padding: 1px 21px 0 26px;}
.pro_cat > .lis > div:nth-child(2n+2) > .bot a {border: 1px solid #fff;}
.pro_cat > .lis > div > .bot a:link, .pro_cat > .lis > div > .bot a:visited {text-decoration:none; color:#008f87; transition: all 0.5s ease 0s;}
.pro_cat > .lis > div:nth-child(2n+2) > .bot a:link, .pro_cat > .lis > div:nth-child(2n+2) > .bot a:visited {color:#fff;}
.pro_cat > .lis > div > .bot a:active, .pro_cat > .lis > div > .bot a:hover {text-decoration:none; color:#fff; background: #008f87; border: 1px solid #008f87; cursor:pointer; transition: all 0.5s ease 0s;}
.pro_cat > .lis > div:nth-child(2n+2) > .bot a:active, .pro_cat > .lis > div:nth-child(2n+2) > .bot a:hover {color:#008f87; background: #fff; border: 1px solid #fff;}
.pro_lis {display: flex; flex-flow: wrap; padding: 7.462% 0 20px 3px; position: relative; z-index: 10;}
.pro_lis > div {width: 30.300694%; margin: 0 4.394757% 75px 0; background: #fff; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.pro_lis > div:hover {box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.22);}
.pro_lis > div::after {content: ''; border: 1px solid #d2d3d3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; pointer-events: none; cursor: text; transition: all 0.5s ease 0s;}
.pro_lis > div:hover::after {border: 3px solid #4faca1;}
.pro_lis > div:nth-child(3n+3), .pro_lis > div:last-child {margin: 0 0 75px 0;}
.pro_lis > div > .img {height: 0; padding-bottom: 99.24%; line-height: 0; font-size: 0; position: relative; z-index: 1; overflow: hidden;}
.pro_lis > div > .img > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.pro_lis > div > .img img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
/*.pro_lis > div:hover > .img img {transform:translate(-50%,-50%) scale(1.1, 1.1);}*/
.pro_lis > div > .txt {color: #3e3a39; text-align: center; line-height: 1.2808125; letter-spacing: 1.45px; padding: 23px 15px 108px 15px; position: relative; z-index: 5; transition: all 0.5s ease 0s;}
.pro_lis > div:nth-child(2n+2) > .txt {color: #fff;}
.pro_lis > div > .txt > .tit {color: #008d85; font-weight: 600; line-height: 1.1; letter-spacing: 1.45px; padding: 0; margin: 0 0 14px -4px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; position: relative; z-index: 1;}
.pro_lis > div:nth-child(2n+2) > .txt > .tit::after {background: #fff;}
.pro_lis > div > .txt > .pml {color: #008d85; font-weight: 600; line-height: 1.1; margin: 0 0 14px 3px;}
.pro_lis > div > .txt > .pmo {color: #3e3a39; font-weight: 600; line-height: 1.1; margin: 0 0 0 3px}
.pro_lis > div > .txt p {line-height: 1.1; margin: 0;}
.pro_lis > div > .bot {display: flex; flex-flow: wrap; justify-content: center; padding: 0 0 0 1px; margin: 0; position: absolute; bottom: 28px; left: 0; right: 0; z-index: 10;}
.pro_lis > div > .bot a {display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; font-weight: 500; letter-spacing: 1.1px; min-width: 178px; min-height: 54px; background: #008d85; border: 1px solid #008d85; padding: 0px 19px 0 23px;}
.pro_lis > div > .bot a:link, .pro_lis > div > .bot a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.pro_lis > div > .bot a:active, .pro_lis > div > .bot a:hover {text-decoration:none; color:#fff; background: #3e3a39; border: 1px solid #fff; cursor:pointer; transition: all 0.5s ease 0s;}
.pro_lis > div > .bot a > img {margin: 0 10px 0 0;}

.detail_top_bot {width: 100%; display: flex; flex-flow: row; justify-content: space-between; align-items: flex-start; padding: 0 2px 117px 2px;}
.detail_top_bot > .sha {display: flex; flex-flow: wrap; line-height: 0; font-size: 0; padding: 11px 0 0 0;}
.detail_top_bot > .sha > a {margin: 0 19px 5px 0;}
.detail_top_bot > .sha > a:last-child {margin: 0 0 5px 0;}
.detail_top_bot > .bot {display: flex; flex-flow: wrap; justify-content: flex-end; padding: 0 0 0 0; margin: 0;}
.detail_top_bot > .bot a {display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; font-weight: 500; letter-spacing: 1.1px; min-width: 178px; min-height: 54px; background: #008d85; border: 1px solid #008d85; padding: 0px 19px 0 23px;}
.detail_top_bot > .bot a:link, .detail_top_bot > .bot a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.detail_top_bot > .bot a:active, .detail_top_bot > .bot a:hover {text-decoration:none; color:#fff; background: #3e3a39; border: 1px solid #fff; cursor:pointer; transition: all 0.5s ease 0s;}
.detail_top_bot > .bot a > img {margin: 0 10px 0 0;}
.detail_top_pro {display: flex; flex-flow: wrap; padding: 4.231% 0 11.77% 0;}
.detail_top_pro > .pho {width: 50%; line-height: 0; font-size: 0; padding: 8px 0 0 0;}
.detail_top_pro > .txt {width: 50%; padding: 0 0 0 6.078%;}
.detail_top_pro > .txt > .tit {color: #008d85; font-weight: 500; line-height: 1.333333; letter-spacing: 2.7px; margin: 0 0 4.73% 0;}
.detail_top_pro > .txt > .edit_area {padding: 30px 0;}
.detail_top_pro > .txt > .pmo {color: #3e3a39; font-weight: 600; line-height: 1.2; letter-spacing: 1.4px; margin: 0;}
.detail_top_pro > .txt > .bot {display: flex; flex-flow: wrap; padding: 3.153% 0 0 0;}
.detail_top_pro > .txt > .bot > a {min-height: 49px; font-weight: 600; letter-spacing: 1.1px; border: 1px solid #008d85; display: flex; flex-flow: row; justify-content: center; align-items: center; padding: 0 14px 3px 16px; margin: 0 25px 10px 0;}
.detail_top_pro > .txt > .bot > a:last-child, .detail_top_pro > .txt > .bot > a:nth-child(2n+2) {margin: 0 0 10px 0;}
.detail_top_pro > .txt > .bot > a:link, .detail_top_pro > .txt > .bot > a:visited {text-decoration:none; color:#008d85; transition: all 0.5s ease 0s;}
.detail_top_pro > .txt > .bot > a:active, .detail_top_pro > .txt > .bot > a:hover {text-decoration:none; color:#fff; border: 1px solid #3e3a39; background: #3e3a39; cursor:pointer; transition: all 0.5s ease 0s;}
.detail_top_pro > .txt > .bot > a > img {margin: 0 7px 0 0;}
.detail_cen_pro_clo {padding: 2.672% 6.165% 12.672% 7.535%;}
.detail_cen_pro_clo .item img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.detail_cen_pro_clo .item:hover img {transform: scale(0.9, 0.9);}
.detail_cen_pro_gal {padding: 2.466% 6.507% 14.042% 7.877%;}
.detail_cen_pro_gal .item img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.detail_cen_pro_gal .item:hover img {transform: scale(0.9, 0.9);}
.detail_cen_pro_spe {padding: 1.85% 0 11.234% 0;}
.detail_rel_pro {padding: 6.77% 0 7.924% 4px;}
.detail_rel_pro .item > .box {width: 100%; max-width: 281px; text-align: center; position: relative; z-index: 1;}
.detail_rel_pro .item > .box::after {content: ''; border: 1px solid transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; pointer-events: none; cursor: text; transition: all 0.5s ease 0s;}
.detail_rel_pro .item > .box:hover::after {border: 3px solid #4faca1;}
.detail_rel_pro .item > .box > .img {height: 0; padding-bottom: 99.29%; overflow: hidden; position: relative; z-index: 1; line-height: 0; font-size: 0;}
.detail_rel_pro .item > .box > .img img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.detail_rel_pro .item > .box > .tit {color: #008d85; font-weight: 600; line-height: 1.1; letter-spacing: 1.45px; padding: 0 10px 0 4px; margin: 32px 0 14px 0;}
.detail_rel_pro .item > .box > .pml {color: #008d85; font-weight: 600; line-height: 1.1; letter-spacing: 1.45px; padding: 0 10px; margin: 0 0 14px 0;}
.detail_rel_pro .item > .box > .pmo {color: #3e3a39; font-weight: 700; line-height: 1.1; letter-spacing: 1.25px; padding: 0 10px 22px 10px; margin: 0;}
.btnPBN {width: 100%; max-width: 630px; padding: 0 0 9.462% 0; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.btnP {color:#3e3a39; font-weight: 600; letter-spacing: 1.3px;}
.btnP a {display: flex; flex-flow: wrap; align-items: center;}
.btnP a::before {content: ""; display: block; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #959696; margin: 0 21px 0 0; transform: rotate(45deg); transition: all 0.5s ease 0s;}
.btnP a:hover::before {border-color: #008d85; transform: rotate(-135deg);}
.btnP a:link, .btnP a:visited {text-decoration:none; color:#3e3a39; transition: all 0.5s ease 0s;}
.btnP a:active, .btnP a:hover {text-decoration:none; color:#008d85; cursor:pointer; transition: all 0.5s ease 0s;}
.btnB {color:#008d85; font-weight: 600; letter-spacing: 1.3px; border: 1px solid #008d85; transition: all 0.5s ease 0s;}
.btnB:hover {background: #008d85;}
.btnB a {min-height: 56px; padding: 0 22px 0 21.5px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center;}
.btnB a:link, .btnB a:visited {text-decoration:none; color:#008d85; transition: all 0.5s ease 0s;}
.btnB a:active, .btnB a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.btnN {color:#3e3a39; font-weight: 600; letter-spacing: 1.3px;}
.btnN a {display: flex; flex-flow: wrap; align-items: center;}
.btnN a::after {content: ""; display: block; width: 10px; height: 10px; border-width: 1px 1px 0 0;border-style: solid; border-color: #3e3a39; margin: 0 0 0 19px; transform: rotate(45deg); transition: all 0.5s ease 0s;}
.btnN a:hover::after {border-color: #008d85; transform: rotate(225deg);}
.btnN a:link, .btnN a:visited {text-decoration:none; color:#3e3a39; transition: all 0.5s ease 0s;}
.btnN a:active, .btnN a:hover {text-decoration:none; color:#008d85; cursor:pointer; transition: all 0.5s ease 0s;}


.att_wrap {position: relative; z-index: 1; padding: 20px 0 0 0;}
.att_wrap .pages {padding: 1px 0 67px 2px;}
.att_lis {padding: 9.385% 8.693% 3.155% 8.693%; margin: 0 0 5.308% 0; position: relative; z-index: 1;}
.att_lis::before {content: ''; background: url("../images/bg_41.jpg") no-repeat center / cover; width: 1920px; height: 0; padding-bottom: 26.385%; position: absolute; bottom: 0; left: calc(50% - 960px); z-index: -10;}
.att_lis > div {display: flex; flex-flow: wrap; margin: 0 0 9.125% 0; transition: all 0.5s ease 0s;}
.att_lis > div:hover {background: #fff; box-shadow: 13px 13px 13px rgba(0, 0, 0, 0.23);}
.att_lis > div > .img {width: 413px;}
.att_lis > div > .img > .pho {height: 0; padding-bottom: 99.277%; line-height: 0; font-size: 0; position: relative; z-index: 1; overflow: hidden;}
.att_lis > div > .img > .pho > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.att_lis > div > .img > .pho > a::before {content: ''; border-bottom: 4px solid #008f87; border-top: 4px solid #008f87; width: 0; position: absolute; top: 0; bottom: 0; left: 50%; z-index: 500; transition: all 0.5s ease 0s;}
.att_lis > div > .img > .pho:hover > a::before {width: 100%; left: 0;}
.att_lis > div > .img > .pho > a::after {content: ''; border-left: 4px solid #008f87; border-right: 4px solid #008f87; height: 0; position: absolute; top: 50%; left: 0; right: 0; z-index: 500; transition: all 0.5s ease 0s;}
.att_lis > div > .img > .pho:hover > a::after {height: 100%; top: 0;}
.att_lis > div > .img > .pho img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.att_lis > div > .img > .pho:hover img {transform:translate(-50%,-50%) scale(1.1, 1.1);}
.att_lis > div > .txt {width: calc(100% - 413px); padding: 0 0 90px 5.308%; position: relative; z-index: 1;}
.att_lis > div > .txt > .tit {color: #008d85; font-weight: 500; line-height: 1.111111; letter-spacing: 2.7px; margin: -4px 0 1.325% 0;}
.att_lis > div > .txt > .pml {color: #008d85; font-weight: 500; line-height: 1.111111; letter-spacing: 2.7px; margin: 0 0 4.307% 0;}
.att_lis > div > .txt > .pmo {color: #3e3a39; font-weight: 600; line-height: 1.1; letter-spacing: 1.45px; margin: 0 0 4.969% 0;}
.att_lis > div > .txt > .fon {color: #3e3a39; font-weight: 400; line-height: 1.2808125; letter-spacing: 1.08px; margin: 0;}
.att_lis > div > .txt > .bot {display: flex; flex-flow: wrap; justify-content: flex-start; margin: 0; position: absolute; bottom: 15px; left: 8.625%; right: 0; z-index: 10;}
.att_lis > div > .txt > .bot a {display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; font-weight: 600; letter-spacing: 1.5px; min-width: 178px; min-height: 59px; border: 1px solid #008f87; padding: 2px 11px 0 16px;}
.att_lis > div > .txt > .bot a:link, .att_lis > div > .txt > .bot a:visited {text-decoration:none; color:#008f87; transition: all 0.5s ease 0s;}
.att_lis > div > .txt > .bot a:active, .att_lis > div > .txt > .bot a:hover {text-decoration:none; color:#fff; background: #008f87; border: 1px solid #008f87; cursor:pointer; transition: all 0.5s ease 0s;}


.con_wrap {position: relative; z-index: 1; padding: 14px 0 0 0;}
.con_bg_01 {position: absolute; top: -116px; right: 100%; bottom: 0; z-index: -10; width: 602px;}
.con_bg_01 img {position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%); transition: all 0.5s ease 0s;}
.con_wrap .con {width: 77.539%; padding: 0 0 0 7.77%; margin: 115px 0 0 auto; position: relative; z-index: 10;}
.bubbles_41 {width: 25.497% !important; position: absolute!important; top: 18.275%; left: -14.187%; z-index: -1; background: transparent!important; margin: 0!important;}
.bubbles_42 {width: 40.18% !important; position: absolute!important; top: 61.897%; left: -71.628%; z-index: -1; background: transparent!important; margin: 0!important;}
.con_wrap .con > .tit {color: #008b83; font-weight: 500; line-height: 1.07142857; letter-spacing: 2.01px; margin: 0 0 11.026% 0;}
.con_wrap .con > .fon {color: #fff; font-weight: 500; line-height: 1.07142857; letter-spacing: 1.3px; position: absolute; top: 4px; right: calc(100% + 70px); z-index: 10; margin: 0; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; *display: inline; *writing-mode: tb-rl;}
.con_wrap .con > .lis {display: flex; flex-flow: wrap; color: #3e3a39; line-height: 30px; padding: 0 0 2.537% 0;}
.con_wrap .con > .lis > .tit {width: 135px; font-weight: 600; letter-spacing: 1.4px; margin: 0 0 30px 0;}
.con_wrap .con > .lis > .txt {width: calc(100% - 135px); font-weight: 400; letter-spacing: 1.35px; margin: 0 0 30px 0;}
.con_wrap .con > .map {position: relative; height: 0; overflow: hidden; padding-bottom: 36.385%;}
.con_wrap .con > .map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.con_for {color: #3e3a39; padding: 11.357% 3px 9.483% 0;}
.row_A {display: flex; flex-flow: wrap; justify-content: space-between; padding: 0 0 26px 0;}
.row_B {padding: 6.195% 0 26px 0;}
.row_C {padding: 5.31% 0 4.868% 0;}
.row_D {display: flex; flex-flow: row; align-items: center; letter-spacing: 1.35px; padding: 11px 0 26px 0;}
.row_D > label {width: calc(100% - 28px - 10px);}
.col_A {width: 47.677%;}
.col_B {width: 100%;}
.col_A > .tit, .col_B > .tit, .row_C > .tit {line-height: 1.1; letter-spacing: 1.35px; margin: 0 0 17px 0;}
.col_A > .inp, .col_B > .inp {border: 1px solid #cfcecd;}
.row_C > .inp {display: flex; flex-flow: wrap; padding: 2.435% 0 0 0;}
.inp_checkbox {display: flex; flex-flow: row; align-items: center; letter-spacing: 1.4px; padding: 0 20px 25px 0; min-width: 217px;}
.con_for textarea {width: 100%; height: 205px; display: flex; padding: 12px; border: 0; font-size: 16px; font-family: 'Mulish', sans-serif; font-weight: 600; letter-spacing: 0.7px; color: #008e86; background-color: transparent;}
.con_for > .bot {display: flex; flex-flow: wrap; justify-content: flex-end; align-items: center; padding: 8.518% 0 0 0;}
.con_for > .bot button {width: 100%; max-width: 136px; height: 54px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; font-weight: 500; letter-spacing: 1.1px; text-decoration: none; padding: 0 0 1px 0; margin: 0 0 10px 28px; cursor: pointer; transition: all 0.5s ease 0s;}
.con_for > .bot button:first-child {margin: 0 0 10px 0;}
.con_for > .bot button.send {color: #fff; background: #008e86; border: 1px solid #008e86;}
.con_for > .bot button.reset {color: #008e86; background: #fff; border: 1px solid #008e86;}
.con_for > .bot button:hover {color: #fff; background: #3e3a39; border: 1px solid #3e3a39;}

.wrap-inquiry-result-v3 { height: unset !important; background-position: top center!important; background-size: cover!important; padding: 40px 0;}
.inquiry-result-text-v3 { margin: 150px 40px 0 0;}