/*main_visual*/
html,body {background:#06b59d;width: 100%;overflow-x: hidden;}

#header {background: #06b59d;}
.pc{display:block}
.pc02{display:block}
.m1024{display:none}
.m600{display:none}

.main_visual {position: relative; min-height:1100px;}
.main_visual {padding-bottom: 0;}
.main_visual .inner {width:1530px;max-width: 100%;text-align: center;margin: auto;}
.main_visual .inner > div {text-align: center;}
.main_visual .copyimg {position:relative;left: 50%;transform: translateX(-50%) !important;}
.main_visual .copyimg img,.main_visual .copyimg p {position:absolute;}
.main_visual .copyimg .copy01{top:106px;left:310px;max-width: 59%;}
.main_visual .copyimg .copy02{top:792px;left:310px;max-width: 59%;}
.main_visual .copyimg .copy03{top:792px;left:988px;max-width: 59%;}
/* .main_visual .copyimg .copy04{top:755px;left:515px;max-width: 71%;} */
.main_visual .copyimg .people01{top: 63px;left: 490px;}
/* .main_visual .copyimg .people02{top: 225px;left: 510px;} */
.main_visual .copyimg .obj01 {top: 10px;left: 330px;}
.main_visual .copyimg .obj02 {top: 38px;left: 1022px;}
.main_visual .copyimg .obj03 {top: 301px;left: 1040px;}
/* .main_visual .copyimg .obj04 {top: 685px;left: 345px;} */
.main_visual .copyimg p {top: 792px;left: -82px;color:#fff;text-align:right;}
.main_visual .copyimg .m {display:none;}

/*main_content*/
.main_content {position: relative;width: 100%;overflow: hidden;text-align: center;}
.main_content > div {position: relative;}
.main_content > div h3 {color: #fff;font-size: 20px;}
.main_content > div p {color: #000;font-size: 24px;}
.main_content div > img {max-width: 100%;}
.main_content .cont1 {}

.main_content div .text a {display: block; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#fff; font-size:140px; letter-spacing:-0.02em; line-height: 1.1;background: url(../img/main/text_bg.png) 50% bottom; -webkit-text-fill-color:transparent; -webkit-background-clip:text;transition:0.5s;}
.main_content div .text a:hover {background: url(../img/main/text_bg.png) 50% 50%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;transition: 2.5s;}
.main_content > div .text p {font-size:36px;margin-left:3px;margin-top: 3vw;letter-spacing: 0;line-height: 1.2;}
.main_content > div .flex{width: 1680px;max-width: 96%;margin: 100px auto;}
.main_content > div a {display:block; padding:7px 0; transition:.3s}
.main_content > div a:hover p { /*padding:0 0 14px; transition:.3s;*/ }
.main_content > div a:hover img {opacity:0.8; transition:.6s;}
.main_content > div a h3 {margin-top:30px;margin-bottom:10px;}
.main_content .cont1 {padding-bottom:180px;}
.main_content .cont1 .card1 {margin-top:150px;}
.main_content .cont1 .card3 {margin-top:235px;}
.main_content .cont1 .card4 {margin-top:80px;}

.main_content .cont2 {padding:80px 0; background:#348489;}

.main_content .news {width:1500px; max-width:94%; margin:50px auto;border-top:1px solid #cbcaca;}
.main_content .news a {position:relative; display:flex; justify-content:space-between; padding:40px; border-bottom:1px solid #cbcaca;}
.main_content .news a:hover {background: #348489;text-decoration: none;}
.main_content .news a:hover span {text-decoration: none;}
.main_content .news a p {display:block; padding-left: 110px;}
.main_content .news a p b {display:inline-block; padding-right: 20px;}
.main_content .news a p:after {display:block; position:absolute; content: ""; width:10px; height:1px; background:#000; left:50px; top: 50%; opacity:0; transition:.2s}
.main_content .news a:hover p:after {width:60px; opacity:1; transition:.4s}

/*RW*/
@media screen and (max-width:1680px) {
    .main_visual {min-height:950px;}
    .main_visual .inner {transform:scale(0.85);transition:0.3s}
    .main_content > div .flex {justify-content:space-around;}
    .main_content > div a h3 {font-size:17px;margin-top: 2vw;margin-bottom: 1vw;}
    .main_content > div a p {font-size:17px;margin-bottom: 2vw;}
    .main_content > div a img {max-width:90%;}
    .main_content .news img {width:3.8vw; height:2.4vw}
    .main_content .news a {padding:2vw}
    .main_content .news a p {margin-bottom:0}
}
@media screen and (max-width:1440px) {
    .main_visual .inner {transform:scale(0.75);transition:0.3s}
    .main_visual .copyimg {transform:translateX(-55%) !important}
}
@media screen and (max-width:1366px) {
    .pc{display:none}
    .main_visual {min-height: auto;}
    .main_visual .copyimg .pc {display:none;}
    .main_visual .copyimg {position:relative; min-height:auto; display:flex; flex-wrap: wrap; justify-content: center;}
    .main_visual .copyimg .m {display:block; max-width: 100%;position: relative;}
    .main_visual .inner {transform: scale(1);margin-top: 3vw;}
    .main_visual .inner .copyimg {transform: translateX(-50%) !important;max-width: 100%;overflow: hidden;}
    .main_visual .copyimg p {position: relative;text-align: center;top: 0;left: 0;padding: 20px;line-height: 1.6;font-size: 16px;}
    .main_content .news a p {padding-left:0;text-align: left;}
    .main_content .news a p:after {display:none;}
}
@media screen and (max-width:1280px) {
     .main_content .cont1 {padding-bottom:5vw}
}
@media screen and (max-width:1180px) {
}
@media screen and (max-width:1024px) {
    .m1024{display:block}
}
@media screen and (max-width:980px) {
    .main_content > div .flex {display:block;margin: 6vw auto;}
    .main_content > div .flex:after {content: ""; visibility: none; display:block; clear: both;}
    .main_content > div .flex a {float: left;min-height: 77vw;}
    .main_content > div a {width:50%;}
    .main_content .cont1 .card1,
    .main_content .cont1 .card2 {margin-top:0}
    .main_content .cont1 .card3,
    .main_content .cont1 .card4 {margin-top:5vw}
    .main_content .news a {width:100%; padding:3.5vw 1vw}
    .main_content .news a:a

}
@media screen and (max-width: 768px) {
    .main_content .cont1 {padding-bottom:10vw}
    .main_content .news a {align-items: center;}
    .main_content .news a p b {display:block;margin-bottom: 1vw;}
    .main_content .news img {width: 6vw;height: 3.8vw;}
}
@media screen and (max-width: 600px) {
    .pc02{display:none}
    .m600{display:block;}
    .main_visual .copyimg p { font-size:14px;}
    .main_visual .copyimg p .pc {display:block;}
    .main_content > div a h3,
    .main_content > div a p {font-size: 3vw;margin-bottom: 0;margin-top: 2vw;letter-spacing: -0.04em;}
    .main_content .news a p span {font-size: 3.4vw;}
}
@media screen and (max-width: 540px) {
    .main_content .cont2 {padding:5vw}
    .main_content > div .flex {margin-top:3vw}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}