*{
margin:0;
padding:0;
}

body {
hight:100%;
color:#616161;
margin:0px auto
max-width:100%;
}

img {
    max-width: 100%;
    height: auto;
}

/* ヘッダー */
#header {/* ヘッダー範囲 */
height: 7rem!important;
width: 100%;

  position: sticky;
}
#headervisual {
	width:100%;
	position:absolute;
	top:10px;
	bottom:0px;
	left:20px;
	right:0px;
	max-width: 100%;
}
p.main_title {/* メインタイトル */

font-family: 'Bentham', serif;
font-weight: 400;
position: relative;
color: #616161; 
    font-size: 5vw !important;
    font-size: 18px;
}
span {
    color: #b3b3b3;
}
p.sub {
font-size:14px;
line-height: 2em; solid;
font-family: 'Noto Serif JP', serif;
font-weight: 200;
position: relative;
top:0em;
letter-spacing: 0.1em;
overflow-wrap: break-word;
color: #616161; 
}

html{
  font-size: 60px - .625; // スマホで全体を-1px小さくするには-.625
 
  // メディアクエリ PC
  @media screen and (min-width: 768px){
    font-size: 10px; // デフォルトは10px
  }
}





#outline1 {
hight: auto;
width: 100%;
text-align:center;
margin: 0px auto;
}

#outline {
font-size: 80%; 
margin: 0px auto;
}


a {
text-decoration:none;
}

a img {
    border-style:none;
}



/*ドロップダウンメニュー*/
.gnav {
    display: flex;
    height: 3rem;
    margin: 0 auto;
    width: 100%;
}
.gnav > li {/*親階層のみ幅を25%にする*/
    width:100%;
}
/*全てのリスト・リンク共通*/
.gnav li {
list-style: none;
    position: relative;
font-size:16px;solid;
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
background: #ffffff;

}
.gnav a:hover{
color: #919191;
background-color: #dddddd;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 6px 6px;
}
.gnav li a {
    color: #616161;
    display: 100%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/*子階層以降共通*/
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav li:hover > ul > li {
    height: 2rem;
    overflow: visible;
}



/*スライド*/
.slider_fade {
position: relative;
width:100%;
height: 600px;
margin:0 auto;
 z-index: -1;
}

.slider_fade img {
    position: relative;
    width: 100%;
    height: 100%;
    margin:0 auto;
    object-fit: cover;
    overflow: hidden;/*はみ出た画像部分を表示しない*/
}
.slider_fade > li {
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 12s 0s infinite;
    width:100%;
    height:100%;
}
.slider_fade > li:nth-of-type(1) {
    animation-delay: 0s;
object-position: bottom;/*画像の位置*/
}
.slider_fade > li:nth-of-type(2) {
    animation-delay: 4s;
object-position: center;/*画像の位置*/
}
.slider_fade > li:nth-of-type(3) {
    animation-delay: 8s;
object-position: center bottom;
}
 
@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}









#works{
height: auto;
width: 100%;
margin: 0px auto;
}

#works a:hover{
-webkit-filter:
brightness(50%);
}

#footer {
bottom:0px;
height: 70px;
width: 100%;
text-align:center;
margin: 0px auto;
background:
clear: both;
}

p.copy {
font-size:16px;solid;
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
margin: 20px;
}

.inline-block_test {
display: inline-block;      /* インラインブロック要素にする */
background-color:  #abced8;    /* 背景色指定 */
padding:  15px;             /* 余白指定 */
width: 100%;              /* 幅指定 */ 
height: 830px;
vertical-align:top;
}

#description .description {
	text-align: center;
}
#description .description {
	text-align: left;
}







#description {
min-hight: 100%;
width: 100%;
text-align:left;
margin: 0px auto;
padding-bottom:70px;
}



p.title {
font-size:25px;solid;
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
}

p.explanation {
font-size:16px;
line-height: 25px; solid;
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
}


p.description {
font-size:16px; 
line-height:20px; 
solid;
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
}


p.wf-sawarabimincho { 
font-size:16px;
line-height: 20px; solid;
font-family: "Sawarabi Mincho"; 
font-weight: 400;
text-align:left;
}



#statement {
text-align:left;
width: 100%;
margin: auto;
}

p.wf-notosansjp { 
font-size:16px;
line-height: 40px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 200;
}

p.date {
font-size:16px;
line-height: 35px; solid;
text-align: right;
font-family: "Noto Sans JP", sans-serif;
font-weight: 200;
}

div.example {
width: 100%;
}

div.example img {
float: center;
margin: 7px 0px 0px 0px;
}


/* 使用フォント */
font-family: 'Bentham', serif;/* 英語メインタイトル */
font-family: 'Josefin Sans', sans-serif;/* 英語メニュー　作品タイトル　材料 */
font-family: 'Montserrat', sans-serif;/* 英語作品説明 */
font-family: 'Hina Mincho', serif;/* 日本語 */
font-family: 'Klee One', cursive;/* 日英 */
font-family: 'Noto Serif JP', serif;/* 日本語 */
font-family: 'Shippori Mincho', serif;/* 日本語 */
font-family: 'Shippori Mincho B1', serif;/* 日本語 */
font-family: 'Sawarabi Mincho', sans-serif;/* 海境本島 */