/*========================================================== C U S T O M ==========================================================*/ .under main{padding-top: 125px;} .under main .inner{width: 1310px;max-width: 100%;} /* MB */ .under main .mb10{margin-bottom:10px} .under main .mb15{margin-bottom:15px} .under main .mb20{margin-bottom:20px} .under main .mb25{margin-bottom:25px} .under main .mb30{margin-bottom:30px} .under main .mb40{margin-bottom:40px} .under main .mb50{margin-bottom:50px} .under main .mb60{margin-bottom:60px} .under main .mb70{margin-bottom:70px} .under main .mb80{margin-bottom:80px} .under main .mb90{margin-bottom:90px} .under main .mb100{margin-bottom:100px} .under main .mb120{margin-bottom:120px} .under main .mb150{margin-bottom:150px} /* MT */ .under main .mt10{margin-top:10px} .under main .mt15{margin-top:15px} .under main .mt20{margin-top:20px} .under main .mt25{margin-top:25px} .under main .mt30{margin-top:30px} .under main .mt40{margin-top:40px} .under main .mt50{margin-top:50px} /*========================================================== H E A D I N G ==========================================================*/ .under main h2, .under main h3, .under main h4, .under main h5, .under main h6, .under main .wp_content h3, .under main .wp_content h4, .under main .wp_content h5, .under main .wp_content h6{font-weight: bold;margin-bottom: 30px;letter-spacing: 0.05em;} .under main h2{font-size: 48px;margin-bottom: 15px;letter-spacing: 0.015em;} .under main h2 span{font-size: 50%;} .under main h3, .under main .wp_content h3{font-size: 30px; text-align: center;} .under main h3 .en{font-size: 80%; color: var(--mcolor); display: block;} .under main h4, .under main .wp_content h4{font-size: 26px;position: relative;padding-left: 15px;} .under main h4::before{content: "";position: absolute; width:4px;height: 25px;background-color: var(--mcolor);left: 0;top: 3px;} .under main h5, .under main .wp_content h5{font-size: 24px;color: var(--mcolor);} .under main h6, .under main .wp_content h6{font-size: 20px;position: relative;} /*========================================================== MAIN - CONTENT ==========================================================*/ .under main #content{padding:0 0 90px;position: relative;} .under main #content::before{z-index: -1;background: #62B5EB;width: 100vw;height: 285px;content: '';position: absolute;top: 194px;left: 50%;min-width: 1920px;transform: translateX(-50%);} #companyinfo main #content::before, .voice_page main #content::before{background: #F4A8D5} #cooking main #content::before{background: #FFD54D;} #empty-house main #content::before{background: #B68DE2;} #seizen-seiri main #content::before{background: #B68DE2;} #license_nintei2 main #content::before, #plan-kataduke main #content::before{background: #86de5d;} /* LINK + BUTTON TOP */ .under main .link{text-decoration: underline;color: var(--mcolor);} /*============ TOP INFO ============ */ .under main #top_info{height:388px;width:calc(100% - 45px);max-width:1920px;margin:0 auto 32px;background:url('../images/top_info_dummy.jpg') no-repeat center /cover;border-radius: 30px;border:4px solid #000;position: relative;overflow: hidden;} .under main #top_info .inner{display:flex;flex-direction:column;width:100%;height:100%;width: 1550px;padding-top: 6px;z-index: 1;} .under main #top_info .sm{font-size: 20px;font-weight: 500;margin-bottom: 16px;letter-spacing: 0.015em;line-height: 1.5em;} .under main .top_des{margin-top: auto;margin-bottom: 40px;} .under main .top_des .big_ttl{font-size: 48px;margin-bottom: 15px;letter-spacing: 0.015em;font-weight: bold;} .under main .top_des .big_ttl span{font-size: 50%;} .under main .kv_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;} .under main .kv_bg img{width: 100%;height: 100%;object-fit: cover;} /*========================================================== T O P I C P A T H ==========================================================*/ .under main #topic_path{} .under main #topic_path ul{display:block;padding:10px 0} .under main #topic_path li{display:inline;position: relative;font-size: 12px;color: #666;} .under main #topic_path li:first-child a{position: relative;margin-left: -15px;padding-left: 15px;} .under main #topic_path li:first-child a{} .under main #topic_path li:first-child::before{background: url('../images/ic_home.png') center /cover no-repeat;width: 12px;height: 11px;content: '';display: inline-block;margin-right: 5px;} .under main #topic_path li:not(:last-child)::after{content:"";position:relative;display: inline-block;margin: 0 5px 0 10px;top: 0;pointer-events: none;background: url('../images/ic_topic_path.png') center /cover no-repeat;width: 5px;height: 10px;} .under main #topic_path li a{color: #666;} /*============ LIST ANCHOR LINK ============ */ .under main .list_anchor{display: flex;justify-content: center;margin-bottom: 110px;flex-wrap: wrap;} .under main .list_anchor li{letter-spacing: 0.015em;margin-right: 20px;} .under main .list_anchor li a{font-weight: bold;font-size: 18px;position: relative;padding-right: 32px;} .under main .list_anchor li.active a{color: #fff;pointer-events: none;} .under main .list_anchor li.active a::after{width: 0%;} .under main .list_anchor li a::before{background: url('../images/ic_anchor_w.png') center /cover no-repeat;width: 20px;height: 21px;position: absolute;top: 3px;right: 0;content: '';} .under main .list_anchor li a::after{width: 0;height: 1px;background: #fff;transition: all ease 0.3s;content: '';position: absolute;bottom: -8px;left: 0;} .under main .list_anchor li:last-child{margin-right: 0;} .under main .list_anchor.list_green li a::before{background: url('../images/ic_anchor.png') center /cover no-repeat;} /*============ BUTTON & TITLE COMMON ============ */ .under main .top_btn{position: absolute;bottom: 56px;right: 14px;display: flex;flex-direction: column;} /*========================================================== T A B L E ==========================================================*/ .under main table.td_top td{vertical-align:top} .under main table.tb_fix{table-layout: fixed;} .under main table{margin-bottom: 16px;} .under main table th{background:var(--mcolor);color:#fff;font-weight:700;font-size: 16px;line-height: 1.5em;padding:16px 5px;} .under main table td{background:#fff;font-size: 14px;padding:15px;} .under main table th, .under main table td{border-left: none;border-right: none;border-top: 3px solid var(--txt);border-bottom: 3px solid var(--txt);} .under main table img{display:block;margin:auto;} .under main table td.bg2{background: #E6E6E6;font-weight: bold;text-align: left;font-size: 16px;} .under main table td.bg2.center{text-align: center;} .under main table td.bg3{background: #F7F7F7;font-size: 16px;padding: 43px 15px;} .under main table td.bg3 .arr{text-align: left;font-weight: bold;display: block;width: 100%;position: relative;} .under main table td.bg3 .arr::before{background: url('../images/ic_table.png') center /cover no-repeat;width: 8px;height: 13px;position: absolute;top: calc(50% - 8px);right: 0;content: '';} .under main table td.bg4{} .under main table td.bg5{background: var(--yel);} .under main table td .md{font-size: 20px;} .under main table td .sm{font-size: 10px;} .under main table td .numb{font-size: 20px;font-weight: bold;color: #1571DA;font-family: var(--en);} .under main table td .price{} .under main table td .price p{margin-bottom: 0;} .under main .frame01{background: #EEF8FF;padding: 15px;} /*============ LIST ============ */ /* LIST 01 */ .under main .list01, .under main .wp_content ul{margin-bottom: 30px;} .under main .list01 li, .under main .wp_content ul li{display:block;padding-left:25px;margin-bottom:5px;position:relative} .under main .list01 li::before, .under main .wp_content ul li::before{background:var(--mcolor);width:12px;height:3px;position:absolute;top:12px;left:0;content:''} /* LIST 02 */ .under main .list02, .under main .wp_content ol{margin-bottom: 30px;} .under main .list02 li, .under main .wp_content ol li{counter-increment: li; padding-left: 30px;position: relative;margin-bottom: 10px;} .under main .list02 li::before, .under main .wp_content ol li::before{ content: counter(li);position: absolute;width: 22px;height: 22px;display: flex;justify-content: center;align-items: center;border-radius: 50%;left: 0; top: 2px; background-color: var(--mcolor);font-size: 12px;font-weight: bold;color: #FFF;line-height: 22px;} /* LIST CHECK */ .under main .list_check{margin-bottom: 30px;} .under main .list_check li{display:block;padding-left:25px;margin-bottom:5px;position:relative} .under main .list_check li::before{content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 7px; height: 15px; border: solid var(--mcolor); border-width: 0 2px 2px 0; transform: rotate(45deg);} /* LIST STEP */ .under main .list_step dl{margin-bottom: 35px;padding-bottom: 50px;position: relative;} .under main .list_step dl:not(:last-child)::before{background: url('../images/ic-step.png') center /cover no-repeat;width: 80px;height: 30px;position: absolute;bottom: -10px;left: calc(50% - 40px);content: '';} .under main .list_step dl:last-child{padding-bottom: 0;margin-bottom: 0} .under main .list_step dt{background: var(--mcolor);color: #fff;font-weight: 500;padding: 10px;} .under main .list_step dd{padding: 15px;background: #fff;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);} /* IFRAME BOX */ .under main .box_map{width:100%;height:400px} .under main .box_ytb{width: 900px;height: auto; margin: 0 auto;aspect-ratio: 16/9;max-width: 100%;} .under main .box_map iframe, .under main .box_ytb iframe{width:100%;height:100%;border:none;outline: none;} .under main .list_indent{} .under main .list_indent li{display: flex;} .under main .list_indent li span{flex-shrink: 0;} /* =========== WORDPRESS =========== */ .under main .wp_content p a {text-decoration: underline;color: var(--blue);} .under main .wp_content img {max-height: 500px;} .under main .wp_content img.aligncenter {margin: 0 auto;display: block;border-radius: 20px;} .under main .wp_content img.alignleft{float: left;margin: 0 50px 0 0;border-radius: 20px;} .under main .wp_content img.alignright{float: right;margin: 0 0 0 50px;border-radius: 20px;} .under main .wp_content img {max-height: 500px;width: auto;} .under main .wp_content del{text-decoration: line-through;} .under main .wp_pagination {display: flex;justify-content: center;flex-wrap: wrap;align-items: center;} .under main .wp_pagination > span, .under main .wp_pagination a{display: flex;justify-content: center;align-items: center;text-decoration: none;color: var(--txt);text-align: center;font-weight: bold;line-height: 1em;transition: all 0.3s;font-size: 20px;font-family: var(--en);margin-right: 25px;} .under main .wp_pagination a{color: var(--txt)} .under main .wp_pagination > span {color: var(--org);} .under main .wp_pagination a.next{width: 36px;height: 36px;background: url('../images/ic_next.png') center /cover no-repeat;margin-right: 0;} .under main .wp_pagination a.prev{width: 36px;height: 36px;background: url('../images/ic_prev.png') center /cover no-repeat;} /*============ COMMON SECTION ============ */ /* RECOMMEND */ .under main .sec_recommend{padding-bottom: 120px;} .under main .sec_recommend .u_ttl{margin-bottom: 40px;} .under main .list_rcm{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 60px;} .under main .rcm_item{width: 412px;border:3px solid var(--txt);border-radius: 20px;padding: 37px 13px 13px;margin-right: 22px;margin-bottom: 22px;} .under main .rcm_item .big{font-size: 18px;font-weight: 600;text-align: center;line-height: 1.5em;margin-bottom: 0;min-height: 54px;} .under main .rcm_item .rcm_bg{background: #EEF8FF;border-radius: 8px;position: relative;margin-top: 39px;padding:43px 0 30px;} .under main .rcm_item .rcm_bg::before{background: url('../images/rcm_arrow.png') center /cover no-repeat;width: 32px;height: 32px;content: '';position: absolute;top: -7px;left: calc(50% - 18px);} .under main .rcm_item .rcm_des{display: flex;padding-left: 16px;margin-bottom: 22px;} .under main .rcm_item .rcm_des .img{flex-shrink: 0;width: 80px;margin-bottom: 0;} .under main .rcm_item .rcm_des .txt{position: relative;font-size: 24px;color: var(--mcolor);font-weight:bold;line-height: 1.575em;padding: 3px 0 0 58px;letter-spacing: 0.025em;text-align: left;margin-bottom: 0;} .under main .rcm_item .rcm_des .txt::before{background: url('../images/ic_check.png') center /cover no-repeat;width: 26px;height: 24px;content: '';position: absolute;top: 5px;left: 22px;} .under main .rcm_item .rcm_des .txt span{font-size: 32px;letter-spacing: 0;} .under main .rcm_item .txt_c{font-size: 18px;font-weight: 500;margin-bottom: 33px;text-align: center;} /* VALUE */ .under main .sec_value{padding-bottom: 112px;} .under main .sec_value .inner{background: #EEF8FF;width: 1536px;padding: 113px 15px 107px;border-radius: 20px;} .under main .value_list{display: flex;justify-content: center;margin: 71px 0 68px;} .under main .value_item{width: 305px;height: auto;padding: 41px 30px 36px;position: relative;border:3px solid var(--txt);border-radius:20px;margin-right: 20px;background: #fff;} .under main .value_item:last-child{margin-right: 0;} .under main .value_item .en{position: absolute;top: -14px;left: calc(50% - 55px);background: url('../images/value_ic.png') center /cover no-repeat;width: 112px;height: 24px;text-align: center;font-size: 18px;font-weight: bold;color: var(--org);} .under main .value_item .big{font-size: 26px;line-height: 1.5em;letter-spacing: 0;text-align: center;font-weight: bold;margin-bottom: 12px;min-height: 80px;} .under main .value_item .img{text-align: center;margin-bottom: 8px;} .under main .value_item .txt{padding-left: 5px;letter-spacing: 0.025em;margin-bottom: 0;} .under main .value_item.ver2{background: none;border:none;padding:0;border-radius:0;} .under main .value_item.ver2 .tag{width:309px;height: 127px;display: flex;align-items: center;justify-content: center;background: url('../images/value_bg.png') center /cover no-repeat;padding-bottom: 23px;letter-spacing: -0.05em;margin-bottom: 0;} .under main .value_item.ver2 .tag::before{width: 60px;height: 60px;display: inline-block;content: '';margin-right: 10px;} .under main .value_item.ver2 .tag > span{text-align: left;font-weight: bold;} .under main .value_item.ver2 .tag > span span{color: var(--mcolor);} .under main .value_item.ver2 .big{margin-bottom: 0;font-size: 22px;} .under main .value_item.ver2 .txt{padding-left: 10px;padding-right: 9px;letter-spacing: 0;margin-bottom: 0;} .under main .value_item.ver2 .img{margin-bottom: 0;} #empty-house main .value_item.ver2:nth-child(1) .tag::before{background: url('../images/value_icon1.png') center /cover no-repeat;} #empty-house main .value_item.ver2:nth-child(2) .tag::before{background: url('../images/value_icon2.png') center /cover no-repeat;} #empty-house main .value_item.ver2:nth-child(3) .tag::before{background: url('../images/value_icon3.png') center /cover no-repeat;} #empty-house main .value_item.ver2:nth-child(4) .tag::before{background: url('../images/value_icon4.png') center /cover no-repeat;} #seizen-seiri main .value_item.ver2:nth-child(1) .tag::before{background: url('../images/value_icon5.png') center /cover no-repeat;} #seizen-seiri main .value_item.ver2:nth-child(2) .tag::before{background: url('../images/value_icon6.png') center /cover no-repeat;position: relative;left: 0;margin-right: 0;} #seizen-seiri main .value_item.ver2:nth-child(3) .tag::before{background: url('../images/value_icon7.png') center /cover no-repeat;} #seizen-seiri main .value_item.ver2:nth-child(4) .tag::before{background: url('../images/value_icon8.png') center /cover no-repeat;} #license_nintei2.under main .value_list{margin-bottom: 18px;} #license_nintei2.under main .sec_value .right{width: 1294px;margin:0 auto 20px;max-width: 100%;letter-spacing: 0;font-size: 12px;} /*============ MENU SECTION ============ */ .under main .sec_menu{background: #FFFAD9;padding: 113px 0 120px;} .under main .sec_menu .inner{width: 1566px;} .under main .sec_menu .u_ttl{margin-bottom: 85px;} /* MENU SERVICE */ .under main .menu_service{display: flex;margin-bottom: 80px;} .under main .menu_item{width: 748px;background: #fff;border-radius: 20px;position: relative} .under main .menu_left{margin-right: 42px;padding: 73px 60px 49px;} .under main .menu_left::after{width: 42px;height: 42px;background: url('../images/menu_ic_close.png') center /cover no-repeat;content: '';position: absolute;top: calc(50% - 21px);right: -42px;} .under main .menu_left .label{background: var(--yel);width: 306px;height: 50px;border-radius: 999px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 24px;font-weight: bold;position: absolute;top: -25px;left: calc(50% - 153px);margin-bottom: 0;border:2px solid var(--txt);padding-top: 4px;} .under main .menu_left .txt{margin-bottom: 27px;} .under main .menu_left .txt p{letter-spacing: 0;} .under main .menu_left .time{display: flex;align-items: flex-start;} .under main .menu_left .time .tag{background:#FFFAD9;color: var(--org);flex-shrink: 0;font-weight: bold;border-radius: 5px;padding: 6px 8px 5px;margin-right: 18px;} .under main .menu_left .time .des{font-size: 20px;font-weight: 500;line-height: 1.7em;} .under main .menu_left .time .des span{font-size: 80%;} .under main .menu_right{} .under main .menu_right .label{background: url('../images/menu_tag.png') center /cover no-repeat;width: 341px;height: 72px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 24px;color: #fff;position: absolute;top: -22px;left: calc(50% - 170px);padding-left: 6px;} .under main .menu_right .label span{position: relative;} .under main .menu_right .label .en{font-size: 36px;font-weight: bold;transform: rotate(-1deg);left: 1px;top: -12px;} .under main .menu_right .label .rt{position: relative;font-weight: 600;} .under main .menu_right .label .rt1{transform: rotate(-5deg);top: -2px;} .under main .menu_right .label .rt2{transform: rotate(-3.3deg);top: -4px;} .under main .menu_right .label .rt3{transform: rotate(-2.1deg);top: -5px;} .under main .menu_right .label .rt4{top: -6px;left: 2px;} .under main .menu_right .label .rt5{transform: rotate(1.4deg);top: -5px;left: 3px;} .under main .menu_right .label .rt6{transform: rotate(2.7deg);top: -5px;left: 2px;} .under main .menu_right .label .rt7{transform: rotate(4.1deg);top: -3px;left: 3px;} .under main .menu_right .label .rt8{transform: rotate(5.6deg);top: -1px;left: 2px;} .under main .menu_right .menu_check{padding: 100px 50px 50px;display: flex;align-items: center;justify-content: center;height: 100%;} .under main .menu_right .menu_check ul{} .under main .menu_right .menu_check ul li{font-size: 24px;position: relative;padding-left: 35px;letter-spacing: 0;font-weight: bold;} .under main .menu_right .menu_check ul li::before{background: url('../images/ic_check.png') center /cover no-repeat;width: 26px;height: 24px;content: '';position: absolute;top: 6px;left: 0;} .under main .menu_right .menu_check ul li span{font-weight: 500;font-size: 16px;} .under main .check{} .under main .check li{font-size: 16px;letter-spacing: 0;font-weight: 500;margin-bottom: 5px;line-height: 2em;display: flex;} .under main .check li:last-child{margin-bottom: 0;} .under main .check li .icon{position: relative;padding-left: 35px;width: 200px;flex-shrink: 0;} .under main .check li .icon::before{background: url('../images/ic_check.png') center /cover no-repeat;width: 26px;height: 24px;content: '';position: absolute;top: 5px;left: 0;} .under main .check li .icon{font-weight: bold;font-size: 24px;} .under main .check.full li .icon{width: 100%;} #cooking.under main .menu_service{flex-direction: column;} #cooking.under main .menu_left{width: 100%;margin-bottom: 90px;} #cooking.under main .menu_left::after{top: inherit;bottom: -55px;right: inherit;left: calc(50% - 21px);} #cooking.under main .menu_right{width: 100%;} /* MENU VIDEO */ .under main .menu_video{width: 1140px;max-width: 100%;margin: 0 auto 157px;display: flex;justify-content: space-between;} .under main .balloon{background: #fff;border-radius: 20px;width: 440px;height: 177px;padding: 50px 30px 30px 126px;position: relative;} .under main .balloon::after{background: url('../images/ic_balloon.png') center /cover no-repeat;width: 60px;height: 30px;content: '';position: absolute;bottom: -28px;right: 39px;} .under main .balloon p{font-size: 28px;font-weight: bold;line-height: 1.5em;position: relative;} .under main .balloon p::before{background: url('../images/ic_play_b.png') center /cover no-repeat;width: 66px;height: 66px;content: '';position: absolute;top: 8px;left: -83px;} .under main .balloon p .numb{font-size: 40px;line-height: 1em;position: relative;} .under main .balloon p .numb:before {position: absolute;content: "";background: url("../images/skew_org_l.svg") no-repeat left top, url("../images/skew_org_r.svg") no-repeat right top;width: 47px;height: 17px;left: -11px;right: 0;top: -10px;margin: 0 auto;} .under main .balloon p .blue{color: var(--mcolor);} .under main .box_video{width: 640px;height: 364px;border:3px solid var(--txt);position: relative;border-radius: 20px;overflow: hidden;} .under main .box_video::before{background: rgba(0, 0, 0, 0.2);position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;z-index: 1;pointer-events:none} .under main .box_video::after{background: url('../images/ic_play.png') center /cover no-repeat;width: 56px;height: 62px;content: '';position: absolute;top: calc(50% - 31px);left: calc(50% - 20px);z-index: 3;pointer-events: none;} .under main .box_video video{width: 100%;height:100%;} .under main .box_video.active::before, .under main .box_video.active::after{display: none;} /* MENU BLOCK */ .under main .menu_block{display: flex;width: 1280px;margin:0 auto 80px;max-width:100%;} .under main .menu_ttl{flex-shrink: 0;width: 234px;} .under main .menu_ttl .name{font-size: 40px;font-weight: bold;line-height: 1.3em;letter-spacing: 0;} .under main .menu_block .slick-arrow{width: 36px;height: 36px;background: url('../images/ic_next.png') center /cover no-repeat;top: 143px;} .under main .menu_block .slick-arrow::before{display: none;} .under main .menu_block .slick-next{left: -180px;} .under main .menu_block .slick-prev{background: url('../images/ic_prev.png') center /cover no-repeat;left: -232px;} /* MENU COOKING */ .under main .cook_list{height: 300px;overflow: hidden;} .under main .cook_list.slick-initialized{height: auto;overflow: inherit;} .under main .cook_item{background: #fff;border-radius: 20px;margin-right: 35px;width: 800px;padding: 30px;} .under main .cook_item ul{display: flex;justify-content: center;} .under main .cook_item ul li{position: relative;width: 360px;overflow: hidden;height: 240px;margin-right: 20px;} .under main .cook_item ul li:last-child{margin-right: 0;} .under main .cook_item ul li .img{} .under main .cook_item ul li .img img{width: 100%;height: 100%;object-fit:cover} .under main .cook_item ul li .des{text-align: center;font-weight: bold;} .under main .cook_item ul li.img_bf{border:2px solid var(--mcolor);border-radius: 10px;} .under main .cook_item ul li.img_af{border:4px solid var(--org);border-radius: 10px;position: relative;left: 4px;} .under main .cook_item ul li.img_af .tag{background: var(--org);padding-top: 5px;} /* SPECIAL */ .under main .frame_special{padding: 50px 0;} .under main .frame_special .spec_ttl{text-align: center;font-size: 40px;font-weight: bold;color: var(--mcolor);margin-bottom: 14px;letter-spacing: 0;} .under main .frame_special .spec_ttl .border{display: inline-block;position: relative;padding: 0 40px;} .under main .frame_special .spec_ttl .border::after, .under main .frame_special .spec_ttl .border::before{background: url('../images/ic_banner_l.png') center /cover no-repeat;width: 24px;height: 24px;position: absolute;top: 4px;left: 0;content: '';} .under main .frame_special .spec_ttl .border::after{background: url('../images/ic_banner_r.png') center /cover no-repeat;left: inherit;right: 0;} .under main .special_content{background: #fff;border-radius: 20px;padding: 30px;margin: 0 auto} .under main .special_content .time{display: flex;align-items: flex-start;} .under main .special_content .time .tag{background:#FFFAD9;color: var(--org);flex-shrink: 0;font-weight: bold;border-radius: 5px;padding: 6px 8px 5px;margin-right: 18px;} .under main .special_content .time .des{font-size: 20px;font-weight: 500;line-height: 1.7em;} .under main .special_content .time .des span{font-size: 80%;} /* MENU BEFORE & AFTER */ .under main .before_list{} .under main .before_item{background: #fff;border-radius: 20px;margin-right: 20px;width: 776px;padding: 41px 34px;} .under main .before_item .label{text-align: center;font-size: 14px;font-weight: 600;margin-bottom: 36px;} .under main .before_item .label span{background: #FFFAD9;color: var(--org);font-size: 16px;font-weight: bold;padding: 8px 6px 7px 8px;display: inline-block;margin-right: 18px;letter-spacing: 0;} .under main .before_item ul{display: flex;justify-content: space-between;} .under main .before_item ul li{position: relative;width: 346px;overflow: hidden;height: 231px;} .under main .before_item ul li .tag{position: absolute;top: 0;left: 0;color: #fff;background: var(--mcolor);border-radius:0 0 10px 0;padding: 7px 17px 5px;font-size: 18px;letter-spacing: 0;font-weight: bold;} .under main .before_item ul li .img{} .under main .before_item ul li .img img{width: 100%;height: 100%;object-fit:cover} .under main .before_item ul li.img_bf{border:2px solid var(--mcolor);border-radius: 10px;} .under main .before_item ul li.img_af{border:4px solid var(--org);border-radius: 10px;position: relative;left: 4px;} .under main .before_item ul li.img_af .tag{background: var(--org);padding-top: 5px;} /* MENU STEP */ .under main .menu_step{} .under main .step_list{} .under main .step_item{width: 382px;background: #fff;border-radius: 20px;height: 490px;margin-right: 35px;overflow: hidden;padding-bottom: 20px;} .under main .step_item .img{width: 100%;height: 235px;overflow: hidden;margin-bottom: 0;} .under main .step_item .img img{width: 100%;height: 100%;object-fit: cover;} .under main .step_item .des{position: relative;margin-top: 52px;} .under main .step_item .en{width: 90px;height: 90px;background: #fff;border-radius: 50%;position: absolute;top: -88px;left: calc(50% - 45px);color: var(--mcolor);font-weight: bold;font-size: 16px;letter-spacing: 0;display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 0;flex-direction: column;padding-bottom: 14px;} .under main .step_item .en span{font-size: 36px;display: block;} .under main .step_item .name{font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 16px;} .under main .step_item .name span{font-size: 12px;} .under main .step_item .txt{padding: 0 40px;font-size: 14px;line-height: 1.7em;letter-spacing: 0;} /* MENU CASE */ .under main .menu_case{} .under main .step_list, .under main .case_list{height: 480px;overflow: hidden;} .under main .step_list.slick-initialized, .under main .case_list.slick-initialized{height: auto;overflow: inherit;} .under main .case_item{width: 760px;background: #fff;border-radius: 20px;display: flex;padding: 38px 38px 38px 41px;margin-right: 27px;align-items: center;flex-direction: column;} .under main .case_item .case_ttl{display: flex;margin-bottom: 26px;padding-left: 8px;} .under main .case_item .case_ttl .en{color: var(--mcolor);font-size: 20px;font-weight: bold;margin:0 27px 0 0} .under main .case_item .case_ttl .en span{font-size: 32px;margin-left: 4px;} .under main .case_item .case_ttl .jp{font-size: 24px;line-height: 1.7em;letter-spacing: 0;margin-bottom: 0;font-weight: bold;} .under main .case_item .des{padding-left: 8px;margin-bottom: 23px;font-size: 14px;letter-spacing: 0;min-height: 49px;} .under main .case_item .case_content{display: flex;width: 100%;} .under main .case_item .img{text-align: center;width: 262px;flex-shrink: 0;margin-right: 47px;} .under main .case_item .img .avatar{width: 262px;display: flex;align-items: center;justify-content: center;text-align: center;} .under main .case_item .img .avatar img{width: 100%;height: 100%;object-fit: cover;} .under main .case_item .infor{padding-top: 25px;flex-grow: 1;} .under main .case_item .infor ul{} .under main .case_item .infor ul li{font-size: 20px;display: flex;align-items: center;font-weight: 500;margin-bottom: 8px;} .under main .case_item .infor ul li span{min-width: 115px;height: 38px;display: flex;align-items: center;justify-content: center;text-align: center;color: var(--org);background: #FFFAD9;font-size: 16px;font-weight: bold;flex-shrink: 0;margin-right: 22px;border-radius: 5px;padding: 1px 6px 0px;width: auto;} /* BOX BANNER */ .under main .box_banner{text-align: center;width: 1000px;margin:0 auto 125px;position: relative;display: flex;justify-content: center;} .under main .box_banner.mt80{margin-top: 80px;} .under main .box_banner::after{background: url('../images/box_banner_img.png') center /cover no-repeat;width: 154px;height: 192px;content: '';display: inline-block;margin-left: 60px;flex-shrink: 0;} .under main .box_banner .blue{text-align: center;font-size: 20px;font-weight: bold;color: var(--mcolor);margin-bottom: 14px;letter-spacing: 0;} .under main .box_banner .blue span{display: inline-block;position: relative;padding: 0 40px;} .under main .box_banner .blue span::after, .under main .box_banner .blue span::before{background: url('../images/ic_banner_l.png') center /cover no-repeat;width: 24px;height: 24px;position: absolute;top: 4px;left: 0;content: '';} .under main .box_banner .blue span::after{background: url('../images/ic_banner_r.png') center /cover no-repeat;left: inherit;right: 0;} .under main .box_banner .big{font-size: 28px;font-weight: bold;letter-spacing: 0;padding-left: 10px;margin-bottom: 22px;} /* MENU COOKING */ .under main .menu_cooking .menu_ttl p {} .under main .menu_cooking .slick-arrow {top:200px} .under main .menu_cooking .cook_item ul li {height: auto;} .under main .menu_cooking .cook_item ul li .img {height: 240px} .under main .list_cook_btn {display: flex;justify-content: center;} .under main .list_cook_btn .u_btn:not(:last-child) {margin-right: 30px;} .under main .cooking_bnn {margin-top: 110px;} .under main .cooking_bnn .f_big{font-size: 32px;margin-bottom: 40px;} /* BOX IMG */ .under main .box_img{text-align: center;position: relative;} .under main .box_img a{position: relative;z-index: 1;display: inline-block;} .under main .box_img a::before{position: absolute;bottom: 0;right: 0;background: url('../images/ic_link_bnn.png') center /cover no-repeat;width: 57px;height: 57px;content: '';border-radius: 0 0 10px 0;} .under main .box_img img{border-radius: 10px;box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);transition: all ease 0.3s;} /*============ OTHER SECTION ============ */ .under main .btn_common{text-align: center;text-decoration: none;} .under main .btn_common a{width: 411px;height: 73px;border-radius: 999px;background: var(--mcolor);color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;margin-left: auto;margin-right: auto;font-size: 20px;font-weight: bold;position: relative;padding-right: 20px;letter-spacing: 0;border:2px solid var(--mcolor);padding-top: 2px;} .under main .btn_common a::before{background: url('../images/ic_arr_ubtn_w.png') center /cover no-repeat;width: 20px;height: 15px;position: absolute;top: calc(50% - 7px);right: 22px;content: '';transition: all ease 0.3s;} .under main .sec_price{padding: 92px 0 70px;background: #EEF8FF;} .under main .sec_area{padding:109px 0 3px;} .under main .area_box{border:3px solid var(--txt);border-radius: 5px;padding: 60px 55px 75px 75px} .under main .area_box .des{margin-bottom: 60px;} .under main .area_box .des p{font-size: 12px;line-height: 1.5em;letter-spacing: 0;color: #333;} /* OTHER SECTION */ .under .sec_other{} .under .sec_other .inner{display: flex;} .under .sec_other .other_ttl{flex-shrink: 0;} .under .sec_other .other_ttl .big{font-size: 40px;font-weight: bold;line-height: 1.3em;letter-spacing: 0.025em;} .under .sec_other .other_content{margin-left: 68px;} .under .sec_other .other_content ul{display: flex;} .under .sec_other .other_content ul li{width: 320px;height: 370px;border: 6px solid var(--txt);border-radius:20px;margin-right: 24px;position: relative;overflow: hidden;transition: all ease 0.3s;transform: translateY(0);box-shadow: 0 0 0 rgba(0,0,0, 0.25);} .under .sec_other .other_content ul li a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;display: flex;} .under .sec_other .other_content ul li a span{margin-top: auto;font-size: 24px;line-height: 1.5em;letter-spacing: 0.025em;display: flex;align-items: center;padding: 16px 17px 8px 14px;border-radius: 0 30px 0 0;font-weight: bold;transition: all ease 0.3s;} .under .sec_other .other_content ul li a span::after{display: inline-block;width: 36px;height: 36px;background: url('../images/btn_arr_w2.png') center /cover no-repeat;content: '';margin-left: 12px;position: relative;top: -1px;transition: all ease 0.3s;} .under .sec_other .other_content ul li:last-child{margin-right: 0;} .under .sec_other .other_content ul li.bg1{background: url('../images/other_img1.jpg') center /cover no-repeat;border-color: #62B5EB;} .under .sec_other .other_content ul li.bg1 a span{background: #62B5EB;} .under .sec_other .other_content ul li.bg2{background: url('../images/other_img2.jpg') center /cover no-repeat;border-color: #86DE5D;} .under .sec_other .other_content ul li.bg2 a span{background: #86DE5D;} .under .sec_other .other_content ul li.bg2 a span::after{margin-left: 8px;top: 17px;} .under .sec_other .other_content ul li.bg3{background: url('../images/other_img3.jpg') center /cover no-repeat;border-color: #FFD54D;} .under .sec_other .other_content ul li.bg3 a span{background: #FFD54D;} .under .sec_other .other_content ul li.bg4{background: url('../images/other_img4.jpg') center /cover no-repeat;border-color: #86DE5D;} .under .sec_other .other_content ul li.bg4 a span{background: #86DE5D;} #companyinfo .sec_other {margin-bottom: 0;} #companyinfo .sec_other .other_ttl{margin-bottom: 0;} #companyinfo .sec_other .other_ttl .big{line-height: 1.25em;margin-bottom: 26px;} #companyinfo .sec_other .other_ttl p{line-height: 2em;letter-spacing: 0;} #companyinfo .sec_other .btn_link{margin-top: 62px;} #companyinfo footer .sec_other::before{display: none;} /* =============================== FIX TOP =========================== */ .under main .sec_faq{padding: 120px 0 50px;} .under main .sec_voice{padding: 120px 0 0;} .under main .sec_voice .inner{width: 100%;} .under main .sec_area{padding-bottom: 0;} .under main .sec_schedule {padding-top:120px} .under main .u_ttl .ja{margin-top: 20px;} /* =============== SPECIAL PAGE =============== */ #seizen-seiri main .menu_left, #empty-house main .menu_left, #license_nintei2 main .menu_left{width: 100%;margin-right: 0;} #empty-house main .check li .icon {width: 295px;} #seizen-seiri main .menu_left::after, #empty-house main .menu_left::after, #license_nintei2 main .menu_left::after{display: none;} .license_tab {display: flex;justify-content: center;margin-bottom: 11px;} .license_tab li {margin: 0 3px;width: 314px;height: 54px;} .license_tab li a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #999999;padding-top: 5px;border: 2px #CCCCCC solid;border-bottom: none;border-radius: 5px 5px 0 0;} .license_tab li.active a {border-color: #111111;background: #FFDB57;color: #111111;border-width: 3px;pointer-events: none;} .license_tt {font-weight: bold;font-size: 30px;margin-bottom: 0px;} .license_txt {margin-top: 15px;} .license_content {height: auto;overflow: inherit;text-align: center;} .license_box {border: 3px #111 solid;border-radius: 5px;padding: 30px;} .un_text_content {text-align: center;} .txt_ver{-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: mixed;-moz-text-orientation: mixed;-ms-text-orientation: mixed;text-orientation: mixed;white-space: nowrap;} .under main .blue{color: var(--mcolor);} /* ============== PAGE 2 COMPANYINFO ============= */ .under main .sec_problem{padding-bottom: 60px;} .under main .problem_list{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;gap: 20px;width: 880px;} .under main .problem_item{display: flex;align-items: center;background: #F2F2F2;border-radius: 10px;width: 412px;height: 140px;/*margin:0 22px 20px 0;*/padding: 0 20px;} .under main .problem_item .img{margin-bottom: 0;flex-shrink: 0;} .under main .problem_item .des{margin-left: 25px;} .under main .problem_item .des p{margin-bottom: 0;letter-spacing: 0;font-weight: bold;} .under main .sec_point{position: relative;padding: 175px 0 36px;background: #FDF2F9;} .under main .sec_point::before{content: '';display: inline-block;width: 0;height: 0;border-style: solid;border-width: 80px 540px 0px 540px;border-color: #fff transparent transparent transparent;position: absolute;top: 0;left: calc(50% - 540px);} .under main .point_list{display: flex;justify-content: space-between;} .under main .point_item{text-align: center;width: 305px;height: 500px;padding: 38px 15px;background: #fff;border:3px solid #4D5459;box-shadow: 0 4px 0 #636C73;border-radius: 9999px;margin-right: 20px;} .under main .point_item:last-child{margin-right: 0;} .under main .point_item .img{margin-bottom: 0;} .under main .point_item .big{font-size: 18px;font-weight: bold;line-height: 1.7em;letter-spacing: -0.025em;margin-bottom: 13px;} .under main .point_item p{letter-spacing: 0;font-weight: 400;} .under main .sec_strength{background: #FDF2F9;padding: 100px 0 80px;} .under main .str_item{background: #fff;display: flex;flex-direction: row-reverse;padding: 60px 80px;border-radius: 20px;justify-content: space-between;margin-bottom: 40px;align-items: center;} .under main .str_img{width: 580px;flex-shrink: 0;} .under main .str_des{} .under main .str_des .en{position: relative;font-size: 15px;font-weight: bold;color: var(--mcolor);padding: 19px 12px 16px 20px;} .under main .str_des .en .numb{font-size: 68px;opacity: 0.2;color: var(--mcolor);font-weight: bold;position: absolute;top: 18px;left: 1px;} .under main .str_des .big{font-size: 24px;line-height: 1.7em;font-weight: bold;margin-bottom: 10px;letter-spacing: 0;text-align: left;} .under main .str_des .txt{letter-spacing: 0;width: 500px;font-weight: 400;} .under main .str_des .f_sm{letter-spacing: 0;font-size: 12px;} .under main .sec_archive{padding: 150px 0 125px;} .under main .sec_archive .u_ttl{margin-bottom: 45px;} .under main .archive_ct{background: #fff;border:2px solid var(--txt);box-shadow: 5px 6px 0px #E0E2E3;border-radius: 10px;padding: 50px 58px 90px;margin-top: 78px;display: flex;margin-bottom: 21px;position: relative;} .under main .archive_ct .big{font-size: 24px;font-weight: bold;letter-spacing: 0.03em;margin-bottom: 6px;} .under main .archive_ct .big .sm{font-size: 14px;font-weight: 400;} .under main .archive_ct .img{position: relative;z-index: 2;} .under main .archive_ct .list_ic{margin-bottom: 27px;} .under main .archive_ct .list_ic li{padding-left: 15px;font-size: 14px;position: relative;letter-spacing: 0;} .under main .archive_ct .list_ic li::before{background: var(--mcolor);width: 8px;height: 8px;border-radius: 50%;position: absolute;top: 7px;left: 0;content: '';} .under main .archive_ct .f_md{font-size: 14px;font-weight: 400;margin-bottom: 16px;} .under main .archive_l{width: 430px;flex-shrink: 0;margin-right: 41px;position: relative;} .under main .archive_l::before{background: url('../images/ic_dotted.png') top center repeat;width: 2px;height: calc(100% + 40px);position: absolute;top: 0;right: -2px;content: '';} .under main .archive_r .big{letter-spacing: 0.05em;margin-bottom: 33px;} .under main .archive_r .big .sm{margin-right: 10px;letter-spacing: 0;} .under main .archive_r .box_policy{width: 370px;height: 120px;background: #EEF8FF;border-radius: 10px;position: absolute;bottom: 50px;right: 23px;padding: 25px 15px 20px 25px;display: flex;align-items: center;} .under main .archive_r .box_policy img{margin-right: 15px;} .under main .archive_r .box_policy span{font-size: 14px;font-weight: 400;line-height: 1.5em;letter-spacing: 0;} .under main .note{line-height: 2.15em;letter-spacing: 0.005em;font-size: 12px;} .under main .sec_message{background: #EEF8FF;padding: 110px 0 104px;margin-bottom: 30px;} .under main .sec_message .u_ttl{margin-bottom: 40px;} .under main .message_ct{background: #fff;border-radius: 20px;display: flex;justify-content: space-between;padding: 60px 60px 32px 60px ;align-items: flex-start;} .under main .mess_txt{} .under main .mess_txt .big{font-size: 28px;font-weight: bold;margin-bottom: 21px;letter-spacing: -0.05em;} .under main .mess_txt .txt{line-height: 2em;letter-spacing: 0;font-weight: 400;} .under main .mess_video{width: 640px;flex-shrink: 0;border:3px solid var(--txt);border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content: center;} .under main .mess_video .box_ytb{height: 100%;} /* SPECIAL PAGE */ .under main #anchor_menu ~ p{margin: -70px auto 70px;} #cooking .sec05_tab {justify-content: space-between;} #cooking .sec05_tab li{width: calc((100% - 10px) / 2);} #cooking .sec05_box{padding: 0;border:none;border-radius: 0;} /* RESET */ .under main table:last-child, .under main .faq_list:last-child, .under main .faq_list dl:last-child, .under main .list01:last-child, .under main .list01 li:last-child, .under main .list02:last-child, .under main .list02 li:last-child, .under main .list_check:last-child, .under main .list_check li:last-child, .under main .list_step:last-child, .under main .list_step dl:last-child, .under main section p:last-child, .under main p:last-child, .under main .box_banner:last-child, .under main .frame_pick:last-child{margin-bottom: 0}