@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 750px) {
/* body { min-width: 1700px !important;} */
}
/*==================================
	base
==================================*/
.toptit { font-size: clamp(3.6rem , 3vw, 4.2rem); text-align: center; font-family: 'Zen Maru Gothic', sans-serif; font-weight: 400; position: relative; z-index: 10; letter-spacing: 0;}
.toptit .archtit { font-size: 2.4rem; display: block; font-family: 'Strait', sans-serif; font-weight: 400;}
.cloud1,.cloud2 { display: none!important;}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
.toptit { font-size: 2.3rem;}
.toptit .archtit { font-size: 1.2rem;}
}

/*==================================
	top_mv
==================================*/
header.hd .logo { margin-top: -15px; opacity: 0;}
header.hd #nav-toggle { opacity: 0;}
header.hd .rightContactbtn { opacity: 1;}
#top_mv { height: 1050px; padding-bottom: 50px; overflow: hidden;}
#top_mv .mv_txt {}
#top_mv .mv_txt .txt { left: 50%; position: absolute; z-index: 200;}
#top_mv .mv_txt .txt p { overflow: hidden;}
#top_mv .mv_txt .txt1 { width: 582px; top: 295px; margin-left: 75px;}
#top_mv .mv_txt .txt1 p { width: 0%; padding-top: 124px; background: url("../img/top/mv_txt04.png") no-repeat left top; background-size: auto 88%;}
#top_mv .mv_txt .txt2 { width: 681px; top: 409px; margin-left: 62px;}
#top_mv .mv_txt .txt2 p { width: 0%; padding-top: 144px; background: url("../img/top/mv_txt05.png") no-repeat left top; background-size: auto 88%;}
#top_mv .mv_txt .txt3 { width: 370px; top: 550px; margin-left: 134px;}
#top_mv .mv_txt .txt3 p { width: 0%; padding-top: 106px; background: url("../img/top/mv_txt06.png") no-repeat left top; background-size: auto 88%;}
#top_mv .mv_slider_area { width: 1650px; height: 1000px; position: absolute; z-index: 100; top: 0; left:calc(50% - 825px); right:auto; opacity: 0;}
#top_mv .mv_slider_area:before { width: 479px; height: 370px; background: url("../img/top/mv_slider_bg.png") no-repeat; position: absolute; z-index: 200; left: -1px;  bottom: -1px; content: ""; transform: scaleX(-1);}
#top_mv .mv_slider_area .mv_slider { width: 100%; height: 100%;}
#top_mv .mv_slider_area .mv_slider img { width: 100%; height: 100%; object-fit: cover;}
#top_mv .deco01 { top: 130px; right: 50%; margin-right: 490px; z-index: 200; opacity: 0;}
#top_mv .deco02 { top: 550px; right: 50%; margin-right: 650px; z-index: 200; opacity: 0;}
#top_mv .deco03 { top: 350px; right: 50%; margin-right: 50px; z-index: 200; opacity: 0;}
#top_mv .deco04 { top: 100px; left: 50%; margin-left: 800px; z-index: 200; opacity: 0;}
#top_mv .deco05 { bottom: 20px; left: 50%; margin-left: 350px; z-index: 300; opacity: 0;}
/* #top_mv .deco06 { bottom: 40px; left: 50%; margin-left: 600px; z-index: 250; opacity: 0;} */
#top_mv .deco06 { bottom: 40px; left: 0; margin-left: 0; z-index: 250; opacity: 0;}

@media screen and (min-width: 1450px) {
#top_mv .inner { position: relative; width: 100%; max-width: 100%;}
#top_mv .mv_txt { position: absolute; right: 50%;
        transform: translateX(-934px); z-index: 9999;}
}
@media screen and (min-width: 750px) and (max-width: 1449px) {
#top_mv .inner { position: relative;}
#top_mv .mv_txt { position: absolute; left: 0;}
#top_mv .mv_txt .txt1 { top: 288px;}
#top_mv .mv_txt .txt1 p { width: 0%; padding-top: 124px; background: url("../img/top/mv_txt04.png") no-repeat left top; background-size: auto 88%;}
#top_mv .mv_txt .txt2 p { width: 0%; padding-top: 144px; background: url("../img/top/mv_txt05.png") no-repeat left top; background-size: auto 88%;}
#top_mv .mv_txt .txt3 { top: 536px;}
#top_mv .mv_txt .txt3 p { width: 0%; padding-top: 106px; background: url("../img/top/mv_txt06.png") no-repeat left top; background-size: auto 88%;}
}
@media screen and (max-width: 749px) {
#top_mv { height: 560px;}
#top_mv .mv_txt { right: 2%;}
#top_mv .mv_txt .txt1 {         width: 66vw;
        top: 34%;
        margin-left: 0%;
        left: 6%;}
#top_mv .mv_txt .txt1 p { padding-top: 21.2%;}
#top_mv .mv_txt .txt2 { width: 77vw;
        top: 42%;
        margin-left: 0%;
        left: 5%;}
#top_mv .mv_txt .txt2 p { padding-top: 21%;}
#top_mv .mv_txt .txt3 {         width: 66vw;
        top: 53%;
        margin-left: 0%;
        left: 9%;}
#top_mv .mv_txt .txt3 p { padding-top: 21.2%;}

#top_mv .mv_slider_area { width: 86.66%; height: 560px; margin-right: 0; right: 0; left: auto; transform: translateX(0%);}
#top_mv .mv_slider_area:before { width: 239.5px; height: 185px; background-size: 100% auto;}

#top_mv .deco01 { top: 50px; margin-right: 120px; max-width: 134px; width: 100%;}
#top_mv .deco02 { top: 300px; margin-right: 140px; max-width: 90px; width: 100%;}
#top_mv .deco04 { top: 60px; margin-left: 110px; max-width: 100px; width: 100%;}
#top_mv .deco05 { bottom: 20px; margin-left: 0; max-width: 114px; width: 100%;}
#top_mv .deco06 { bottom: 0; left: -180px; right: auto; margin-left: 0; max-width: 300px; width: 100%;}
}

.mv_news { position: absolute; z-index: 9999; font-size: 1.6rem; background-color: rgb(255 255 255 / 88%); display: flex; padding: 18px 26px 18px 28px; border-radius: 10px;}
.mv_news a { display: flex; width: calc(100% - 80px);}
.mv_news .title { font-family: 'Zen Maru Gothic', sans-serif; width: 130px;}
.mv_news a .date { display: block; margin-right: 14px; letter-spacing: 0.08em; padding-left: 24px; width: 120px;}
.mv_news a .text { font-size: 1.5rem; margin-top: 1px; width: calc(100% - 120px);}


@media screen and (min-width:1726px){
.mv_news{ top: 923px; right:calc((100vw - 1693px) / 2); opacity:0; width: 1150px;}
.mv_news .title {  border-right: 1px solid #968b8f; font-size: 1.5rem; letter-spacing: 0.06em;}
.mv_news .text { max-width: 880px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}

@media screen and (min-width:1070px) and (max-width:1725px){
.mv_news { top: 923px; right: 15px; opacity:0; width: 69vw; min-width: 900px;}
.mv_news .title {  border-right: 1px solid #968b8f; font-size: 1.5rem; letter-spacing: 0.06em;}
.mv_news .text { width: calc(100% - 120px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

}

@media screen and (min-width:750px) and (max-width:1069px){
.mv_news { display: block; opacity:0; top: 884px; right: 14px; max-width: 600px; border-radius: 5px; padding: 16px 18px 15px 22px;}
.mv_news a { display: block; width: 100%;}
.mv_news .title {  margin-bottom: 6px; font-size: 1.4rem;}
.mv_news a .date{ font-size: 1.4rem; padding-left: 0;}
.mv_news a .text { width: 100%; font-size: 1.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}}

@media screen and (max-width:749px){
.mv_news{ position: relative; display: block;}
.mv_news a { display: block; width: 100%;}
.mv_news .title { margin-bottom: 9px; padding-right: 0; margin-right: 0; border-right: none; font-size: 1.4rem;}
.mv_news a .date { font-size: 1.1rem; margin-bottom: 4px; padding-left: 0;}
.mv_news a .text { width: 100%; font-size: 1.3rem;}
}

/* @media screen and (min-width:1726px){
#top_mv .mv_news{ position:absolute; right:calc((100% - 1650px) / 2); top: 937px; }
}

@media screen and (min-width:750px) and (max-width:1725px){
#top_mv .inner{ width:100%; max-width:none; padding-left:0; padding-right:0; }

#top_mv .mv_news{ position:absolute; right:0; top:937px; }
}

@media screen and (max-width:749px){

#top_mv .mv_slider_area{ width:86.66%; height:560px; position:relative; margin-left:auto; margin-right:0; left:auto; right:auto; transform:none; }

#top_mv .mv_news{ position:relative; width:100%; top:auto; right:auto; bottom:auto; }
} */

/*==================================
	top_about
==================================*/
#top_about { padding: 70px 0 150px 0; overflow: hidden;}
#top_about .inner { width: 100%; padding-left: 0;}
#top_about .toptit { position: relative; z-index: 10;}
#top_about .toptit .logo { width: 100%; max-width: 254px; vertical-align: sub;}
#top_about .txt { position: relative; z-index: 10; line-height: 2.1; margin-bottom: 40px; font-size: clamp( 1.6rem, 1.8vw, 1.7rem); margin-bottom: 4.25%;}
#top_about .box .box2 .title { font-family: 'Zen Maru Gothic', sans-serif; letter-spacing: 0;}
#top_about .img { margin-top: 60px; display: flex; justify-content: space-between; position: relative; z-index: 10;}
#top_about .img li { width: 30.6%;}
#top_about .btn { margin-top: 7%; position: relative; z-index: 10; letter-spacing: 0em;}
#top_about .btn a { padding: 15px 30px; border-radius: 5px; display: inline-block; position: relative; font-size: clamp( 1.6rem, 1.8vw, 1.8rem)}
#top_about .btn a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #968b8f; transform-origin: 100% 50%; transform: scaleX(0); transition: transform ease .3s; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#top_about .btn a:hover { color: #fff;}
#top_about .btn a:hover:before { transform-origin: 0% 50%; transform: scaleX(1);}
#top_about .deco01 { top: 0; right: 50%; margin-right: 80px;}
#top_about .deco02 { bottom: 80px; left: 50%; margin-left: 170px;}
#top_about .inner .infoBanner { max-width: 450px; margin: -20px auto 100px; position: relative; z-index: 1; display: flex;}
#top_about .inner .infoBanner a { max-width: 100%; padding: 0 15px;}
#top_about .inner .infoBanner a img { border-radius: 5px;}


#top_about .photo_change{ position:relative; overflow:hidden; }
#top_about .photo_change .photo_item{ position:absolute; top:0; left:0; width:100%; opacity:0; transition:opacity 1.2s ease; }
#top_about .photo_change .photo_item:first-child{ position:relative; }
#top_about .photo_change .photo_item img{ display:block; width:100%;}
#top_about .photo_change .photo_item.is_active{ opacity:1; }


.stikcy_inner{ position:sticky;}

@media screen and (min-width: 750px) {
#top_about .toptit { margin-bottom: 80px;}
#top_about .box { display: flex; justify-content: space-between;}
#top_about .box .box1 { width: 41%; padding-top: 10px;}
#top_about .box .box2 { width: 50%;}
#top_about .box .box2 .title {  font-size: clamp( 1.8rem, 2vw, 2.4rem); margin-bottom: 5%; line-height: 2;}
#top_about .box .box2 .title span { margin-left: -10px;}
}
@media screen and (max-width: 749px) {
#top_about { padding: 60px 0 70px 0;}

#top_about .toptit { margin-bottom: 30px;}
#top_about .toptit .logo { max-width: 133px;}
#top_about .box { font-size: 1.3rem; line-height: 2;}
#top_about .box1 { margin-bottom: 25px;}
#top_about .box .box2 .title { font-size: 1.7rem; margin: 0 auto 20px; line-height: 2;}
#top_about .txt { margin: 20px auto 0 auto; font-size: 1.3rem;}
#top_about .btn { margin-top: 30px; text-align: center;}
#top_about .btn a { font-size: 1.3rem; padding: 10px 30px;}
#top_about .deco01 { top: 0; margin-right: 30px; max-width: 300px; width: 70%;}
#top_about .deco02 { bottom: 200px; margin-left: 50px; max-width: 300px; width: 70%;}
#top_about .inner .infoBanner { max-width: 400px; margin: -20px auto 50px; display: block;}
#top_about .inner .infoBanner a { padding: 0 25px; margin-bottom: 15px;}
#top_about .box .box2 .title span { margin-left: -8px;}
}


/*==================================
	top_service
==================================*/
@keyframes waves_w_move{0%{background-position:0 0;transform:translate(0,0)}50%{background-position:2000px 0;transform:translate(0,0)}100%{background-position:4000px 0;transform:translate(0,0)}}
@keyframes waves_w_move_sp{0%{background-position:0 0;transform:translate(0,0)}50%{background-position:1000px 0;transform:translate(0,0)}100%{background-position:2000px 0;transform:translate(0,0)}}
.service_block .waveline_area { height: 35px; position: absolute; top: -1px; left: 0;  display: flex; width: 100%; overflow: hidden;}
.service_block .waveline_area .waveline { width: 100%; height: 100%; animation: waves_w_move 20s linear infinite; transform-origin: 0% 0%;}
#top_service:before { top: -20px; position: absolute; left: 0; right: 0; margin: auto;content: ""; height: 90px; width: 1px; border-right: solid 1px #968b8f; z-index: 100;}
#top_service .service_block { position: relative; padding: 120px 0 60px; color: #fff;}
#top_service .service_block:before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; mix-blend-mode:multiply;}
#top_service .service_block .box1 { width: 35%;color: #fff;}
#top_service .service_block.service_hk .box1 { color: #648edb;}
#top_service .service_block.service_bs .box1 { color: #fead00;}
#top_service .service_block.service_ss .box1 { color: #6ead00;}
#top_service .service_block.service_mr .box1 { color: #ef7864;}


#top_service .service_block .box1 .toptit { margin-bottom: 11.92%;}
#top_service .service_block .box1 .toptit .archtit { margin-bottom: 30px;}
#top_service .service_block .box1 .txt { font-size: 1.6rem; line-height: 2;}
#top_service .service_block .box1 .img { margin: 40px auto; text-align: center;}
#top_service .service_block .box1 .img.blend { width: 80%; position: relative;}
#top_service .service_block .box1 .img.blend img:first-of-type { position: absolute; mix-blend-mode: darken;}
#top_service .service_block .box1 .img { width: min(60%, 200px); padding: 0; margin: 7% auto 0;}
#top_service .service_block .box2 { padding: 21px 0; width: max(54.33%, 420px); text-align: center;}
#top_service .service_block .box2 .bg { padding: 13px 35px; background: url("../img/top/service_box2_bg02.png") center top repeat-y; position: relative;}
#top_service .service_block .box2 .bg:before,
#top_service .service_block .box2 .bg:after { height: 22px;  content: ""; width: 100%; display: block;}
#top_service .service_block .box2 .bg:before { background: url("../img/top/service_box2_bg01.png") top center no-repeat; position: absolute; top: -21px; ; left: 0;}
#top_service .service_block .box2 .bg:after { background: url("../img/top/service_box2_bg03.png") bottom center no-repeat; position: absolute; bottom: -21px; ; left: 0;}
#top_service .service_block .box2 .infolist { position: relative; z-index: 50; display: flex; justify-content: space-between;}
#top_service .service_block .box2 .infolist li { width: 31%;}
#top_service .service_block .box2 .infolist li a { width: 100%; aspect-ratio: 1/1; font-weight: bold; display: flex; align-items: center; justify-content: center; position: relative; font-size: clamp(1.3rem, 1.4vw, 1.8rem);}
#top_service .service_block .box2 .infolist li a .icon { position: absolute; left: 0; top: 0;}
#top_service .service_block .box2 .infolist li a .cont { padding-top: 60px;}
#top_service .service_block .box2 .review { margin-top: 30px; padding: 35px; position: relative; z-index: 50;}
#top_service .service_block .box2 .review .tit { font-size: 1.8rem;}
#top_service .service_block .box2 .review .reviewlist { margin-top: 15px; display: flex; justify-content: space-between;}
#top_service .service_block .box2 .review .reviewlist li { width: 19%;}
#top_service .service_block .box2 .review .reviewlist li a { padding: 10px 0; display: block; font-weight: bold; font-size: clamp(1.3rem, 1.4vw, 1.8rem)}
#top_service .service_block .faq { margin-top: 30px; width: 100%; text-align: right;}
#top_service .service_block .faq a { color: #fff; padding-right: 70px; display: inline-block;}
#top_service .service_block.service_hk .faq a { color: #648edb;}
#top_service .service_block.service_hk .faq a.linearr.linearrWHT:after { background: url(/lib/img/common/icon_linearrR_HK.svg) center center no-repeat;}
#top_service .service_block.service_bs .faq a { color: #fead00;}
#top_service .service_block.service_bs .faq a.linearr.linearrWHT:after { background: url(/lib/img/common/icon_linearrR_BS.svg) center center no-repeat;}
#top_service .service_block.service_ss .faq a { color: #6ead00;}
#top_service .service_block.service_ss .faq a.linearr.linearrWHT:after { background: url(/lib/img/common/icon_linearrR_SS.svg) center center no-repeat;}
#top_service .service_block.service_mr .faq a { color: #ef7864;}
#top_service .service_block.service_mr .faq a.linearr.linearrWHT:after { background: url(/lib/img/common/icon_linearrR_MR.svg) center center no-repeat;}
#top_service .service_block.service_mr .helperbanner { max-width: 700px; margin: 30px auto 0;}


#top_service .service_block .event { max-width: 800px; margin: 40px auto 0 auto; padding: 40px 0; width: 100%; text-align: center; background: #ffa424; position: relative;}
#top_service .service_block .event a { color: #fff;}
#top_service .service_block .event .tit { font-size: 3.0rem; margin-bottom: 20px;}
#top_service .service_block .event .txt1 { font-weight: bold; line-height: 2;}
#top_service .service_block .event .txt2 { position: absolute; left: -50px; top: -70px;}
#top_service .service_block .event .txt2 .svgarea { position: relative;}
#top_service .service_block .event .txt2 .svgarea #svg-animation-babyfarm { width: 226px;}
#top_service .service_block .event .txt2 .svgarea #svg-animation-babyfarm .st2{ fill:none; stroke:#FFFFFF; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:10; stroke-dasharray: 1500; stroke-dashoffset:1500;}
#top_service .service_block .event .deco { position: absolute;}
#top_service .service_block .event .deco01 { top: -40px; right: 50%; margin-right: 180px;}
#top_service .service_block .event .deco02 { right: 0; top: 0; width: 147px;}
#top_service .service_block .event .deco02 .flag { width: 0; background: url("../img/top/service_event_deco02.png")no-repeat; background-size: auto 100%; display: block; padding-top: 66%;}
/* hk */
#top_service .service_block.service_hk .waveline_area .waveline { background: url("../img/top/service_waveline_red_thin.png") repeat-x; background-size: auto 100%;}
#top_service .service_block.service_hk { background: #dfe8f7;}
#top_service .service_block.service_bs { background: #ffecbc;}

#top_service .service_block.service_hk:before { background: url("../img/top/service_bg_pattern_hk.png") center center no-repeat; background-size: 100% auto;}
#top_service .service_block.service_hk .review  { border: solid 1px #97b3e5;}
#top_service .service_block.service_hk .review .tit { color: #97b3e5;}
#top_service .service_block.service_hk .box2 a { background: #97b3e5; color: #fff;}
/* bs */
#top_service .service_block.service_bs .waveline_area .waveline { background: url("../img/top/service_waveline_blu_thin.png") repeat-x; background-size: auto 100%;}
#top_service .service_block.service_bs { background: #ffefc6;}
#top_service .service_block.service_bs:before { background: url("../img/top/service_bg_pattern_bs.png") center center no-repeat; background-size: 100% auto;}
#top_service .service_block.service_bs .review  { border: solid 1px #ffcd46;}
#top_service .service_block.service_bs .box1 .toptit { letter-spacing: -0.1em;}
#top_service .service_block.service_bs .box1 .toptit .archtit { letter-spacing: 0;}
#top_service .service_block.service_bs .review .tit { color: #ffcd46;}
#top_service .service_block.service_bs .box2 a { background: #ffcd46; color: #fff;}
/* ss */
#top_service .service_block.service_ss .waveline_area .waveline { background: url("../img/top/service_waveline_yel_thin.png") repeat-x; background-size: auto 100%;}
#top_service .service_block.service_ss { background: #dff2bc;}
#top_service .service_block.service_ss:before { background: url("../img/top/service_bg_pattern_ss.png") center center no-repeat; background-size: 100% auto;}
#top_service .service_block.service_ss .review  { border: solid 1px #acd94a;}
#top_service .service_block.service_ss .review .tit { color: #acd94a;}
#top_service .service_block.service_ss .box2 a { background: #acd94a; color: #fff;}
/* mr */
#top_service .service_block.service_mr .waveline_area .waveline { background: url("../img/top/service_waveline_wht.png") repeat-x; background-size: auto 100%;}
#top_service .service_block.service_mr { background: #fce5df;}
#top_service .service_block.service_mr:before { background: url("../img/top/service_bg_pattern_mr.png") center center no-repeat; background-size: 100% auto;}
#top_service .service_block.service_mr .review  { border: solid 1px #fb9a8a;}
#top_service .service_block.service_mr .review .tit { color: #fb9a8a;}
#top_service .service_block.service_mr .box2 a { background: #fb9a8a; color: #fff;}
/* other */
#top_service2 .service_block.service_other .waveline_area .waveline { background: url("../img/top/service_waveline_grn_thin.png") repeat-x; background-size: auto 100%;}
#top_service2 .service_block.service_other { padding: 140px 0 0; color: #968b8f;}
#top_service2 .service_block.service_other .service_list { position: relative; z-index: 50;}
#top_service2 .service_block.service_other .service_list li { width: 47.6%; max-width: none; }
#top_service2 .service_block.service_other .service_list li:nth-child(n+3) { margin-top: 4%;}
#top_service2 .service_block.service_other .service_list li a { display: flex;}
#top_service2 .service_block.service_other .service_list li a .img { width: 33.74%;}
#top_service2 .service_block.service_other .service_list li a .img img{ border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#top_service2 .service_block.service_other .service_list li a .box { width: 66.25%; padding: 7% 5% 0 5%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #fff; position: relative;}
#top_service2 .service_block.service_other .service_list li a .txten { left: -5px; top: -18px; position: absolute;}
#top_service2 .service_block.service_other .service_list li:nth-child(3) a .txten { top: -8px;}
#top_service2 .service_block.service_other .service_list li:nth-child(4) a .txten { top: -24px;}
#top_service2 .service_block.service_other .service_list li:nth-child(5) a .txten { top: -8px;}
#top_service2 .service_block.service_other .service_list li a .tit { font-size: clamp(2rem, 1.66vw, 2.5rem); font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500; letter-spacing: -0.05em;}
#top_service2 .service_block.service_other .service_list li a .txt { margin-top: 10px; line-height: 1.8; letter-spacing: 0; font-size:clamp(1.4rem, 1.16vw, 1.8rem);}
#top_service2 .service_block.service_other .service_list li a.linearr:after { right: 40px; bottom: 30px; top: auto;}
#top_service2 .service_block.service_other .service_list li a.linearr:hover:after { right: 30px;}
#top_service2 .service_block.service_other .voice { margin: 9% auto 0 auto; max-width: 900px; width: 100%; position: relative; z-index: 50;}
#top_service2 .service_block.service_other .voice a { font-size: 2.4rem; padding: 25px 0; text-align: center; font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500;}
#top_service2 .service_block.service_other .voice .icon { line-height: 40px; display: inline-block;}
#top_service2 .service_block.service_other .voice .icon:before { width: 43px; height: 37px; margin-right: 15px; background: url("../img/common/icon_comment_WHT.svg") center center no-repeat; content: ""; display: inline-block; vertical-align: middle;}
#top_service2 .service_block.service_other .voice a.linearr:after { right: 40px;}
#top_service2 .service_block.service_other .voice a.linearr:hover:after { right: 30px;}
#top_service2 .service_block.service_other .deco { position: absolute;}
#top_service2 .service_block.service_other .deco01 { left: 50%; top: 0;}
#top_service2 .service_block.service_other .deco02 { right: 50%; top: 180px; margin-right: 500px;}
#top_service2 .service_block.service_other .deco03 { left: 50%; bottom: 50px; margin-left: 420px;}
#top_service2 .service_block.service_other .deco04 { right: 50%; bottom: 50px; margin-right: 550px;}


@media screen and (min-width: 750px) {
#top_service .service_block .inner1200 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
/* other */
#top_service2 .service_block.service_other .service_list { display: flex; flex-wrap: wrap; justify-content: space-between;}
}
@media screen and (min-width: 1000px) {
#top_service .service_block .inner1200 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
/* other */
#top_service2 .service_block.service_other .service_list { display: flex; flex-wrap: wrap; justify-content: space-between;}
}
@media screen and (min-width: 750px) and (max-width: 999px) {
	#top_service2 .service_block.service_other .service_list li { width: 100%; max-width: 680px; margin: 0 auto;}
	#top_service2 .service_block.service_other .service_list li:nth-child(n+2) { margin-top: 30px;}
	#top_service2 .service_block.service_other .service_list li a { display: flex;}
	#top_service2 .service_block.service_other .service_list li a .img { width: 33.74%;}
	#top_service2 .service_block.service_other .service_list li a .img img{ border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
	#top_service2 .service_block.service_other .service_list li a .box { width: 66.25%; padding: 30px 20px 0 30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	#top_service2 .service_block.service_other .service_list li:nth-child(1) a .txten { width: 37.2%; top: -10px;}
	#top_service2 .service_block.service_other .service_list li:nth-child(2) a .txten { width: 37.2%; top: -10px;}
	#top_service2 .service_block.service_other .service_list li:nth-child(3) a .txten { width: 24.88%; top: -5px;}
	#top_service2 .service_block.service_other .service_list li:nth-child(4) a .txten { width: 30.13%; top: -12px;}
	#top_service2 .service_block.service_other .service_list li:nth-child(5) a .txten { width: 58.88%; top: -25px;}
	#top_service2 .service_block.service_other .service_list li a .tit { font-size: 2.4rem; letter-spacing: 0;}
	#top_service2 .service_block.service_other .service_list li a .txt { font-size: 1.6rem; margin-top: 5px;}
	#top_service2 .service_block.service_other .service_list li a.linearr:after { bottom: 8px; right: 16px; width: 28px; background-size: 100% auto;}
	#top_service2 .service_block.service_other .service_list li a.linearr:hover:after { right: 10px;}
}

@media screen and (max-width: 749px) {
.service_block .waveline_area { height: 15px;}
.service_block .waveline_area .waveline { animation: waves_w_move_sp 30s linear infinite;}
#top_service:before { top: -20px; height: 45px;}
#top_service .service_block { padding: 60px 0 40px;}
#top_service .service_block .box1 { width: 100%;}
#top_service .service_block .box1 .toptit { margin-bottom: 25px;}
#top_service .service_block .box1 .toptit .archtit { margin-bottom: 15px;}
#top_service .service_block .box1 .txt { font-size: 1.3rem;}
#top_service .service_block .box1 .img { width: 45%; text-align: center; margin: 20px auto 0;}
#top_service .service_block .box1 .img.blend { width: 70%; position: relative;}
#top_service .service_block .box2 { margin-top: 25px; padding: 18px 0; width: 100%;}
#top_service .service_block .box2 .bg { padding: 8px 18px; background-size: 100% auto;}
#top_service .service_block .box2 .bg:before,
#top_service .service_block .box2 .bg:after { height: 11px;}
#top_service .service_block .box2 .bg:before { background: url("../img/top/service_box2_bg01.png") top center no-repeat; background-size: 100% 100%; top: -10px;}
#top_service .service_block .box2 .bg:after { background: url("../img/top/service_box2_bg03.png") bottom center no-repeat; background-size: 100% 100%; bottom: -10px;}
#top_service .service_block .box2 .infolist li { width: 31%;}
#top_service .service_block .box2 .infolist li a { font-size: 1.1rem; width: 100%; height: 25vw; letter-spacing: 0; font-weight: normal;}
#top_service .service_block .box2 .review { margin-top: 18px; padding: 18px;}
#top_service .service_block .box2 .review .tit { font-size: 1.3rem;}
#top_service .service_block .box2 .review .reviewlist { font-size: 1.2rem; margin-top: 10px;}
#top_service .service_block .box2 .review .reviewlist li a { padding: 5px 0; font-weight: normal;}
#top_service .service_block .faq { margin-top: 15px;}
#top_service .service_block .faq a { padding-right: 50px;}
#top_service .service_block .faq a:after { right: 16px; width: 28px; background-size: 100% auto;}
#top_service .service_block .event { margin: 30px auto 0 auto; padding: 30px 18px 20px 18px;}
#top_service .service_block .event .tit { font-size: 2.2rem; margin-bottom: 20px; letter-spacing: 0;}
#top_service .service_block .event .txt1 { font-weight: normal; text-align: left;}
#top_service .service_block .event .txt2 { position: absolute; left: -10px; top: -85px;}
#top_service .service_block .event .txt2 .svgarea { width: 100%; left: -10px; top: 0; max-width: 150px;}
#top_service .service_block .event .txt2 .svgarea #svg-animation-babyfarm { width: 140px;}
#top_service .service_block .event .deco01 { top: -20px; left: 120px; margin-right: 0; width: 30px;}
#top_service .service_block .event .deco02 { width: 80px;}
/* set */
#top_service .service_block.service_hk .waveline_area .waveline { background: url("../img/top/service_waveline_red_sp.png") repeat-x; background-size: auto 100%;}
#top_service .service_block.service_hk:before { background: url("../img/top/service_bg_pattern_hk.png") center right no-repeat; background-size: auto 100%;}
#top_service .service_block.service_bs .waveline_area .waveline { background: url("../img/top/service_waveline_blu_sp.png") repeat-x; background-size: auto 100%;}
#top_service .service_block.service_bs:before { background: url("../img/top/service_bg_pattern_bs.png") center right no-repeat; background-size: auto 100%;}
#top_service .service_block.service_ss .waveline_area .waveline { background: url("../img/top/service_waveline_yel_sp.png") repeat-x; background-size: auto 100%;}
#top_service .service_block.service_ss:before { background: url("../img/top/service_bg_pattern_ss.png") center right no-repeat; background-size: auto 100%;}
#top_service .service_block.service_mr .waveline_area .waveline { background: url("../img/top/service_waveline_wht_sp.png") repeat-x; background-size: auto 100%;}
#top_service .service_block.service_mr:before { background: url("../img/top/service_bg_pattern_mr.png") center right no-repeat; background-size: auto 100%;}
/* other */
#top_service2 .service_block.service_other .waveline_area .waveline { background: url("../img/top/service_waveline_grn_sp.png") repeat-x; background-size: auto 100%;}
#top_service2 .service_block.service_other { padding: 100px 0 50px 0;}
#top_service2 .service_block.service_other .service_list li { width: 100%;}
#top_service2 .service_block.service_other .service_list li:nth-child(n+2) { margin-top: 30px;}
#top_service2 .service_block.service_other .service_list li a { display: flex;}
#top_service2 .service_block.service_other .service_list li a .img { width: 33.74%;}
#top_service2 .service_block.service_other .service_list li a .img img{ border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#top_service2 .service_block.service_other .service_list li a .box { width: 66.25%; padding: 15px 10px 0 15px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#top_service2 .service_block.service_other .service_list li:nth-child(1) a .txten { width: 37.2%; top: -10px;}
#top_service2 .service_block.service_other .service_list li:nth-child(2) a .txten { width: 37.2%; top: -10px;}
#top_service2 .service_block.service_other .service_list li:nth-child(3) a .txten { width: 24.88%; top: -5px;}
#top_service2 .service_block.service_other .service_list li:nth-child(4) a .txten { width: 30.13%; top: -12px;}
#top_service2 .service_block.service_other .service_list li:nth-child(5) a .txten { width: 58.88%; top: -25px;}
#top_service2 .service_block.service_other .service_list li:nth-child(6) a .txten { width: 40%; top: -19px;}
#top_service2 .service_block.service_other .service_list li a .tit { font-size: 1.7rem; letter-spacing: 0;}
#top_service2 .service_block.service_other .service_list li a .txt { font-size: 1.2rem; margin-top: 5px;}
#top_service2 .service_block.service_other .service_list li a.linearr:after { bottom: 8px; right: 16px; width: 28px; background-size: 100% auto;}
#top_service2 .service_block.service_other .service_list li a.linearr:hover:after { right: 10px;}
#top_service2 .service_block.service_other .voice { margin: 50px auto 0 auto;}
#top_service2 .service_block.service_other .voice a { font-size: 1.5rem; padding: 15px 0;}
#top_service2 .service_block.service_other .voice .icon { line-height: 30px;}
#top_service2 .service_block.service_other .voice .icon:before { width: 30px; height: 30px; margin-right: 15px; background-size: 100% auto;}
#top_service2 .service_block.service_other .voice a.linearr:after { right: 16px; width: 28px; background-size: 100% auto;}
#top_service2 .service_block.service_other .voice a.linearr:hover:after { right: 10px;}
#top_service2 .service_block.service_other .deco01 { top: 40px; margin-left: 90px; width: 27%; max-width: 100px;}
#top_service2 .service_block.service_other .deco02 { top: 180px; margin-right: 130px; width: 27%; max-width: 100px;}
#top_service2 .service_block.service_other .deco03 { bottom: 20px; margin-left: 100px; width: 30%; max-width: 120px;}
}


.set_bg_beige { background: url("../img/common/bg_beige.jpg") top center; position: relative; overflow: hidden;}
.set_bg_beige:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: -1px; left: 0;  background: url("../img/top/column_bg_ft.png") center bottom no-repeat; background-size: 100% auto;}
@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
.set_bg_beige:after { background: url("../img/top/column_bg_ft_sp.png") center bottom no-repeat; background-size: 100% auto;}
}

/*==================================
	top_column
==================================*/
#top_column { padding: 100px 0 0;}
#top_column .column_slider { margin-top: 50px; margin-bottom: 80px;}
#top_column .column_slider .swiper-area { overflow: hidden; position: relative;}
#top_column .column_slider .swiper-area .container { position: relative; margin: 0 auto; max-width: 740px; width: 100%;}
#top_column .column_slider .swiper-area .container .swiper-wrapper { width: auto; height: auto;}
#top_column .column_slider .swiper-area .swiper-container { height: auto; width: auto; overflow: visible; z-index: 1;}
#top_column .column_slider .swiper-slide { padding: 0 40px;}
#top_column .column_slider .swiper-slide a { position: relative; padding-top: 30px;}
#top_column .column_slider .swiper-slide a.new:before { width: 127px; height: 62px; left: -20px; top: 0; position: absolute;content: ""; background: url("../img/common/icon_new.png") no-repeat;}
#top_column .column_slider .swiper-slide a .img {}
#top_column .column_slider .swiper-slide a .img img { width: 660px; height: 400px; border-radius: 10px; object-fit: cover;}
#top_column .column_slider .swiper-slide a .box { padding: 30px 10px 0 10px;}
#top_column .column_slider .swiper-slide a .box .tit { margin-bottom: 20px; font-size: 3.0rem; font-weight: bold;}

#top_column .nomal_list { max-width: 900px; margin: 0 auto 70px;}
#top_column .nomal_list li { margin-bottom: 30px;}
#top_column .nomal_list li:last-child { margin-bottom: 0;}
#top_column .nomal_list li a { display: flex; justify-content: space-between;}
#top_column .nomal_list li a .img { width: 260px; height: 180px;}
#top_column .nomal_list li a .img img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover;}
#top_column .nomal_list li a .box { /*padding-top: 15px;*/ width: 67.77%; margin-left: 3.33%;}
#top_column .nomal_list li a .box .tit { margin-bottom: 20px; font-size: 2.4rem; font-weight: bold;}
#top_column .nomal_list li a .box .txt { line-height: 1.8;}
#top_column .btn { text-align: center; position: relative; z-index: 10;}
#top_column .btn a { font-size: 1.6rem; padding: 15px 30px; border-radius: 5px; display: inline-block; position: relative;}
#top_column .btn a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #968b8f; transform-origin: 100% 50%; transform: scaleX(0); transition: transform ease .3s; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#top_column .btn a:hover { color: #fff;}
#top_column .btn a:hover:before { transform-origin: 0% 50%; transform: scaleX(1);}

@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
#top_column { padding-top: 50px;}
#top_column .column_slider { margin-top: 25px; margin-bottom: 40px;}
#top_column .column_slider .swiper-area .container { position: relative; margin: 0 auto; max-width: 300px; width: 100%;}
#top_column .column_slider .swiper-area .container .swiper-wrapper { width: auto; height: auto;}
#top_column .column_slider .swiper-area .swiper-container { height: auto; width: auto; overflow: visible; z-index: 1;}
#top_column .column_slider .swiper-slide { padding: 0 10px;}
#top_column .column_slider .swiper-slide a { padding-top: 10px;}
#top_column .column_slider .swiper-slide a.new:before { width: 64px; height: 35px; left: -10px; background-size: 100% auto;}
#top_column .column_slider .swiper-slide a .img {}
#top_column .column_slider .swiper-slide a .img img { width: 280px; height: 190px; border-radius: 5px;}
#top_column .column_slider .swiper-slide a .box { padding: 25px 0 0 0;}
#top_column .column_slider .swiper-slide a .box .tit { margin-bottom: 10px; font-size: 1.8rem;}
#top_column .column_slider .swiper-slide a .box .txt { font-size: 1.3rem;}

#top_column .nomal_list { max-width: 900px; margin: 20px auto 50px;}
#top_column .nomal_list li { margin-bottom: 30px;}
#top_column .nomal_list li:last-child { margin-bottom: 0;}
#top_column .nomal_list li a { display: flex; justify-content: space-between;}
#top_column .nomal_list li a .img { width: 33.84%; height: 29.5vw;}
#top_column .nomal_list li a .img img { border-radius: 5px;}
#top_column .nomal_list li a .box { padding-top: 0; width: 59.23%;}
#top_column .nomal_list li a .box .tit { margin-bottom: 10px; font-size: 1.6rem; }
#top_column .nomal_list li a .box .txt { font-size: 1.2rem; }
#top_column .btn a { font-size: 1.3rem; padding: 10px 30px;}

#top_column  .deco01 { top: 0; right: 50%; margin-right: 60px; width: 27%; max-width: 100px;}
}


/*==================================
	top_recruit
==================================*/
#top_recruit { padding-top: 110px; overflow: hidden;}
#top_recruit .txt { margin-top: 30px; position: relative; z-index: 10; text-align: center; line-height: 2;}
#top_recruit .img { position: relative; z-index: 10;}
#top_recruit .deco {}
#top_recruit .deco01 { top: 0; left: 50%; margin-left: 450px;}
#top_recruit .deco02 { bottom: 300px; right: 50%; margin-right: 360px; width: 289px;}
#top_recruit .deco02 img { width: 100%;}
#top_recruit .btn { margin-top: 30px; position: relative; z-index: 10; text-align: center;}
#top_recruit .btn a { padding: 15px 30px; border-radius: 5px; display: inline-block; position: relative;}
#top_recruit .btn a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #968b8f; transform-origin: 100% 50%; transform: scaleX(0); transition: transform ease .3s; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#top_recruit .btn a:hover { color: #fff;}
#top_recruit .btn a:hover:before { transform-origin: 0% 50%; transform: scaleX(1);}

@media screen and (min-width: 750px) {
#top_recruit .inner1200 { display: flex; justify-content: space-between;}
#top_recruit .inner1200 .box { margin-top: 4%; width: 480px; column-gap: 30px;}
#top_recruit .inner1200 .img { width: 651px;}
}
@media screen and (max-width: 749px) {
#top_recruit { padding-top: 50px;}
#top_recruit .txt { margin-top: 25px;}
#top_recruit .img { max-width: 500px; width: 80%;  margin: 20px auto 0 auto;}
#top_recruit .deco {}
#top_recruit .deco01 { top: 30px; left: 50%; margin-left: 60px; max-width: 300px; width: 70%;}
#top_recruit .deco02 { bottom: 40vw; margin-right: 80px; max-width: 300px; width: 70%;}
#top_recruit .btn { margin-top: 15px;}
#top_recruit .btn a { padding: 10px 30px;}
}

/*==================================
	top_media
==================================*/
#top_media { padding: 140px 0 0 0; overflow: hidden;}
#top_media .media_slider { margin-top: 70px;}
#top_media .media_slider .swiper-area { overflow: hidden; position: relative;}
#top_media .media_slider .swiper-area .container { position: relative; margin: 0 auto; max-width: 220px; width: 100%;}/*max-width: 285px;*/
#top_media .media_slider .swiper-area .container .swiper-wrapper { width: auto; height: auto; transition-timing-function: linear;}
#top_media .media_slider .swiper-area .swiper-container { height: auto; width: auto; overflow: visible; z-index: 1;}
/*#top_media .media_slider .swiper-area .swiper-container .swiper-slide { padding: 0 20px;}*/
#top_media .media_slider .swiper-area .swiper-container .swiper-slide img { width: 100%;}
#top_media .deco {}
#top_media .deco01 { top: 0; right: 50%; margin-right: 300px;}
#top_media .deco02 { bottom: 250px; left: 50%; margin-left: 350px; width: 450px;}
#top_media .deco02 img { width: 100%;}

@media screen and (min-width: 750px) {
}
@media screen and (max-width: 749px) {
#top_media {}
#top_media { padding: 60px 0 0 0;}
#top_media .media_slider { margin-top: 35px;}
#top_media .media_slider .swiper-area .container { width: 50%;}
#top_media .media_slider .swiper-area .swiper-container .swiper-slide { padding: 0 5px; height: auto;}
#top_media .deco {}
#top_media .deco01 { left: 50%; right: auto; margin-right: 0; max-width: 300px; width: 70%;}
#top_media .deco02 { bottom: 5vw; right: 50%; left: auto; margin-left: 0; margin-right: 80px; max-width: 300px; width: 70%;}
}


/*==================================
	top_info
==================================*/
#top_info { margin-top: 100px; padding: 190px 0 0; background: url("../img/top/info_bg.png") top center no-repeat; overflow: hidden;}
@media screen and (min-width: 1000px) {
}
@media screen and (max-width: 999px) {
#top_info { margin-top: 55px; padding-top: 60px; background: url("../img/top/info_bg_sp.png") top center no-repeat; background-size: 100% 82%;}
}

/* top_news */
#top_info .top_news { position: relative;}
#top_info .top_news .list { margin-top: 60px; position: relative; z-index: 10; line-height: 2;}
#top_info .top_news .list li { margin-top: 30px;}
#top_info .top_news .list li:first-child { margin-top: 0;}
#top_info .top_news .list li a { font-size: clamp(1.7rem, 1.7vw, 2.0rem); display: block;}
#top_info .top_news .list li a .date { font-size: clamp(1.4rem, 1.4vw, 1.8rem); display: block;}
#top_info .top_news .deco { left: -150px; top: -100px;}
@media screen and (min-width: 1000px) {
#top_info .top_news .list { max-width: 900px; margin: 60px auto 100px;}
#top_info .top_news .list li a { display: flex; column-gap: 5%;}
#top_info .list li a .date { width: 10%;}
#top_info .list li a .text { width: 90%;}
}
@media screen and (min-width: 749px) and (max-width: 999px) {
#top_info .top_news .list { margin-top: 30px;}
#top_info .top_news .list li { margin-top: 20px;}
#top_info .top_news .list li:first-child { margin-top: 0;}
#top_info .top_news .list li a { font-size: 1.7rem;}
#top_info .top_news .list li a .date { font-size: 1.4rem;}
#top_info .top_news .deco { left: auto; right: -40px; top: -20px; max-width: 100px; width: 26%;}
}
@media screen and (max-width: 749px) {
#top_info .top_news .list { margin-top: 30px;}
#top_info .top_news .list li { margin-top: 20px;}
#top_info .top_news .list li:first-child { margin-top: 0;}
#top_info .top_news .list li a { font-size: 1.3rem;}
#top_info .top_news .list li a .date { font-size: 1.1rem;}
#top_info .top_news .deco { left: auto; right: -40px; top: -20px; max-width: 100px; width: 26%;}
}
/* top_fb */
#top_info .top_fb { text-align: center; position: relative;}
#top_info .top_fb .tit { font-size: 3.0rem; line-height: 60px; letter-spacing: 0; position: relative; z-index: 10;}
#top_info .top_fb .tit .icon { width: 60px; height: 60px; border-radius: 60px; margin-right: 20px; background: #968b8f; display: inline-block; vertical-align: bottom;}
#top_info .top_fb .tit .icon span { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
#top_info .top_fb .tit .icon img { width: 14px;}
#top_info .top_fb .fb_area { margin-top: 45px; width: 500px; height: 640px; position: relative; z-index: 10;}
#top_info .top_fb .deco { right: -220px; top: -50px;}
@media screen and (min-width: 1000px) {
#top_info .top_fb { width: 500px;}
}
@media screen and (min-width: 749px) and (max-width: 999px) {
#top_info .top_fb { margin-top: 50px;}
#top_info .top_fb .tit { font-size: 3rem; line-height: 30px;}
#top_info .top_fb .tit .icon { width: 30px; height: 30px; border-radius: 30px; margin-right: 10px;}
#top_info .top_fb .fb_area { margin: 25px auto 0 auto; width: 500px; height: 350px;}
#top_info .top_fb .tit .icon img { width: 8px;}
#top_info .top_fb .deco { right: auto; left: -25px; top: -30px; max-width: 100px; width: 26%;}
}
@media screen and (max-width: 749px) {
#top_info .top_fb { margin-top: 50px;}
#top_info .top_fb .tit { font-size: 2.0rem; line-height: 30px;}
#top_info .top_fb .tit .icon { width: 30px; height: 30px; border-radius: 30px; margin-right: 10px;}
#top_info .top_fb .fb_area { margin: 25px auto 0 auto; width: 290px; height: 350px;}
#top_info .top_fb .tit .icon img { width: 8px;}
#top_info .top_fb .deco { right: auto; left: -25px; top: -30px; max-width: 100px; width: 26%;}
}
/* top_ig */
#top_info .top_ig {}
#top_info .top_ig .ig_slider { margin-top: 70px;}
#top_info .top_ig .ig_slider .swiper-area { overflow: hidden; position: relative;}
#top_info .top_ig .ig_slider .swiper-area .container { position: relative; margin: 0 auto; max-width: 240px; width: 100%;}
#top_info .top_ig .ig_slider .swiper-area .container .swiper-wrapper { width: auto; height: auto;}
#top_info .top_ig .ig_slider .swiper-area .swiper-container { height: auto; width: auto; overflow: visible; z-index: 1;}
#top_info .top_ig .ig_slider .swiper-area .swiper-container .swiper-slide .icon { padding: 0 10px; position: relative;}
#top_info .top_ig .ig_slider .swiper-area .swiper-container .swiper-slide .icon:before { width: 28px; height: 28px; left: 30px; top: 20px; position: absolute; content: ""; background: url("../img/common/icon_sns_ig_WHT.svg") no-repeat; background-size: 100% auto; z-index: 10;}
#top_info .top_ig .ig_slider .swiper-area .swiper-container .swiper-slide img { width: 100%; object-fit: cover; height: 230px;}
@media screen and (min-width: 750px) {
}
@media screen and (min-width: 750px) and (max-width: 999px) {
#top_info .top_ig .ig_slider { margin-top: 370px;}
}
@media screen and (max-width: 749px) {
#top_info .top_ig .ig_slider { margin-top: 80px;}
#top_info .top_ig .ig_slider .swiper-area .container { width: 70%;}
#top_info .top_ig .ig_slider .swiper-area .swiper-container .swiper-slide { padding: 0 5px; height: auto;}
#top_info .top_ig .ig_slider .swiper-area .swiper-container .swiper-slide .icon:before { width: 20px; height: 20px; left: 20px; top: 10px;}
#top_info .top_ig .ig_slider .swiper-area .swiper-container .swiper-slide img { height: 210px;}
}


/*==================================
	top_bnrArea
==================================*/
.top_bnrArea { display: flex; column-gap: 30px; justify-content: center;}
.top_bnrArea a { max-width: 400px; margin-top: 20px;}
/* .top_bnrArea p.pc { display: block;}
.top_bnrArea p.sp { display: none;} */

@media screen and (max-width: 749px) {
	.top_bnrArea { display: block;}
.top_bnrArea a { max-width: 400px; margin: 20px auto 0;}
	/* .top_bnrArea p.sp { display: block;}
	.top_bnrArea p.pc { display: none;} */
}