@charset "utf-8";

/*------------------------------------------------*/
/*  template ver1.0  */
/*------------------------------------------------*/
/*  templatename [--]  */
/*  update []  */
/*  ID [NT]  */
/*------------------------------------------------*/

/*　All Reset　*/
/* -----------------------------------------------*/
* {
color:#333333;
/*font-size:clamp(12px, 1.0vw, 15px);*/
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
line-height:1.6;
letter-spacing:0.02em;
}
*:not(br) {
line-height:1.65;
}
*:focus {
outline:none;
}
html {
touch-action:manipulation;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
margin:0;
padding:0;
word-break:break-all;
}
ul,li {
list-style:none;
}
input[type="button"],input[type="submit"] {
border-radius:0;
-webkit-appearance:none;
appearance:none;
}
input, select {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
}
a {
color:#000000;
}
a:hover {
text-decoration:none;
}

::selection {
background-color:#333333;
color:#ffffff;
}
::-moz-selection {
background-color:#333333;
color:#ffffff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#bebebe;
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
font-weight:400;
font-style:normal;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#bebebe;
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
font-weight:400;
font-style:normal;
}
::placeholder { /* Others */
color:#bebebe;
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
font-weight:400;
font-style:normal;
}

/*　Resize　*/
/* -----------------------------------------------*/
.is-resize #header nav,
.is-resize #header nav ul li .subfield {
transition:none;
}

/*　Plugin　*/
/* -----------------------------------------------*/

/*　Base Set　*/
/* -----------------------------------------------*/
body {
margin:0;
padding:0;
background-color:#ffffff;
overflow-x:hidden;
}
img {
max-width:100%;
box-sizing:border-box;
border:none;
pointer-events:none;
}
.fit {
width:100%;
height:100%;
position:absolute;
top:0; 
left:0;
}
.fit img,
.fit video {
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
font-family:'object-fit: cover; object-position: center center;'
}
.clearfix {
display:block;
}
.clearfix:after {
content:"";
display:block;
clear:both;
} 
.clearfix:before {
content:"";
display:block;
clear:both;
}

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
margin:0px auto;
width:100%;
text-align:center;
position:relative;
}
div.Container {
margin:0px auto;
width:100%;
/*overflow:hidden;*/
overflow-x:clip;
}

/*　header　*/
/* -----------------------------------------------*/
#header {
}

/*　main　*/
/* -----------------------------------------------*/
#main {
margin:0px auto;
width:100%;
display:block;
position:relative;
}
#main:after {
content:"";
display:block;
clear:both;
} 
#main:before {
content:"";
display:block;
clear:both;
}
#main .inner {
margin:0px auto;
width:90%;
max-width:800px;
text-align:left;
}

/*　article　*/
/* -----------------------------------------------*/
.article_block h1 {
font-size:30px;
line-height:1.2;
}
.article_block .lead {
font-size:15px;
}
.article_block .image {
padding-top:60%;
width:100%;
height:1rem;
overflow:hidden;
content:"";
position:relative;
user-select:none;
}

/*　footer　*/
/* -----------------------------------------------*/
#footer {
}