html{box-sizing:border-box}

:root{
	--space-unit:  1em;
	--space-xxxxs: calc(0.125*var(--space-unit));
	--space-xxxs:  calc(0.25*var(--space-unit));
	--space-xxs:   calc(0.375*var(--space-unit));
	--space-xs:    calc(0.5*var(--space-unit));
	--space-sm:    calc(0.75*var(--space-unit));
	--space-md:    calc(1.25*var(--space-unit));
	--space-lg:    calc(2*var(--space-unit));
	--space-xl:    calc(3.25*var(--space-unit));
	--space-xxl:   calc(5.25*var(--space-unit));
	--space-xxxl:  calc(8.5*var(--space-unit));
	--space-xxxxl: calc(13.75*var(--space-unit));
	--component-padding: var(--space-md)}
:root{--max-width-xxs: 32rem;
	--max-width-xs:  38rem;
	--max-width-sm:  48rem;
	--max-width-md:  64rem;
	--max-width-lg:  80rem;
	--max-width-xl:  90rem;
	--max-width-xxl: 120rem}
.container{
	/* width:calc(100% - 1.25em); */
	width:calc(100% - 0);
	/* width:calc(100% - 2*var(--component-padding)); */
	margin-left:auto;
	margin-right:auto
}
.max-width-xxs{max-width:32rem;max-width:var(--max-width-xxs)}
.max-width-xs{max-width:38rem;max-width:var(--max-width-xs)}
.max-width-sm{max-width:48rem;max-width:var(--max-width-sm)}
.max-width-md{max-width:64rem;max-width:var(--max-width-md)}
.max-width-lg{max-width:80rem;max-width:var(--max-width-lg)}
.max-width-xl{max-width:90rem;max-width:var(--max-width-xl)}
.max-width-xxl{max-width:120rem;max-width:var(--max-width-xxl)}
.max-width-adaptive-sm{max-width:38rem;max-width:var(--max-width-xs)}
@media (min-width: 64rem){.max-width-adaptive-sm{max-width:48rem;max-width:var(--max-width-sm)}
}
.max-width-adaptive-md{max-width:38rem;max-width:var(--max-width-xs)}
@media (min-width: 64rem){.max-width-adaptive-md{max-width:64rem;max-width:var(--max-width-md)}
}
.max-width-adaptive,.max-width-adaptive-lg{max-width:38rem;max-width:var(--max-width-xs)}
@media (min-width: 64rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:64rem;max-width:var(--max-width-md)}
}
@media (min-width: 90rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:80rem;max-width:var(--max-width-lg)}
}
.max-width-adaptive-xl{max-width:38rem;max-width:var(--max-width-xs)}
@media (min-width: 64rem){.max-width-adaptive-xl{max-width:64rem;max-width:var(--max-width-md)}
}
@media (min-width: 90rem){.max-width-adaptive-xl{max-width:90rem;max-width:var(--max-width-xl)}
}








.color-inherit{color:inherit}
.color-contrast-medium{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}
.color-contrast-high{color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}
.color-contrast-higher{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21)}
.color-primary{color:hsl(220, 90%, 56%);color:var(--color-primary, #2a6df4)}
.color-accent{color:hsl(355, 90%, 61%);color:var(--color-accent, #f54251)}
.color-success{color:hsl(94, 48%, 56%);color:var(--color-success, #88c559)}
.color-warning{color:hsl(46, 100%, 61%);color:var(--color-warning, #ffd138)}
.color-error{color:hsl(355, 90%, 61%);color:var(--color-error, #f54251)}
.width-100\%{width:100%}
.height-100\%{height:100%}
.media-wrapper{position:relative;height:0;padding-bottom:56.25%}
.media-wrapper iframe,.media-wrapper video,.media-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%}
.media-wrapper video,.media-wrapper img{-o-object-fit:cover;object-fit:cover}
.media-wrapper--4\:3{padding-bottom:75%}
:root,[data-theme="default"]{--color-primary-darker:hsl(220, 90%, 36%);--color-primary-darker-h:220;--color-primary-darker-s:90%;--color-primary-darker-l:36%;--color-primary-dark:hsl(220, 90%, 46%);--color-primary-dark-h:220;--color-primary-dark-s:90%;--color-primary-dark-l:46%;--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-primary-light:hsl(220, 90%, 66%);--color-primary-light-h:220;--color-primary-light-s:90%;--color-primary-light-l:66%;--color-primary-lighter:hsl(220, 90%, 76%);--color-primary-lighter-h:220;--color-primary-lighter-s:90%;--color-primary-lighter-l:76%;--color-accent-darker:hsl(355, 90%, 41%);--color-accent-darker-h:355;--color-accent-darker-s:90%;--color-accent-darker-l:41%;--color-accent-dark:hsl(355, 90%, 51%);--color-accent-dark-h:355;--color-accent-dark-s:90%;--color-accent-dark-l:51%;--color-accent:hsl(355, 90%, 61%);--color-accent-h:355;--color-accent-s:90%;--color-accent-l:61%;--color-accent-light:hsl(355, 90%, 71%);--color-accent-light-h:355;--color-accent-light-s:90%;--color-accent-light-l:71%;--color-accent-lighter:hsl(355, 90%, 81%);--color-accent-lighter-h:355;--color-accent-lighter-s:90%;--color-accent-lighter-l:81%;--color-black:hsl(240, 8%, 12%);--color-black-h:240;--color-black-s:8%;--color-black-l:12%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-success-darker:hsl(94, 48%, 36%);--color-success-darker-h:94;--color-success-darker-s:48%;--color-success-darker-l:36%;--color-success-dark:hsl(94, 48%, 46%);--color-success-dark-h:94;--color-success-dark-s:48%;--color-success-dark-l:46%;--color-success:hsl(94, 48%, 56%);--color-success-h:94;--color-success-s:48%;--color-success-l:56%;--color-success-light:hsl(94, 48%, 66%);--color-success-light-h:94;--color-success-light-s:48%;--color-success-light-l:66%;--color-success-lighter:hsl(94, 48%, 76%);--color-success-lighter-h:94;--color-success-lighter-s:48%;--color-success-lighter-l:76%;--color-error-darker:hsl(355, 90%, 41%);--color-error-darker-h:355;--color-error-darker-s:90%;--color-error-darker-l:41%;--color-error-dark:hsl(355, 90%, 51%);--color-error-dark-h:355;--color-error-dark-s:90%;--color-error-dark-l:51%;--color-error:hsl(355, 90%, 61%);--color-error-h:355;--color-error-s:90%;--color-error-l:61%;--color-error-light:hsl(355, 90%, 71%);--color-error-light-h:355;--color-error-light-s:90%;--color-error-light-l:71%;--color-error-lighter:hsl(355, 90%, 81%);--color-error-lighter-h:355;--color-error-lighter-s:90%;--color-error-lighter-l:81%;--color-warning-darker:hsl(46, 100%, 41%);--color-warning-darker-h:46;--color-warning-darker-s:100%;--color-warning-darker-l:41%;--color-warning-dark:hsl(46, 100%, 51%);--color-warning-dark-h:46;--color-warning-dark-s:100%;--color-warning-dark-l:51%;--color-warning:hsl(46, 100%, 61%);--color-warning-h:46;--color-warning-s:100%;--color-warning-l:61%;--color-warning-light:hsl(46, 100%, 71%);--color-warning-light-h:46;--color-warning-light-s:100%;--color-warning-light-l:71%;--color-warning-lighter:hsl(46, 100%, 81%);--color-warning-lighter-h:46;--color-warning-lighter-s:100%;--color-warning-lighter-l:81%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%}
@supports (--css: variables){@media (min-width: 64rem){:root{--space-unit:  1.25em}
}
}
:root{--radius: 0.25em}


.article.text-component{--line-height-multiplier: 1.13;--text-vspace-multiplier: 1.2}
:root{--form-control-padding-x: var(--space-sm);--form-control-padding-y: var(--space-xs);--form-control-radius: 0.25em}
.form-control{border:2px solid hsl(240, 1%, 83%);border:2px solid var(--color-contrast-low)}
.form-control:focus{outline:none;border-color:hsl(220, 90%, 56%);border-color:var(--color-primary);--color-shadow: hsla(220, 90%, 56%, 0.2);--color-shadow: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}
.form-control:focus:focus{box-shadow:0 0 0 3px hsla(220, 90%, 56%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}
.form-control[aria-invalid="true"]{border-color:hsl(355, 90%, 61%);border-color:var(--color-error)}
.form-control[aria-invalid="true"]:focus{--color-shadow: hsla(355, 90%, 61%, 0.2);--color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}
.form-control[aria-invalid="true"]:focus:focus{box-shadow:0 0 0 3px hsla(355, 90%, 61%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}

:root{--cd-color-1:hsl(206, 21%, 24%);--cd-color-1-h:206;--cd-color-1-s:21%;--cd-color-1-l:24%;--cd-color-2:hsl(205, 38%, 89%);--cd-color-2-h:205;--cd-color-2-s:38%;--cd-color-2-l:89%;--cd-color-3:hsl(207, 10%, 55%);--cd-color-3-h:207;--cd-color-3-s:10%;--cd-color-3-l:55%;--cd-color-4:hsl(111, 51%, 60%);--cd-color-4-h:111;--cd-color-4-s:51%;--cd-color-4-l:60%;--cd-color-5:hsl(356, 53%, 49%);--cd-color-5-h:356;--cd-color-5-s:53%;--cd-color-5-l:49%;--cd-color-6:hsl(47, 85%, 61%);--cd-color-6-h:47;--cd-color-6-s:85%;--cd-color-6-l:61%;--cd-header-height: 200px;}
@supports (--css: variables){@media (min-width: 64rem){:root{--cd-header-height:  300px}
}
}
.cd-main-header{height:200px;height:var(--cd-header-height);background:hsl(206, 21%, 24%);background:var(--cd-color-1);color:hsl(0, 0%, 100%);color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cd-main-header h1{color:inherit}
.cd-timeline{overflow:hidden;}
.cd-timeline__container{position:relative;padding:1.25em 0;padding:var(--space-lg) 0}
.cd-timeline__container::before{content:'';position:absolute;top:0;left:10px;height:100%;width:3px;background:#ccc;}
@media (min-width: 64rem){.cd-timeline__container::before{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}
.cd-timeline__block{display:-ms-flexbox;display:flex;position:relative;z-index:1;margin-bottom:2em;margin-bottom:var(--space-lg)}
.cd-timeline__block:last-child{margin-bottom:0}
@media (min-width: 64rem){.cd-timeline__block:nth-child(even){-ms-flex-direction:row-reverse;flex-direction:row-reverse}
}
.cd-timeline__img{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 4px hsl(0, 0%, 100%),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);box-shadow:0 0 0 4px var(--color-white),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);background-color: #ccc;margin-top: 1em;}
.cd-timeline__img img{width:24px;height:24px}
@media (min-width: 64rem){
	.cd-timeline__img{width:20px;height:20px;-ms-flex-order:1;order:1;margin-left:calc(5% - 10px);will-change:transform;background-color: #ccc;margin-top:1.2em;}
	.cd-timeline__block:nth-child(even) .cd-timeline__img{margin-right:calc(5% - 10px)}
}
.cd-timeline__img--picture{background-color:hsl(111, 51%, 60%);background-color:var(--cd-color-4)}
.cd-timeline__img--movie{background-color:hsl(356, 53%, 49%);background-color:var(--cd-color-5)}
.cd-timeline__img--location{background-color:hsl(47, 85%, 61%);background-color:var(--cd-color-6)}
.cd-timeline__content{-ms-flex-positive:1;flex-grow:1;position:relative;margin-left:1.25em;margin-left:var(--space-md);background:hsl(0, 0%, 100%);background:var(--color-white);border-radius:0.25em;border-radius:var(--radius-md);padding:1.25em;padding:var(--space-md);box-shadow:0 3px 0 hsl(205, 38%, 89%);box-shadow:0 3px 0 var(--cd-color-2)}
.cd-timeline__content::before{content:'';position:absolute;top:16px;right:100%;width:0;height:0;border:7px solid transparent;border-right-color:hsl(0, 0%, 100%);border-right-color:var(--color-white)}

@media (min-width: 64rem){.cd-timeline__content{width:45%;-ms-flex-positive:0;flex-grow:0;will-change:transform;margin:0;--line-height-multiplier: 1.2}
.cd-timeline__content::before{top:24px}
.cd-timeline__block:nth-child(odd) .cd-timeline__content::before{right:auto;left:100%;width:0;height:0;border:7px solid transparent;border-left-color:hsl(0, 0%, 100%);border-left-color:var(--color-white)}
}
.cd-timeline__date{line-height: 160%;}
@media (min-width: 64rem){
	.cd-timeline__date{position:absolute;width:100%;left:120%;top:0.4em;}
	.cd-timeline__block:nth-child(even) .cd-timeline__date{left:auto;right:120%;text-align:right;}
}
@media (min-width: 64rem){.cd-timeline__img--hidden,.cd-timeline__content--hidden{visibility:hidden}
.cd-timeline__img--bounce-in{-webkit-animation:cd-bounce-1 0.6s;animation:cd-bounce-1 0.6s}
.cd-timeline__content--bounce-in{-webkit-animation:cd-bounce-2 0.6s;animation:cd-bounce-2 0.6s}
.cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in{-webkit-animation-name:cd-bounce-2-inverse;animation-name:cd-bounce-2-inverse}
}
@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}
60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}
60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}
60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}
60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}

.cd-timeline__container.hxvtrack{--hxvprog:0px}
.cd-timeline__container.hxvtrack::after{content:'';position:absolute;top:0;left:10px;height:var(--hxvprog);width:4px;background:#f28c28;border-radius:2px}
@media (min-width: 64rem){.cd-timeline__container.hxvtrack::after{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}


/* 上下フェードボーダー */
.cd-timeline__container {
  /* --tlFadeLine: linear-gradient(
    to right,
    rgba(204,204,204,0),
    rgba(204,204,204,1) 15%,
    rgba(204,204,204,1) 85%,
    rgba(204,204,204,0)
  );
  background-image: var(--tlFadeLine), var(--tlFadeLine);
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 1px, 100% 1px;
  background-position: left top, left bottom; */
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* SP */
@media screen and (max-width: 880px) {
  .cd-timeline__container {
    background-image: none; /* 横ボーダー非表示 */
  }
}