/*!
 * Bootstrap Reboot v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-primary-text-emphasis: #052c65;--bs-secondary-text-emphasis: #2b2f32;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #664d03;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #cfe2ff;--bs-secondary-bg-subtle: #e2e3e5;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #9ec5fe;--bs-secondary-border-subtle: #c4c8cb;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 2;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: hsl(53deg, 100%, 98%);--bs-body-bg-rgb: 255, 254, 245;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #0d6efd;--bs-link-color-rgb: 13, 110, 253;--bs-link-decoration: underline;--bs-link-hover-color: #0a58ca;--bs-link-hover-color-rgb: 10, 88, 202;--bs-code-color: #d63384;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(13, 110, 253, 0.25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color: #adb5bd;--bs-body-color-rgb: 173, 181, 189;--bs-body-bg: #212529;--bs-body-bg-rgb: 33, 37, 41;--bs-emphasis-color: #fff;--bs-emphasis-color-rgb: 255, 255, 255;--bs-secondary-color: rgba(173, 181, 189, 0.75);--bs-secondary-color-rgb: 173, 181, 189;--bs-secondary-bg: #343a40;--bs-secondary-bg-rgb: 52, 58, 64;--bs-tertiary-color: rgba(173, 181, 189, 0.5);--bs-tertiary-color-rgb: 173, 181, 189;--bs-tertiary-bg: #2b3035;--bs-tertiary-bg-rgb: 43, 48, 53;--bs-primary-text-emphasis: #6ea8fe;--bs-secondary-text-emphasis: #a7acb1;--bs-success-text-emphasis: #75b798;--bs-info-text-emphasis: #6edff6;--bs-warning-text-emphasis: #ffda6a;--bs-danger-text-emphasis: #ea868f;--bs-light-text-emphasis: #f8f9fa;--bs-dark-text-emphasis: #dee2e6;--bs-primary-bg-subtle: #031633;--bs-secondary-bg-subtle: #161719;--bs-success-bg-subtle: #051b11;--bs-info-bg-subtle: #032830;--bs-warning-bg-subtle: #332701;--bs-danger-bg-subtle: #2c0b0e;--bs-light-bg-subtle: #343a40;--bs-dark-bg-subtle: #1a1d20;--bs-primary-border-subtle: #084298;--bs-secondary-border-subtle: #41464b;--bs-success-border-subtle: #0f5132;--bs-info-border-subtle: #087990;--bs-warning-border-subtle: #997404;--bs-danger-border-subtle: #842029;--bs-light-border-subtle: #495057;--bs-dark-border-subtle: #343a40;--bs-heading-color: inherit;--bs-link-color: #6ea8fe;--bs-link-hover-color: #8bb9fe;--bs-link-color-rgb: 110, 168, 254;--bs-link-hover-color-rgb: 139, 185, 254;--bs-code-color: #e685b5;--bs-border-color: #495057;--bs-border-color-translucent: rgba(255, 255, 255, 0.15);--bs-form-valid-color: #75b798;--bs-form-valid-border-color: #75b798;--bs-form-invalid-color: #ea868f;--bs-form-invalid-border-color: #ea868f}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media(min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media(min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media(min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media(min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}html{font-family:futura-pt,dnp-shuei-gothic-gin-std,sans-serif;font-weight:400;font-size:62.5%}body{font-family:futura-pt,dnp-shuei-gothic-gin-std,sans-serif;font-weight:400;font-size:62.5%}h1,h2{font-family:all-round-gothic,dnp-shuei-mincho-pr6n,sans-serif;font-weight:600;line-height:1;text-align:center;margin-top:100px;margin-bottom:100px}h1 span,h2 span{display:inline-block;position:relative;vertical-align:.3em;padding:0 1em;z-index:0}h1{font-size:4rem}h1 span::before{position:absolute;left:0;bottom:0;display:block;content:"";width:100%;height:.5em;border-radius:.25em;background:hsl(73deg, 53%, 70%);z-index:-1}h2{font-size:2.5rem}h2 span{padding-bottom:.5em}h2 span::before{position:absolute;left:0;bottom:0;display:block;content:"";width:100%;height:100%;border-bottom:1px solid #000}h3{font-family:futura-pt,dnp-shuei-gothic-gin-std,sans-serif;font-weight:600;line-height:1;font-size:1.6rem}a{text-decoration:none}p{margin-bottom:2em;text-align:justify}p a{display:inline-block;position:relative;padding:0 1.25em 0 .25em;color:hsl(20deg, 100%, 50%);transition:.3s}p a::before{position:absolute;display:block;content:"";top:calc(50% - .2em);right:.5em;width:.4em;height:.4em;border-top:2px solid hsl(20deg, 100%, 50%);border-right:2px solid hsl(20deg, 100%, 50%);transform:rotate(45deg);transition:.3s}p a:hover{color:#fff;background:hsl(20deg, 100%, 50%);text-decoration:none}p a:hover::before{border-color:#fff}form span.required{display:inline-block;margin-left:1em;font-size:.8em;padding:.125em;line-height:1;color:hsl(0deg, 100%, 50%);border:1px solid hsl(0deg, 100%, 50%)}input,textarea{font-family:-apple-system,BlinkMacSystemFont,YuGothic,"Yu Gothic Medium","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:normal;padding-left:.5em;padding-right:.5em;border-radius:.25em;border:1px solid hsl(73deg, 53%, 58%)}textarea{line-height:1.2}button{position:relative;color:hsl(73deg, 53%, 58%);border:2px solid hsl(73deg, 53%, 58%);background:transparent;cursor:pointer;z-index:0;transition:.3s}button#submit{width:4em}button::before{position:absolute;bottom:0;left:0;width:100%;height:0;content:"";background:hsl(73deg, 53%, 58%);transition:.3s;z-index:-1}button:hover{color:#fff}button:hover::before{height:100%}button:disabled{color:hsl(73deg, 10%, 60%);border-color:hsl(73deg, 10%, 60%)}button:disabled::before{display:none}button:disabled:hover{color:hsl(73deg, 10%, 60%)}.tac{text-align:center}.att{text-indent:-1em;padding-left:1em}.att:before{content:"※"}.bouten{text-emphasis-style:dot}p.err{color:hsl(0deg, 100%, 50%);font-weight:bold}#svg-area{height:0;overflow:hidden}svg.logo-green use{fill:hsl(73deg, 53%, 58%)}header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(0deg, 100%, 100%, 0.8);box-shadow:0px 1px 3px hsla(0deg, 0%, 0%, 0.16);overflow:hidden}header nav{display:flex;align-items:center;height:60px;font-family:all-round-gothic,dnp-shuei-gothic-gin-std,sans-serif;font-weight:400;font-size:2rem}header nav a{position:relative;color:#000}header nav a::after{position:absolute;left:50%;bottom:-5px;transition:.3s;content:"";width:0;height:0;border-bottom:3px dotted #000}header nav a:hover{color:#000;text-decoration:none}header nav a:hover::after{width:100%;left:0}header nav a.ac::after{width:100%;left:0;border-bottom-color:hsl(0deg, 100%, 50%)}header nav div.logo{margin-left:50px;margin-right:auto;color:hsl(73deg, 53%, 58%);font-weight:600;height:40px;line-height:40px;min-width:192px}header nav div.logo svg{margin-right:.5em;width:40px;height:40px}header nav div.logo a{display:block;color:hsl(73deg, 53%, 58%)}header nav div.logo a::after{border-bottom:none}header nav div.logo a:hover{color:hsl(73deg, 53%, 58%)}header nav ul.menu,header nav ul.sns{display:flex;align-items:center;margin:0;padding:0}header nav ul.menu li,header nav ul.sns li{list-style:none;margin-right:50px}header nav ul.menu li{height:30px;line-height:30px}header nav ul.menu li.top{display:none}header nav ul.sns li.instagram a svg{width:30px;height:30px;fill:#000;transition:.3s}header nav ul.sns li.instagram a::after{display:none}header nav ul.sns li.instagram a:hover svg{fill:hsl(335deg, 68%, 52%)}main{position:relative;font-size:1.6rem;background:hsl(53deg, 100%, 98%);z-index:10;overflow:hidden;min-height:calc(100vh - 60px - 60px)}main p{margin-left:1em;margin-right:1em}footer{position:relative;display:flex;flex-direction:column;font-size:1.6rem;color:#fff;background:hsl(73deg, 53%, 58%);z-index:10}footer div{width:100%;padding:15px 0;line-height:1;font-family:all-round-gothic,sans-serif;font-weight:600;text-align:center}footer div svg{width:30px;height:30px;fill:#fff;vertical-align:middle;margin-right:.5em}footer div.text{padding:.5em;font-size:.8em;line-height:1.2;font-family:dnp-shuei-mincho-pr6n,serif;background:hsla(0deg, 0%, 0%, 0.1)}footer div.text br{display:none}#nav-drawer input,#nav-drawer label{display:none}#top-img{position:fixed;top:0;width:100%;height:100vh;overflow:hidden;background:#ced4da;color:#fff;z-index:0}#top-img+header{margin-top:100vh}#top-img header{position:relative;z-index:5;background:initial;box-shadow:none;opacity:0;animation:top-copy 2s ease 2s forwards}#top-img header nav{justify-content:flex-end}#top-img header nav a{color:#fff}#top-img header nav a::after{border-bottom:3px dotted #fff}#top-img header nav ul.sns li.instagram a svg{fill:#fff}#top-img header nav ul.sns li.instagram a:hover svg{fill:hsl(335deg, 68%, 52%)}#top-img .top-img{position:absolute;top:0;left:0;width:100%;height:100vh;background:#ced4da url(../img/main.jpg) no-repeat center center;background-size:cover;z-index:1;filter:blur(10px) saturate(0%);animation:top-img 2s ease .5s forwards}#top-img .container{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100vh;z-index:2}#top-img .container .copy-1,#top-img .container .copy-2{position:relative;width:30vw;height:100vh;font-family:dnp-shuei-mincho-pr6n,sans-serif;font-weight:600;font-size:2.5vw;writing-mode:vertical-rl;opacity:0;animation:top-copy 2s ease 1s forwards}#top-img .container .copy-1 div,#top-img .container .copy-2 div{position:absolute;top:20vh}#top-img .container .copy-1{order:1}#top-img .container .copy-1 div{left:4vw;width:15vw}#top-img .container .copy-2{order:5}#top-img .container .copy-2 div{right:4vw;width:10vw}#top-img .container .logo-office,#top-img .container .logo-asobu,#top-img .container .logo-awaji{opacity:0;animation:top-copy 2s ease 1.5s forwards}#top-img .container .logo-office,#top-img .container .logo-asobu{font-family:all-round-gothic,sans-serif;font-weight:600;font-size:2vw;width:16vw}#top-img .container .logo-office{order:4;text-align:right}#top-img .container .logo-awaji{order:3;width:8vw}#top-img .container .logo-awaji svg{fill:#fff;width:8vw;height:8vw}#top-img .container .logo-asobu{order:2;text-indent:1em}#top-img .photography{position:absolute;right:50px;bottom:20px;text-align:right;font-size:1.6rem;z-index:3}@keyframes top-img{0%{filter:blur(10px) saturate(0%)}100%{filter:blur(0px) saturate(100%)}}@keyframes top-copy{0%{opacity:0}100%{opacity:1}}ul.article-list{display:flex;flex-wrap:wrap;justify-content:center;padding:0;margin:-50px 0 100px}ul.article-list>li{list-style:none;padding:0;width:450px;margin:50px 25px 0}ul.article-list>li>a{display:block;position:relative;color:#000;background:hsl(53deg, 100%, 98%);transition:.3s}ul.article-list>li>a>.img{height:300px;overflow:hidden}ul.article-list>li>a>.img>img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s}ul.article-list>li>a>.title{padding:20px;height:100px;font-family:all-round-gothic,dnp-shuei-mincho-pr6n,sans-serif;font-size:2rem;line-height:1.5;overflow:hidden}ul.article-list>li>a>.date{padding:17px 20px;line-height:1;font-family:all-round-gothic,sans-serif}ul.article-list>li>a>.bt{position:absolute;right:0;bottom:0;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;z-index:0}ul.article-list>li>a>.bt::before,ul.article-list>li>a>.bt::after{position:absolute;top:0;left:0;width:100%;height:0;content:"";transition:.3s}ul.article-list>li>a>.bt::before{border-bottom:50px solid #000;z-index:-1}ul.article-list>li>a>.bt::after{border-bottom:50px solid hsl(73deg, 53%, 58%);z-index:-2}ul.article-list>li>a:hover{color:#000;text-decoration:none;background:#fff}ul.article-list>li>a:hover>.img>img{transform:scale(1.1);filter:brightness(110%)}ul.article-list>li>a:hover>.bt::before{border-bottom-width:0}dl.img-list{margin:-50px 0 100px;padding:0;display:flex;flex-wrap:wrap}dl.img-list dt{position:relative;margin:50px 0 0;padding:0;width:685px;max-width:calc(50% - 50px);z-index:0}dl.img-list dt div.img{position:relative;width:100%;height:325px;z-index:1}dl.img-list dt div.img::before,dl.img-list dt div.img::after{position:absolute;display:block;width:100%;height:50%;content:"";right:0;border-right:20px solid hsl(53deg, 100%, 98%)}dl.img-list dt div.img::before{top:0;border-bottom:20px solid transparent}dl.img-list dt div.img::after{bottom:0;border-top:20px solid transparent}dl.img-list dt div.img img{width:100%;height:100%;object-fit:cover}dl.img-list dt div.img img.top{object-position:center top}dl.img-list dt div.title{position:absolute;top:0;left:0;width:calc(100% - 20px);height:325px;display:flex;justify-content:center;align-items:center;z-index:2}dl.img-list dt div.title h3{position:relative;display:inline-block;max-width:calc(100% - 2em);padding:1em;background:hsla(0deg, 0%, 100%, 0.9)}dl.img-list dt div.title h3::before,dl.img-list dt div.title h3::after{position:absolute;display:block;width:1em;height:1em;content:""}dl.img-list dt div.title h3::before{top:-0.5em;left:-0.5em;border-top:1px solid #fff;border-left:1px solid #fff}dl.img-list dt div.title h3::after{bottom:-0.5em;right:-0.5em;border-bottom:1px solid #fff;border-right:1px solid #fff}dl.img-list dd{margin:50px 0 0;padding:0 0 0 50px;width:calc(100% - 685px);min-width:calc(50% + 50px)}dl.img-list dd *:last-child{margin-bottom:0}dl.img-list dd p,dl.img-list dd ul{max-width:500px}ul.page{display:flex;justify-content:center;margin:0 0 100px;line-height:1}ul.page li{position:relative;list-style:none;margin:0 .25em;padding:0}ul.page li.ac{color:#fff;padding:1em .25em;min-width:3em;height:3em;text-align:center;background:hsl(73deg, 43%, 58%)}ul.page li.dotted{padding:1em;background:transparent}ul.page li.dotted::before{position:absolute;top:calc(50% - 1.5px);left:0;width:100%;height:100%;content:"";border-top:3px dotted hsl(73deg, 43%, 58%)}ul.page li a{position:relative;display:block;padding:1em .25em;min-width:3em;height:3em;text-align:center;color:hsl(73deg, 53%, 58%);border:1px solid hsl(73deg, 53%, 58%);transition:.3s}ul.page li a:hover{text-decoration:none;color:#fff;background:hsl(73deg, 53%, 58%)}ul.page li:first-child a,ul.page li:last-child a{color:transparent}ul.page li:first-child a::before,ul.page li:last-child a::before{position:absolute;display:block;width:.5em;height:.5em;content:"";transition:.3s;top:calc(50% - .25em);border-top:3px solid hsl(73deg, 53%, 58%);transition:.3s}ul.page li:first-child a:hover::before,ul.page li:last-child a:hover::before{border-color:#fff}ul.page li:first-child a::before{left:calc(50% - .25em);border-left:3px solid hsl(73deg, 53%, 58%);transform:rotate(-45deg)}ul.page li:last-child a::before{right:calc(50% - .25em);border-right:3px solid hsl(73deg, 53%, 58%);transform:rotate(45deg)}ul.form-bt{display:flex;justify-content:center;margin:0 0 100px;padding:0}ul.form-bt>li{list-style:none}dl.form{margin:0 0 100px;padding:0}dl.form>dt,dl.form>dd{margin:0 auto;width:500px}dl.form>dt{margin-top:1em}dl.form>dt:first-of-type{margin-top:0}dl.form>dd input{width:100%}dl.form>dd textarea{width:100%;height:6em}dl.form+ul.form-bt{margin-top:-50px}dl.form+div.g-recaptcha{margin:-84px auto 100px;width:max-content}ul.service-list{display:flex;flex-wrap:wrap;justify-content:center;margin:-50px auto 100px;padding:0;max-width:1450px;font-family:dnp-shuei-mincho-pr6n,sans-serif;font-weight:600}ul.service-list>li{list-style:none;margin:50px 25px 0;padding:0}ul.service-list>li>a{display:block;position:relative;width:200px;height:200px;font-size:2.5rem;text-align:center;line-height:calc(200px - .3em);color:hsl(73deg, 53%, 58%);border:5px solid hsl(73deg, 53%, 58%);overflow:hidden;z-index:0}ul.service-list>li>a::before{display:block;position:absolute;content:"";top:50%;left:50%;width:0;height:0;background:hsl(73deg, 53%, 58%);z-index:-1;transition:.3s}ul.service-list>li>a:hover{text-decoration:none;color:#fff}ul.service-list>li>a:hover::before{top:0;left:0;width:200px;height:200px;transform:rotate(90deg)}#article-img{position:fixed;top:0;left:0;width:100%;height:100vh}#article-img img{width:100%;height:100%;object-fit:cover}main#article{background:transparent}main#article .article-title{margin-top:calc(100vh - 60px - 60px);display:flex;height:60px;background:hsla(0deg, 0%, 0%, 0.4);color:#fff}main#article .article-title h1,main#article .article-title time{display:block;height:60px}main#article .article-title h1{margin:0;order:2;line-height:60px}main#article .article-title h1 span::before{display:none}main#article .article-title time{order:1;margin-left:50px;padding-top:1em}main#article .article-section{display:flex}main#article .article-section .left-section{width:735px;max-width:calc(50% - 50px);background:hsl(53deg, 100%, 98%)}main#article .article-section .main-section{width:900px;max-width:50%}main#article .article-section .main-section p{margin:0;padding:3em 0;background:hsl(53deg, 100%, 98%)}main#article .article-section .main-section p+p{margin-top:3em}main#article .article-section .main-section p:first-child{padding-top:100px}main#article .article-section .main-section p:last-child{padding-bottom:100px}main#article .article-section .main-section p img{max-width:100%;height:auto}main#article .article-section .main-section div img{max-width:100%;height:auto}main#article .article-section .main-section .article-page{padding:calc(100px - 3em) 0 100px;line-height:1.2;background:hsl(53deg, 100%, 98%)}main#article .article-section .main-section .article-page a{display:block;position:relative;color:hsl(73deg, 53%, 58%);border:1px solid hsl(73deg, 53%, 58%);transition:.3s;z-index:0}main#article .article-section .main-section .article-page a::before{display:block;position:absolute;content:"";width:.5em;height:.5em;transition:.3s;top:calc(50% - .25em);border-top:3px solid hsl(73deg, 53%, 58%)}main#article .article-section .main-section .article-page a::after{display:block;position:absolute;top:0;content:"";width:0%;height:100%;background:hsl(73deg, 53%, 58%);transition:.3s;z-index:-1}main#article .article-section .main-section .article-page a.next{padding:.5em .5em .5em 2em}main#article .article-section .main-section .article-page a.next::before{left:.875em;border-left:3px solid hsl(73deg, 53%, 58%);transform:rotate(-45deg)}main#article .article-section .main-section .article-page a.next::after{right:0}main#article .article-section .main-section .article-page a.next+.prev{border-top:none}main#article .article-section .main-section .article-page a.prev{text-align:right;padding:.5em 2em .5em .5em}main#article .article-section .main-section .article-page a.prev::before{right:.875em;border-right:3px solid hsl(73deg, 53%, 58%);transform:rotate(45deg)}main#article .article-section .main-section .article-page a.prev::after{left:0}main#article .article-section .main-section .article-page a:hover{text-decoration:none;color:#fff}main#article .article-section .main-section .article-page a:hover::before{border-color:#fff}main#article .article-section .main-section .article-page a:hover::after{width:100%}main#article .article-section .right-section{background:hsl(53deg, 100%, 98%);width:calc(100% - 685px - 50px - 900px);min-width:50px}body#err404{background:url(../img/404.jpg) no-repeat center center fixed;background-size:cover}body#err404 main{display:flex;justify-content:center;align-items:center;background:transparent}@media screen and (max-width: 992px){header nav{height:auto;padding:10px 0}header nav div.logo{margin-left:20px}header nav ul.menu li,header nav ul.sns li{margin-right:20px}header nav ul.menu{flex-wrap:wrap;justify-content:flex-end}#top-img .container{flex-wrap:wrap;flex-direction:row;justify-content:center;align-content:flex-start;padding-top:calc(50vh - 10vw)}#top-img .container .logo-asobu,#top-img .container .logo-office{width:calc(50% - 10vw);font-size:4rem}#top-img .container .logo-office{order:1}#top-img .container .logo-awaji{order:2;width:20vw}#top-img .container .logo-awaji svg{width:20vw;height:20vw}#top-img .container .logo-asobu{order:3}#top-img .container .copy-1,#top-img .container .copy-2{width:100%;height:auto;writing-mode:horizontal-tb;font-size:3rem;line-height:1;text-align:center}#top-img .container .copy-1 div,#top-img .container .copy-2 div{position:relative;top:inherit;left:inherit;right:inherit;width:100%;height:auto}#top-img .container .copy-1 div br,#top-img .container .copy-2 div br{display:none}#top-img .container .copy-1{order:4;margin-top:calc((50vh - 10vw - (6rem + 5vh))/2)}#top-img .container .copy-2{order:5;margin-top:5vh}#top-img .photography{display:none}dl.img-list{flex-direction:column;flex-wrap:nowrap}dl.img-list dt{width:100%;max-width:100%;height:auto}dl.img-list dt::before{display:block;content:"";padding-top:33.3333333333%}dl.img-list dt div.img{position:absolute;top:0;left:0;width:100%;height:100%}dl.img-list dt div.img::before,dl.img-list dt div.img::after{width:50%;height:100%;bottom:0;right:inherit;border-right:none;border-bottom:20px solid hsl(53deg, 100%, 98%)}dl.img-list dt div.img::before{left:0;border-right:20px solid transparent}dl.img-list dt div.img::after{right:0;border-top:none;border-left:20px solid transparent}dl.img-list dt div.title{width:100%;height:calc(100% - 20px)}dl.img-list dd{width:100%;min-width:100%;padding:0}dl.img-list dd p,dl.img-list dd ul{width:500px;max-width:calc(100% - 20px);margin-left:auto;margin-right:auto}main#article .article-title{flex-direction:column-reverse;margin-top:0;height:calc(100vh - 60px);background:transparent}main#article .article-title h1,main#article .article-title time{margin:0;height:auto;background:hsla(0deg, 0%, 0%, 0.4)}main#article .article-title h1{order:1;padding:0 20px;text-align:left;line-height:1.2}main#article .article-title h1 span{padding:0}main#article .article-title time{order:2;padding:.5em 20px}main#article .article-section .left-section,main#article .article-section .right-section{width:calc((100% - 500px)/2);min-width:10px}main#article .article-section .main-section{width:500px;max-width:calc(100% - 20px)}}@media screen and (max-width: 576px){h1,h2{margin-top:50px;margin-bottom:50px;font-size:2rem}header{overflow:visible}header nav div.logo{margin-left:10px}header nav ul.sns{display:none}main p{line-height:1.6;margin-bottom:1.6em}footer div.text br{display:inline}#nav-drawer input,#nav-drawer label{display:none}#nav-drawer #nav-open{display:block;position:relative;margin:0 10px 0 0;width:30px;height:30px}#nav-drawer #nav-open span,#nav-drawer #nav-open span::before,#nav-drawer #nav-open span::after{position:absolute;top:3px;left:0;height:3px;width:30px;border-radius:1.5px;background:#000;display:block;content:"";cursor:pointer;transition:.3s}#nav-drawer #nav-open span::before{top:10.5px}#nav-drawer #nav-open span::after{top:21px}#nav-drawer #nav-close{display:none;position:fixed;z-index:99;top:0;left:0;width:100%;height:100vh;background:#000;opacity:0;transition:.3s ease-in-out}#nav-drawer ul.menu{position:fixed;top:0;left:0;z-index:9999;width:calc(100% - 50px);height:100vh;background:hsl(73deg, 53%, 80%);transition:.3s ease-in-out;-webkit-transform:translateX(-105%);transform:translateX(-105%);flex-wrap:wrap;align-content:flex-start}#nav-drawer ul.menu li{margin:.5em 1em;width:100%;border-bottom:1px solid hsl(73deg, 53%, 95%)}#nav-drawer ul.menu li.top{display:inline}#nav-drawer ul.menu li:first-child{margin-top:1em}#nav-drawer #nav-input:checked~#nav-close{display:block;opacity:.5}#nav-drawer #nav-input:checked~ul.menu{-webkit-transform:translateX(0%);transform:translateX(0%);box-shadow:6px 0 25px rgba(0, 0, 0, 0.15)}#nav-drawer #nav-input:checked~#nav-open span{transform:rotate(45deg)}#nav-drawer #nav-input:checked~#nav-open span::after{transform:rotate(-90deg)}#nav-drawer #nav-input:checked~#nav-open span,#nav-drawer #nav-input:checked~#nav-open span::after{top:calc(50% - 1.5px)}#nav-drawer #nav-input:checked~#nav-open span::before{transform:rotate(-45deg);background:hsla(0deg, 0%, 0%, 0)}#top-img header{display:none}#top-img .container{padding:0;flex-direction:row-reverse;justify-content:center;align-items:center;align-content:stretch}#top-img .container .copy-1,#top-img .container .copy-2{margin-top:0;font-size:2rem;writing-mode:vertical-rl;width:50%;height:7.1em}#top-img .container .copy-1 div,#top-img .container .copy-2 div{position:absolute;text-align:left;line-height:2}#top-img .container .copy-1 div br,#top-img .container .copy-2 div br{display:inline}#top-img .container .copy-1{order:1}#top-img .container .copy-1 div{left:0em;width:6em}#top-img .container .copy-2{order:2}#top-img .container .copy-2 div{right:1.5em;width:4em}#top-img .container .logo-office,#top-img .container .logo-asobu{font-size:2rem}#top-img .container .logo-asobu{order:3}#top-img .container .logo-awaji{order:4}#top-img .container .logo-office{order:5}ul.article-list{margin:-25px 0 50px}ul.article-list>li{width:100%;max-width:450px;margin:25px 25px 0}ul.article-list>li>a{background:#fff}ul.article-list>li>a>.img{height:auto}ul.article-list>li>a>.title{padding:20px 1em;height:auto;font-size:1.6rem}ul.article-list>li>a>.date{padding:17px 1em}dl.img-list{margin:-50px 0 50px}dl.img-list dt div.title h3{padding:.8em 1em}dl.img-list dd{margin:25px 0 0}dl.form>dt,dl.form>dd{max-width:calc(100% - 20px)}ul.service-list{margin:-10px 0 50px}ul.service-list>li{margin:10px 5px 0}ul.service-list>li>a{width:150px;height:70px;font-size:1.6rem;line-height:calc(70px - .5em);border-width:3px;background:#fff}ul.service-list>li>a:hover::before{top:-40px;left:40px;width:70px;height:150px}main#article .article-title h1{padding-bottom:.5em}main#article .article-section .main-section p:first-child{padding-top:50px}main#article .article-section .main-section p:last-child{padding-bottom:50px}main#article .article-section .main-section .article-page{padding:calc(50px - 3em) 0 50px}}