@charset "utf-8";

/**************************************
* base.css
**************************************/

/* @group @font-face
--------------------------------------------------------*/

/* @end @font-face */

/* @group @viewport
--------------------------------------------------------*/

@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}

/* @end @viewport */

/* @group @reset
--------------------------------------------------------*/

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;text-size-adjust:100%;}
html{-webkit-tap-highlight-color:hsla(0,0%,0%,0);}
html{font-weight:normal;font-weight:400;}
body{margin:0;opacity:1;}
main,article,aside,figcaption,figure,footer,header,nav,section,dialog{display:block;}
h1,h2,h3,h4,h5{font-weight:bold;font-weight:600;}
h1,h2,h3,h4,h5,p,ul,ol,dl,table,pre,figure,input,textarea{margin-top:0;}
figure{margin-right:0;margin-left:0;}
ul,ol{padding-left:0;list-style:none;}
dd{margin-left:0;}
label{margin-bottom:0;}
img,iframe{border:0;}
img,object,video,picture{max-width:100%;}
svg:not(:root){overflow:hidden;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}

table{border-collapse:separate;border-spacing:0;}
table,tbody,tr{padding:0;border:0;}
h2,h3,p,li,dt,dd,th,td{data-break:strict;word-wrap:break-word;overflow-wrap:break-word;}
em{font-style:normal;}
abbr[title]{border-bottom:1px dotted inherit;}
sub,sup{position:relative;font-size:75%;line-height:inherit;vertical-align:baseline;}
sup{top:-0.25em;}
sub{bottom:-0.25em;}

a,a:hover{text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:hsla(0,0%,0%,0);-ms-tap-highlight-color:hsla(0,0%,0%,0);tap-highlight-color:hsla(0,0%,0%,0);}
a:hover{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-callout:none;}

[hidden],template{display:none;}

pre{
margin-bottom:0;
padding:0;
background:transparent;
border:0;
border-radius:0;
font-size:inherit;
line-height:inherit;
-webkit-hyphens:auto;
-moz-hyphens:auto;
hyphens:auto;
white-space:pre-line;
}

/* @end @reset */

/* @group @reset-support
--------------------------------------------------------*/

@supports (-webkit-scroll-behavior:smooth) or (scroll-behavior:smooth){
body{-webkit-scroll-behavior:smooth;scroll-behavior:smooth;}
}

/* @end @reset-support */

/*--------------------------------------------------------*/

/* @group @font-family
--------------------------------------------------------*/

html,body,th,td,input,textarea,select,option,button,select{
font-family:Roboto, Noto, 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', 'Meiryo', sans-serif;
}

/* @end @font-family */

/* @group @base font-size */

html{font-size:87.5%;}

/* @end @base font-size */

/* @group @font-size */

body{line-height:1.5;}

label,select,button,input,textarea,small{
font-size:inherit;
line-height:inherit;
}

@media only screen and (max-width:47.9375em){

label,select,button,input,textarea{
font-size:16px;
}

}

small{font-size:80%;}

em{
box-shadow:inset 0 -.375rem 0 hsl(56, 100%, 53%);
}

/* @end @font-size */

/* @group @placeholder */

::-webkit-input-placeholder{font-size:.875rem;line-height:2;}
input:-moz-placeholder{font-size:.875rem;line-height:2;}
:-ms-input-placeholder{font-size:.875rem;line-height:2;}
:placeholder{font-size:.875rem;line-height:2;}

/* @end @placeholder */

/* @group @font-kerning */

@media only screen and (min-width:48em){h1,h2{-webkit-font-smoothing:antialiased;}}

/* @end @font-kerning */

/* @group @default
--------------------------------------------------------*/

body{
overflow-x:hidden;
}
/*
body,input,textarea,pre,code{
color:#1f1f1f;
}*/

/* @end @default */

/* @group @highlight-color
--------------------------------------------------------*/

::-webkit-selection,
::-moz-selection,
::selection{
background:hsl(220, 48%, 90%);
text-shadow:none;
}

/* @end @highlight-color */

/* @group base
--------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6{
margin-top:0;
margin-bottom:0;
}

h1{
font-size:2.027rem;
}

h2{
font-size:1.802rem;
color:rgba(0,0,0,.8);
}

h2.lead{
text-align:center;
margin:0 auto 1.25vh;
}

h3{
font-size:1.602rem;
margin-bottom:1.125vh;
line-height:1.5;
color:hsl(31, 33%, 19%);
}

h3.displayh4,
h4{
font-size:1.424rem;
font-weight:normal;
}

h5{
font-size:1.266rem;
font-weight:normal;
}

h6{
font-size:1.125rem;
font-weight:normal;
}

p{
line-height:1.5;
margin:0;
}

a{
color:hsla(215, 45%, 45%, 0.87);
}

/* @end base */

/* @group main
--------------------------------------------------------*/


/* @end main */

/* @group [data-contents-body]
--------------------------------------------------------*/

[data-contents-body],
[data-root-contents-body]{
padding-top:calc(.5rem + 3vh);
padding-right:calc(.5rem + 1vw);
padding-bottom:calc(.5rem + 4vh);
padding-left:calc(.5rem + 1vw);
/*background:hsl(36, 56%, 98%);*/
color:hsl(0, 0%, 0%);
}

main [data-contents-body]:nth-child(2n){
background:hsl(37, 25%, 94%);
}

main [data-root-contents-body]:nth-child(2n){
background:hsl(37, 25%, 94%);
}

@media (min-width:60em){

[data-contents-body],
[data-root-contents-body]{
padding-right:calc(((100% - 960px) / 2) + 1%);
padding-left:calc(((100% - 960px) / 2) + 1%);
}

}


/* @end [data-contents-body] */

/* hidden --------------------------------------------------------*/

/* @group [aria-hidden] */

[aria-hidden="true"]{
position:absolute;
overflow:hidden;
width:100%;
height:1px;
line-height:0;
vertical-align:bottom;
clip:rect(1px, 1px, 1px, 1px);
}

[aria-hidden="false"]{
position:relative;
width:auto;
height:auto;
line-height:inherit;
clip:auto;
}

/* @end [[aria-hidden] */

/* @group video-wrapper
--------------------------------------------------------*/

.video-wrapper{
position:relative;
padding-bottom:56.25%;
contain:strict;
}

.video-wrapper iframe{
position:absolute;
width:100%;
height:100%;
contain:strict;
}

/* @end video-wrapper */


/* @group button
--------------------------------------------------------*/

.raised{
display:-webkit-flex;display:flex;isplay:flex;
-webkit-justify-content:center;justify-content:center;
-webkit-align-items:center;align-items:center;
border-radius:2px;
transition:all .3s cubic-bezier(.25,.8,.25,1);
box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.arrow{
background-image:url(../img/icon-right-arrow.svg);
background-repeat:no-repeat;
background-position:95% 50%;
background-position:calc(100% - .75rem) 50%;
}

.raised:hover{
box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


/* @end button */

/* @group raised
--------------------------------------------------------*/

/*.raised{
box-shadow:0 2px 2px 0 hsla(0, 0%, 0%, .15), 0 3px 1px -2px hsla(0, 0%, 0%, .2), 0 1px 5px 0 hsla(0, 0%, 0%, .1);
}

.raised:hover{
box-shadow:0 4px 5px 0 hsla(0, 0%, 0%, .15), 0 1px 10px 0 hsla(0, 0%, 0%, .1), 0 2px 4px -1px hsla(0, 0%, 0%, .2);
}

.raised:active{
box-shadow:0 2px 2px 0 hsla(0, 0%, 0%, .15), 0 3px 1px -2px hsla(0, 0%, 0%, .2), 0 1px 5px 0 hsla(0, 0%, 0%, .1);
}*/

/* @end raised */

/* @group
--------------------------------------------------------*/




/* @end  */