/* Theme Name:inspiro-child Template:inspiro Version:2.0 */ @charset "UTF-8"; /*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;900&display=swap');*/ body > * { font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; text-transform: none !important; } a { color:#29A8F2 } .view-pc { display: none; } .mt30{ margin-top:30px; } .mt60{ margin-top:60px; } .mr30{ margin-right:30px; } .mr60{ margin-right:60px; } .mb30{ margin-bottom:30px; } .mb60{ margin-bottom:60px; } .ml30{ margin-left:30px; } .ml60{ margin-left:60px; } /*header*/ .home .custom-logo-link{ display:none } .custom-logo-link img{ max-height:60px } #sb-search{ display:none } #site-navigation { background: #FFF } .home #site-navigation { background: none } .custom-header {background-color:#FFF} .has-header-image .custom-header-media:before, .has-header-video .custom-header-media:before { background-image: none; !important} .navbar-nav>li.ico-blank a {position:relative;padding-right:1.6em;} .ico-blank a::after{position:absolute;top:50%;right:0;width:1em;height:1em;transform:translatey(-50%);background: url('https://www.aceguide.co.jp/wp-content/themes/inspiro-child/img/icon-outlink-bk.svg') no-repeat;content:'';} .side-nav .navbar-nav li.ico-blank a:active::after, .side-nav .navbar-nav li.ico-blank a:hover::after {opacity:.3;} @media screen and (min-width:48.1em){ .site-header.headroom { position:unset } .ico-blank a::after{background: url('https://www.aceguide.co.jp/wp-content/themes/inspiro-child/img/icon-outlink-bk.svg') no-repeat;} .home .ico-blank a::after{background: url('https://www.aceguide.co.jp/wp-content/themes/inspiro-child/img/icon-outlink-wt.svg') no-repeat;} .home footer .ico-blank a::after{background: url('https://www.aceguide.co.jp/wp-content/themes/inspiro-child/img/icon-outlink-bk.svg') no-repeat;} } /*side*/ .side-nav__scrollable-container { background-color:#FFF;color:#000 } .side-nav .widget .title{ color:#000 } .admin-bar .side-nav__wrap { background: #EFEFEF; box-shadow: 0 0 0 #EEE; } .side-nav .navbar-nav li a{ color: #0A0A0A } .side-nav .navbar-nav li a:active, .side-nav .navbar-nav li a:hover { color:#A7A7A7; opacity:.7 } .navbar-toggle .icon-bar{ background:#CCC } .home .navbar-toggle .icon-bar { background: #FFF } .side-nav__close-button .navbar-toggle .icon-bar{ background:#CCC } .side-nav-open .side-nav-overlay, .side-nav-transitioning { background: rgba(0, 0, 0, .5); } .navbar-nav>li>a:hover { color:#CCC;text-decoration:none } .admin-bar .side-nav__wrap { background:#FFF; } @media screen and (min-width: 64.1em){ .view-pc { display: block; } .view-sp { display: none; } #site-navigation .header-navigation-wrapper .navbar-toggle{display:none} .navbar-nav a{ color: #0A0A0A } .home .navbar-nav a{ color: #FFF } .navbar-nav>li{ border-left: 1px solid #FFF; margin-right: 0;padding-left: .9375em } home.navbar-nav>li{ border-left: 1px solid #374058 } .navbar-nav>li a { padding: 0; line-height: 1; font-size:14px } .navbar-nav>li:first-child{ border-left: 0 } .navbar-nav>li.current-menu-item>a, .navbar-nav>li.current-menu-parent>a, .navbar-nav>li.current_page_item>a, .navbar-nav>li.current_page_parent>a {border-bottom: none } } /*button*/ .btn { position:relative; font-size:16px } .btn::after {position:absolute; top:calc(50% - 5px); right: 15px; width: 10px; height: 10px; border-top: 2px solid #FFF; border-right: 2px solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content:''} #main .btn-more { width: 80%; max-width: 480px; } #main .home-btn-more a { position:relative; width: 100%; padding: 1.5em; border: none; border-radius: 100vh; background: #E8F0FE; font-size:16px; color: #2A5897; line-height: 1.2; text-decoration: none;} #main .home-btn-more a:hover{ opacity:.75; } #main .home-btn-more a::after {position:absolute; top:calc(50% - 5px); right: 15px; width: 10px; height: 10px; border-top: 2px solid #2A5897; border-right: 2px solid #2A5897; -webkit-transform: rotate(45deg); transform: rotate(45deg); content:''} .wp-block-button__link, .wp-element-button { background: #E8F0FE; font-size:16px; color: #2A5897; border-radius: 100vh; } #main .btn-pink { position:relative; display: block; width: 80%; max-width: 480px;border: none; margin:15px auto 5px; padding: 20px 15px;border-radius: 5em; background: #DC6B5C; font-size:16px; color: #FFF; line-height: 1.2; text-decoration: none;box-shadow: 0 3px 6px rgba(0,0,0,0.2);box-sizing:border-box; } #main .btn-pink::after {position:absolute; top:calc(50% - 5px); right: 15px; width: 10px; height: 10px; border-top: 2px solid #FFF; border-right: 2px solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content:''} @media screen and (min-width: 64.1em){ .btn { padding: 20px 70px } .entry-content p { margin-bottom: 40px } } .wpcf7 .ajax-loader{ display:block;margin:15px auto 0;} /*content*/ body:not(.has-archive-description):not(.has-header-image) .page-title:after, body:not(.has-archive-description):not(.has-header-image).page .entry-title:after { content:none } .page .entry-title, .page-title { background:#FFF } .page .entry-title, .page-title { padding: 20px 4%; background:#FDF9ED; margin:20px -4% } .entry-header .entry-title { margin: 0; padding: 20px 10px } .home .page .entry-title, .home .page-title { background:none; margin-top: 20px } #main .inner-wrap { margin-bottom: 0; max-width: calc(950px + 20px); } #main .entry-content { margin-top: 0; padding-bottom: 20px } #doui {text-align:center} #doui input, #doui textarea, #doui label{ width:auto;margin:auto; } /*mv*/ .has-header-image .custom-header-media:before, .has-header-image .custom-header-media:after { content:none } .site-branding-text { text-align:left } body.has-header-image .site-title, body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-video .site-title { position:relative } body.has-header-image .site-title::before, body.has-header-image .site-title::before, body.has-header-video .site-title::before, body.has-header-video .site-title::before { display: block; margin-bottom:20px; background: url(https://www.aceguide.co.jp/wp-content/uploads/2023/08/logo-aceguide-1.png) center / contain no-repeat; width: 122px; height: 70px; content:''} body.has-header-image .site-title::after, body.has-header-image .site-title::after, body.has-header-video .site-title::after, body.has-header-video .site-title::after { display: block; left:0; margin:0; border:none; content:'沖縄から全国・世界へ \A 全国・世界から沖縄へ'; white-space: pre; letter-spacing:.15em; line-height:1.4 } body.has-header-image .site-title a, body.has-header-image .site-title a, body.has-header-video .site-title a, body.has-header-video .site-title a { opacity:0 } #scroll-to-content { height: 3.5em; opacity: 1; animation: none } #scroll-to-content:before{ width:100%; height:100%; left: 0; bottom: 0; border:none; background: url(https://www.aceguide.co.jp/wp-content/themes/inspiro-child/img/ico-arrow-down@2x.png) center / contain no-repeat; transform: none } @media screen and (min-width: 48em){ .site-title{margin-bottom:0 } } @media screen and (min-width: 64em){ #content{padding-top:0 !important} body.has-header-image .site-title, body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-video .site-title { line-height:1;padding-bottom:10px } .site-branding-text .site-description{ margin: 0 } body.has-header-image .site-title::after, body.has-header-image .site-title::after, body.has-header-video .site-title::after, body.has-header-video .site-title::after { font-size: 54px; top: 160px; width: 100% } body.has-header-image .site-title::before, body.has-header-image .site-title::before, body.has-header-video .site-title::before, body.has-header-video .site-title::before { height: 136px; width: 240px } #scroll-to-content { width:4em; height: 4em } } /*home main*/ .home #content { padding-top:0 !important } #page{ overflow:hidden; } .page .entry-content, .single .entry-content { margin-bottom: 0 } .wp-block-group>.wp-block-group__inner-container{ padding-left:0;padding-right:0; } .entry-content>.wp-block-columns, .entry-content>.wp-block-cover, .entry-content>.wp-block-group { padding-left:0;padding-right:0; } .home .page .entry-title, .home .page-title{ font-weight:normal } #home-wrap{padding-bottom:0;} #home-wrap h2, #home-wrap h3{ text-align:center; font-weight:normal } #home-wrap .torikumi-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap} #home-wrap .torikumi-list dl{ width: 50%; margin: 0; font-weight:700; text-align:center;line-height:1.6 } #home-wrap .torikumi-list dl dt { padding: 0 10px } #home-wrap .torikumi-list dl dd { margin-left: 10px; margin-right: 10px; font-size:14px } #home-wrap .torikumi-list dl.torikumi01{ color: #FF001B } #home-wrap .torikumi-list dl.torikumi02{ color: #E0A300 } #home-wrap .torikumi-list dl.torikumi03{ color: #00A338 } #home-wrap .torikumi-list dl.torikumi04{ color: #D6002C } #home-wrap .torikumi-list dl.torikumi05{ color: #A00135 } #home-wrap .torikumi-list dl.torikumi06{ color: #FF6200 } #home-wrap .torikumi-list dl.torikumi07{ color: #0180C4 } #home-wrap .torikumi-list dl.torikumi08{ color: #00B634 } #home-wrap .torikumi-list dl.torikumi09{ color: #F50000 } #home-wrap .torikumi-list dl.torikumi10{ color: #002457 } #home-wrap .torikumi-list dl.sdg01{ color: #FF001B } #home-wrap .torikumi-list dl.sdg02{ color: #E0A300 } #home-wrap .torikumi-list dl.sdg03{ color: #00A338 } #home-wrap .torikumi-list dl.sdg04{ color: #D6002C } #home-wrap .torikumi-list dl.sdg05{ color: #F50000 } #home-wrap .torikumi-list dl.sdg08{ color: #A00135 } #home-wrap .torikumi-list dl.sdg09{ color: #FF6200 } #home-wrap .torikumi-list dl.sdg11{ color: #F5A20B } #home-wrap .torikumi-list dl.sdg13{ color: #407936 } #home-wrap .torikumi-list dl.sdg14{ color: #0180C4 } #home-wrap .torikumi-list dl.sdg15{ color: #00B634 } #home-wrap .torikumi-list dl.sdg17{ color: #002457 } #home-wrap .msg { margin-top: 30px; color:#2A5897 } #home-wrap .sdgs { background: #FDF9ED; padding:20px 10px } #home-wrap .sdgs .ttl { margin-bottom: 10px; text-align:center } #home-wrap .sdgs blockquote { margin: 0; padding:0; border-left: 0; font-style: normal } #home-wrap .sdgs blockquote, #home-wrap .sdgs blockquote p { font-size:initial; text-align: left } #home-wrap .sdgs blockquote:before{ width: 100%; margin:0 0 10px 0; background:rgba(41,168,242,1) } #home-wrap .sdgs blockquote:after{ content:none } #home-wrap .sdgs blockquote a{ color: #666 } #home-wrap .sdgs blockquote .quote { display:block; text-align:right; font-size: 12px } #home-wrap .utina-sengen { margin-top:100px; margin-bottom:100px;align-items:center;border:10px solid #FDF9ED;padding:30px; } #home-wrap .utina-sengen >*:first-child { width:40%; } #home-wrap .utina-sengen figure{display:flex; margin-bottom:0;} #home-wrap .utina-sengen img { margin-bottom:0; height:auto!important; } #home-wrap .utina-sengen >*:last-child { width:60%; } #home-wrap .utina-sengen h3{ text-align:left; } #home-wrap .utina-sengen .wp-block-column{ flex-basis: auto; } #home-wrap .sdgs2 { text-align: center } #home-wrap .service { margin: 20px -4% 0; padding: 40px 0; background: #C7E8E4 url(/wp-content/themes/inspiro-child/img/bg-sea.jpg) 100% / cover no-repeat } #home-wrap p .akaihane { display: inline-block; position: relative; width: 200px; height: 36px; margin: 0 5px } #home-wrap p .akaihane img { position: absolute; top: 10px; left: 0 } #home-wrap .service-list, #home-wrap .service-more{ margin:10px } #home-wrap .service-more{ padding: 10px 20px 40px } #home-wrap .service-list a, #home-wrap .service-list .service-list-b { color: #000; text-decoration:none } #home-wrap .service-list dl {box-shadow: 0 3px 6px rgba(0,0,0,0.2); background: #FFF } #home-wrap .service-more { background: rgba(255, 255, 255, .9) } #home-wrap .service-list .service-movie > video {width:100%} #home-wrap .service-list dt img { width:100%;display:block } #home-wrap .service-list dd h3 { margin-top: 0; color: #2A5897; text-align: left } #home-wrap .service-list dd { margin: 20px 20px 0 } #home-wrap .service-list dd .btn-service { margin: 0 -20px; width:calc(100% + 40px) ; background: #2A5897; border:none; color: #FFF } #home-wrap .contribution{margin: 0 -4% ; padding: 40px 30px; background: #FDF9ED } #home-wrap .service-more .btn-service { display: block; width: 80%; max-width: 480px; margin:10px auto 0; padding: 0; border: none } #home-wrap .service-more .btn-service a { display: block; width:100%; padding:10px 25px; color: #000; border-radius: 5em; border: 1px solid #374058; text-decoration: none; box-shadow: 0 3px 6px rgba(0,0,0,0.2) } #home-wrap .service-more .btn-service a:hover { opacity:.75; } #home-wrap .service-more .btn::after { border-color: #374058 } #home-wrap .service-more.service-jiritsushien { margin-bottom:40px } .contribution .lead { font-weight: bold } @media screen and (min-width: 48.1em){ .page .entry-title, .page-title { font-size:40px } #home-wrap .torikumi-lead{text-align:center } #home-wrap .torikumi-list dl { width:20% } #home-wrap .sdgs { padding:30px } #home-wrap .service { margin-top:40px; margin: 40px -8% 0 } #home-wrap h2 { margin-bottom: 60px; font-size: 40px } #home-wrap .service-list { margin: 0 30px } #home-wrap .service-list{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap} #home-wrap .service-list > a, #home-wrap .service-more a, #home-wrap .service-list .service-list-b { position: relative; background: #FFF; width: calc(50% - 20px); box-shadow: 0 3px 6px rgba(0,0,0,0.2); margin-bottom: 40px } #home-wrap .service-list .service-movie {display:flex;align-items:center;min-height:270px;background:#000;} #home-wrap .service-list dl{ width: 100%; margin: 0; box-shadow: none; font-weight:700; text-align:center;line-height:1.6 } #home-wrap h3 { font-weight: bold } #home-wrap .service-list dl, #home-wrap .service-more { margin: 0; margin-bottom: 30px } #home-wrap .service-list dd { margin: 20px 30px 85px; text-align: left; font-weight: normal } #home-wrap .service-list dd .btn-service{ position: absolute; bottom: 0; left: 0; margin: 0; padding:20px; width:100% } #home-wrap .service-more{ margin: 0 30px; padding:30px } #home-wrap .service-more .btn-service a { padding: 20px 30px } #home-wrap .btn-service-flex{ display:flex; } #home-wrap .btn-service-flex .btn-service a { margin-bottom: 0; } #home-wrap .btn-service-flex > .btn-service {margin:0 15px;} #home-wrap .contribution { padding:30px } } @media screen and (min-width: 64.1em){ #home-wrap .torikumi-list dl { max-width: 204px } #home-wrap .msg { text-align:center; margin: 80px 0 40px; font-weight: bold } #home-wrap .sdgs{ padding: 30px 60px; font-size: 14px } #home-wrap .sdgs blockquote:before { margin-bottom: 20px } #home-wrap .sdgs blockquote p { font-size: 14px } #home-wrap .service { position: relative; z-index: 0; background: none; margin: 40px 0 0 } #home-wrap .service::after { position: absolute; z-index: -1; width: 200vw; height: 100%; top: 0; left:-50vw; content: ''; background: url(/wp-content/themes/inspiro-child/img/bg-sea.jpg) top center/ cover no-repeat } #home-wrap .service-list { margin:0 } #home-wrap .service-more { margin: 0; text-align: center } #home-wrap .contribution { position: relative; z-index: 0; background: none; padding: 70px 0 40px; text-align: center } #home-wrap .contribution::after { position: absolute; padding:30px; z-index: -1; width: 200vw; height: 100%; top: 0; left:-50vw; content: ''; background:#FDF9ED } #home-wrap .contribution .inner-service { position: relative; z-index: 0 } #home-wrap .contribution .inner-service::before { position: absolute; bottom: -100px; left: -100px; z-index: 1; width: 300px; height: 300px; content: ''; background: url(/wp-content/themes/inspiro-child/img/img-okinawa.png) center center/ contain no-repeat } #home-wrap .contribution .inner-service::after { position: absolute; top: -110px; right: -300px; z-index: 1; width: 500px; height: 500px; content: ''; background: url(/wp-content/themes/inspiro-child/img/img-child.png) center center/ contain no-repeat } } /*form*/ .post-60.page input, .post-60.page textarea, .post-60.page label { width: 100% } .post-60.page label{ display:inline-block } .post-60.page .button{ display:block } .recruit-form .rquired {color:#cf2e2e} .recruit-form input[type=text], .recruit-form input[type=date], .recruit-form input[type=tel], .recruit-form input[type=email], .recruit-form select, .recruit-form textarea{ width: 100% } .recruit-form input::placeholder, .recruit-form textarea::placeholder{ color: #CCC } .recruit-form select{padding: 11px 10px; font-size: 16px; font-size: 1rem; background: #fff; border: 2px solid rgba(68,68,68,.19);} .recruit-form input[type=radio]~span{margin-right:1em;} .recruit-form small{line-height:1.4; } .recruit-form input[type=submit]{display:block;margin:0 auto;} .recruit-form .privacypolicy-doui{text-align:center;} .dencourage-form .rquired {color:#cf2e2e} .dencourage-form input[type=text], .dencourage-form input[type=date], .dencourage-form input[type=tel], .dencourage-form input[type=email], .dencourage-form select, .dencourage-form textarea{ width: 100% } .dencourage-form input::placeholder, .dencourage-form textarea::placeholder{ color: #CCC } .dencourage-form select{padding: 11px 10px; font-size: 16px; font-size: 1rem; background: #fff; border: 2px solid rgba(68,68,68,.19);} .dencourage-form input[type=radio]~span{margin-right:1em;} .dencourage-form small{line-height:1.4;display:inline-block;} .dencourage-form input[type=submit]{display:block;margin:0 auto;} .dencourage-form .privacypolicy-doui{text-align:center;} #dl-content { text-align: center; } #dl-content img { margin: 0 auto 30px; box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);} #dl-content a { font-weight: 700; text-decoration: none; } .wpcf7 .wpcf7-submit:disabled{cursor: not-allowed; background: #DDD !important; box-shadow: none !important; color: #aaa !important; padding: 20px;} /*footer*/ .site-footer .footer-widgets { padding-top:0; } .site-footer { padding-top:10px; background: #FFF } .site-footer #nav_menu-2 { margin-bottom: 10px } .site-footer .menu { text-align: center } .site-footer .menu li a { position:relative; display: block; padding: 10px } .site-footer .menu li.ico-blank a::after {right:1em;} .site-footer a { color: #000 } .site-footer #text-10 { margin-bottom: 0; color: #000; font-size: 12px; text-align: center } .site-footer-separator { background:none } .side-nav a:hover, .site-footer .footer-widgets a:hover { color:#CCC; } @media screen and (min-width: 48.1em){ .site-footer { padding-top: 40px } } @media screen and (max-width: 64em){ .site-footer .menu li { padding:0 } .site-footer .menu li a { border: 1px solid #ccc } } @media screen and (min-width: 64.1em){ .site-footer { margin-top: 40px; border-top: 1px solid #ccc } .site-footer #nav_menu-2 { margin-bottom: 20px } .site-footer .menu { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .site-footer .menu li { padding:0; border-left: 1px solid #000; line-height: 1 } .site-footer .menu li:first-child { border-left: none } .site-footer .menu li a { padding: 0 1em; margin: 0 1em; font-size: 14px } .site-footer .menu li.ico-blank a { padding-right: 1.5em; margin-right:1.5em; } .site-footer .menu li.ico-blank a::after {right:0;} .home .site-footer { border-top: none } } /*subpage*/ .page .entry-meta, .single .entry-meta, .entry-footer { display: none } #main h2.fl-heading .fl-heading-text {display:inline-block;} #main .entry-header { margin: 0 -4%; background:#FDF9ED } .search #main .entry-header { margin: 0 -4%; background:#FDF9ED } .search .entry-meta {display:none;} .home #main .entry-header { margin: 0; background:none } .entry-header .entry-title { font-weight: normal } .page .entry-content, .page:not(.inspiro-front-page) .entry-footer { max-width:950px; } #main .entry-content > p:first-child { margin-top: 1em; overflow: hidden; } #breadcrumbs { margin: 20px 0; font-size:12px } #breadcrumbs a {color: #29A8F2; text-decoration:underline } #main .inner-wrap { margin-top: 0 } .home #main .inner-wrap { } #main h2 { color: #2A5897; margin-top: 60px;padding-top: 0; padding-left: 10px; border-left: 7px solid #2A5897; font-size:28px } #main h2.fl-heading .fl-heading-text { margin-left: 10px } #main h3 { color: #8CB808; margin-top: 40px;padding-top: 0; font-size:24px } #main h4 { font-size:24px } #main h5 { padding: 10px; background: #EEE; font-size:18px } .home #main h2 { border-left:none; margin-top: 20px; margin-bottom: 40px; padding:0; color: #000; font-size: 1.625rem } .home #main h3 { color: #000; margin-top: 20px } .marker-yl{ background:linear-gradient(transparent 60%, #FFF9B2 60%) } .jiritsu-komarigoto {padding:30px !important;background-color:#F7F7F7;} #main h2.jiritsu-komarigoto-tit, #main .jiritsu-komarigoto-tit{border:none;padding:0;margin:30px auto 50px;text-align:center} #main h2.jiritsu-komarigoto-tit2, #main .jiritsu-komarigoto-tit2{border:none;padding:0;margin:50px auto;text-align:center} .jiritsu-komarigoto .wp-block-group__inner-container>.wp-block-columns>.wp-block-column{border-radius:100vh;background:#FFF;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} .jiritsu-komarigoto .wp-block-column > .wp-block-columns{align-items:center;height:100%;} .jiritsu-komarigoto .wp-block-column > .wp-block-columns > .wp-block-column{margin-left:0;line-height:1.4;} .jiritsu-komarigoto .wp-block-image, .jiritsu-komarigoto .wp-block-image img{margin-bottom:0;} .jiritsu-shien .wp-block-image{text-align:center} .jiritsu-shien .wp-block-image img{width:auto;height:80px;margin-bottom:0;} #main h2.entry-title { background:#FFF;padding-top:0;padding-bottom:0;border-left:none; } .category-service .entry-header::after{content:none;} @media screen and (max-width: 64em) { .jiritsu-komarigoto .wp-block-columns {margin:0;padding:0;text-align:center;} .jiritsu-komarigoto .wp-block-group__inner-container>.wp-block-columns>.wp-block-column {margin-bottom:10px;border-radius: 10px;padding: 10px;} } @media (min-width: 600px) and (max-width: 781px) { .jiritsu-komarigoto .wp-block-group__inner-container>.wp-block-columns>.wp-block-column:not(:only-child){flex-basis: calc(33% - 5px)!important;} .jiritsu-komarigoto .wp-block-group__inner-container>.wp-block-columns>.wp-block-column:nth-child(2n), .jiritsu-komarigoto .wp-block-group__inner-container>.wp-block-columns>.wp-block-column:nth-child(3n){ margin-left:10px;} .jiritsu-komarigoto .wp-block-group__inner-container>.wp-block-columns>.wp-block-column>.wp-block-columns{display:block;} } .entry-content blockquote.jiritsushien-blockquote {position:relative;padding:1em;background-color:#f0f0f0;} .entry-content blockquote.jiritsushien-blockquote p {margin-top:30px;margin-bottom:10px;} .entry-content blockquote.jiritsushien-blockquote:before {position:absolute;top:0;left:0;width:50px;height:50px;background:url("/wp-content/themes/inspiro-child/img/icon-blockquote.svg") no-repeat;} .entry-content blockquote.jiritsushien-blockquote:after, .entry-content blockquote:before{margin:0 auto;} table.tableDec3 { border-collapse: collapse; margin: 0 auto; padding: 0; width: 100%; table-layout: fixed } table.tableDec3 a { color: #DC6B5C } table.tableDec3 tr { background-color: #fff;border: 1px solid #bbb } table.tableDec3 th { width: 10em; } table.tableDec3 th, table.tableDec3 td { padding: 10px; border-right: 1px solid #bbb } table.tableDec3 thead tr{ background-color: #eee } table.tableDec3 .txt{ text-align: left } table.tableDec3 .price{ text-align: right } td, td:first-child, th, th:first-child {padding:.5em;} .theamisty-cv{ margin: 0 -4%;; padding: 40px 10px; text-align:center; background:#FDF9ED } .vr-cv{ margin: 0 -4%;; padding: 40px 10px; text-align:center; background:#FDF9ED } .link-theamisty-pdf, .link-makachoke-pdf { color:#DC6B5C } .entry-content ol, .entry-content ul { margin-left: 0 } .block_design { padding: 15px; background: #FDF9ED; border: 1px solid #CCC } .wp-block-button a:hover {background-color:#29A8F2;} .vr-eg{ background: #f7f7f7; margin-bottom: 60px } ul.hotel_links{ display:flex; margin-bottom: 0;flex-wrap:wrap;justify-content:space-between} ul.hotel_links li{ width:48%; margin-bottom: 20px; list-style:none } ul.hotel_links li, ul.hotel_links li > a{ display: flex; align-items:center; } ul.hotel_links li sup{ margin-right: 10px; } .b-center{display:block;margin-left:auto;margin-right:auto;text-align:center;} @media screen and (max-width: 64em) { #main .entry-header{ margin: 0 -4%; } .fbox-img { text-align: center } table.tableDec3 { border: 0; width:100% } table.tableDec3 th{ background-color: #eee; display: block; border-right: none } table.tableDec3 thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } table.tableDec3 tr { display: block; margin-bottom: 20px } table.tableDec3 th { width: 100% } table.tableDec3 td { border-bottom: 1px solid #bbb; display: block; position: relative; padding: 10px; border-right: none } table.tableDec3 td::before { content: attr(data-label); font-weight: bold; position: absolute; left: 10px } table.tableDec3 td:last-child { border-bottom: 0 } .vr-intro-txt{ margin-bottom: 36px; } .vr-intro-photo{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-line-pack: justify; align-content: space-between } .vr-eg{ padding: 10px; font-size: .875rem } ul.hotel_links li{ width:100% } .wp-block-buttons>.wp-block-button.has-custom-width.btn-form{width:80%} } @media screen and (min-width: 64.1em){ #breadcrumbs { max-width: 950px; margin: 20px auto; } .entry-header { position: relative; z-index: 0 } .entry-header::after { position: absolute; top: 0; left: -50vw; width: 200vw; height: 100%; background: #FDF9ED; content: ''; z-index: -1 } .search .entry-header::after { background: #fff; } .home .entry-header::after { content: none } .entry-header .entry-title { text-align: center } .home .entry-header .entry-title { margin-top: 60px } .fbox { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-line-pack:justify; align-content:space-between } .fbox-txt { width: 64% } .fbox-img { width: 30%; text-align: right } .fbox-img figcaption { text-align: right } .vr-intro{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-line-pack: justify; align-content: space-between; font-size: 14px } .vr-intro-photo{ width: 42.1052%; min-width: 400px; margin-left: 30px } .vr-eg{ padding: 30px; isplay:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-line-pack: justify; align-content: space-between } .vr-eg-inner{ width: 100% } } /* login-pop-dl/ pop-dl */ .vrpopdl_text{ margin-top: 1em; margin-bottom: 1em } .vrpopdl_text > p{ text-align: center; margin-bottom: 0 } .vrpopdl_text .vrpopdl_text_subttl { font-weight:bold; font-size: 24px } .vrpopdl_form { width: 33%; margin:0 auto } .vrpopdl_form input { width:100% } .vrpopdl_err { color: #cf2e2e } .vrpopdl_form_btn { width:100%;background:#2A5897;border:none;color:#FFF } .vrpopdl_form_btn:hover { background:#DC6B5C;border:none;color:#FFF } .dl_consent_box{background: #fafafa; padding: 20px} .dl_consent_box > p{ text-align:center } .dl_consent_box .dl_consent_label{ margin:10px; text-align:center;font-weight:bold } .dl_consent_box button.vrpopdl_form_btn{ display:block;width:50%;margin:0 auto } .dl_consent_box button.vrpopdl_form_btn:disabled{ background:#ccc } .dl_contents .dl_list th {text-align:center} .dl_contents .dl_list th.dl_list_ckbox{line-height:1.2} .dl_contents .dl_list dt {padding:10px} .dl_contents .dl_list .dl_list_ckbox, .dl_contents .dl_list .dl_list_thumb { width: 100px;text-align:center} .dl_contents .dl_list .dl_list_thumb img {margin-top:10px} .dl_contents .dl_list td label{ display:inline-block;margin:0 } .dl_contents .vrpopdl_form_btn_on_text {text-align:center} .dl_contents button.vrpopdl_form_btn{ display:block;width:50%;margin:0 auto } @media screen and (max-width: 64em) { .vrpopdl_form_btn { font-size:1rem } .vrpopdl_form { width:100% } .post { padding-left: 4%; padding-right: 4%; } .post .inner-wrap { padding-left: 0; padding-right: 0; } .post .entry-content { padding-left: 0; padding-right: 0; } .dl_consent_box > p{ text-align:left } .dl_consent_box button.vrpopdl_form_btn{ width:100% } .dl_contents .dl_consent_box button.vrpopdl_form_btn{ width:100% } .dl_contents .dl_list .dl_list_ckbox { width: 80px } .dl_contents .dl_list .dl_list_thumb { width: auto } .dl_contents .dl_list td label{ display:block } .dl_contents button.vrpopdl_form_btn{ width:100% } } /* sdgs */ .sdgs-template { background: url( "/wp-content/uploads/2023/07/sdgs_obi.png") top center no-repeat; } .sdgs-template .title_header_sdgs {text-align:center;} .sdgs-template #main .entry-title {background: #FFF; font-weight: bold; text-transform: none;} .sdgs-template #main .entry-header { margin :0; background: #FFF; } .sdgs-template #main .entry-header::after { content: none; } .sdgs-template #main h2 { color: #FFF; margin: 20px auto 40px; padding: 15px; border: none; background: #00A6D9; } .sdgs-template #main h3 { color: #0075BA; font-size: 40px; line-height: 1;} .sdgs-template .sdgs-activity-detail-ttl { font-size: 20px; } .sdgs-template .sdgs-declaration-block { display: flex; margin-bottom: 80px } .sdgs-template .sdgs-declaration-block .sdgs-activity { width: calc(100% - 210px); } .sdgs-template .sdgs-declaration-block .sdgs-icon { width: 150px;margin-left: 60px; } .sdgs-template .sdgs-declaration-block .sdgs-icon .wp-block-image{ margin: 0; } .sdgs-template .sdgs-declaration-block .sdgs-icon .wp-block-image > img { margin-bottom: 0; } .sdgs-template .sdgs-photo-block { display: flex; flex-wrap: wrap; margin: 0 -20px; } .sdgs-template .sdgs-photo-block > *{ width: calc(50% - 20px); margin: 0 10px 10px; } .sdgs-template .entry-content ul li { position: relative; margin-left: 1.5em; margin-bottom: 30px; list-style-position: unset;} .sdgs-template .entry-content ul li::marker {position: absolute; left: 0;} @media screen and (max-width: 30em) { .sdgs-template #main .entry-title { padding: 20px 10px; } .sdgs-template #main .entry-content > p:first-child{ text-align: left; } .sdgs-template #main h2 { font-size: 20px;} .sdgs-template #main h3 { font-size: 28px; line-height: 1.2; } .sdgs-template .sdgs-declaration-block {display: block;} .sdgs-template .sdgs-declaration-block .sdgs-activity { width: 100%; } .sdgs-template .sdgs-photo-block { display: block; margin: 0; } .sdgs-template .sdgs-photo-block > * { width: auto; margin: 0 } .sdgs-template .sdgs-declaration-block .sdgs-icon { width: 100%; margin-left: 0; } .sdgs-template .sdgs-declaration-block .sdgs-icon .wp-block-group { display: flex; flex-wrap: wrap; margin: 0 -5px; } .sdgs-template .sdgs-declaration-block .sdgs-icon .wp-block-group > * { width: calc(25% - 10px); margin: 0 5px 10px } } /* notice */ .page .entry-content.notice-primary{padding:30px;background:#FFF0F0;} .page .home-notice-area{padding:30px;background:#E8F0FE;border-radius:10px;} .page .home-notice-area.entry-content {margin-top:2.8125em;} .page .home-notice-area .notice-tit-main {margin-top:0;text-align:center;} .page .home-notice-area .notice-list{margin-bottom:0;list-style:none;} .page .home-notice-area .notice-list>li{display:block;padding:10px 0;border-bottom:1px dotted #CCC;list-style:none;} .page .home-notice-area .notice-list>li>a{position:relative;display:block;} .page .home-notice-area .notice-list>li:last-child{border-bottom:none;} .page .home-notice-area a, .page .home-notice-area .notice-tit{color:#2A5897;} @media screen and (max-width: 30em) { .page .entry-content.notice-primary{padding:4%;} .page .home-notice-area{margin-left:4%;margin-right:4%;padding:0 30px;} } /* LP */ .de-header-notices { background:#222; } .de-header-notices a { display:block; padding:1em; color:#FFF; text-decoration:underline; } .de-header-notices a:hover { text-decoration:none; } /* Header */ .de-header { display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; max-width: 950px; margin:auto; padding: 0 15px 10px; } .de-header-info { text-align: left; line-height:1; } .de-header-tit { padding-top: 5px; font-size:13px; } .de-header-tit-sub { padding-bottom: 5px; font-size:11px; line-height:1; } .de-header .btn-dl { display:inline-block; padding: 10px; background:#EDF2C5; border-radius: 4px; color: #222; font-weight: 700; font-size: 14px; line-height:1.2; } .de-header .btn-dl:hover{ opacity:.85; } .de-header-breadcrumbs #breadcrumbs { display: block; margin-top: 0; margin-bottom: 0; padding: 10px 15px; font-size: 10px; text-align: left; line-height: 1.2; } @media screen and (min-width:48.1em){ .de-header { padding: 0 0 10px; } .de-header .btn-dl { padding: 15px 10px; } .de-header-breadcrumbs #breadcrumbs { padding:10px 0; } } /*Accordion*/ .accordion-area{ list-style: none; margin:0 auto; } .accordion-area > li{ margin: 2px 0; } .accordion-area-ttl { position: relative; cursor: pointer; transition: all .5s ease; } .accordion-area-ttl::before, .accordion-area-ttl::after{ position: absolute; width: 15px; height: 2px; background-color: #FFF; content:''; } .accordion-area-ttl::before{ top:48%; right: 15px; transform: rotate(0deg); } .accordion-area-ttl::after{ top:48%; right: 15px; transform: rotate(90deg); } .accordion-area-ttl.close::after{ content: unset; } .accordion-area-content { display: none; background: #F0F1EA; padding: 15px; } /*Main*/ .dencourage-template { padding: 0; max-width: unset; text-align: center; } body:not(.page-layout-sidebar-right) .dencourage-template #primary { max-width: unset; margin-bottom: 0; padding: 0; } #de-lp-wrap { position: relative; color: #222; background-color: #FFF; } #de-lp-wrap * { font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; box-sizing: border-box; } #de-lp-wrap p { font-size: 16px; } #de-lp-wrap p + p{ margin-top: 1em; } #de-lp-wrap img { vertical-align: top; } #de-lp-wrap a:hover{ opacity: .85; } .text-left { text-align: left; } .text-right { text-align: right; } #de-lp-wrap h1 { margin: 0; } #de-lp-wrap h2 { color: #222; margin-top: 0; padding-left: 0; border: none; font-size: 30px; } .de-sec-ttl-en { color: #888; font-weight: 700; font-size: 14px; } #de-lp-wrap .de-sec-ttl { font-size: 30px; } .de-sec-ttl-red { color: #D53C10; } .de-sec-ttl-inner { position: relative; } .de-sec-ttl-inner::after { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; border-radius: 4px; background-color: #F99900; content: ''; } .de-marker-half-yl { background:linear-gradient(transparent 60%, #F7EE22 60%); } .de-marker-gr {    /*background-color: #8EC31F; color: #FFF;*/ color: #DF541A; } .de-marker-wt { background-color: #FFF; } .de-marker-yl { background-color: #F9F0AF; } .de-mv { background: linear-gradient(180deg, #F7F7EC, #F7F7EC, #D9E6A6); } .de-btn-area { padding: 15px 25px; } .de-btn-area-or { background-color: #F6AC00; } .pdt0{ padding-top: 0 !important; } .pdr0{ padding-right: 0 !important; } .pdb0{ padding-bottom: 0 !important; } .pdl0{ padding-left: 0 !important; } .de-onayami { position: relative; z-index: 0; padding: 15px 30px calc(30px + 10.9333%); background: url(./img/lp/bg-canvas.webp) center center / contain repeat; } .de-onayami::after { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 10.9333vw; background: #FFF url(./img/lp/bg-canvas-fukidashi.webp) top center / contain no-repeat; content: ''; } .de-onayami .de-sec-ttl-sub { display: inline-block; margin-bottom: 10px; padding: 10px 15px; background-color: #FFF; font-size: 16px; border: 1px solid #B8A69E; border-radius: 4px; font-weight: 400; line-height: 1; } .de-onayami .de-sec-ttl-sub small{ display:block; margin-bottom: 10px; line-height:1.2; font-size:13px; } #de-lp-wrap p.de-onayami-keywords { display: block; max-width: 950px; padding: 10px 0; color: #6D402D; font-size: 11px; text-align:left; } #de-lp-wrap p.de-onayami-keywords a { color: #6D402D; } .de-sec-ttl-wave-pc, .de-sec-ttl-wave-sp { padding-bottom: 6px;; display: inline-block; position: relative; color: #6D402D; } .de-sec-ttl-wave-pc::after, .de-sec-ttl-wave-sp::after { content: ''; } .de-sec-ttl-wave-sp::after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 6px; background: url(./img/lp/underline-wave.png) bottom left / cover repeat-x; } .de-kaiketsu { position: relative; padding: 0 15px 30px; background: linear-gradient(180deg, #FFF, #F8FEF9, #DDEEE1); } .dencourage-template .derwk-kaiketsu { position: relative; padding: 80px 15px 30px; background: #F7F7F7; } .de-kaiketsu::after { position: absolute; right: 0; bottom: 0; width: 42.6666%; height: 42.6666%; background: url(./img/lp/kaiketsu-bg@2x.webp) top left / cover no-repeat; content: ''; } .de-kaiketsu .de-sec-ttl-sub { font-size: 16px; } .de-kaiketsu .de-sec-ttl-main { color: #6D402D; font-weight: 900; } .de-kaiketsu .de-width-s { width: 58%; } .de-concept { max-width: 950px; margin: auto; padding: 15px; } .de-concept-movie-tx { display: inline-block; margin: 30px auto 0; color: #DF541A; font-weight: 700; font-size: 13px; line-height: 1.4; } .de-concept-fig { margin-bottom: 30px; } .youtube { margin: auto; width: 100%; max-width: 950px; aspect-ratio: 16 / 9; } .youtube iframe { width: 100%; height: 100%; } .de-concept-fig img { width: 100%; max-width: 950px; } .de-point { padding: 30px 15px; background: #FFF5D2 url(./img/lp/bg-koushi.webp) top left / 20px repeat; } .de-point-block { border: 2px solid #F7AD05; padding: 0 15px 15px; background: #FFF; } .de-point-block + .de-point-block { margin-top: 30px; } .de-point-block:first-child { margin-top: 50px; } .de-point-block:last-child { margin-bottom: 15px; } #main h2.de-point-tx01, #main h3.de-point-tx01, #main h4.de-point-tx01, .de-point-tx01{ margin: 15px 0; font-weight: 700; font-size: 20px; color: #D53C10; } .de-point-num{ position: relative; padding: 2px 15px 5px; background-color: #F99900; color: #FFF; font-weight: 900; line-height: 1; } .de-point-num::before{ position: absolute; top: -15px; left: 0; width: 100%; height: 15px; background-color: #F99900; clip-path: polygon(50% 0, 100% 100%, 0 100%); content: ''; } .de-point-ttlsub { margin-bottom: 10px; padding: 2px 10px; background: linear-gradient(to right, #FFF5D2, #FAC95C); font-weight: 700; } .de-point-fig { margin-bottom: 15px; } #de-lp-wrap p + p.de-point-tx02, .de-point-tx02{ margin: 0 0 15px; } .de-users { padding: 30px 0; } .de-users blockquote { font-style: normal; } .de-users .de-btn-area { margin: -15px auto -15px; } .de-users-ttl-sub { display: inline-block; width: 126px; } .de-users-ttl-main { position: relative; padding-bottom: 5px; display: inline-block; color: #F99900; } .de-users-ttl-main::after { position: absolute; bottom: 0; left: 50%; width: 100%; height: 1px; transform: translateX(-50%); border-bottom: 3px dotted #8E8E8E; content: ''; } .de-users-ttl-note { margin: -15px auto 15px; } .uchiwake-inner-wrap { margin-bottom: 30px; padding-left: 30px; padding-right: 30px; } .manzokudo-inner-wrap { padding-left: 30px; padding-right: 30px; } .manzokudo-inner-block { margin-bottom: 20px; padding: 15px; background-color: #F0F1EA; border-radius: 20px; } .de-users-manzokudo { position: relative; } .de-users-manzokudo::before { position: absolute; top: -100px; right: -20px; width: 100px; height: 112px; background: url(./img/lp/decor-illust-human@2x.webp) top left / 100% 100% no-repeat; content: ''; } #de-lp-wrap .manzokudo-inner-tx01 { display: inline-block; margin-bottom: 0;; padding: 2px 10px; background: #FFF; color: #000; } #de-lp-wrap .manzokudo-inner-tx02 { display: block; margin: 15px auto 0; padding-bottom: 5px; font-size: 20px; font-weight: 700; color: #000; text-decoration: underline; } .manzokudo-inner-fig { margin: auto; } .de-users-footer, .de-users-footer a { font-size: 13px; color: #707070; line-height: 1.4; } .de-users-footer { margin-bottom: 30px; } .de-support { padding: 60px 15px 30px; background: #FFF5D2 url(./img/lp/bg-koushi.webp) top left / 20px repeat; } #main h2.de-support-ttl, #main h3.de-support-ttl, #main h4.de-support-ttl, .de-support-ttl { color: #DF541A; } .de-support-ttl-sub { color: #DF541A; font-size: 20px; } .de-support-ttl-main { position: relative; z-index: 0; display: inline-block; color: #DF541A; font-weight: 900; } .de-support-ttl-main::after { position: absolute; bottom: 0; left: 50%; z-index: -1; width: 100%; height: 8px; transform: translateX(-50%); background-color: #FFEC9D; content: ''; } #main h2.de-support-inner-ttl, #main h3.de-support-inner-ttl, #main h4.de-support-inner-ttl, .de-support-inner-ttl { margin-bottom: 0; padding: 10px 15px; background-color: #F99900; font-weight: normal; font-size: 20px; color: #FFF; line-height: 1; } .de-support-inner-detail { background-color: #FFF; border: solid 2px #6D402D; border-radius: 10px; line-height: 1.4; } .de-support-inner-detail th, .de-support-inner-detail td { padding: 10px; } .de-support-inner-detail th { min-width: 100px; font-weight: 700; background-color: #F0F1EA; text-align: center; } .de-support-inner-detail td { text-align: left; } .de-support-inner-detail tr { border-bottom: 2px dotted #6D402D; } .de-support-block{ display: flex; padding-top: 20px; } .de-support-block:not(:last-child) { border-bottom: 2px dotted #B8B8B8; } .de-support-block > picture { width: 100px; } .de-support-block > ul { width: calc(100% - 10px); margin-left: 10px; padding-left: 0; list-style: none; text-align: left; } .de-support-block > ul > li{ position: relative; padding-left: 1.2em; line-height: 1.4; } .de-support-block > ul > li + li{ margin-top: 10px; } .de-support-block >ul > li::before{ position: absolute; top: 0; left:0; width: 1em; height: 1em; color: #DF541A; content: "♦"; } #de-lp-wrap .de-support-tx-red { margin-bottom: 0; font-weight: 700; color: #DF541A; } .de-support-inner-wrap { padding: 15px; } .de-training { background-color: #FFF; border: 2px solid #F99900; } .de-training-block { margin-top: 0; background-color: #EDF2C5; border-radius: 10px; overflow: hidden; } .de-training-ttl { position: relative; padding: 10px 70px 10px 15px; background-color: #6CBB5A; font-weight: 700; font-size: 20px; text-align: left; color: #FFF; } .de-training-ttl-badge { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; top: 0; right: 10px; width: 50px; height: 100%; font-size: 12px; text-align: center; background-color: #F9F0AF; color: #6CBB5A; } .de-training-ttl-alphabet { margin-top: -1em; font-size: 16px; } .de-training-ttl-badge > *{ width: 100%; } .de-training-content { position: relative; margin: 0; padding: 15px; } .de-training-content::after { position: absolute; bottom: 10px; right: 10px; transform: rotate(-45deg); content: 'etc.'; color: #6CBB5A; font-weight: 700; font-size: 13px; } .de-training-lead { margin-bottom: 15px; line-height: 1.4; } .de-training-fig { display: flex; align-items: center; } .de-training-list { display: flex; flex-wrap: wrap; font-size: 13px; text-align: left; list-style: none; margin: 15px -10px; } .de-training-list > li { position: relative; width: calc(50% - 20px); margin: 5px 10px; padding-left: 20px; line-height: 1.4; } .de-training-list > li::before { position: absolute; left: 0; top: .3em; width: 1em; height: 1em; border-radius: 50%; content: ''; background-color: #6CBB5A; } .de-training-b .de-training-ttl { background-color: #65AADD; } .de-training-b .de-training-ttl-badge { color: #65AADD; } .de-training-b .de-training-list > li::before { background-color: #65AADD; } .de-training-b .de-training-content::after { color: #65AADD; } .de-training-block.de-training-b { background-color: #DFEEFA; } .de-training-c .de-training-ttl { background-color: #E29551; } .de-training-c .de-training-ttl-badge { color: #E29551; } .de-training-c .de-training-list > li::before { background-color: #E29551; } .de-training-c .de-training-content::after { color: #E29551; } .de-training-block.de-training-c { background-color: #FBEAC8; } .de-curriculum { margin-top: 30px; background-color: #FFF; border: 2px solid #F99900; } .de-curriculum-list { margin: 0; list-style: none; font-weight: 700; color: #6D402D; } .de-curriculum-list > li { display: flex; background-color: #FFF4D2; border-bottom: 4px solid #FFF; } .de-curriculum-list > li:nth-child(even) { background-color: #F0F1EA; } .de-curriculum-list > li > span { padding: 20px; } .de-curriculum-list > li .curriculum-time { width: 30%; } .de-curriculum-list > li .curriculum-subject { width: 70%; border-left: 4px solid #FFF; } .de-curriculum-list > li.de-curriculum-list-end { display: block; width: 100%; padding: 20px; background-color: #F0F1EA; text-align: center; } #de-lp-wrap .de-curriculum-note { display: block; margin: 0 15px 15px; font-size: 12px; text-align: left; color: #333; text-decoration: underline; } #de-lp-wrap .de-support-pr { margin: 15px 0; } #de-lp-wrap .de-support-pr p { margin: 0; } #de-lp-wrap .de-support-pr-tx { font-weight: 700; font-size: 20px; color: #DF541A; } .de-access{ position: relative; padding: 30px 15px; background-color: #DFEEFA; } .de-access::before { position: absolute; top: -15px; right: 15px; width: 70px; height: 90px; background: url(./img/lp/decor-illust-okinawa@2x.webp) top left / 70px 89px no-repeat; content: ''; } #de-lp-wrap .de-access-lead { display: inline-block; margin-bottom: 30px; } #de-lp-wrap .de-access-lead-s{ display: block; font-weight: 700;    text-align: center; line-height: 1.4; } #de-lp-wrap .de-access-lead-l { color: #DF541A; font-size: 40px; font-weight: 900; line-height: 1.4; } #de-lp-wrap .de-access-lead-fnt-s { font-size: 20px; } #de-lp-wrap .de-access-lead-fnt-m { font-size: 30px; } #de-lp-wrap .de-access-campus-sub { margin: 0; color: #65AADD; font-weight: 700; } #de-lp-wrap .de-access-campus-sub strong{ line-height:1.4; letter-spacing:.1em; } #main h2.de-access-campus, #main h3.de-access-campus, #main h4.de-access-campus, .de-access-campus { margin: 0; padding: 20px; background-color: #65AADD; color: #FFF; font-weight: 700; font-size: 26px; } .de-access-campus-single { position: relative; padding: 15px; background: #FFF; } .de-access-campus-single::before { position: absolute; top: 0; left: 50%; display: inline-block; vertical-align: middle; color: #65AADD; line-height: 1; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 0.64952em 0.375em; border-top-color: currentColor; border-bottom: 0; transform: translateX(-50%); content: ''; } .de-access-campus-single strong { background: #F9F0AF; padding: 0 5px; margin: 0 2px; font-weight: 500; } .de-access-campus-single .red { color: #DF541A; } #de-lp-wrap .de-access-campus-photos { margin-bottom: 15px; } #de-lp-wrap .slider-img { margin: 0 5px; } #de-lp-wrap .slider-img img { height: auto; width: 100%; } #de-lp-wrap .de-access-nearest { margin-bottom: 15px; font-weight: 700; } .de-access-map iframe { width: 100%; height: 60vw; margin-bottom: 0; } .de-access-detail{ margin: 15px auto 0; background-color: #FFF; line-height: 1.4; border: 1px solid #DBDBDB; } .de-access-detail strong { background: none; font-weight:700; } .de-access-detail .td-gry{ font-weight: 400; background-color: #DBDBDB; } .de-access-detail thead th{ border-bottom: none; } .de-access-detail tr:not(:last-child){ border-bottom: 1px solid #DBDBDB; } .de-access-detail tr > *{ padding: 10px 15px; } .de-access-detail tr > *:first-child{ border-right: 1px solid #DBDBDB; } .de-access-detail th{ text-align: center; } .de-access-detail td{ text-align: left; } .de-voice-icon { margin: 10px auto; } .de-voice-single { margin: 10px; padding: 15px; box-sizing: border-box; border-radius: 15px; /* border: 1px solid #DEDEDE; box-shadow: 2px 2px 8px rgba(0, 0, 0, .14);*/ background: #F7F7F7; font-size: 14px; } .de-voice-thanksbox { max-width: 700px; margin: 30px auto; } .de-voice-okinawa-inner { margin-bottom: 20px; } .de-voice-rework { text-align: left; margin-bottom: .6em; } .de-voice-rework-in { display:inline-block; padding: 2px 5px; background: #8CB808; color: #FFF; } .de-voice-msg { width: 100%; text-align: left; } .de-campus-service { display: flex; flex-wrap: wrap; margin: 15px -8px 0; list-style: none; } .de-campus-service > * { display: flex; justify-content:center; align-items:center; flex-wrap: wrap; width: 65px; height: 65px; margin: 4px 8px; padding: 4px; border: 1px solid #DF541A; border-radius: 10px; background: #FFF5D2; } .de-campus-service .ico-service { width: auto; height: 20px; } .de-campus-service .tx-service { width: 100%; color: #DF541A; font-weight:700; font-size:12px; line-height: 1.2; } #de-lp-wrap .de-access-unei { margin: 0 0 30px; } .de-flow{ position: relative; z-index: 0; padding: 30px 15px; } .de-flow::before{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: url(./img/lp/bg-koushi.webp) top left / 20px repeat; opacity: .5; content: ''; } .de-flow::after{ position: absolute; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #FFF, #D0E3D0); opacity: .5; content: ''; } .de-flow-wrap { margin: 60px auto 30px; } .de-flow-block { position: relative; background-color: #FFF; box-shadow: 2px 2px 8px rgba(0, 0, 0, .14); } .de-flow-block:not(:last-child) { border-radius: 10px 10px 0 0; } .de-flow-block-start { background-color: #F7EE22; } .de-flow-block:not(:last-child)::before{ position: absolute; bottom: -30px; left: 0; width: 100%; height: 30px; background-color: #FFF; clip-path: polygon(50% 0, 100% 100%, 0 100%); transform: rotate(-180deg); content: ''; } .de-flow-block::after { position: absolute; } .de-flow-block + .de-flow-block { margin-top: 50px; } .de-flow-stepnum { position: absolute; top: -10px; left: -5px; display: flex; justify-items: center; align-items: center; flex-wrap: wrap; width: 60px; height: 60px; background: url(./img/lp/shape.svg) center center / 60px 60px no-repeat; color: #FFF; } .de-flow-step { display: block; width: 100%; font-size: 12px; line-height: 1; } .de-flow-num { display: block; margin-top: -1em; width: 100%; font-size: 20px; line-height: 1; } #main h2.de-flow-main, #main h3.de-flow-main, #main h4.de-flow-main, .de-flow-main { margin: 0; padding: 20px 55px; border-radius: 10px 10px 0 0; background-color: rgba(247, 226, 123, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(255, 255, 255, .5) 10px, rgba(255, 255, 255, .5) 12px ); color: #6D402D; font-size: 20px; } #main h2.de-flow-main-start, #main h3.de-flow-main-start, #main h4.de-flow-main-start, .de-flow-main-start { padding: 20px 20px 0 20px; font-weight: 700; font-size: 20px; color: #D53C10; } .de-flow-detail { padding: 15px 20px; } .de-flow-detail p:last-child { margin-bottom: 0; } #de-lp-wrap .de-flow-detail-note { font-size: 12px; } .de-flow-start-yy { display: block; position: absolute; top: -15px; left: 50%; width: 100%; transform: translateX(-50%); color: #D53C10; font-weight: 700; } .de-flow-start-yy::before { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: url(./img/lp/decor-tx-yy@2x.webp) center center / 200px no-repeat; content: ''; } .de-flow-block-start .de-flow-detail { padding-top: 0; padding-bottom: 15px; } .de-flow-block-start .de-flow-detail p{ margin: 0; } .de-qa{ padding: 30px 15px; } .de-qa-inner { margin: 60px auto 30px; } #main h2.de-qa-q, #main h3.de-qa-q, #main h4.de-qa-q, .de-qa-q { display: flex; align-items: center; min-height: 70px; margin: 0 auto; padding: 10px 40px 10px 15px; background-color: #F6AB00; color: #FFF; font-size: 16px; } .de-qa-q-num { margin-right: 10px; color: #F7E27B; font-weight: 700; font-size: 26px; } .de-qa-q-main { text-align: left; } .de-qa-a { text-align: left; } .de-qa-a ul { padding-left: 0.5em; } .de-keyword { margin: 0 auto; font-size: 14px; } .de-keyword-list{ display: flex; flex-wrap: wrap; } .de-keyword-list li { list-style: none !important; } .de-keyword-list li::after { content:' ／ '; } .de-keyword-list li:last-child::after { content: ''; } #de-lp-wrap .de-footer-unei { margin: 0; padding: 0 15px 30px; } #de-lp-wrap .de-footer-unei > small { display: inline-block; } #de-lp-wrap .de-footer-unei a { color: #000; } #de-lp-wrap .de-btn-contact-info { margin: 20px -10px 0; } #de-lp-wrap .floating-banner { position: fixed; z-index: 999; bottom: 0; right: 0; } .page-template-page-dencourage .site-content-contain { /*margin-top: 105px;*/ margin-bottom:100px; } #floating-area { position: relative; left: 0; bottom: 0; z-index: 999; display: flex; justify-content:space-between; align-items: center; flex-wrap:wrap; width: 100%; background:none; } #floating-area .floating-sns-buttons { position: fixed; z-index: 999; bottom: 75px; left: 15px; display: none; } #floating-area .floating-sns-buttons > a{ display: block; width: 48px; margin-bottom:15px; } #floating-area img{ vertical-align: top; } #floating-area #sns-buttons { display:flex; align-items:center; position: fixed; } #floating-area #sns-buttons .instagram{ border: 1px solid #CCC; border-radius: 50%; } #floating-area .floating-btns { position: fixed; bottom: 0; right: 0; display:flex; justify-content:space-between; align-items: center; background: #FFF; width:100%; } #floating-area #btn-doc { width: 100%; padding: 5px 0; } #floating-area #btn-doc a{ position: relative; display: flex; justify-content:center; min-height: 48px; margin:0 5px 0 10px; padding: 10px 10px; background: #EDF2C5;/*#F7AD05*/ border-radius: 4px; align-items: center; text-align: center; line-height:1.4; letter-spacing: 0.2em; color: #222; font-weight:700; font-size: 14px; } #floating-area #btn-cta { /* position: fixed; bottom: 0; right: 0; */ width: 100%; padding: 5px 0; } #floating-area #btn-cta a{ position: relative; display: flex; justify-content:center; min-height: 48px; margin:0 0 0 5px; padding: 10px 10px; background: #8CB808; border-radius: 4px; align-items: center; text-align: center; line-height:1.4; letter-spacing: 0.2em; color: #FFF; font-weight:700; font-size: 14px; } #floating-area #sns-buttons > * { margin: 5px; } #floating-area #scroll-to-top { margin: 5px; min-width: 40px; } @media screen and (min-width: 48.1em){ .de-mv img{ width: 100%; max-width: 950px; max-height: 500px; } #de-lp-wrap .de-sec-ttl { font-size: 40px; } .de-onayami { padding: 60px 30px; } .de-onayami::after { content: unset; } .de-onayami img { width: 100%; max-width: 950px;        max-height: 480px; } #de-lp-wrap p.de-onayami-keywords { margin: 20px auto 0; } .de-kaiketsu { padding: 60px 30px; } .de-kaiketsu::after { content: none; } .de-kaiketsu .de-kaiketsu-tx { position: relative; max-width: 950px; margin: 0 auto; padding: 30px; background-color: rgba(255, 255, 255, .85); } .de-kaiketsu .de-kaiketsu-tx::after { position: absolute; right: 50px; bottom: -60px; width: 42.6666vw; height: 42.6666vw; max-width: 300px; max-height: 300px; background: url(./img/lp/kaiketsu-bg.png) top left / contain no-repeat; content: ''; } .de-concept { padding-bottom: 60px; } .de-point { padding-bottom: 60px; } .de-point-block:first-child { margin-top: 30px; } .de-point-wrap { max-width: 1366px; margin: auto; display: flex; justify-content: center; } .de-point-block { width: calc(33% - 30px); margin: 15px; } .de-users { margin: auto; padding: 60px 30px; } .de-users-ttl-main { font-size: 40px; } .de-users-uchiwake { max-width: 950px; margin: 0 auto; } .uchiwake-inner-wrap { display: flex; justify-content: center; margin-bottom: 60px; padding: 0; } .uchiwake-inner-block { width: calc(50% - 30px); margin: auto 15px; } .de-users-manzokudo { max-width: 950px; margin: 0 auto; } .manzokudo-inner-wrap { display: flex; justify-content: center; margin-bottom: 30px; padding: 0; } .manzokudo-inner-block { width: calc(50% - 30px); margin: auto 15px; padding: 30px; } .manzokudo-inner-fig { max-width: 315px; } .de-support-inner-wrap { display: flex; justify-content: center; max-width: 950px; margin: 30px auto; } .de-support-block { display: block; width: 33%; padding: 0 15px; } .de-support-block:first-child { padding-left: 0; } .de-support-block:last-child { padding-right: 0; } .de-support-block:not(:last-child){ border: none; border-right: 2px dotted #B8B8B8; } .de-support-block img { width: 100px; margin-bottom: 30px; } .de-support-block > ul { margin: 0; } .de-support-inner-detail { margin-bottom: 0; } .de-support-inner-detail th, .de-support-inner-detail td { padding: 20px; } #main h2.de-support-inner-ttl, #main h3.de-support-inner-ttl, #main h4.de-support-inner-ttl, .de-support-inner-ttl { padding: 15px; font-weight: 700; } .de-training { max-width: 950px; margin-left: auto; margin-right: auto; } .de-training .de-support-inner-wrap { padding: 0 30px; } .de-training-block { width: 33%; margin: 0 10px; } .de-curriculum { max-width: 950px; margin-left: auto; margin-right: auto; } .de-curriculum .de-support-inner-wrap { padding: 0 40px; } .de-curriculum-list { width: 100%; } #de-lp-wrap .de-curriculum-note { margin: 0 30px 30px; text-align: center; } #de-lp-wrap .de-support-pr { margin: 30px 0; } #de-lp-wrap .de-support-pr-tx { font-size: 30px; } .de-access{ margin: auto; padding: 60px 30px; } .de-access::before { content: none; } .de-access-inner { position: relative; max-width: 950px; margin-left: auto; margin-right: auto; } /*.de-access-inner::before { position: absolute; top: -15px; right: 20%; width: 70px; height: 90px; background: url(./img/lp/decor-illust-okinawa.png) top left / 70px 89px no-repeat; content: ''; }*/ /*#de-lp-wrap .de-access-lead-s { text-align: center; }*/ .de-access-detail tbody th { width: 30%; } .de-access-detail tr > * { padding: 15px; } .de-access-campus-single { padding: 30px; } .de-voice-okinawa-inner { display:flex; flex-wrap:wrap; } .de-voice-single { width: calc(50% - 30px); } .de-voice-single-clm1 { width:100%; } .de-access-map iframe { height: 400px; } .de-flow{ margin: auto; padding: 60px 30px; } .de-flow-wrap { display: flex; flex-wrap: wrap; max-width: 950px; margin-left: auto; margin-right: auto; } .de-flow-block { width: calc(50% - 30px); margin-bottom: 50px; } .de-flow-block + .de-flow-block { margin-top: 0; } .de-flow-block:nth-child(odd) { margin-right: 25px; } .de-flow-block:nth-child(even) { margin-left: 25px; } .de-flow-block:not(:last-child)::before { content: none; } .de-flow-detail { padding: 30px; } .de-qa-inner { margin: 60px auto 30px; } .de-qa{ max-width: 950px; margin-left: auto; margin-right: auto; padding: 60px 0; } .de-qa-a { padding: 30px; } .de-keyword { max-width: 950px; margin-left: auto; margin-right: auto; padding: 0 0 30px; } /*.de-keyword-list{ justify-content: center; }*/ #de-lp-wrap .de-btn-contact-info { margin: 10px; } #de-lp-wrap .de-btn-contact-info img { width: 890px; } #de-lp-wrap .floating-banner { width: 300px; } #floating-area .floating-sns-buttons{ bottom: 30px; left: 30px; } #floating-area .floating-sns-buttons > a{ margin-bottom:15px; } #floating-area { background: none; align-items: end; } #floating-area #sns-buttons { display: block; } #floating-area #sns-buttons > *{ margin: 10px; } #floating-area .floating-btns { width: auto; background:none; } #floating-area #btn-doc { display: flex; justify-content: end; padding: 10px 0 10px 10px; } #floating-area #btn-doc a { margin: 0; white-space: nowrap; } #floating-area #btn-cta { display: flex; justify-content:end; padding: 10px; } #floating-area #btn-cta a { margin: 0; white-space: nowrap; } #floating-area #scroll-to-top { margin: 0 15px 0 5px; } } @media screen and (min-width: 64.1em){ .de-onayami .de-sec-ttl-sub { padding: 10px 30px; font-size: 20px; } .de-sec-ttl-wave-sp::after { content: none; } .de-sec-ttl-wave-pc::after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 6px; background: url(./img/lp/underline-wave.png) bottom left / cover repeat-x; } } .de-campus-info { margin: -20px 0 40px; padding: 15px; background: #F0F1EA; font-size:11px; line-height:1.6; } .de-btn-rework { padding: 30px 15px; background: #F7F7F7; } .de-btn-rework a { display: block; position: relative; width: 80%; margin: 20px auto 0; color: #FFF; line-height:1.2; } .de-btn-rework-tx2 { position: relative; z-index: 0; padding: 15px; border-radius: 100vh; border: 1px solid #FFF; background: #F6AB00; box-shadow: 2px 2px 6px rgba(0, 0, 0, .16); } .de-btn-rework-tx2::after { position: absolute; top: 50%; right: 15px; width: 20px; height: 17px; transform: translatey(-50%); background: url(/wp-content/themes/inspiro-child/img/lp/derwk-ico-arrow-r-wt.png) center / contain no-repeat; content:''; } .de-btn-rework-tx2-main { display: block; color: #FFF; font-weight:700; font-size:20px; } #de-lp-wrap p.de-btn-rework-tx { margin-bottom: 10px; font-weight: 700; font-size: 18px; color: #222; } @media screen and (min-width: 48.1em) { .de-btn-rework { padding: 60px 0; } .de-btn-rework-tx2-wrap { display: flex; justify-content: center; align-items: center; gap: 15px; max-width: 750px; margin: auto; } .de-btn-rework a { margin-top: 0; } } #de-lp-wrap .de-menu { list-style:none; margin: 1rem; text-align: center } #de-lp-wrap .de-menu li a { position:relative; display: block; padding: 10px } #de-lp-wrap .de-menu li.ico-blank a::after {right:1em;} #de-lp-wrap .de-menu a:hover { color:#CCC; } @media screen and (max-width: 64em){ #de-lp-wrap .de-menu li { padding:0 } #de-lp-wrap .de-menu li a { border: 1px solid #ccc } #de-lp-wrap .de-menu li + li { margin-top: -1px; } } @media screen and (min-width: 64.1em){ #de-lp-wrap .de-menu { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } #de-lp-wrap .de-menu li { padding:0; border-left: 1px solid #000; line-height: 1 } #de-lp-wrap .de-menu li:first-child { border-left: none } #de-lp-wrap .de-menu li a { padding: 0 1em; margin: 0 1em; font-size: 14px } #de-lp-wrap .de-menu li.ico-blank a { padding-right: 1.5em; margin-right:1.5em; } #de-lp-wrap .de-menu li.ico-blank a::after {right:0;} } /* -- rework */ .dencourage-template-rework .color-red { color: #D53C10; } .dencourage-template-rework .de-header-info { width: 100%; text-align: center; } .dencourage-template-rework .de-header-info-add-rework-name { margin: 5px 0 0 0; font-weight: 700; font-size: 12px; color: #8EC31F; } .dencourage-template-rework .de-sub-menu { display:flex; justify-content:center; align-items:center; /*gap: 10px;*/ width: 100%; margin: 10px auto 0; } .dencourage-template-rework .de-sub-menu .de-sub-menu-lst { width: 100%; list-style: none; line-height: 1.2; /* border-bottom: 2px solid #FFF; */ } .dencourage-template-rework .de-sub-menu .de-sub-menu-lst a { display: inline-block; padding: 5px; color: #222222; font-size:14px; } .dencourage-template-rework .de-sub-menu .de-sub-menu-lst.active { /* border-bottom: 2px solid #8FC31F; */ background: #8FC31F; } .dencourage-template-rework .de-sub-menu .de-sub-menu-lst.active a { color: #FFF; } .dencourage-template-rework .de-header-info-add-rework-keywords { display:flex; justify-content: center; gap: 6px; margin: 5px 0 0 0; list-style: none; } .dencourage-template-rework .de-header-info-add-rework-keywords li { display: block; padding: 5px; border-radius: 4px; background-color: #E7F2D0; font-size: 10px; list-style: none; } .dencourage-template-rework .de-header-btn { display: none; width: 100%; text-align: right; } .dencourage-template-rework header { overflow: hidden; min-height: 500px; border-top: 1px solid #CCC; position: relative; z-index: 0; } .dencourage-template-rework #de-lp-wrap p { font-size: 4.2667vw; } .dencourage-template-rework .derwk-tx > .derwk-tx-inner01 { display: inline-block; margin-bottom: 0; padding: 5px 10px; background: #F8FAE8; font-size: 4.2667vw; } .dencourage-template-rework .derwk-tx > .derwk-tx-inner01 > small { font-size: 3.7333vw; } .dencourage-template-rework .derwk-tx > .derwk-tx-inner02 { font-weight: 400; font-size: 7.4666vw; color: #475444; } .dencourage-template-rework .derwk-tx > .derwk-tx-inner02 > span { display: block; font-size: 5.3333vw; } .dencourage-template-rework .derwk-mv { position: absolute; width: 100%; } .dencourage-template-rework .derwk-mv-main { margin-top: 8vw; } .dencourage-template-rework .derwk-mv-main a { display: none; } .dencourage-template-rework .derwk-mv-pic { position: relative; width: 100%; z-index: -1; background: #F7F7F7; /* position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: -1; */ } .dencourage-template-rework .derwk-mv-pic img { width: 100%; } .dencourage-template-rework .derwk-tx-pr { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 15px; } .dencourage-template-rework .derwk-tx-pr .derwk-tx-pr-single { background: #FFF; border-radius: 15px; padding: 2.6667vw; line-height: 1.4em; } .dencourage-template-rework .derwk-tx-pr .derwk-tx-pr-single-sub { display: block; font-size: 3.7333vw; } .dencourage-template-rework .derwk-tx-pr .derwk-tx-pr-single-main { display: block; margin-top: 0.6em; font-weight: 700; font-size: 4.2667vw; color: #F6AB00; line-height: 1; } .dencourage-template-rework .derwk-cta-btn { display: none; } .dencourage-template-rework .derwk-onayami { padding: 30px 15px; } .dencourage-template-rework .dederwk-onayami-ttl { position: relative; width: 100%; z-index: 0; } .dencourage-template-rework .dederwk-onayami-ttl::after { position:absolute; z-index:-1; display:block; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 2px; background: #F6AB00; content: ''; } .dencourage-template-rework .derwk-onayami-ttl-main { display: inline-block; padding: 0 10px; background: #FFF; font-size: 26px; line-height:1; } .dencourage-template-rework .color-yellow { color: #F6AB00; } .dencourage-template-rework .derwk-onayami-inner { display: flex; border-bottom: 2px solid #F6AB00; flex-direction:column-reverse } .dencourage-template-rework .derwk-onayami-inner { padding-bottom: 45px; } .dencourage-template-rework .derwk-onayami-list { margin: 0; } .dencourage-template-rework .derwk-onayami-list-single { margin-bottom: 1rem; list-style: none; text-align: left; line-height: 1.4; } .dencourage-template-rework .derwk-onayami-illust { min-width: 160px; } .dencourage-template-rework .derwk-onayami-illust img { width: auto; height: 100%; max-height: 160px; } .dencourage-template-rework .derwk-onayami-list-single { position: relative; padding: 0 0 0 calc(40px + 1em); } .dencourage-template-rework .derwk-onayami-list-single::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 40px; height: 40px; background: url(/wp-content/themes/inspiro-child/img/lp/derwk-ico-check-or.png) center / 40px 40px no-repeat; content: ''; } .dencourage-template-rework .derwk-kaiketsu { position: relative; padding: 80px 15px 30px; background: #E7F2D0; } .dencourage-template-rework .derwk-kaiketsu::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); border: 50px solid transparent; border-top: 50px solid #FFF; content: ''; } .dencourage-template #de-lp-wrap h2 .derwk-kaiketsu-ttl-main , .dencourage-template-rework #de-lp-wrap h2 .derwk-kaiketsu-ttl-main { font-size: 24px; margin-bottom: 10px; } .dencourage-template #de-lp-wrap h2 .derwk-kaiketsu-ttl-sub , .dencourage-template-rework #de-lp-wrap h2 .derwk-kaiketsu-ttl-sub { font-weight: 500; font-size: 16px; } .dencourage-template-rework .derwk-kaiketsu-ttl { margin-bottom: 40px; } .dencourage-template-rework .derwk-kaiketsu-content { position: relative; max-width: 950px; margin: 0 auto 100px; padding: 20vw 15px 15px; background-color: rgba(255, 255, 255, .7); border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: left; } .dencourage-template-rework .derwk-kaiketsu-tx-badge { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); margin: 0; } .dencourage-template-rework .derwk-kaiketsu-tx-badge-inner { position: relative; z-index: 0; display: flex; justify-content: center; align-items: center; height: 100%; padding: 1em; color: #8EC31F; font-weight: 700; line-height: 1.2; text-align: center; } .dencourage-template-rework .derwk-kaiketsu-tx-badge-inner:before, .dencourage-template-rework .derwk-kaiketsu-tx-badge-inner:after { position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; } .dencourage-template-rework .derwk-kaiketsu-tx-badge-inner:before { top: 0; left: 0; z-index: -1; background: #FFF; border: 1px solid #838383; } .dencourage-template-rework .derwk-kaiketsu-tx-badge-inner:after { top: 4px; left: 4px; z-index: -2; background: #8EC31F; } .dencourage-template .derwk-kaiketsu-list , .dencourage-template-rework .derwk-kaiketsu-list { margin: 0 15px 60px; } .dencourage-template .derwk-kaiketsu-list-single , .dencourage-template-rework .derwk-kaiketsu-list-single { background: #EDF2C5; padding: 15px; border-radius: 20px; } .dencourage-template #main h3.derwk-kaiketsu-list-ttl , .dencourage-template-rework #main h3.derwk-kaiketsu-list-ttl { margin: 0 0 1em; font-size: 20px; margin-top: 0; } .dencourage-template .derwk-kaiketsu-list-pic , .dencourage-template-rework .derwk-kaiketsu-list-pic { display: flex; justify-content: center; align-items: center; width: 180px; margin: auto; } .dencourage-template-rework .derwk-kaiketsu-list-single:nth-child(1) img { max-width: 150px; } .dencourage-template-rework .derwk-kaiketsu-list-single:nth-child(2) img { max-width: 200px; } .dencourage-template-rework .derwk-kaiketsu-list-single:nth-child(3) img { max-width: 120px; } .dencourage-template-rework .derwk-kaiketsu-list-single:nth-child(4) img { max-width: 100px; } .derwk-kaiketsu-omakase > * { border-radius: 10px; background: #FFF; padding: 15px; } #main h3.derwk-kaiketsu-omakase-ttl{ font-size:18px; margin: 0 auto 1em; } .derwk-kaiketsu-omakase-tx { font-weight:700; color: #D53C10; } .derwk-kaiketsu-omakase-tx2 { text-align: left; } .derwk-kaiketsu-msg { margin-top: 60px; } .dencourage-template #de-lp-wrap p.derwk-kaiketsu-msg-tx-main , .dencourage-template-rework #de-lp-wrap p.derwk-kaiketsu-msg-tx-main { text-align: left; margin-bottom: 20px; } .derwk-kaiketsu-msg-tx-main-inner { text-align: left; font-size: 18px; font-weight: 700; line-height: 1.4; } .derwk-kaiketsu-msg-img { width: 50%; margin: auto auto 30px; } .derwk-kaiketsu-msg-tx { font-size: 14px; text-align: left; } .derwk-kaiketsu-program { margin-top: 60px; } .derwk-kaiketsu-ttl2 { margin-top: 60px; } .derwk-kaiketsu-ttl2-main { font-size: 36px; } .derwk-kaiketsu-ttl2-sub { font-size: 24px; } .derwk-kaiketsu-ttl2-sub2 { margin-top: 30px; font-size: 16px; font-weight: 500; } .dencourage-template-rework .derwk-concept { position: relative; z-index: 0; } .dencourage-template-rework .derwk-concept-inner { } .dencourage-template-rework .derwk-concept-bg { position: absolute; top: 0; right: 0; z-index: -1; overflow: hidden; width: 100%; height: 100%; } .dencourage-template-rework .derwk-concept-bg img { height: 100%; object-fit: cover; object-position: right center; } .dencourage-template-rework .derwk-concept-inner { padding: 15px; text-align: left; } .dencourage-template-rework .derwk-concept-inner-box { background-color: rgba(255, 255, 255, .8); border-radius: 10px; padding: 30px 15px; } .dencourage-template-rework #de-lp-wrap .derwk-concept-inner-box-main { margin: 15px 0; font-weight: 700; font-size: 26px; } .dencourage-template-rework .derwk-concept-inner-box-detail { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-top: 1px dotted #F6AB00; border-bottom: 1px dotted #F6AB00; font-weight: 700; } .dencourage-template-rework .derwk-concept-inner-box-detail-01 { display: flex; justify-content: center; align-items: center; min-width: 120px; min-height: 120px; background: #EDF2C5; border-radius: 50%; margin-right: 10px; color: #8EC31F; text-align: center; line-height: 1.2; } .dencourage-template-rework .de-support { margin-top: 0; padding-top: 0; } .dencourage-template-rework .de-curriculum { position: relative; border-radius: 15px; margin-top: 0; padding-top: 0; padding-bottom: 30px; } .dencourage-template-rework .de-point-block { border-radius: 15px; } .dencourage-template-rework #de-lp-wrap .de-curriculum h2.de-support-inner-ttl { border-radius: 10px 10px 0 0; text-align: left; } .dencourage-template-rework .de-curriculum-badge { position: absolute; top: -30px; right: -10px; display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; background: #FFEA28; border-radius: 50%; color: #D53C10; line-height: 1; transform: rotate(15deg); } .dencourage-template-rework .de-support-inner-detail { border-radius: 10px; border-collapse: unset; border-spacing: 0; border: none; border-left: 1px solid #724E42; border-top: 1px solid #724E42; overflow: hidden; } .dencourage-template-rework .de-support-inner-detail tr > * { border-bottom: 1px solid #724E42; border-right: 1px solid #724E42; } .dencourage-template-rework .de-support-inner-detail tr:first-child > th { border-radius: 10px 0 0 0; } .dencourage-template-rework .de-support-inner-detail tr:first-child > td { border-radius: 0 10px 0 0; } .dencourage-template-rework .de-support-inner-detail tr:last-child > th { border-radius: 0 0 0 10px; } .dencourage-template-rework .de-support-inner-detail tr:last-child > td { border-radius: 0 0 10px 0; } .dencourage-template-rework .de-support-inner-detail th { background: #FDE0AD; } .dencourage-template-rework .de-concept2 { padding: 30px 15px; } .dencourage-template-rework .de-concept2-pic { margin: 0 auto 30px; max-width: 300px; text-align: center; } .dencourage-template-rework .de-concept2-tx { text-align: left; } .dencourage-template-rework .de-concept2-tx-01 { display: inline; border-bottom: 1px solid #707070; padding-bottom: .2em; line-height: 2em; } .dencourage-template-rework .de-concept2-tx-02 { font-size: 14px; } .dencourage-template-rework .de-access::before { content: none; } .dencourage-template-rework .de-access { background: #FFF; } .dencourage-template-rework #main h2.de-access-campus { padding : 0 20px; background: #FFF; border-left: 8px solid #8EC31F; text-align: left; color: #222; } .dencourage-template-rework .de-access-campus small { margin-bottom: 1em; font-weight: normal; font-size: 14px; } .dencourage-template-rework .de-access-campus small .place { padding: 2px 10px; border: 1px solid #333; line-height: 1; } .dencourage-template-rework .de-access-campus-single { padding-left: 0; padding-right: 0; } .dencourage-template-rework .de-access-campus-single::before { content: none; } .dencourage-template-rework .de-access-detail { border-radius: 10px; border-spacing: 0; border-collapse: unset; border: none; border-left: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; } .dencourage-template-rework .de-access-detail tr > * { padding: 5px 10px; border: none; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; } .dencourage-template-rework .de-access-detail tr:first-child>*:first-child{ border-radius: 10px 0 0 0; } .dencourage-template-rework .de-access-detail tr:first-child>*:last-child{ border-radius: 0 10px 0 0; } .dencourage-template-rework .de-access-detail tr:last-child>*:first-child{ border-radius: 0 0 0 10px; } .dencourage-template-rework .de-access-detail tr:last-child>*:last-child{ border-radius: 0 0 10px 0; } .dencourage-template-rework .derwk-access-detail-maplink a { display: inline-block; margin: 0 4px; padding: 2px 15px; border-radius: 100vh; background: #E7F2D0; color: #222; } .dencourage-template-rework .de-access-detail { margin-top: 0; } .dencourage-template-rework .de-access-detail tr > * { padding: 10px; } .dencourage-template-rework .de-access-detail th { background: #E7F2D0; font-weight: 400; } .dencourage-template-rework .de-campus-service { justify-content: right; } .dencourage-template-rework .de-campus-service > * { display: block; width: auto; height: auto; border: none; flex-wrap: nowrap; background: none; line-height: 1; text-align: right; } .dencourage-template-rework .tx-service { text-align: left; margin-left: 10px; color: #222222; font-weight: 400; } .dencourage-template-rework .tx-service br { display: none; } .dencourage-template-rework #de-lp-wrap .de-access-campus-photos { overflow: hidden; } .dencourage-template-rework #de-lp-wrap .de-access-campus-photos img { border-radius: 10px; } .dencourage-template-rework #main h3.de-voice-okinawa-tit { position: relative; z-index: 0; font-size: 20px; color: #000; } .dencourage-template-rework .de-voice-okinawa-tit-inner { display: inline-block; padding: 0 15px; background: #FFF; } .dencourage-template-rework .de-voice-okinawa-tit-inner::before { position: absolute; top: 50%; left: 0; z-index: -1; transform: translateY(-50%); width: 100%; height: 2px; background: #F6AB00; content:''; } .dencourage-template-rework .de-voice-icon { width: 40%; min-width: 50px; margin-right: 10px; } .dencourage-template-rework .de-voice-single { display: flex; margin: 0 auto 15px; border:none; box-shadow: none; background: #F7F7F7; } .dencourage-template-rework .hidden { display: none; } .dencourage-template-rework #more-btn { width: 300px; padding: 8px 16px; border: 1px solid #707070; background-color: #FFF; color: #222; border-radius: 100vh; cursor: pointer; } .dencourage-template-rework .de-videos-list { margin: auto; padding: 15px 30px; list-style: none; } .dencourage-template-rework .derwk-btn-contact { padding: 30px 15px; background: #E7F2D0; } .dencourage-template-rework .derwk-btn-contact a { display: block; position: relative; max-width: 375px; margin: auto; } .dencourage-template-rework .derwk-btn-contact-tx1 { display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; left: -10px; z-index: 1; width: 60px; height: 60px; background: url(/wp-content/themes/inspiro-child/img/lp/derwk-cta-fukidashi.png) center / 60px 60px no-repeat; padding: 0 7px 0 5px; line-height:1.2; font-size:14px; font-weight:700; color: #F6AB00; } .dencourage-template-rework .derwk-btn-contact-tx2 { position: relative; z-index: 0; padding: 15px; border-radius: 100vh; border: 1px solid #FFF; background: #8EC31F; box-shadow: 2px 2px 6px rgba(0, 0, 0, .16); } .dencourage-template-rework .derwk-btn-contact-tx2::after { position: absolute; top: 50%; right: 15px; width: 20px; height: 17px; transform: translatey(-50%); background: url(/wp-content/themes/inspiro-child/img/lp/derwk-ico-arrow-r-wt.png) center / contain no-repeat; content:''; } .dencourage-template-rework .derwk-btn-contact-tx2-sub { display: block; font-size:14px; color: #F0FF75; } .dencourage-template-rework .derwk-btn-contact-tx2-main { display: block; color: #FFF; font-weight:700; font-size:20px; } .dencourage-template-rework #de-lp-wrap p.derwk-btn-contact-tx { margin-bottom: 10px; font-weight: 700; font-size: 14px; color: #8EC31F; } @media screen and (min-width: 48.1em){ .dencourage-template-rework .de-header { justify-content: center; flex-wrap: nowrap; padding: 10px; gap: 20px; } .dencourage-template-rework .de-header-info { display: flex; justify-content: center; align-items: center; gap: 15px; width: auto; margin-right: auto; } .dencourage-template-rework .de-sub-menu { width: auto; margin: 0; gap: 20px; } .dencourage-template-rework .de-header-info-add-rework-name { margin-top: 0; } .dencourage-template-rework .de-sub-menu .de-sub-menu-lst { width: auto; border-bottom: 2px solid #FFF; } .dencourage-template-rework .de-sub-menu .de-sub-menu-lst.active { background: #FFF; border-bottom: 2px solid #8FC31F; } .dencourage-template-rework .de-sub-menu .de-sub-menu-lst.active a { color: #222222; } .dencourage-template-rework .de-header-btn { display: block; width: auto; } .dencourage-template-rework .derwk-btn-contact-tx2::after { right: 30px; } .dencourage-template-rework header { height: 500px; } .dencourage-template-rework .derwk-tx > .derwk-tx-inner01 > small { font-size: 14px; } .dencourage-template-rework #de-lp-wrap p { width: 100%; font-size: 16px; } .dencourage-template-rework .derwk-tx > .derwk-tx-inner02 > span { font-size: 20px; } .dencourage-template-rework .derwk-tx > .derwk-tx-inner02 { font-size: 36px; } .dencourage-template-rework .derwk-tx-pr .derwk-tx-pr-single { padding: 30px; } .dencourage-template-rework .derwk-tx-pr .derwk-tx-pr-single-sub { font-size: 14px; } .dencourage-template-rework .derwk-tx-pr .derwk-tx-pr-single-main { margin-top: 0; font-size: 20px; } .dencourage-template-rework .derwk-onayami { max-width: 950px; margin: 60px auto; padding: 0; } .dencourage-template-rework .derwk-kaiketsu { padding-bottom: 80px; } .dencourage-template .derwk-kaiketsu > * , .dencourage-template-rework .derwk-kaiketsu > * { margin-left: auto; margin-right: auto; max-width: 950px; } .dencourage-template .derwk-kaiketsu-list-single , .dencourage-template-rework .derwk-kaiketsu-list-single { padding: 0 30px 30px; } .dencourage-template .derwk-kaiketsu-list-pic , .dencourage-template-rework .derwk-kaiketsu-list-pic { min-height: 180px; } .dencourage-template #main h3.derwk-kaiketsu-list-ttl , .dencourage-template-rework #main h3.derwk-kaiketsu-list-ttl { text-align: left; } .dencourage-template #de-lp-wrap h2 .derwk-kaiketsu-ttl-main , .dencourage-template-rework #de-lp-wrap h2 .derwk-kaiketsu-ttl-main { font-size: 36px; } .derwk-kaiketsu-omakase { display:flex; justify-content:space-between; } .derwk-kaiketsu-omakase > * { width: 30%; } .derwk-kaiketsu-msg { display: flex; } .dencourage-template-rework .derwk-mv { width: auto; margin: 0 40px; top: 50%; transform: translatey(-50%); } .dencourage-template-rework .derwk-mv-main { margin-top: 0; } .dencourage-template-rework .derwk-mv-main a { display: block; width: 100%; max-width: 360px; margin: 15px auto 0; } .dencourage-template-rework .derwk-mv-main a:hover { opacity: 1 !important; } .dencourage-template-rework .derwk-mv-main a:hover .derwk-btn-contact-tx2{ background: #7EAE1A; box-shadow: none; opacity: 1; } .dencourage-template-rework .derwk-mv-pic { width: auto; height: 100%; } .dencourage-template-rework .derwk-mv-pic img { position: absolute; right: 50%; transform: translateX(50%); min-height: 500px; width: auto; max-width: unset; } .dencourage-template-rework .derwk-cta-btn { display: block; } .dencourage-template-rework .derwk-onayami-inner { display: flex; flex-direction: row; justify-content: space-between; gap: 40px; align-items: center; flex-wrap: nowrap; } .dencourage-template-rework .derwk-onayami-list { display: flex; justify-content: left; align-items: center; flex-wrap: wrap; } .dencourage-template-rework .derwk-onayami-list-single { width: 50%; } .dencourage-template-rework .derwk-onayami-illust { margin-left: 40px; } .dencourage-template #de-lp-wrap h2 .derwk-kaiketsu-ttl-sub , .dencourage-template-rework #de-lp-wrap h2 .derwk-kaiketsu-ttl-sub { font-weight: 400; } .dencourage-template-rework .derwk-kaiketsu-tx-badge-inner { right: 10px; width: 140px; height: 140px; } .dencourage-template-rework .derwk-kaiketsu-content { margin-bottom: 30px; padding: 30px 20px 30px 150px; } .dencourage-template-rework #de-lp-wrap p { margin: 0; } .dencourage-template .derwk-kaiketsu-list , .dencourage-template-rework .derwk-kaiketsu-list { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 30px 60px; } .dencourage-template .derwk-kaiketsu-list-single , .dencourage-template-rework .derwk-kaiketsu-list-single { width: calc(25% - 10px); margin-bottom: 20px; padding: 20px; } .dencourage-template #de-lp-wrap p.derwk-kaiketsu-list-tx , .dencourage-template-rework #de-lp-wrap p.derwk-kaiketsu-list-tx { margin-bottom: 1em; font-size: 14px; line-height: 1.6; text-align: left; } .derwk-kaiketsu-msg-tx-main-inner { font-size: 24px; } .derwk-kaiketsu-msg-inner { margin-left: 30px; } .dencourage-template-rework .derwk-concept-inner-box { width: 50%; } .dencourage-template-rework #de-lp-wrap p.derwk-concept-inner-box-main { font-size: 26px; } .dencourage-template-rework .derwk-concept-inner { padding: 40px 0; } .dencourage-template-rework .derwk-concept-inner-box-detail { margin-top: 30px; } .dencourage-template-rework .derwk-concept-bg img { width: 100%; } .dencourage-template-rework #de-lp-wrap .de-curriculum h2.de-support-inner-ttl { text-align: center; } .dencourage-template-rework .de-support-inner-detail th { min-width: 160px; background: #FDE0AD; } .dencourage-template-rework .de-concept2-inner { display: flex; justify-content: space-between; gap: 50px; max-width: 950px; margin: auto; padding: 50px 0; } .dencourage-template-rework .de-concept2-pic { margin-bottom: 0; } .dencourage-template-rework .de-access-campus-inner { display: flex; justify-content:space-between; gap: 15px; } .dencourage-template-rework .de-access-campus-detail-wrap { width: 100%; } .dencourage-template-rework #de-lp-wrap .de-access-campus-photos{ max-width: 380px; } .dencourage-template-rework .derwk-btn-contact { padding: 60px 0; } .dencourage-template-rework .derwk-btn-contact-tx1 { top: -10px; left: -20px; width: 78px; height: 78px; background-size: 78px 78px; } .dencourage-template-rework #de-lp-wrap p.derwk-btn-contact-tx { margin-bottom: 20px; } .dencourage-template-rework .derwk-concept-inner-box { background: #FFF; } .dencourage-template-rework .derwk-concept-inner { max-width: 950px; margin: auto; padding: 40px 0; } .dencourage-template-rework .de-voice-single { width: 100%; margin: 0 auto 30px; padding: 40px 50px; } .dencourage-template-rework .de-voice-icon { width: 10%; } .dencourage-template-rework #more-btn { margin: auto; } .dencourage-template-rework .de-videos-list { display: flex; justify-content: center; gap: 15px; } .dencourage-template-rework .de-videos-list li { width: 100%; } } @media screen and (min-width: 64.1em){ .dencourage-template-rework .derwk-mv { width: 100%; max-width: 950px; margin: auto; left: 50%; transform: translate(-50%, -50%); } .dencourage-template-rework .derwk-mv-main { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin: 0; } } /* -- for-hr */ .dencourage-template-rework .dehr-tx-pr { padding: 0 15px; } .dencourage-template-rework .dehr-tx-pr-ttl { position: relative; width: 100%; margin-bottom: 5px; z-index: 0; } .dencourage-template-rework .dehr-tx-pr-ttl span { display: inline-block; line-height: 1; } .dencourage-template-rework .dehr-tx-pr-ttl::before, .dencourage-template-rework .dehr-tx-pr-ttl::after { position: absolute; top: 50%; transform: translatey(-50%); width: 100px; height: 1px; border-top: 2px dotted #F6AB00; content:''; } .dencourage-template-rework .dehr-tx-pr-ttl::before { left: 0; } .dencourage-template-rework .dehr-tx-pr-ttl::after { right: 0; } .dencourage-template-rework .dehr-tx-pr-inner { display: flex; justify-content:center; line-height:1; } .dencourage-template-rework .dehr-tx-pr-single { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2px; margin: 0 5px; padding: 10px; background: #FFF; border-radius: 20px; box-shadow: 2px 2px 6px rgba(0, 0, 0, .16); box-sizing: border-box; } .dencourage-template-rework .dehr-tx-pr-single strong { font-weight: 700; color: #8EC31F; } .dencourage-template-rework .dehr-tx-pr-single i { font-size: 11px; font-style: normal; } .dencourage-template-rework .dehr-tx-pr-single-sub { font-size: 11px; } .dencourage-template-rework .dehr-tx-pr-single-sub2 { font-size: 11px; } .dencourage-template-rework #de-lp-wrap p.dehr-tx-pr-note { margin-top: 10px; font-size: 11px; text-align: left; line-height: 1; } .dencourage-template-rework .for-hr { padding-top: 0; } .dencourage-template-rework .for-hr .derwk-mv-main { margin-top: 20px; } .dencourage-template-rework .for-hr .derwk-tx > .derwk-tx-inner02 { padding-top: 10px; } .dencourage-template-rework .dehr-btn-contact { padding: 30px 15px; background: #F7F7F7; } .dencourage-template-rework .dehr-btn-contact a { display: block; position: relative; max-width: 375px; margin: auto; } /* .dencourage-template-rework .dehr-btn-contact-tx1 { display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; left: -10px; z-index: 1; width: 60px; height: 60px; background: url(/wp-content/themes/inspiro-child/img/lp/derwk-cta-fukidashi.png) center / 60px 60px no-repeat; padding: 0 7px 0 5px; line-height:1; font-size:14px; font-weight:700; color: #F6AB00; } */ .dencourage-template-rework .dehr-btn-contact-tx2 { position: relative; z-index: 0; padding: 15px; border-radius: 100vh; border: 1px solid #FFF; background: #F6AB00; box-shadow: 2px 2px 6px rgba(0, 0, 0, .16); } .dencourage-template-rework .dehr-btn-contact-tx2::after { position: absolute; top: 50%; right: 15px; width: 20px; height: 17px; transform: translatey(-50%); background: url(/wp-content/themes/inspiro-child/img/lp/derwk-ico-arrow-r-wt.png) center / contain no-repeat; content:''; } /* .dencourage-template-rework .dehr-btn-contact-tx2-sub { display: block; font-size:14px; color: #F0FF75; } */ .dencourage-template-rework .dehr-btn-contact-tx2-main { display: block; color: #FFF; font-weight:700; font-size:20px; } .dencourage-template-rework #de-lp-wrap p.dehr-btn-contact-tx { margin-bottom: 10px; font-weight: 700; font-size: 14px; color: #222; } .dencourage-template-rework .dehr-bnr-contact { padding: 60px 15px; background: #E7F2D0; } .dencourage-template-rework .dehr-bnr-contact-tx { text-decoration: underline; } .dencourage-template-rework .dencourage-template-rework #de-lp-wrap p.dehr-bnr-contact-tx2 { margin-bottom: 30px; } .dencourage-template-rework .derwk-bg { background: #EBF4FB; } .dencourage-template-rework .de-hr-pr-tx { background: #FFF; padding: 30px 15px 15px 15px; text-align: left; border-radius: 10px 10px 0 0; } .dencourage-template-rework #main .de-hr-pr-tx h3 { font-weight: 400; margin-top: 0; } .dencourage-template-rework #main .de-hr-pr-tx p { margin-bottom: 0; } .dencourage-template-rework #main .de-hr-pr-tx p + p { margin-top: 1em; } .dencourage-template-rework .de-hr-pr-pic { overflow: hidden; border-radius: 0 0 10px 10px; } .dencourage-template-rework .de-hr-pr-block { margin-top: 15px; } .dencourage-template-rework .de-hr-pr { margin-bottom: 30px; } .dencourage-template-rework .for-hr .derwk-mv-main { margin-top: 30px; } .dencourage-template-rework #de-lp-wrap .derwk-mv p { line-height: 1.2; } .de-hr-program { overflow: hidden; max-width: 950px; margin: 60px auto 100px; background-color: #FFF; border-radius: 10px; } .de-hr-program-list { list-style: none; margin: 0; } .de-hr-program-step-tx-main { font-weight: 400; font-size: 24px; } .de-hr-program-step-num { font-weight: bold; font-size: 24px; color: #8CB808; } .de-sec-ttl-inner-s { display: inline-block; font-size: 18px; } .de-hr-program-step + .de-hr-program-step { margin-top: 20px; padding-top: 20px; border-top: 1px solid #DDD; } .de-hr-program-core-tx { margin: 30px; padding: 15px; background-color: #E7F2D0; font-weight: 700; } .de-hr-program-core-tx-sub { text-align: left; margin-top: 30px; } .de-hr-program-block { padding: 30px; } .de-hr-program-block:first-child .de-hr-program-step-tx { color: #8CB808; line-height: 1.4; } .de-hr-program-block:last-child .de-hr-program-step-tx { width: 100%; } .de-hr-program-core-list { list-style: none; margin: 30px; } .de-hr-program-core-single { margin-bottom: 30px } .de-hr-program-core-tx-main { padding: 15px 10px; font-weight: 700; font-size: 20px; color: #8CB808; line-height: 1.4; background-image: repeating-linear-gradient(45deg, #EBF4FB, #EBF4FB 2px, transparent 2px, transparent 4px); } .de-hr-program-core-tx-main-s { font-weight: 400; font-size: 16px; display: block; line-height: 1.2; } .de-hr-program-step-num img { display: block; width: 33%; margin: auto; } @media screen and (min-width: 48.1em){ .dencourage-template-rework .dehr-tx-pr-single-sub { width: 100%; font-size: 14px; } .dencourage-template-rework .dehr-tx-pr-single-sub2 { width: 100%; font-size: 14px; } .dencourage-template-rework .dehr-tx-pr-single-add2 .dehr-tx-pr-single-sub2 { text-align: right; } .dencourage-template-rework .dehr-tx-pr-ttl { margin-bottom: 10px; } .dencourage-template-rework .dehr-tx-pr-single strong { font-size: 40px; font-weight: 700; } .dencourage-template-rework .derwk-tx { max-width: 470px; } .dencourage-template-rework .for-hr .derwk-tx > .derwk-tx-inner02 { padding-top: .625em; } .dencourage-template-rework .dehr-tx-pr-inner { margin-top: 10px; } .dencourage-template-rework .dehr-tx-pr-single-main { position: relative; } .dencourage-template-rework .dehr-tx-pr-single-add3 .dehr-tx-pr-single-main { padding-right: .6em; } .dencourage-template-rework .dehr-tx-pr-single i { position: absolute; top: 1em; right: 0; } .dencourage-template-rework .de-hr-pr { max-width: 950px; margin: auto; } .dencourage-template-rework .de-hr-pr-block { display: flex; } .dencourage-template-rework .de-hr-pr-block > * { width: 50%; } .dencourage-template-rework .de-hr-pr-tx { padding: 40px; border-radius: 10px 0 0 10px; } .dencourage-template-rework .de-hr-pr-pic { border-radius: 0 10px 10px 0; } .dencourage-template-rework .de-hr-pr-block { margin-top: 60px; } .dencourage-template-rework .de-hr-pr-block:nth-child(odd) { flex-flow: row-reverse; } .dencourage-template-rework .de-hr-pr-block:nth-child(odd) .de-hr-pr-tx { padding: 40px; border-radius: 0 10px 10px 0; } .dencourage-template-rework .de-hr-pr-block:nth-child(odd) .de-hr-pr-pic { border-radius: 10px 0 0 10px; } .de-hr-program-inner { display: flex; justify-content: space-between; padding: 30px; text-align: left; } .de-hr-program-block { padding: 0; } .de-hr-program-inner .de-hr-program-block:first-child { width: 40%; } .de-hr-program-inner .de-hr-program-block:last-child { margin-top: 60px; } .de-hr-program-step-num img { width: 50px; } .de-hr-program-block .de-sec-ttl-inner::after { left: 0; transform: translateX(0); } .de-hr-program-step { display: flex; justify-content: space-between; } .de-hr-program-step-num { margin-right: 1em; text-align: center; } .de-hr-program-step-num small { display: block; font-size: 12px; line-height: 1; } .de-hr-program-core-list { display: flex; justify-content: space-between; } .de-hr-program-core-single { width: 30%; } }