/* main common */ .main_tit { position: absolute; z-index: -1; } /* main_visual */ #main_visual { position: relative; overflow: hidden; background-color: #ccc; } #main_visual .mv_wrap { position: relative; padding-bottom: 56.25%; overflow: hidden; } #main_visual .mv_slick { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main_visual .mv_slick .slick-list, #main_visual .mv_slick .slick-track, #main_visual .mv_slick .slick-slide, #main_visual .mv_slick .slick-slide > div { height: 100%; } #main_visual .mv_slick .cont { position: relative; height: 100%; } #main_visual .mv_slick .cont iframe { width: 100%; height: 100%; } #main_visual .mv_slick .slick-dots { z-index: 10; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: nowrap; justify-content: center; } #main_visual .mv_slick .slick-dots li { margin: 0 5px; width: 12px; height: 12px; background-color: transparent; border: 1px solid #fff; border-radius: 50%; cursor: pointer; } #main_visual .mv_slick .slick-dots li button { display: none; } #main_visual .mv_slick .slick-dots li.slick-active { background-color: #fff; } /* main_info */ #main_info { position: relative; overflow: hidden; padding-top: 90px; } #main_info .contents1 { display: flex; flex-wrap: nowrap; } #main_info .contents1 li { width: 50%; } #main_info .contents1 .cont { position: relative; display: block; padding: 40px; height: 100%; } #main_info .contents1 .cont1 { background: url(/image/main/info_bg1.jpg) no-repeat top/cover; } #main_info .contents1 .cont2 { background-color: #fadb33; } #main_info .contents1 .desc1 { font-size: 42px; color: #282828; letter-spacing: -0.05em; line-height: 1.2; } #main_info .contents1 .desc1 b { font-weight: 700; color: #193c70; font-size: inherit !important; } #main_info .contents1 .desc2 { margin-top: 20px; font-size: 16px; color: #232222; letter-spacing: -0.05em; line-height: 1.35; } #main_info .contents1 .desc3 { margin-top: 25px; font-weight: 600; font-size: 16px; color: #193d71; letter-spacing: -0.025em; line-height: 1.35; } #main_info .contents1 .img1 { display: inline-block; margin-top: 30px; width: 310px; } #main_info .contents1 .desc4 { margin-top: 40px; text-align: center; } #main_info .contents1 .desc4 img { display: inline-block; width: 165px; } #main_info .contents1 .desc5 { margin-top: 40px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; } #main_info .contents1 .desc5 dt { min-width: max-content; margin-right: 20px; } #main_info .contents1 .desc5 dt img { display: inline-block; width: 110px; } #main_info .contents1 .desc5 dd .scr1 { font-weight: 300; font-size: 30px; color: #3f3035; letter-spacing: -0.025em; line-height: 1.35; } #main_info .contents1 .desc5 dd .scr2 { font-weight: 700; font-size: 35px; color: #3f3035; letter-spacing: -0.025em; line-height: 1.35; } #main_info .contents1 .desc6 { margin-top: 30px; text-align: center; font-weight: 300; font-size: 20px; color: #413036; line-height: 1.35; letter-spacing: -0.05em; } #main_info .contents1 .desc6 b { font-weight: 700; color: inherit; font-size: inherit !important; } #main_info .contents1 .cont .plusbtn { z-index: 10; position: absolute; top: 25px; right: 25px; width: 26px; transform-origin: center; transition: transform 0.3s; } #main_info .contents1 .cont2 .plusbtn { filter: brightness(0); } #main_info .contents1 .cont:hover .plusbtn { transform: rotateZ(180deg); } @media (max-width: 1660px) { #main_info .contents1 .cont { padding: 35px; } #main_info .contents1 .desc2 { margin-top: 17px; } #main_info .contents1 .desc3 { margin-top: 22px; } #main_info .contents1 .img1 { margin-top: 25px; width: calc(150px + 9vw); } #main_info .contents1 .desc4 { margin-top: 30px; } #main_info .contents1 .desc4 img { width: calc(100px + 6vw); } #main_info .contents1 .desc5 { margin-top: 35px; } #main_info .contents1 .desc5 dt img { width: calc(60px + 3vw); } #main_info .contents1 .desc5 dd .scr2 { font-weight: 600; } #main_info .contents1 .desc6 { margin-top: 25px; } #main_info .contents1 .desc6 b { font-weight: 600; } #main_info .contents1 .cont .plusbtn { top: 22px; right: 22px; width: 24px; } } @media (max-width: 1440px) { #main_info .contents1 .cont { padding: 30px; } #main_info .contents1 .desc2 { margin-top: 15px; } #main_info .contents1 .desc3 { margin-top: 20px; } #main_info .contents1 .img1 { margin-top: 21px; width: calc(140px + 8vw); } #main_info .contents1 .desc4 { margin-top: 25px; } #main_info .contents1 .desc4 img { width: calc(90px + 5.5vw); } #main_info .contents1 .desc5 { margin-top: 30px; } #main_info .contents1 .desc5 dt img { width: calc(55px + 3vw); } #main_info .contents1 .desc5 dd .scr2 { font-weight: 500; } #main_info .contents1 .desc6 { margin-top: 20px; } #main_info .contents1 .desc6 b { font-weight: 500; } #main_info .contents1 .cont .plusbtn { top: 20px; right: 20px; width: 20px; } } @media (max-width: 1279px) { #main_info .contents1 .cont { padding: 25px; } #main_info .contents1 .desc2 { margin-top: 13px; } #main_info .contents1 .desc3 { margin-top: 17px; } #main_info .contents1 .img1 { margin-top: 20px; width: calc(120px + 7vw); } #main_info .contents1 .desc4 { margin-top: 20px; } #main_info .contents1 .desc4 img { width: calc(90px + 5vw); } #main_info .contents1 .desc5 { margin-top: 25px; } #main_info .contents1 .desc5 dt img { width: calc(50px + 3vw); } #main_info .contents1 .desc5 dd .scr2 { font-weight: normal; } #main_info .contents1 .desc6 { margin-top: 17px; } #main_info .contents1 .desc6 b { font-weight: normal; } #main_info .contents1 .cont .plusbtn { top: 16px; right: 16px; width: 17px; } } @media (max-width: 1023px) { #main_info .contents1 { display: block; } #main_info .contents1 li { width: 100%; } #main_info .contents1 .cont { padding: 30px 20px; } #main_info .contents1 .cont.cont1 { padding: 110px 20px; } #main_info .contents1 .cont1 { background-position: top right; } #main_info .contents1 .desc2 { margin-top: 11px; } #main_info .contents1 .desc3 { margin-top: 15px; } #main_info .contents1 .desc4 { margin-top: 0; } #main_info .contents1 .desc4 img { width: calc(80px + 4vw); } #main_info .contents1 .desc5 { margin-top: 20px; } #main_info .contents1 .desc5 dt { margin-right: 5px; } #main_info .contents1 .desc5 dt img { width: calc(45px + 2vw); } #main_info .contents1 .desc6 { margin-top: 15px; } } @media (max-width: 767px) { #main_info .contents1 .cont { padding: 25px 15px; } #main_info .contents1 .cont.cont1 { padding: 50px 15px; } #main_info .contents1 .desc2 { margin-top: 10px; } #main_info .contents1 .desc3 { margin-top: 13px; } } /* main_insta */ #main_insta { position: relative; overflow: hidden; padding: 90px 0; } #main_insta .text1 { text-align: center; font-weight: 700; font-size: 46px; color: #012e58; letter-spacing: -0.025em; line-height: 1.3; } #main_insta .text2 { padding-bottom: 30px; text-align: center; font-size: 18px; color: #012e58; letter-spacing: -0.025em; line-height: 1.3; } /* #main_insta .text1 { text-align: center; font-size: 30px; color: #333; line-height: 1.46; } #main_insta .gallery { display: flex; flex-wrap: wrap; } #main_insta .gallery .gallery-item { width: 25%; } #main_insta .gallery .gallery-item:nth-of-type(n + 9) { display: none !important; } #main_insta .gallery .gallery-item .gallery-item-media { width: 100%; } #main_insta .gallery .gallery-item .gallery-item-media video { width: 100%; } #main_insta .gallery .gallery-item .gallery-item-content { display: none; } #main_insta .header { display: none !important; } @media (max-width: 1023px) { #main_insta .gallery .gallery-item { width: 33.3333% } } @media (max-width: 524px) { #main_insta .gallery .gallery-item { width: 50% } } */ /* main_banner1 */ #main_banner1 { position: relative; overflow: hidden; } #main_banner1 a { position: relative; display: block; padding: 130px 0; } #main_banner1 .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/image/main/banner1_bg.jpg) no-repeat center/cover; } #main_banner1 .contwrap { z-index: 2; position: relative; } #main_banner1 .contents1 { padding: 45px 0; background-color: rgba(0, 0, 0, 0.8); box-shadow: 10px 0 10px rgba(0, 0, 0, 0.53); } #main_banner1 .contents1 .desc1 { padding: 0 20px; text-align: center; font-weight: 600; font-size: 55px; color: #fff; letter-spacing: -0.05em; line-height: 1.3; } #main_banner1 .contents1 .desc1 span { color: #7eb9f1; } #main_banner1 .contents1 .desc2 { display: flex; flex-wrap: nowrap; margin: 25px 0; background-color: #11256a; padding: 25px 0; } #main_banner1 .contents1 .desc2 li { width: 25%; padding: 0 10px; text-align: center; } #main_banner1 .contents1 .desc2 li .scrobx .scr1 { font-weight: 300; font-size: 18px; color: #fff; line-height: 1.3; } #main_banner1 .contents1 .desc2 li .scrobx .scr2 { margin-top: 11px; font-size: 20px; color: #fff; line-height: 1.3; letter-spacing: -0.025em; } #main_banner1 .contents1 .desc2 li .scrobx .scr2 span { color: #7eb9f1; } #main_banner1 .contents1 .scr3 { padding: 0 20px; text-align: center; font-size: 20px; color: #fff; line-height: 1.4; letter-spacing: -0.025em; } @media (max-width: 1660px) { #main_banner1 .contents1 { padding: 40px 0; box-shadow: 7px 0 7px rgba(0, 0, 0, 0.53); } #main_banner1 .contents1 .desc2 { margin: 22px 0; } #main_banner1 .contents1 .desc2 li .scrobx .scr2 { margin-top: 10px; } } @media (max-width: 1400px) { #main_banner1 .contents1 { padding: 35px 0; box-shadow: 5px 0 5px rgba(0, 0, 0, 0.53); } #main_banner1 .contents1 .desc1 { font-weight: 500; } #main_banner1 .contents1 .desc2 { margin: 20px 0; } #main_banner1 .contents1 .desc2 li .scrobx .scr2 { margin-top: 9px; } } @media (max-width: 1279px) { #main_banner1 .contents1 { padding: 30px 0; box-shadow: 4px 0 4px rgba(0, 0, 0, 0.53); } #main_banner1 .contents1 .desc2 { margin: 17px 0; padding: 22px 0; } #main_banner1 .contents1 .desc2 li .scrobx .scr2 { margin-top: 8px; } } @media (max-width: 1023px) { #main_banner1 .contents1 { padding: 25px 0; } #main_banner1 .contents1 .desc1 { font-weight: normal; } #main_banner1 .contents1 .desc2 { flex-wrap: wrap; padding: 10px; } #main_banner1 .contents1 .desc2 li { width: 100%; } #main_banner1 .contents1 .desc2 li:nth-of-type(n + 2) { margin-top: 15px; } #main_banner1 .contents1 .desc2 li .scrobx { display: flex; flex-wrap: nowrap; text-align: left; } #main_banner1 .contents1 .desc2 li .scrobx .scr1 { min-width: max-content; margin-right: 8px; } #main_banner1 .contents1 .desc2 li .scrobx .scr2 { margin-top: 0; width: 100%; } #main_banner1 .contents1 .desc2 li .scrobx .scr2 br { display: none; } #main_banner1 .contents1 .scr3 br { display: none; } } /* main_banner2 */ #main_banner2 { position: relative; overflow: hidden; } #main_banner2 a { position: relative; display: block; padding: 150px 0; } #main_banner2 .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/image/main/banner2_bg.jpg) no-repeat center/cover; } #main_banner2 .contwrap { z-index: 2; position: relative; text-align: center; } #main_banner2 .contents1 { display: inline-block; padding: 55px 35px; background-color: rgba(0, 0, 0, 0.9); box-shadow: 10px 0 10px rgba(0, 0, 0, 0.53); } #main_banner2 .contents1 .desc1 { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(135, 135, 135, 0.5); font-weight: 600; font-size: 24px; color: #fff; line-height: 1.45; letter-spacing: -0.015em; } #main_banner2 .contents1 .desc1 span { color: #f7ee75; font-size: inherit !important; } #main_banner2 .contents1 .desc2 {font-weight: 600; font-size: 58px; color: #fff; letter-spacing: -0.05em; line-height: 1.3; } #main_banner2 .contents1 .desc2 span { color: #7eb9f1; font-size: inherit !important; } @media (max-width: 1660px) { #main_banner2 .contents1 { box-shadow: 7px 0 7px rgba(0, 0, 0, 0.53); } #main_banner2 .contents1 .desc1 { margin-bottom: 13px; padding-bottom: 13px; font-weight: 500; } #main_banner2 .contents1 .desc2 { font-weight: 500; } } @media (max-width: 1400px) { #main_banner2 .contents1 { box-shadow: 5px 0 5px rgba(0, 0, 0, 0.53); } #main_banner2 .contents1 .desc1 { margin-bottom: 12px; padding-bottom: 12px; font-weight: normal; } #main_banner2 .contents1 .desc2 { font-weight: normal; } } @media (max-width: 1279px) { #main_banner2 .contents1 { box-shadow: 4px 0 4px rgba(0, 0, 0, 0.53); } } /* main_pro */ #main_pro { position: relative; overflow: hidden; padding: 90px 0; } #main_pro .text1 { text-align: center; font-weight: 700; font-size: 46px; color: #012e58; letter-spacing: -0.025em; line-height: 1.3; } #main_pro .text2 { padding-bottom: 30px; text-align: center; font-size: 18px; color: #012e58; letter-spacing: -0.025em; line-height: 1.3; } #main_pro .contents1 { display: flex; flex-wrap: nowrap; } #main_pro .contents1 .left { width: 33.3333%; } #main_pro .contents1 .right { width: 66.6666%; } #main_pro .contents1 .cont { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 40px; } #main_pro .contents1 .cont .top .desc1 { font-weight: 600; font-size: 26px; color: #fff; letter-spacing: -0.025em; line-height: 1.25; } #main_pro .contents1 .cont .top .desc2 { font-weight: 500; font-size: 18px; color: #fff; letter-spacing: -0.025em; line-height: 1.4; } #main_pro .contents1 .cont .top .bar { display: inline-block; margin: 15px 0; width: 30px; height: 1px; background-color: #fff; } #main_pro .contents1 .cont .bottom { margin-top: 50px; } #main_pro .contents1 .cont .bottom .btn1 { display: inline-block; padding: 5px 16px; text-align: center; font-weight: 600; font-size: 16px; color: #fff; letter-spacing: -0.025em; background-color: rgba(0, 0, 0, 0.5); border: 2px solid #fff; border-radius: 100px; transition: background-color 0.3s; } #main_pro .contents1 .cont:hover .bottom .btn1 { background-color: #002447; } #main_pro .contents1 .right_flex { display: flex; flex-wrap: wrap; } #main_pro .contents1 .right_flex .cont { width: 50%; height: initial; } #main_pro .contents1 .cont1 { background: url(/image/main/pro1.jpg) no-repeat center/cover; } #main_pro .contents1 .cont2 { background: url(/image/main/pro2.jpg) no-repeat center/cover; } #main_pro .contents1 .cont3 { background: url(/image/main/pro3.jpg) no-repeat center/cover; } #main_pro .contents1 .cont4 { background: url(/image/main/pro4.jpg) no-repeat center/cover; } #main_pro .contents1 .cont5 { background: url(/image/main/pro5.jpg) no-repeat center/cover; } @media (max-width: 1660px) { #main_pro .contents1 .cont { padding: 35px; } #main_pro .contents1 .cont .top .bar { margin: 13px 0; width: 27px; } #main_pro .contents1 .cont .bottom { margin-top: 45px; } } @media (max-width: 1440px) { #main_pro .contents1 .cont { padding: 30px; } #main_pro .contents1 .cont .top .bar { margin: 12px 0; width: 25px; } #main_pro .contents1 .cont .bottom { margin-top: 40px; } } @media (max-width: 1279px) { #main_pro .contents1 .cont { padding: 25px; } #main_pro .contents1 .cont .top .desc1 { font-weight: 500; } #main_pro .contents1 .cont .top .desc2 { font-weight: normal; } #main_pro .contents1 .cont .top .bar { margin: 11px 0; width: 23px; } #main_pro .contents1 .cont .bottom { margin-top: 35px; } #main_con .contents1 .bottom .btn1 { border: 1px solid #fff; } } @media (max-width: 1023px) { /* #main_pro .contents1 { display: block; } #main_pro .contents1 .left { width: 100%; } #main_pro .contents1 .right { width: 100%; } */ #main_pro .contents1 .cont { padding: 20px; } #main_pro .contents1 .cont .top .bar { margin: 10px 0; width: 20px; } #main_pro .contents1 .cont .bottom { margin-top: 30px; } #main_pro .contents1 .right_flex { display: block; } #main_pro .contents1 .right_flex .cont { width: 100%; } } @media (max-width: 767px) { #main_pro .contents1 .cont { padding: 15px; } #main_pro .contents1 .cont .bottom { margin-top: 20px; } } @media (max-width: 766px) { #main_pro .contents1 { display: block; } #main_pro .contents1 .left { width: 100%; } #main_pro .contents1 .right { width: 100%; } #main_pro .contents1 .cont1 { background-position-y: 35%; } } /* main_ddi1 */ #main_ddi1 { position: relative; overflow: hidden; background-color: #d3d2df; } #main_ddi1 .frame { display: none; z-index: 4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } #main_ddi1 .bg { z-index: 1; position: absolute; top: 0; left: 30%; width: 100%; height: 100%; background: url(/image/main/ddi1_img1.png) no-repeat center/cover; background-size: contain; background-position: bottom right; } #main_ddi1 .descbox { z-index: 5; position: relative; padding: 60px 0; } #main_ddi1 .descbox .desc1 { font-weight: 300; font-size: 36px; color: #212121; letter-spacing: -0.05em; line-height: 1.44; } #main_ddi1 .descbox .desc1 b { font-weight: 700; color: #002447; font-size: inherit !important; } #main_ddi1 .descbox .desc2 { font-weight: 300; font-size: 28px; color: #212121; letter-spacing: -0.05em; line-height: 1.44; } #main_ddi1 .descbox .desc2 b { font-weight: 700; color: #002447; font-size: inherit !important; } #main_ddi1 .descbox .desc3 { margin-top: 35px; font-size: 18px; color: #333; line-height: 1.65; letter-spacing: -0.025em; } #main_ddi1 .descbox a { position: relative; display: inline-block; margin-top: 30px; padding: 10px 60px; text-align: center; font-weight: 600; font-size: 16px; color: #fff; background-color: #002447; border-radius: 100px; transition: background-color 0.3s; } #main_ddi1 .descbox a:hover { background-color: #5390c9; } #main_ddi1 .descbox a span { position: absolute; opacity: 0; } @media (max-width: 1660px) { #main_ddi1 .descbox .desc1 b { font-weight: 600; } #main_ddi1 .descbox .desc2 b { font-weight: 600; } #main_ddi1 .descbox a { font-weight: 500; } } @media (max-width: 1440px) { #main_ddi1 .descbox .desc1 b { font-weight: 500; } #main_ddi1 .descbox .desc2 b { font-weight: 500; } #main_ddi1 .descbox a { font-weight: normal; } } @media (max-width: 767px) { #main_ddi1 { background: url(/image/main/ddi1_img1.png) no-repeat center/cover; } #main_ddi1 .frame { display: block; } #main_ddi1 .descbox { text-align: center; } #main_ddi1 .bg { display: none; } #main_ddi1 .descbox .desc1 { color: #fff; } #main_ddi1 .descbox .desc1 b { color: #fff; } #main_ddi1 .descbox .desc1 br { display: none; } #main_ddi1 .descbox .desc2 { color: #fff; } #main_ddi1 .descbox .desc2 b { color: #fff; } #main_ddi1 .descbox .desc3 { color: #fff; } #main_ddi1 .descbox .desc3 br { display: none; } } /* main_ddi2 */ #main_ddi2 { position: relative; overflow: hidden; background-color: #929799; } #main_ddi2 .frame { display: none; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); } #main_ddi2 .contwrap { z-index: 3; position: relative; } #main_ddi2 .contents1 { display: flex; flex-wrap: nowrap; } #main_ddi2 .contents1 li { position: relative; width: 50%; } #main_ddi2 .contents1 li:first-of-type { text-align: center; } #main_ddi2 .contents1 li:first-of-type img { max-height: 100%; } #main_ddi2 .contents1 li .descbox { margin-left: 35px; padding: 20px 0; position: relative; top: 50%; transform: translateY(-50%); } #main_ddi2 .contents1 li .descbox .desc1 { font-weight: 300; font-size: 46px; color: #fff; line-height: 1.3; letter-spacing: -0.025em; } #main_ddi2 .contents1 li .descbox .desc1 b { font-weight: 700; font-size: inherit !important; } #main_ddi2 .contents1 li .descbox .desc2 { font-size: 18px; color: #fff; line-height: 1.65; letter-spacing: -0.025em; } #main_ddi2 .contents1 li .descbox .bar { display: inline-block; margin: 20px 0; width: 60px; height: 1px; background-color: #fff; } #main_ddi2 .contents1 li .descbox a { display: inline-block; margin-top: 30px; padding: 10px 60px; text-align: center; font-weight: 600; font-size: 16px; color: #fff; background-color: #002447; border-radius: 100px; transition: background-color 0.3s; } #main_ddi2 .contents1 li .descbox a:hover { background-color: #5390c9; } @media (max-width: 1660px) { #main_ddi2 .contents1 li .descbox { margin-left: 30px; } #main_ddi2 .contents1 li .descbox .desc1 b { font-weight: 600; } #main_ddi2 .contents1 li .descbox .bar { margin: 17px 0; } #main_ddi2 .contents1 li .descbox a { font-weight: 500; } } @media (max-width: 1440px) { #main_ddi2 .contents1 li .descbox { margin-left: 25px; } #main_ddi2 .contents1 li .descbox .desc1 b { font-weight: 500; } #main_ddi2 .contents1 li .descbox .bar { margin: 15px 0; } #main_ddi2 .contents1 li .descbox a { font-weight: normal; } } @media (max-width: 1279px) { #main_ddi2 .contents1 li .descbox { margin-left: 20px; } #main_ddi2 .contents1 li .descbox .desc1 b { font-weight: normal; } #main_ddi2 .contents1 li .descbox .bar { margin: 13px 0; } } @media (max-width: 767px) { #main_ddi2 { background: url(/image/main/ddi2_img1.jpg) no-repeat center/cover; } #main_ddi2 .frame { display: block; } #main_ddi2 .contents1 { flex-wrap: wrap; flex-direction: column-reverse; display: block; } #main_ddi2 .contents1 li { width: 100%; } #main_ddi2 .contents1 li:first-of-type { display: none; } #main_ddi2 .contents1 li:first-of-type img { max-height: initial; width: 100%; max-width: 300px; } #main_ddi2 .contents1 li .descbox { padding: 50px 0; top: initial; transform: translateY(0); text-align: center; margin-left: 0; } } /* main_specificity */ #main_specificity { position: relative; overflow: hidden; padding: 90px 0; } #main_specificity .text1 { padding-bottom: 33px; text-align: center; font-weight: 300; font-size: 46px; color: #041946; letter-spacing: -0.025em; line-height: 1.3; } #main_specificity .text1 b { font-weight: 700; } #main_specificity .contents1 { display: flex; flex-wrap: nowrap; } #main_specificity .contents1 li { position: relative; width: 33.3333%; } #main_specificity .contents1 li:nth-of-type(1) { background: url(/image/main/specificity_img1.jpg) no-repeat center/cover; background-position: bottom center; } #main_specificity .contents1 li:nth-of-type(2) { background: url(/image/main/specificity_img2.jpg) no-repeat center/cover; background-position: bottom center; } #main_specificity .contents1 li:nth-of-type(3) { background: url(/image/main/specificity_img3.jpg) no-repeat center/cover; background-position: bottom center; } #main_specificity .contents1 li:nth-of-type(4) { display: none; background-color: #eee; } #main_specificity .contents1 li:nth-of-type(4) img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 200px; } #main_specificity .contents1 li a { position: relative; display: block; height: 100%; padding: 30px 30px 230px 30px; text-align: center; } #main_specificity .contents1 li a .frame { display: none; } #main_specificity .contents1 li a .descbox { z-index: 3; position: relative; } #main_specificity .contents1 li a .descbox .desc1 { font-weight: 500; font-size: 18px; color: #fff; letter-spacing: -0.01em; line-height: 1.65; } #main_specificity .contents1 li a .descbox .desc2 { margin-top: 15px; font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.01em; line-height: 1.5; } #main_specificity .contents1 li a .descbox .desc3 { font-weight: 500; font-size: 18px; color: #fff; letter-spacing: -0.01em; line-height: 1.65; } #main_specificity .contents1 li a .descbox .bar { display: inline-block; margin: 13px 0; width: 40px; height: 1px; background-color: #fff; } #main_specificity .contents1 li:nth-of-type(2) .descbox .desc1 { color: #041946; } #main_specificity .contents1 li:nth-of-type(2) .descbox .desc2 { color: #041946; } #main_specificity .contents1 li:nth-of-type(2) .descbox .desc3 { color: #041946; } #main_specificity .contents1 li:nth-of-type(2) a .descbox .bar { background-color: #041946; } @media (max-width: 1660px) { #main_specificity .contents1 li a { padding: 27px 27px 210px 27px; } #main_specificity .contents1 li a .descbox .desc2 { margin-top: 13px; } #main_specificity .contents1 li a .descbox .bar { margin: 11px 0; width: 37px; } } @media (max-width: 1535px) { #main_specificity .contents1 li a { padding: 25px 25px 200px 25px; } #main_specificity .contents1 li a .descbox .desc2 { margin-top: 11px; } #main_specificity .contents1 li a .descbox .bar { margin: 10px 0; width: 34px; } } @media (max-width: 1279px) { #main_specificity .contents1 li a { padding: 22px 22px 170px 22px; } #main_specificity .contents1 li a .descbox .desc2 { margin-top: 10px; } #main_specificity .contents1 li a .descbox .bar { margin: 8px 0; width: 31px; } } @media (max-width: 1023px) { #main_specificity .contents1 { flex-wrap: wrap; } #main_specificity .contents1 li { width: 50%; } #main_specificity .contents1 li:nth-of-type(1) { order: 1; } #main_specificity .contents1 li:nth-of-type(2) { order: 2; } #main_specificity .contents1 li:nth-of-type(3) { order: 4; } #main_specificity .contents1 li:nth-of-type(4) { display: block; order: 3; } #main_specificity .contents1 li a { padding: 20px 20px 100px 20px; } #main_specificity .contents1 li a .frame { display: block; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } #main_specificity .contents1 li:nth-of-type(2) a .frame { background-color: rgba(255, 255, 255, 0.7); } #main_specificity .contents1 li a .descbox .bar { margin: 9px 0; } } @media (max-width: 624px) { #main_specificity .contents1 { display: block; } #main_specificity .contents1 li { width: 100%; } #main_specificity .contents1 li:nth-of-type(4) { display: none; } } /* main_con */ #main_con { position: relative; overflow: hidden; padding: 90px 0; background-color: #f2f2f2; } #main_con .text1 { padding-bottom: 33px; text-align: center; font-weight: 300; font-size: 46px; color: #000; letter-spacing: -0.025em; line-height: 1.3; } #main_con .text1 b { font-weight: 700; } #main_con .contents1 { display: flex; flex-wrap: nowrap; } #main_con .contents1 li { position: relative; } #main_con .contents1 .left { width: 65%; background: url(/image/main/con_bg1.jpg) no-repeat center/cover; } #main_con .contents1 .right { width: 35%; background: url(/image/main/con_bg2.jpg) no-repeat center/cover; text-align: center; } #main_con .contents1 .frame { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } #main_con .contents1 .left a, #main_con .contents1 .right a { position: relative; display: block; height: 100%; padding: 30px; } #main_con .contents1 .descbox { z-index: 3; position: relative; display: flex; flex-direction: column; justify-content: space-between; } #main_con .contents1 .descbox .desc1 { font-weight: 700; font-size: 36px; color: #fff; letter-spacing: -0.01em; line-height: 1.33; } #main_con .contents1 .descbox .desc2 { font-weight: 500; font-size: 18px; color: #fff; line-height: 1.65; letter-spacing: -0.01em; } #main_con .contents1 .descbox .bar { display: inline-block; margin: 15px 0; width: 32px; height: 1px; background-color: #fff; } #main_con .contents1 .bottom { margin-top: 40px; } #main_con .contents1 .bottom .bottom_btn { display: inline-block; padding: 5px 16px; text-align: center; font-weight: 600; font-size: 16px; color: #fff; letter-spacing: -0.025em; background-color: rgba(0, 0, 0, 0.5); border: 2px solid #fff; border-radius: 100px; transition: background-color 0.3s; } #main_con .contents1 a:hover .bottom .bottom_btn { background-color: #002447; } @media (max-width: 1660px) { #main_con .contents1 .left a, #main_con .contents1 .right a { padding: 25px; } #main_con .contents1 .descbox .desc1 { font-weight: 600; } #main_con .contents1 .descbox .bar { margin: 13px 0; width: 30px; } #main_con .contents1 .bottom { margin-top: 30px; } #main_con .contents1 .bottom .bottom_btn { padding: 5px 14px; } } @media (max-width: 1440px) { #main_con .contents1 .left a, #main_con .contents1 .right a { padding: 20px; } #main_con .contents1 .descbox .desc1 { font-weight: 500; } #main_con .contents1 .descbox .desc2 { font-weight: normal; } #main_con .contents1 .descbox .bar { margin: 12px 0; width: 27px; } #main_con .contents1 .bottom { margin-top: 25px; } #main_con .contents1 .bottom .bottom_btn { padding: 6px 12px; } } @media (max-width: 1279px) { #main_con .contents1 .left a, #main_con .contents1 .right a { padding: 15px; } #main_con .contents1 .descbox .desc1 { font-weight: normal; } #main_con .contents1 .descbox .bar { margin: 11px 0; width: 24px; } #main_con .contents1 .bottom { margin-top: 20px; } #main_con .contents1 .bottom .bottom_btn { border: 1px solid #fff; } #main_con .contents1 .bottom .bottom_btn { padding: 6px 10px; } } @media (max-width: 1023px) { #main_con .contents1 { display: block; } #main_con .contents1 .left a, #main_con .contents1 .right a { padding: 20px 15px; } #main_con .contents1 .left { width: 100%; text-align: center; } #main_con .contents1 .right { width: 100%; } #main_con .contents1 .frame { background-color: rgba(0, 0, 0, 0.4); } #main_con .contents1 .descbox { display: block; } #main_con .contents1 .bottom { margin-top: 15px; } #main_con .contents1 .bottom .bottom_btn { padding: 6px 8px; } } /* main_clinic */ #main_clinic { position: relative; overflow: hidden; padding-top: 70px; } #main_clinic .text1 { padding-bottom: 35px; text-align: center; font-weight: 700; font-size: 46px; color: #000; letter-spacing: -0.025em; line-height: 1.3; } #main_clinic .text1 br { display: none; } #main_clinic .contents1 ul { display: flex; flex-wrap: nowrap; margin: -10px; } #main_clinic .contents1 ul > li { padding: 10px; } #main_clinic .contents1 ul > li a { position: relative; display: block; overflow: hidden; height: 100%; background-color: #012e58; } #main_clinic .contents1 ul > li a .top img { width: 100%; } #main_clinic .contents1 ul > li a .bottom { padding: 20px 10px; text-align: center; } #main_clinic .contents1 ul > li a .bottom .desc1 { font-weight: 700; font-size: 23px; color: #fff; line-height: 1; letter-spacing: -0.025em; } #main_clinic .contents1 ul > li a .bottom .desc2 { font-size: 16px; color: #fff; line-height: 1.45; letter-spacing: -0.025em; } #main_clinic .contents1 ul > li a .bottom .bar { display: inline-block; margin: 11px 0; width: 27px; height: 1px; background-color: #fff; } #main_clinic .contents1 ul > li a .img_plus { z-index: 1; position: absolute; top: 0; right: 0; width: 25px; } @media (max-width: 1660px) { #main_clinic .contents1 ul > li a .bottom { padding: 18px 9px; } #main_clinic .contents1 ul > li a .bottom .bar { margin: 10px 0; width: 25px; } #main_clinic .contents1 ul > li a .img_plus { width: 24px; } } @media (max-width: 1440px) { #main_clinic .contents1 ul > li a .bottom { padding: 16px 8px; } #main_clinic .contents1 ul > li a .bottom .bar { width: 23px; } #main_clinic .contents1 ul > li a .img_plus { width: 22px; } } @media (max-width: 1279px) { #main_clinic .contents1 ul > li a .bottom { padding: 15px 7px; } #main_clinic .contents1 ul > li a .bottom .bar { margin: 9px 0; width: 21px; } #main_clinic .contents1 ul > li a .img_plus { width: 20px; } } @media (max-width: 1023px) { #main_clinic .contents1 ul { flex-wrap: wrap; } #main_clinic .contents1 ul > li { width: 33.3333%; } } @media (max-width: 624px) { #main_clinic .text1 br { display: inline-block; } #main_clinic .contents1 ul { justify-content: space-between; margin: initial; } #main_clinic .contents1 ul > li { width: 48%; padding: initial; } #main_clinic .contents1 ul > li:nth-of-type(n + 3) { margin-top: 4%; } #main_clinic .contents1 ul > li a .bottom .bar { margin: 7px 0; width: 20px; } } @media (max-width: 360px) { #main_clinic .contents1 ul { display: block; } #main_clinic .contents1 ul > li { width: 100%; } #main_clinic .contents1 ul > li:nth-of-type(n + 3) { margin-top: initial; } #main_clinic .contents1 ul > li:nth-of-type(n + 2) { margin-top: 20px; } } /* main_field */ #main_field { position: relative; overflow: hidden; padding: 90px 0; } #main_field .text1 { padding-bottom: 35px; text-align: center; font-weight: 300; font-size: 46px; color: #000; letter-spacing: -0.025em; line-height: 1.3; } #main_field .text1 b { font-weight: 700; font-size: inherit !important; } #main_field .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; } #main_field .contents1 li { width: 47%; } #main_field .contents1 table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #1a1a1a; border-left: 1px solid #1a1a1a; font-weight: 700; font-size: 18px; color: #000; line-height: 1.25; letter-spacing: -0.025em; } #main_field .contents1 table * { font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; } #main_field .contents1 table td { width: 25%; border-bottom: 1px solid #1a1a1a; border-right: 1px solid #1a1a1a; text-align: center; vertical-align: middle; } #main_field .contents1 table td a { display: block; width: 100%; padding: 20px 10px; } #main_field .contents1 table td a p { margin-top: 8px; } #main_field .contents1 table td a img { display: inline-block; width: 70px; } #main_field .contents1 table td a:hover img { filter: hue-rotate(333deg); } #main_field .contents1 .morebtn { margin-top: 22px; display: flex; flex-wrap: nowrap; justify-content: space-between; font-weight: 700; font-size: 20px; color: #fff; letter-spacing: -0.025em; line-height: 1.36; } #main_field .contents1 .morebtn * { font-weight: inherit; font-size: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; } #main_field .contents1 .morebtn a { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 15px; border-radius: 35px; } #main_field .contents1 .morebtn a:first-of-type { background-color: #5390c9; } /* #main_field .contents1 .morebtn a:last-of-type { background-color: #012e58; } */ @media (max-width: 1660px) { #main_field .contents1 table { font-weight: 600; } #main_field .contents1 table td a { padding: 17px 9px; } #main_field .contents1 table td a p { margin-top: 7px; } #main_field .contents1 table td a img { width: 60px; } #main_field .contents1 .morebtn { font-weight: 600; } } @media (max-width: 1279px) { #main_field .contents1 { display: block; } #main_field .contents1 li { width: 100%; } #main_field .contents1 li:last-of-type table { border-top: none; } #main_field .contents1 table { font-weight: 500; } #main_field .contents1 table td a { padding: 16px 8px; } #main_field .contents1 table td a img { width: 60px; } #main_field .contents1 .morebtn { font-weight: 500; } } @media (max-width: 1023px) { #main_field .contents1 li:last-of-type { margin-top: 30px; } #main_field .contents1 li:last-of-type table { border-top: 1px solid #1a1a1a; } #main_field .contents1 table { font-weight: normal; } #main_field .contents1 table::after { display: block; content: ''; clear: both; } #main_field .contents1 table, #main_field .contents1 table tbody, #main_field .contents1 table thead, #main_field .contents1 table tr { display: block; } #main_field .contents1 table td { float: left; width: 33.3333% !important; } #main_field .contents1 table td a { padding: 15px 7px; } #main_field .contents1 table td a img { width: 52px; } #main_field .contents1 .morebtn { font-weight: normal; } } @media (max-width: 767px) { #main_field .contents1 table td a { padding: 13px 6px; } #main_field .contents1 table td a img { width: 45px; } } @media (max-width: 360px) { #main_field .contents1 table td { width: 50% !important; } } /* main_detail */ #main_detail { position: relative; overflow: hidden; padding: 90px 0; } #main_detail .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; } #main_detail .bg li { position: relative; height: 100%; width: 50%; } #main_detail .bg li:first-of-type { background: url(/image/main/detail_left.jpg) no-repeat center/cover; background-position-x: 100%; } #main_detail .bg li:last-of-type { background: url(/image/main/detail_right.jpg) no-repeat center/cover; background-position-x: 0; } #main_detail .frame { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } #main_detail .contwrap { z-index: 3; position: relative; } #main_detail .text1 { padding-bottom: 10px; text-align: center; font-weight: 300; font-size: 46px; color: #fff; letter-spacing: -0.025em; line-height: 1.3; } #main_detail .text1 b { font-weight: 700; } #main_detail .text2 { padding-bottom: 35px; text-align: center; font-size: 18px; color: #fff; letter-spacing: -0.025em; line-height: 1.35; } #main_detail .text2 span { color: #ffff33; } #main_detail .text2 br { display: none; } #main_detail .contents1 { display: flex; flex-wrap: nowrap; overflow: hidden; border: 2px solid #a2a4a5; border-radius: 100vw; background-color: rgba(0, 0, 0, 0.5); } #main_detail .contents1 li { width: 50%; padding: 40px 65px; } #main_detail .contents1 li .descbox { position: relative; top: 50%; transform: translateY(-50%); text-align: center; } #main_detail .contents1 li .descbox .desc1 { font-weight: 600; font-size: 24px; color: #fff; letter-spacing: -0.025em; line-height: 1.3; } #main_detail .contents1 li .descbox .desc1 span { color: #ffff33; } #main_detail .contents1 li .descbox .desc2 { margin-top: 22px; font-size: 18px; color: #fff; line-height: 1.55; letter-spacing: -0.025em; } @media (max-width: 1660px) { #main_detail .contents1 li { padding: 35px 55px; } #main_detail .contents1 li .descbox .desc2 { margin-top: 20px; } } @media (max-width: 1440px) { #main_detail .contents1 li { padding: 25px 45px; } #main_detail .contents1 li .descbox .desc2 { margin-top: 17px; } } @media (max-width: 1279px) { #main_detail .contents1 li { padding: 20px 35px; } #main_detail .contents1 li .descbox .desc2 { margin-top: 15px; } } @media (max-width: 1023px) { #main_detail .contents1 li { padding: 20px 25px; } #main_detail .contents1 li .descbox .desc2 { margin-top: 13px; } } @media (max-width: 767px) { #main_detail .contents1 { display: block; background-color: transparent; border: none; border-radius: 0; } #main_detail .contents1 li { width: 100%; height: initial; padding: 20px 25px; background-color: rgba(0, 0, 0, 0.5); border-radius: 100vw; border: 2px solid #a2a4a5; } #main_detail .contents1 li:nth-of-type(n + 2) { margin-top: 25px; } #main_detail .contents1 li .descbox { top: initial; transform: translateY(0); } #main_detail .contents1 li .descbox .desc2 { margin-top: 13px; } } @media (max-width: 460px) { #main_detail .text2 br { display: inline-block; } #main_detail .bg { display: block; } #main_detail .bg li { width: 100%; height: 50%; } #main_detail .bg li:first-of-type { background-position-x: 50%; } #main_detail .bg li:last-of-type { background-position-x: 50%; } #main_detail .contents1 li { padding: 15px 20px; border-radius: 25px; } } /* main_faq */ #main_faq { position: relative; padding-bottom: 80px; overflow: hidden; } #main_faq .text1 { text-align: center; font-weight: 700; font-size: 46px; color: #012e58; letter-spacing: -0.025em; line-height: 1.3; } #main_faq .text2 { padding-bottom: 30px; text-align: center; font-size: 18px; color: #012e58; letter-spacing: -0.025em; line-height: 1.3; } /* main_column */ #main_column { position: relative; padding-bottom: 80px; overflow: hidden; } #main_column .text1 { text-align: center; font-weight: 700; font-size: 46px; color: #012e58; letter-spacing: -0.025em; line-height: 1.3; } #main_column .text2 { padding-bottom: 30px; text-align: center; font-size: 18px; color: #012e58; letter-spacing: -0.025em; line-height: 1.3; }