/*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* CSS Document */ body { font-family: "Roboto", "Zen Kaku Gothic New", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: break-all; overflow-wrap: break-word; background-color: #efefef; text-align: center; line-height: 1.6; color: #302D2C; -webkit-transition: all 0.2s; transition: all 0.2s; margin: auto; } /* font-size */ html { font-size: 62.5%; } ul, ol, dl, li, strong, dt, dd, p, div, span, a, article, label, input, select, textarea { font-size: clamp(1.6rem, 1vw + 1rem, 1.8rem); font-weight: normal; } h1 { font-size: clamp(4.8rem, 1.75vw + 4.1rem, 6.4rem); } h2 { font-size: clamp(3.2rem, 3vw + 0.75rem, 4.8rem); } h3 { font-size: clamp(2.4rem, 1.2vw + 1.75rem, 3.2rem); } h4, h5, h6 { font-size: clamp(1.8rem, 0.78vw + 1.45rem, 2.4rem); } h1, h2, h3, h4, h5, h6 { font-weight: bold; } .bold { font-weight: bold; } .tal { text-align: left; } .tar { text-align: right; } /* grid */ .grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 16px; padding-right: 16px; padding-left: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .wrap { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .center { text-align: center; } .clear { display: none !important; } .show { display: block !important; } .hidden { visibility: hidden !important; } @media (max-width: 1600px) { .max-clear { display: none !important; } .max-show { display: block !important; } .max-hidden { visibility: hidden !important; } } @media (max-width: 1280px) { .web-clear { display: none !important; } .web-show { display: block !important; } .web-hidden { visibility: hidden !important; } } @media (max-width: 1024px) { .pad-clear { display: none !important; } .pad-show { display: block !important; } .pad-hidden { visibility: hidden !important; } } @media (max-width: 768px) { .mob-clear { display: none !important; } .mob-show { display: block !important; } .mob-hidden { visibility: hidden !important; } } .all-1 { grid-column: span 1; } .all-2 { grid-column: span 2; } .all-3 { grid-column: span 3; } .all-4, .three { grid-column: span 4; } .all-5 { grid-column: span 5; } .all-6, .half { grid-column: span 6; } .all-7 { grid-column: span 7; } .all-8 { grid-column: span 8; } .all-9 { grid-column: span 9; } .all-10 { grid-column: span 10; } .all-11 { grid-column: span 11; } .all-12, .all { grid-column: span 12; } @media (max-width: 1600px) { .max-1 { grid-column: span 1; } .max-2 { grid-column: span 2; } .max-3 { grid-column: span 3; } .max-4 { grid-column: span 4; } .max-5 { grid-column: span 5; } .max-6 { grid-column: span 6; } .max-7 { grid-column: span 7; } .max-8 { grid-column: span 8; } .max-9 { grid-column: span 9; } .max-10 { grid-column: span 10; } .max-11 { grid-column: span 11; } .max-12 { grid-column: span 12; } } @media (max-width: 1280px) { .web-1 { grid-column: span 1; } .web-2 { grid-column: span 2; } .web-3 { grid-column: span 3; } .web-4 { grid-column: span 4; } .web-5 { grid-column: span 5; } .web-6 { grid-column: span 6; } .web-7 { grid-column: span 7; } .web-8 { grid-column: span 8; } .web-9 { grid-column: span 9; } .web-10 { grid-column: span 10; } .web-11 { grid-column: span 11; } .web-12 { grid-column: span 12; } } @media (max-width: 1024px) { .pad-1 { grid-column: span 1; } .pad-2 { grid-column: span 2; } .pad-3 { grid-column: span 3; } .pad-4 { grid-column: span 4; } .pad-5 { grid-column: span 5; } .pad-6 { grid-column: span 6; } .pad-7 { grid-column: span 7; } .pad-8 { grid-column: span 8; } .pad-9 { grid-column: span 9; } .pad-10 { grid-column: span 10; } .pad-11 { grid-column: span 11; } .pad-12 { grid-column: span 12; } } @media (max-width: 768px) { .mob-1 { grid-column: span 1; } .mob-2 { grid-column: span 2; } .mob-3 { grid-column: span 3; } .mob-4 { grid-column: span 4; } .mob-5 { grid-column: span 5; } .mob-6 { grid-column: span 6; } .mob-7 { grid-column: span 7; } .mob-8 { grid-column: span 8; } .mob-9 { grid-column: span 9; } .mob-10 { grid-column: span 10; } .mob-11 { grid-column: span 11; } .mob-12 { grid-column: span 12; } } html { scroll-behavior: smooth; } .main { background-image: url(../img/bg.png); background-repeat: repeat; background-color: #465E4A; } .main header { overflow: hidden; } .main header .header_wrap { overflow: hidden; background-color: #9E9973; border-radius: 0 0 2000px 2000px/0 0 400px 400px; margin: 0px -200px; text-align: center; } .main header .header_wrap .header_conts { overflow: hidden; padding: 0px 200px; background-image: url(../img/top-img.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .main header .header_wrap .header_conts .header_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 40px; } .main header .header_wrap .header_conts .header_nav a { display: inline-block; margin: 8px; padding: 16px; font-size: 20px; font-weight: bold; text-decoration: underline; } .main header .header_wrap .header_conts .header_logo { height: 320px; margin-top: 80px; } .main header .header_wrap .header_conts .header_ilst { margin-top: 32px; margin-bottom: 80px; width: 175px; } .main header .header_wrap .header_conts h2 { margin-top: 80px; font-size: 32px; } .main .ttl_deco { width: 40px; } .main .about { color: #FFFFFF; padding-top: 80px; padding-bottom: 80px; } .main .about h2 { font-size: 32px; margin-bottom: 40px; } .main .about p { line-height: 2.4; font-size: 20px; } .main .about p span { font-size: 20px; font-weight: bold; } .main .about .about_flow { margin-top: 80px; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main .about .about_flow .arrow { max-width: 16px; width: 100%; margin: 0 80px; } .main .about .about_flow .about_flow_wrap img { max-width: 200px; width: 100%; } .main .about .about_flow .about_flow_wrap h3 { font-size: 24px; text-decoration: underline; } .main .about .about_video { margin-top: 80px; margin-left: auto; margin-right: auto; max-width: 800px; width: 100%; aspect-ratio: 16/9; padding: 16px; } .main .about .about_video iframe { width: 100%; height: 100%; } .main .event .evet_wrap_deco { vertical-align: bottom; } .main .event .event_wrap { background-color: #9E9973; padding-top: 80px; padding-bottom: 140px; background-image: url(../img/bg.png); background-repeat: repeat; } .main .event .event_wrap h2 { font-size: 32px; margin-bottom: 80px; } .main .event .event_wrap .event_conts { max-width: 864px; width: 100%; margin-left: auto; margin-right: auto; } .main .event .event_wrap .event_conts .bg_g, .main .event .event_wrap .event_conts .bg_b, .main .event .event_wrap .event_conts .bg_r, .main .event .event_wrap .event_conts .bg_gray { color: #FFFFFF; font-weight: bold; border: 1px solid #DDDDDD; } .main .event .event_wrap .event_conts .bg_g { background-color: #4F8858; } .main .event .event_wrap .event_conts .bg_b { background-color: #516FE9; } .main .event .event_wrap .event_conts .bg_r { background-color: #E95151; } .main .event .event_wrap .event_conts .bg_gray { background-color: #9E9973; } .main .event .event_wrap .event_conts .event_year { margin-top: 80px; width: calc(100% - 192px); margin-left: auto; margin-right: auto; background-color: #465E4A; color: #FFFFFF; font-weight: bold; font-size: 24px; padding: 8px; border: 1px solid #DDDDDD; letter-spacing: 0.5rem; } .main .event .event_wrap .event_conts .event_month { margin-top: 40px; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main .event .event_wrap .event_conts .event_month p { width: 96px; padding: 8px; font-size: 24px; } .main .event .event_wrap .event_conts .event_month .event_month_space { width: 96px; } .main .event .event_wrap .event_conts .event_month hr { border-bottom: 1px solid #DDDDDD; width: calc(100% - 192px); } .main .event .event_wrap .event_conts .event_card { max-width: calc(100% - 192px); width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 40px; display: inline-block; padding: 40px; background-color: rgba(255, 255, 255, 0.4); position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; } .main .event .event_wrap .event_conts .event_card .event_status { position: absolute; width: 104px; height: 104px; line-height: 104px; font-size: 24px; border-radius: 120px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .event .event_wrap .event_conts .event_card .event_card_img { margin-top: 60px; } .main .event .event_wrap .event_conts .event_card .event_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main .event .event_wrap .event_conts .event_card .event_info .event_date { -webkit-transition: all 0.2s; transition: all 0.2s; font-size: 40px; font-weight: bold; } .main .event .event_wrap .event_conts .event_card .event_info .event_tag { padding: 4px 16px; } .main .event .event_wrap .event_conts .event_card h4 { -webkit-transition: all 0.2s; transition: all 0.2s; font-size: 24px; text-align: left; } .main .event .event_wrap .event_conts .event_card:hover { background-color: #FFFFFF; } .main .event .event_wrap .event_conts .event_card:hover .event_info .event_date { text-decoration: underline; } .main .event .event_wrap .event_conts .event_card:hover h4 { text-decoration: underline; } .main footer { color: #FFFFFF; padding-top: 160px; padding-bottom: 24px; } .main footer h2 { font-size: 32px; margin-bottom: 40px; } .main footer table { font-size: 20px; text-align: left; margin-left: auto; margin-right: auto; } .main footer table tr th { padding: 16px 0; font-weight: bold; padding-right: 40px; } .main footer table tr td a { font-size: 20px; font-weight: bold; text-decoration: underline; } .main footer table tr td a:hover { opacity: 0.7; } .main footer .footer_logo { margin-top: 80px; margin-bottom: 0; display: inline-block; } .main footer .footer_logo img { -webkit-transition: all 0.2s; transition: all 0.2s; max-width: 200px; width: 100%; } .main footer .footer_logo:hover img { opacity: 0.7; } .main footer .footer_cr { margin-top: 40px; font-weight: bold; font-size: 20px; } .main .instagram_wrap { max-width: 1280px; width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 120px; } @media (max-width: 1024px) { .main .about .about_flow .arrow { max-width: 12px; width: 100%; margin: 0 32px; } .main .about .about_flow .about_flow_wrap img { max-width: 136px; } .main .about .about_flow .about_flow_wrap h3 { font-size: 20px; } .main .event .event_wrap .event_conts { padding-left: 16px; padding-right: 16px; } } @media (max-width: 768px) { .main header .header_wrap .header_conts .header_ilst { margin-top: 40px; } .main header .header_wrap .header_conts h2 { margin-top: 40px; font-size: 24px; } .main .about h2 { font-size: 24px; margin-bottom: 24px; } .main .about p { line-height: 2; font-size: 18px; } .main .about p span { font-size: 18px; } .main .about .about_flow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main .about .about_flow .arrow { margin: 40px 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .main .about .about_video { margin-top: 40px; } .main .event .event_wrap { padding-bottom: 100px; } .main .event .event_wrap h2 { font-size: 24px; } .main .event .event_wrap .event_conts { padding-left: 8px; padding-right: 8px; } .main .event .event_wrap .event_conts .event_year { max-width: 768px; width: 100%; } .main .event .event_wrap .event_conts .event_month p { font-size: 20px; } .main .event .event_wrap .event_conts .event_month .event_month_space { display: none; } .main .event .event_wrap .event_conts .event_month hr { border-bottom: 1px solid #DDDDDD; width: calc(100% - 96px); } .main .event .event_wrap .event_conts .event_card { max-width: 768px; padding: 16px; } .main .event .event_wrap .event_conts .event_card .event_status { width: 80px; height: 80px; line-height: 80px; font-size: 18px; } .main .event .event_wrap .event_conts .event_card .event_card_img { margin-top: 40px; } .main .event .event_wrap .event_conts .event_card .event_info .event_date { font-size: 28px; } .main .event .event_wrap .event_conts .event_card .event_info .event_tag { padding: 4px 8px; } .main .event .event_wrap .event_conts .event_card h4 { font-size: 18px; } .main footer { padding-top: 120px; padding-left: 8px; padding-right: 8px; } .main footer h2 { font-size: 24px; } .main footer table { font-size: 18px; } .main footer table tr th { padding-right: 24px; white-space: nowrap; } .main footer table tr td a { font-size: 18px; } .main footer .footer_logo img { max-width: 160px; } .main footer .footer_cr { font-size: 18px; } .main .instagram_wrap { margin-top: -40px; } } .main header .header_wrap .header_conts { background-position: 50% 90%; } .main header .header_wrap .header_conts .header_logo { margin-bottom: 80px; } .main .ttl_deco { width: 40px; } .main .os_detail_btn { display: inline-block; } .main .os_detail_btn .os_detail_btn_deco { -webkit-transition: all 0.2s; transition: all 0.2s; display: inline-block; padding: 8px 24px; background-color: #FFFFFF; border-radius: 4px; font-size: 20px; font-weight: bold; border: solid 2px #302D2C; -webkit-transform: translateY(16px); transform: translateY(16px); } .main .os_detail_btn .os_detail_btn_main { -webkit-transition: all 0.2s; transition: all 0.2s; color: #FFFFFF; padding: 24px 80px; font-size: 32px; background-color: #465E4A; border-radius: 8px; font-weight: bold; } .main .os_detail_btn:hover .os_detail_btn_deco { -webkit-transform: translateY(8px); transform: translateY(8px); border-radius: 80px; -webkit-box-shadow: 0 4px 6px #302D2C; box-shadow: 0 4px 6px #302D2C; } .main .os_detail_btn:hover .os_detail_btn_main { background-color: #4F8858; border-radius: 80px; -webkit-box-shadow: 0 4px 6px #302D2C; box-shadow: 0 4px 6px #302D2C; } .main .os_detail { padding-left: 16px; padding-right: 16px; color: #FFFFFF; padding-top: 80px; padding-bottom: 80px; } .main .os_detail h2 { font-size: 32px; margin-bottom: 40px; } .main .os_detail .os_detail_wrap { background-color: rgba(255, 255, 255, 0.8); color: #302D2C; max-width: 1280px; width: 100%; margin-right: auto; margin-left: auto; padding: 80px 40px; } .main .os_detail .os_detail_wrap .os_detail_ttl { margin-right: auto; margin-left: auto; display: inline-block; } .main .os_detail .os_detail_wrap .os_detail_ttl h3 { text-align: left; } .main .os_detail .os_detail_wrap .os_detail_ttl h3 span { font-weight: bold; font-size: 40px; padding: 8px 16px; display: inline-block; } .main .os_detail .os_detail_wrap .os_detail_ttl h3 span:first-child { color: #FFFFFF; background-color: #9E9973; } .main .os_detail .os_detail_wrap .os_detail_ttl h3 span:nth-child(3) { color: #302D2C; background-color: #FFFFFF; margin-top: 16px; } .main .os_detail .os_detail_wrap .marche_ttl h3 span:first-child { color: #FFFFFF; background-color: #c2511d; } .main .os_detail .os_detail_wrap img { max-width: 800px; width: 100%; margin-top: 40px; display: block; margin-right: auto; margin-left: auto; } .main .os_detail .os_detail_wrap .os_detail_date { margin-top: 24px; font-weight: bold; font-size: 48px; } .main .os_detail .os_detail_wrap .os_detail_date span { color: #9E9973; font-weight: bold; font-size: 48px; } .main .os_detail .os_detail_wrap table { display: inline-block; margin-right: auto; margin-left: auto; margin-top: 40px; margin-bottom: 40px; } .main .os_detail .os_detail_wrap table tr { text-align: left; font-size: 20px; } .main .os_detail .os_detail_wrap table tr th { font-weight: bold; width: 80px; padding: 8px; white-space: nowrap; } .main .os_detail .os_detail_wrap table tr td { font-size: 18px; line-height: 2; } .main .os_detail .os_detail_wrap table tr td span { font-size: 20px; font-weight: bold; } .main .os_detail .os_detail_wrap table tr td .normal_f { font-size: 18px; font-weight: 400; } .main .os_detail .os_detail_wrap .os_detail_msg { line-height: 2.4; font-size: 20px; font-weight: bold; margin-bottom: 40px; } .main .os_mentor .os_mentor_wrap_deco { vertical-align: bottom; } .main .os_mentor .os_mentor_area { padding-left: 16px; padding-right: 16px; background-color: #9E9973; padding-top: 80px; padding-bottom: 140px; background-image: url(../img/bg.png); background-repeat: repeat; } .main .os_mentor .os_mentor_area h2 { font-size: 32px; margin-bottom: 80px; } .main .os_mentor .os_mentor_area .os_mentor_wrap { background-color: rgba(255, 255, 255, 0.8); max-width: 1280px; width: 100%; margin-right: auto; margin-left: auto; padding: 80px 40px; } .main .os_mentor .os_mentor_area .os_mentor_wrap .os_mentor_name { max-width: 800px; width: 100%; display: inline-block; text-align: left; } .main .os_mentor .os_mentor_area .os_mentor_wrap .os_mentor_name h3 { display: inline-block; vertical-align: middle; margin-right: 24px; } .main .os_mentor .os_mentor_area .os_mentor_wrap .os_mentor_name p { display: inline-block; font-size: 20px; } .main .os_mentor .os_mentor_area .os_mentor_wrap .os_mentor_cat { max-width: 800px; width: 100%; display: inline-block; font-weight: bold; text-align: left; margin-bottom: 8px; font-size: 20px; } .main .os_mentor .os_mentor_area .os_mentor_wrap a { display: inline-block; margin-bottom: 80px; } .main .os_mentor .os_mentor_area .os_mentor_wrap a img { vertical-align: baseline; max-width: 800px; width: 100%; -webkit-transition: all 0.2s; transition: all 0.2s; } .main .os_mentor .os_mentor_area .os_mentor_wrap a:hover img { -webkit-box-shadow: 0px 4px 6px #302D2C; box-shadow: 0px 4px 6px #302D2C; } @media (max-width: 1024px) { .main .os_detail .os_detail_wrap { padding: 40px 24px; } .main .os_detail .os_detail_wrap .os_detail_ttl h3 span { font-size: 32px; padding: 8px 16px; } .main .os_detail .os_detail_wrap .os_detail_date { font-size: 40px; } .main .os_detail .os_detail_wrap .os_detail_date span { font-size: 40px; } .main .os_mentor .os_mentor_area .os_mentor_wrap { padding: 40px; } } @media (max-width: 768px) { .main .os_detail_btn { display: inline-block; margin-left: -16px; margin-right: -16px; } .main .os_detail_btn .os_detail_btn_deco { padding: 8px 16px; font-size: 18px; } .main .os_detail_btn .os_detail_btn_main { padding: 24px; font-size: 20px; } .main .os_detail { padding-left: 8px; padding-right: 8px; } .main .os_detail h2 { font-size: 24px; margin-bottom: 24px; } .main .os_detail .os_detail_wrap { padding: 24px 8px; } .main .os_detail .os_detail_wrap .os_detail_ttl h3 span { font-size: 28px; padding: 8px 16px; } .main .os_detail .os_detail_wrap .os_detail_date { font-size: 26px; } .main .os_detail .os_detail_wrap .os_detail_date span { font-size: 26px; } .main .os_detail .os_detail_wrap table { margin-top: 24px; margin-bottom: 24px; } .main .os_detail .os_detail_wrap table tr { font-size: 18px; } .main .os_detail .os_detail_wrap table tr th { width: 56px; padding: 8px; } .main .os_detail .os_detail_wrap table tr td { font-size: 16px; } .main .os_detail .os_detail_wrap table tr td span { font-size: 18px; font-weight: bold; } .main .os_detail .os_detail_wrap .os_detail_msg { line-height: 2; font-size: 16px; margin-bottom: 16px; } .main .os_mentor .os_mentor_area { padding-left: 8px; padding-right: 8px; } .main .os_mentor .os_mentor_area h2 { font-size: 24px; margin-bottom: 24px; } .main .os_mentor .os_mentor_area .os_mentor_wrap { padding: 24px 24px; } .main .os_mentor .os_mentor_area .os_mentor_wrap .os_mentor_name h3 { margin-right: 20px; } .main .os_mentor .os_mentor_area .os_mentor_wrap .os_mentor_name p { font-size: 18px; } .main .os_mentor .os_mentor_area .os_mentor_wrap .os_mentor_cat { font-size: 18px; } .main .os_mentor .os_mentor_area .os_mentor_wrap a { margin-bottom: 24px; } } .lp01 { width: 100%; background-color: #F5F2E8; letter-spacing: 0.08em; color: #302D2C; } .lp01 .brdr_inside, .lp01 .brdr_outside { border: 2px solid #435026; } .lp01 .brdr_midside { border: 6px solid #77861E; } .lp01 .brdr_outside { border-radius: 46px; } .lp01 .brdr_midside { border-radius: 45px; } .lp01 .brdr_inside { border-radius: 40px; } .lp01 .brdr_circle { border-radius: 400px; } .lp01 .res_side { padding-left: 64px; padding-right: 64px; } .lp01 .ttl_o { height: 64px; } .lp01 header { background-image: url(../lp01-img/header-bg.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; padding-top: 80px; padding-bottom: 80px; } .lp01 header .header_wrap { position: relative; max-width: 1520px; width: 100%; margin-left: auto; margin-right: auto; } .lp01 header .header_wrap .header_logo { max-width: 640px; width: 100%; margin-bottom: 72px; } .lp01 header .header_wrap .header_tag { position: absolute; top: 0px; right: 40px; color: #fff; font-size: clamp(2.4rem, 1.2vw + 1.75rem, 3.2rem); padding: 16px 40px; background-color: #77861E; display: inline-block; font-weight: bold; border-radius: 4px; } .lp01 .about { position: relative; background-color: #B4C97E; padding-top: 80px; padding-bottom: 320px; } .lp01 .about .arch { position: absolute; top: -80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 82px; } .lp01 .about .about_wrap { max-width: 1520px; width: 100%; margin-left: auto; margin-right: auto; } .lp01 .about .about_wrap .about_content { background-color: #fff; border-radius: 40px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px; } .lp01 .about .about_wrap .about_content .about_ttl { position: absolute; top: -60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 760px; } .lp01 .about .about_wrap .about_content .about_profile { padding: 20px; max-width: 320px; width: 100%; } .lp01 .about .about_wrap .about_content .about_profile .about_profile_img { border-radius: 400px; width: 200px; } .lp01 .about .about_wrap .about_content .about_profile .about_profile_txt2 { font-weight: bold; font-size: clamp(2.4rem, 1.2vw + 1.75rem, 3.2rem); } .lp01 .about .about_wrap .about_content .about_desc { padding: 20px; max-width: calc(100% - 320px); width: 100%; } .lp01 .about .about_wrap .about_content .about_desc h3 { text-align: left; font-size: clamp(2.4rem, 1.2vw + 1.75rem, 3.2rem); margin-bottom: 16px; } .lp01 .about .about_wrap .about_content .about_desc p { text-align: left; font-size: clamp(1.6rem, 1vw + 1rem, 2.2rem); } .lp01 .about .about_btn { margin-top: 80px; display: inline-block; } .lp01 .about .about_btn .brdr_midside { -webkit-transition: all 0.2s; transition: all 0.2s; } .lp01 .about .about_btn .about_btn_wrap { -webkit-transition: all 0.2s; transition: all 0.2s; background-color: #fff; border-radius: 400px; padding: 40px 120px; } .lp01 .about .about_btn .about_btn_wrap p { color: #F26419; font-size: clamp(3.2rem, 3vw + 0.75rem, 4.8rem); font-weight: bold; -webkit-transition: all 0.2s; transition: all 0.2s; } .lp01 .about .about_btn .about_btn_wrap p::after { -webkit-transition: all 0.2s; transition: all 0.2s; content: ""; background-image: url(../lp01-img/arrow.png); background-size: cover; width: 22px; height: 27px; display: inline-block; margin-left: 16px; margin-bottom: 4px; } .lp01 .about .about_btn:hover .brdr_midside { border: 6px solid #fff; } .lp01 .about .about_btn:hover .about_btn_wrap { background-color: #77861E; } .lp01 .about .about_btn:hover .about_btn_wrap p { color: #fff; } .lp01 .about .about_btn:hover .about_btn_wrap p::after { -webkit-transform: translateX(8px); transform: translateX(8px); } .lp01 .event { position: relative; background-color: #F5F2E8; padding-top: 40px; padding-bottom: 160px; } .lp01 .event .arch { position: absolute; top: -80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 82px; } .lp01 .event .event_ttl { position: absolute; z-index: 999; top: -116px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .lp01 .event .event_wrap { max-width: 1520px; width: 100%; margin-left: auto; margin-right: auto; } .lp01 .event .event_wrap .event_info { background-color: #ECE9DF; padding: 40px 56px; border-radius: 4px; } .lp01 .event .event_wrap img, .lp01 .event .event_wrap .event_desc { padding-left: 16px; padding-right: 16px; max-width: 1088px; width: 100%; margin-left: auto; margin-right: auto; } .lp01 .event .event_wrap .event_desc { padding-left: 32px; padding-right: 32px; text-align: left; margin-top: 16px; margin-bottom: 40px; font-size: clamp(1.6rem, 1vw + 1rem, 2.2rem); } .lp01 .guest { background-image: url(../lp01-img/guest-bg.png); background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; position: relative; background-color: #B4C97E; padding-bottom: 320px; } .lp01 .guest .guest_ilst { position: absolute; width: 640px; right: 0; bottom: 160px; } .lp01 .guest .guest_ttl { margin-top: 40px; } .lp01 .guest .guest_wrap { margin-top: 80px; max-width: 1520px; width: 100%; margin-left: auto; margin-right: auto; } .lp01 .guest .guest_wrap h3 { color: white; -webkit-box-shadow: 4px 4px #fff; box-shadow: 4px 4px #fff; display: inline-block; border-radius: 4px; padding: 12px 40px; margin-bottom: 40px; } .lp01 .guest .guest_wrap .guest_subttl_o { background-color: #DC7D1C; } .lp01 .guest .guest_wrap .guest_subttl_g { margin-top: 40px; background-color: #77861E; } .lp01 .guest .guest_wrap .guest_o { -webkit-box-shadow: 8px 8px #DC7D1C; box-shadow: 8px 8px #DC7D1C; } .lp01 .guest .guest_wrap .guest_g { -webkit-box-shadow: 8px 8px #77861E; box-shadow: 8px 8px #77861E; } .lp01 .guest .guest_wrap .guest_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 40px; position: relative; } .lp01 .guest .guest_wrap .guest_area img { max-width: 400px; width: 100%; height: 100%; } .lp01 .guest .guest_wrap .guest_area .guest_dec { max-width: calc(100% - 400px); text-align: left; padding: 0 40px; background-color: #F5F2E8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 999; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_name h4 { vertical-align: middle; display: inline-block; font-size: clamp(2.4rem, 1.2vw + 1.75rem, 3.2rem); margin-right: 16px; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_name p { vertical-align: middle; display: inline-block; font-weight: bold; font-size: clamp(1.6rem, 1vw + 0.75rem, 2rem); } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_company { font-weight: bold; font-size: clamp(1.6rem, 1vw + 1rem, 2.2rem); margin-bottom: 8px; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_txt { font-size: clamp(1.6rem, 1vw + 0.75rem, 2rem); } .lp01 .guest .guest_wrap .guest_btn { position: relative; margin-top: 80px; display: inline-block; -webkit-transition: all 0.2s; transition: all 0.2s; background-color: #F5F2E8; border-radius: 400px; padding: 40px 120px; -webkit-box-shadow: 0 8px #F26419; box-shadow: 0 8px #F26419; } .lp01 .guest .guest_wrap .guest_btn p { color: #F26419; font-size: clamp(3.2rem, 3vw + 0.75rem, 4.8rem); font-weight: bold; -webkit-transition: all 0.2s; transition: all 0.2s; } .lp01 .guest .guest_wrap .guest_btn p::after { -webkit-transition: all 0.2s; transition: all 0.2s; content: ""; background-image: url(../lp01-img/arrow.png); background-size: cover; width: 22px; height: 27px; display: inline-block; margin-left: 16px; margin-bottom: 4px; } .lp01 .guest .guest_wrap .guest_btn:hover { background-color: #77861E; -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 16px #435026; box-shadow: 0 16px #435026; } .lp01 .guest .guest_wrap .guest_btn:hover p { color: #fff; } .lp01 .guest .guest_wrap .guest_btn:hover p::after { -webkit-transform: translateX(8px); transform: translateX(8px); } .lp01 .guest .guest_wrap .guest_btn:active { -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-box-shadow: 0 0 #435026; box-shadow: 0 0 #435026; } .lp01 .seminar { position: relative; background-color: #F5F2E8; padding-top: 40px; padding-bottom: 0; margin-bottom: 0; } .lp01 .seminar .arch { position: absolute; top: -80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 82px; } .lp01 .seminar .seminar_ttl { position: absolute; z-index: 999; top: -116px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 64px; } .lp01 .seminar .seminar_wrap { max-width: 1520px; width: 100%; margin-left: auto; margin-right: auto; } .lp01 .seminar .seminar_wrap .seminar_desc { font-weight: bold; font-size: clamp(1.6rem, 1.2vw + 1rem, 2.4rem); } .lp01 .seminar .seminar_wrap .seminar_area { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_num { color: #fff; font-weight: bold; font-size: clamp(2.4rem, 1.2vw + 1.75rem, 3.2rem); background-color: #DC7D1C; width: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box { max-width: calc(100% - 80px); width: 100%; text-align: left; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top { padding: 16px 40px; background-color: #F9F9F6; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top p { font-size: clamp(2.4rem, 1.2vw + 1.75rem, 3.2rem); font-weight: bold; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top p span { font-weight: bold; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top p .seminar_box_top_s { font-size: clamp(1.6rem, 1.2vw + 1rem, 2.4rem); } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top p .seminar_box_top_o { color: #DC7D1C; font-size: clamp(2.4rem, 1.2vw + 1.75rem, 3.2rem); } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_btm, .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_plus { padding: 24px 40px; background-color: #fff; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_btm p { font-size: clamp(1.6rem, 1vw + 0.75rem, 2rem); } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_plus p { font-size: clamp(1.6rem, 1.2vw + 1rem, 2.4rem); font-weight: bold; } .lp01 .seminar .footer_ilst { margin-top: 80px; width: 100%; vertical-align: top; } .lp01 footer { background-color: #B4C97E; padding-top: 120px; padding-bottom: 120px; } .lp01 footer .footer_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lp01 footer .footer_wrap .footer_logo { margin-right: 80px; } .lp01 footer .footer_wrap .footer_logo img { max-width: 250px; width: 100%; -webkit-transition: all 0.2s; transition: all 0.2s; } .lp01 footer .footer_wrap .footer_logo:hover img { opacity: 0.7; } .lp01 footer .footer_wrap .footer_info { display: inline-block; } .lp01 footer .footer_wrap .footer_info .brdr_inside { background-color: #fff; text-align: left; padding: 40px 80px; padding-top: 32px; } .lp01 footer .footer_wrap .footer_info .brdr_inside h3 { text-align: center; margin-bottom: 8px; } .lp01 footer .footer_wrap .footer_info .brdr_inside .footer_info_top { font-size: clamp(1.8rem, 0.78vw + 1.45rem, 2.4rem); } .lp01 footer .footer_wrap .footer_info .brdr_inside .footer_info_top span { font-size: clamp(1.8rem, 0.78vw + 1.45rem, 2.4rem); font-weight: bold; } .lp01 footer .footer_wrap .footer_info .brdr_inside .footer_info_top a { font-size: clamp(1.8rem, 0.78vw + 1.45rem, 2.4rem); color: #F26419; } .lp01 footer .footer_wrap .footer_info .brdr_inside .footer_info_top a:hover { color: #DC7D1C; text-decoration: underline; } .lp01 footer .footer_wrap .footer_info .brdr_inside .footer_info_btm { font-size: clamp(1.6rem, 1vw + 0.75rem, 2rem); margin-top: 8px; } .lp01 footer .footer_wrap .footer_info .brdr_inside .footer_info_btm span { font-size: clamp(1.6rem, 1vw + 0.75rem, 2rem); font-weight: bold; } @media (max-width: 1280px) { .lp01 .res_side { padding-left: 24px; padding-right: 24px; } .lp01 header { padding-top: 40px; padding-bottom: 40px; } .lp01 header .header_wrap .header_logo { max-width: 520px; } .lp01 header .header_wrap .header_tag { right: 24px; } .lp01 .about { padding-bottom: 240px; } .lp01 .about .about_wrap .brdr_outside { border-radius: 600px 600px 46px 46px; } .lp01 .about .about_wrap .brdr_midside { border-radius: 600px 600px 45px 45px; } .lp01 .about .about_wrap .brdr_inside { border-radius: 600px 600px 40px 40px; } .lp01 .about .about_wrap .about_content { border-radius: 600px 600px 40px 40px; padding: 16px; } .lp01 .about .about_wrap .about_content .about_ttl { top: -88px; width: 640px; } .lp01 .about .about_wrap .about_content .about_desc { max-width: 100%; } .lp01 .about .about_wrap .about_content .about_desc h3 { text-align: center; } .lp01 .guest { padding-bottom: 320px; } .lp01 .guest .guest_ilst { width: 480px; } .lp01 .guest .guest_ttl { margin-top: 0px; } .lp01 .guest .guest_wrap .guest_area img { max-width: 304px; } .lp01 .guest .guest_wrap .guest_area .guest_dec { max-width: calc(100% - 304px); padding: 0 24px; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_company { margin: 0; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_txt { font-size: clamp(1.6rem, 1vw + 1rem, 1.8rem); line-height: 1.4; } } @media (max-width: 1024px) { .lp01 .res_side { padding-left: 16px; padding-right: 16px; } .lp01 .about .about_btn .about_btn_wrap p::after { margin-bottom: 0px; } .lp01 .guest .guest_ilst { width: 320px; } .lp01 .guest .guest_wrap .guest_area { max-width: 560px; margin-right: auto; margin-left: auto; } .lp01 .guest .guest_wrap .guest_area img { max-width: 560px; padding: 64px; padding-top: 40px; padding-bottom: 0px; background-color: #F5F2E8; } .lp01 .guest .guest_wrap .guest_area .guest_dec { max-width: 560px; padding: 32px; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_name { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_name h4 { margin-right: 0px; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_company { margin-top: 8px; text-align: center; margin-bottom: 16px; } .lp01 .guest .guest_wrap .guest_area .guest_dec .guest_txt { line-height: 1.6; } .lp01 .guest .guest_wrap .guest_btn p::after { margin-bottom: 0px; } .lp01 .seminar { position: relative; background-color: #F5F2E8; padding-top: 40px; padding-bottom: 0; margin-bottom: 0; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top { padding: 16px 24px; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_btm, .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_plus { padding: 24px 24px; } .lp01 .seminar .footer_ilst { margin-top: 80px; width: 100%; vertical-align: top; } .lp01 footer .footer_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .lp01 footer .footer_wrap .footer_logo { margin-right: 0px; margin-bottom: 80px; } } @media (max-width: 768px) { .lp01 .brdr_midside { border: 4px solid #77861E; } .lp01 .res_side { padding-left: 8px; padding-right: 8px; } .lp01 .ttl_o { height: 40px !important; } .lp01 header { padding-bottom: 16px; } .lp01 header .header_wrap .header_logo { padding-left: 16px; padding-right: 16px; } .lp01 header .header_wrap .header_tag { top: -32px; right: 8px; font-size: clamp(1.6rem, 1.2vw + 1rem, 2.4rem); padding: 8px 16px; } .lp01 .about { padding-top: 40px; padding-bottom: 120px; } .lp01 .about .about_wrap .brdr_outside { border-radius: 600px 600px 52px 52px; } .lp01 .about .about_wrap .brdr_midside { border-radius: 600px 600px 50px 50px; } .lp01 .about .about_wrap .brdr_inside { border-radius: 600px 600px 40px 40px; } .lp01 .about .about_wrap .about_content { padding: 0; padding-top: 16px; } .lp01 .about .about_wrap .about_content .about_ttl { top: -56px; } .lp01 .about .about_wrap .about_content .about_profile { padding: 8px; } .lp01 .about .about_wrap .about_content .about_profile .about_profile_img { width: 240px; } .lp01 .about .about_wrap .about_content .about_profile .about_profile_txt2 { font-weight: bold; font-size: 22px; } .lp01 .about .about_wrap .about_content .about_profile .about_profile_txt3 { font-size: 14px; } .lp01 .about .about_wrap .about_content .about_desc { padding: 16px; } .lp01 .about .about_wrap .about_content .about_desc h3 { font-size: 20px; margin-bottom: 8px; } .lp01 .about .about_btn { margin-top: 40px; } .lp01 .about .about_btn .about_btn_wrap { padding: 16px 40px; } .lp01 .about .about_btn .about_btn_wrap p { font-size: 20px; } .lp01 .about .about_btn .about_btn_wrap p::after { width: 12px; height: 16px; margin-left: 8px; margin-bottom: -1px; } .lp01 .about .about_btn:hover .brdr_midside { border: 4px solid #fff; } .lp01 .event { padding-bottom: 80px; } .lp01 .event .arch { top: -2%; height: 46px !important; } .lp01 .event .event_ttl { top: -3%; } .lp01 .event .event_wrap { max-width: 1520px; width: 100%; margin-left: auto; margin-right: auto; } .lp01 .event .event_wrap .event_info { padding: 16px 8px; } .lp01 .event .event_wrap img, .lp01 .event .event_wrap .event_desc { padding-left: 8px; padding-right: 8px; } .lp01 .event .event_wrap .event_desc { margin-top: 4px; margin-bottom: 32px; } .lp01 .event .event_wrap .event_schedule { max-width: 400px; } .lp01 .guest { padding-bottom: 160px; } .lp01 .guest .guest_ilst { width: 240px; bottom: 80px; } .lp01 .guest .guest_wrap { margin-top: 40px; } .lp01 .guest .guest_wrap h3 { padding: 8px 24px; } .lp01 .guest .guest_wrap .guest_o { -webkit-box-shadow: 4px 4px #DC7D1C; box-shadow: 4px 4px #DC7D1C; } .lp01 .guest .guest_wrap .guest_g { -webkit-box-shadow: 4px 4px #77861E; box-shadow: 4px 4px #77861E; } .lp01 .guest .guest_wrap .guest_area .guest_dec { padding: 24px; } .lp01 .guest .guest_wrap .guest_btn { margin-top: 40px; padding: 16px 40px; -webkit-box-shadow: 0 4px #F26419; box-shadow: 0 4px #F26419; } .lp01 .guest .guest_wrap .guest_btn p { font-size: 20px; } .lp01 .guest .guest_wrap .guest_btn p::after { width: 12px; height: 16px; margin-left: 8px; margin-bottom: -1px; } .lp01 .guest .guest_wrap .guest_btn:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 8px #435026; box-shadow: 0 8px #435026; } .lp01 .guest .guest_wrap .guest_btn:active { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 0 #435026; box-shadow: 0 0 #435026; } .lp01 .seminar .arch { top: -2%; height: 46px; } .lp01 .seminar .seminar_ttl { top: -3%; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_num { width: 32px; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box { max-width: calc(100% - 40px); } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top { padding: 16px; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top p { font-size: 20px; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_top p .seminar_box_top_o { font-size: 20px; } .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_btm, .lp01 .seminar .seminar_wrap .seminar_area .seminar_box .seminar_box_plus { padding: 16px; } .lp01 .seminar .footer_ilst { margin-top: 80px; width: 100%; vertical-align: top; } .lp01 footer { padding-top: 80px; padding-bottom: 40px; padding-left: 8px; padding-right: 8px; } .lp01 footer .footer_wrap .footer_logo { margin-bottom: 40px; } .lp01 footer .footer_wrap .footer_logo img { max-width: 160px; } .lp01 footer .footer_wrap .footer_info .brdr_outside { border-radius: 16px; } .lp01 footer .footer_wrap .footer_info .brdr_midside { border-radius: 15px; } .lp01 footer .footer_wrap .footer_info .brdr_inside { border-radius: 10px; } .lp01 footer .footer_wrap .footer_info .brdr_inside { padding: 16px 24px; } }