/*
Theme Name:Original Theme
Theme URI:https://nakanonobuko.com/
Author:genki
Description:nakanonobuko
Version:1.0
*/






/* categoryを追加 */
.category-btn[data-category="neuroaesthetics"] {
display:none;
}
#overlay .works-list a:nth-child(2){
display:none;
}
.category-btn[data-category="social-brain"] {
display:none;
}
#overlay .works-list a:nth-child(3){
display:none;
}
.category-btn[data-category="decision-making"] {
display:none;
}
#overlay .works-list a:nth-child(4){
display:none;	
}
.category-btn[data-category="auditory-perception"] {
display:none;
}
#overlay .works-list a:nth-child(5){
display:none;	
}
.category-btn[data-category="fmri-tms-studies"] {
display:none;
}
#overlay .works-list a:nth-child(6){
display:none;	
}








.grecaptcha-badge { visibility: hidden; }

/* body */

html, body{
margin: 0;
padding: 0;
}

body {
background: #F2F2F2;
letter-spacing: 0px;
-webkit-text-size-adjust:100%;
font-size:0;
display: flex;
flex-direction: column;
min-height: 100vh;
}

main{flex: 1;}


a {color: #155300;
text-decoration: none;
}


.en{font-family:"adobe-garamond-pro", serif;
font-weight:400;
font-style:normal;
-webkit-font-smoothing: antialiased;}

.jp{font-family: "a-otf-ryumin-pr6n", serif;
font-weight:300;
font-style:normal;
-webkit-font-smoothing: antialiased;
}


.wf-loading .en,.wf-loading .jp {
visibility: hidden;
}

.wf-active .en,.wf-active .jp {
visibility: visible;
}




/* sp_none */
.sp_span{display:none!important;}
.sp_br{display:none;}
.sp_img{display:none;}
.sp_div{display:none!important;}
.sp_p{display:none;}

.menu-trigger,
.menu-trigger span {
display:none;
}
	
#overlay {
display:none;
}
	
@media screen and (min-width: 769px){
#overlay {
display:none!important;
}
}


/* header */

.header {
margin: auto;
width: 100%;
position: fixed;
left: 0;
top: 0;
transform: translateY(0);
transition: transform 0.3s ease;
background-color: #F2F2F2;
z-index:9;
}

.header.hide{
transform: translateY(-5.75vw);
}


.header_inner {
margin: auto;
width: 91.2%;
height: 5.75vw;
}

.header .header_left {
float: left;
margin-top: 2.7vw;
margin-right: 6.6vw;
}
	
.header .header_left h1 {
margin:0;
}

.header .header_left img {
width: 19.5vw;
}



/* nav */
	
.header .header_nav {
float: right;
margin-left: 0;
margin-top: 3.27vw;
}

.header .header_nav p {
font-size: 1.57vw;
margin: 0;
letter-spacing: 0.026em;
color: #155300;
}

.header .header_nav p a{
margin-right: 3.6vw;
color: #155300;
text-decoration-color: transparent;
transition: text-decoration-color 0.5s;
}

.header .header_nav p a:hover{
text-decoration:underline;
text-decoration-color: #155300;
}

.header .header_nav p a.active{
text-decoration:underline;
text-decoration-color: #155300;
}

.header .header_nav .lun_jp{
margin-right: 0.25vw;
margin-left: 2.85vw;
font-size: 1.05vw;
}

.header .header_nav .lun_en {
margin-right: 2.0vw;
font-size: 1.05vw;
}

.header .header_nav .lun_jp.disabled{
pointer-events: none;
text-decoration:underline;
}

.header .header_nav .lun_en.disabled{
pointer-events: none;
text-decoration:underline;
}

.header .header_nav .line {
margin-right: 0.25vw;
font-size: 0.95vw;
vertical-align: 0.15vw;
}


.header .header_nav .sns {
margin-right: 0vw;
}

.header .header_nav .sns img{
width: 1.0vw;
}



/* footer */

.footer {
clear: both;
width: 100%;
margin: auto;
position: relative;
height: 5.67vw;
margin-top: 0vw;
border-top:solid 0.1vw rgba(147, 147, 147, 0.6);
}

.footer:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.footer .footer_inner {
padding-top: 1.15vw;
width: 91.2%;
margin:auto;
}


.footer p {
margin: 0;
font-size: 0.93vw;
display: inline-block;
margin-right: 6vw;
color: #939393;
margin-top: 0.9vw;
letter-spacing: 0.026em;
}

.footer p.ad {
font-size: 1.16vw;
margin-right: 29.4vw;
}

.footer .up_top {
margin-right: 0;
float: right;
margin-top: 0vw;
}

.footer .up_top img {
cursor: pointer;
width: 1.55vw;
}

.footer .footer_nav {
display: inline-block;
vertical-align: 0.08vw;
}

.footer .footer_nav p {
font-size: 0.93vw;
margin: 0;
}

.footer .footer_nav p a {
margin-right: 1.73vw;
color: #939393;
text-decoration-color: transparent;
transition: text-decoration-color 0.5s;
}

.footer .footer_nav p a:hover{
text-decoration:underline;
text-decoration-color: #939393;
}

.footer .footer_nav p a.active{
text-decoration:underline;
text-decoration-color: #939393;
}

.footer .footer_nav .lun_jp {
margin-right: 0.45vw;
margin-left: 3.1vw;
font-size: 0.93vw;
}

.footer .footer_nav .lun_en {
margin-right: 2.0vw;
font-size: 0.93vw;
}

.footer .footer_nav .lun_jp.disabled{
pointer-events: none;
text-decoration:underline;
}

.footer .footer_nav .lun_en.disabled{
pointer-events: none;
text-decoration:underline;
}

.footer .footer_nav .line {
margin-right: 0.45vw;
font-size: 0.85vw;
vertical-align: 0.15vw;
}


.footer .footer_nav .sns {
margin-right: 0vw;
}

.footer .footer_nav .sns img{
width: 1.0vw;
}







/* works */

.works {
width: 100%;
margin: auto;
padding-top: 16.05vw;
margin-bottom: 24.45vw;
position: relative;
}

.works .works_inner {
width: 100%;
margin: auto;
}

.works .works_category {
margin: 0;
font-size: 0.93vw;
color: #155300;
letter-spacing: 0.026em;
line-height: 2.0em;
position: absolute;
left: 36.1vw;
top: 8.4vw;
}

.works .works_category span {
font-size: 1.06vw;
margin: 0;
margin-right: 2.14vw;
color: #155300;
cursor:pointer;
text-decoration-color: transparent;
transition: text-decoration-color 0.5s;
}

.works .works_category span:hover {
text-decoration:underline;
text-decoration-color: #155300;
}

.works .works_category span.active {
text-decoration:underline;
text-decoration-color: #155300;
}


.works .works_content {
display: grid;
justify-content: space-between;
grid-template-columns: 46.0% 46.0%;
row-gap: 4.83vw;
}


.works .article-item {
grid-column: span 2;
display: none;
}

.works .article-item.is-small {
grid-column: span 1;
}

.works .article-item .flex{
display: flex;
align-items: flex-end;
}

.works .works_content img {
width: 100%;
height: 42.5vw;
object-fit: cover;
}


.works .article-item.is-small img {
height: 29.77vw;
}

.works .article-item.even {
margin-left: 4.4vw;
}


.works .article-item.odd{
margin-right:4.4vw;
}

.works .article-item.is-third {
margin-bottom: 4.72vw;
}

.works .article-item .left {
width: 63.9%;
}

.works .article-item .right {
width: 27.8%;
margin-left: auto;
padding-right: 4.4%;
}

.works .article-item .right {
width: 27.8%;
margin-left: auto;
padding-right: 4.4%;
}

.works .article-item h2 {
font-size: 1.33vw;
font-weight: 300;
color: #155300;
margin: 0;
margin-bottom: 1.7vw;
letter-spacing: 0.038em;
line-height: 2.0em;
}

.works .article-item .date_venue {
font-size: 0.78vw;
color: #155300;
margin: 0;
margin-bottom: 2.15vw;
letter-spacing: 0.038em;
line-height: 2.0em;
display: flex;
}


.works .article-item .date_venue span:nth-child(1) {
font-family: "adobe-garamond-pro", serif;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
font-size: 0.92vw;
letter-spacing: 0.026em;
margin: 0;
white-space: pre;
}

.works .article-item .date_venue span:nth-child(2) {
}

.works .article-item .view {
font-size: 0.92vw;
color: #155300;
margin: 0;
letter-spacing: 0;
line-height: 2.0em;
margin-bottom: -0.15vw;
}

.works .article-item .view span {
font-size: 1.33vw;
display: inline-block;
margin-right: 0vw;
}

.works .article-item .view_u {
text-decoration-color: transparent;
transition: text-decoration-color 0.5s;
}

.works .article-item .view_u.is-hover {
text-decoration:underline;
text-decoration-color: #155300;
}

.works .works_content .left_a.is-hover{
transition: all 0.5s ease;
}

.works .works_content .left_a.is-hover{
opacity:0.8;
}

.works .article-item.is-small .left {
width: 47.7%;
}


.works .article-item.is-small .right {
width: 42.9%;
margin-left: auto;
padding-right: 0%;
}

.works .article-item.is-small .date_venue span:nth-child(1) {

}

.works .article-item.is-small .date_venue span:nth-child(2) {

}

/* en */
.works.en .article-item h2 {
font-size: 1.58vw;
letter-spacing: 0.026em;
line-height: 1.48em;
margin-bottom: 1.85vw;
}

.works.en .article-item .date_venue {
font-size: 0.92vw;
letter-spacing: 0.026em;
line-height: 1.55em;
margin-bottom: 2.3vw;
}

.works.en .article-item .date_venue span:nth-child(2) {
margin-top: 0vw;
}





/* single_works */

.single_works {
width: 100%;
margin: auto;
padding-top: 11.45vw;
margin-bottom: 9.83vw;
position: relative;
}

.single_works .works_inner {
width: 100%;
margin: auto;
}

.single_works .content{
width: 91.2%;
margin: auto;
}

.single_works .works_category {
margin: 0;
font-size: 0.93vw;
color: #155300;
letter-spacing: 0.026em;
line-height: 2.0em;
position: absolute;
left: 36.1vw;
top: 8.4vw;
}

.single_works .works_category span {
font-size: 1.06vw;
margin: 0;
margin-right: 2.14vw;
color: #155300;
cursor:pointer;
}

.single_works .works_category span.is-active {
text-decoration:underline;
}

.single_works .top_img{
width:100%;
margin-bottom: 4.72vw;
}
.single_works .content img{
width:100%;
margin-bottom: 4.72vw;
}


.single_works .content h1 {
font-size: 1.33vw;
font-weight: 300;
color: #155300;
margin: 0;
margin-bottom: 1.7vw;
letter-spacing: 0.038em;
line-height: 2.0em;
margin-top: -0.65vw;
}

.single_works .content .date_venue {
font-size: 0.78vw;
color: #155300;
margin: 0;
margin-bottom: 7.7vw;
letter-spacing: 0.038em;
line-height: 2.0em;
display: flex;
}


.single_works .content .date_venue span:nth-child(1) {
font-family: "adobe-garamond-pro", serif;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
font-size: 0.92vw;
letter-spacing: 0.026em;
margin: 0;
display: block;
white-space: pre;
}

.single_works .content .date_venue span:nth-child(2) {
display: block;
}

.single_works .content p.text {
font-size: 1.15vw;
color: #155300;
margin: 0;
letter-spacing: 0.038em;
line-height: 2.0em;
margin-bottom: 4.27vw;
}

.single_works .section2 .left p.text {
margin-top: -0.62vw;
}

.single_works .section1{
display: flex;
flex-direction: row-reverse;
}

.single_works .section2{
display: flex;	
}

.single_works .section1 .left {
width: 65.2%;
}

.single_works .section1 .right {
width: 30.5%;
margin-left: auto;
}

.single_works .section2 .left {
width: 30.5%;
}

.single_works .section2 .right {
width: 65.2%;
margin-left: auto;
}

/* en */
.single_works.en .content h1 {
font-size: 1.58vw;
letter-spacing: 0.026em;
line-height: 1.48em;
margin-bottom: 1.85vw;
margin-top: -0.45vw;
}

.single_works.en .content .date_venue {
font-size: 0.92vw;
letter-spacing: 0.026em;
line-height: 1.55em;
margin-bottom: 5.75vw;
}

.single_works .content .date_venue span:nth-child(2) {
margin-top: 0vw;
}

.single_works.en .content p.text {
font-size: 1.33vw;
letter-spacing: 0.026em;
line-height: 1.55em;
}

.single_works .section2 .left p.text {
margin-top: -0.45vw;
}


/* other-works */
.single_works .other-works-all{
width: 91.2%;
margin: auto;
margin-top:4.27vw;
}

.single_works .other-works{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:2.2vw;
}

.single_works .other-work{
display:block;
text-decoration:none;
}

.single_works .other-works_category .category-name{
margin:0;
line-height:2.0em;
font-size:1.33vw;
margin-bottom:2vw;
margin-top: 4vw;
color: #155300;
}
	
.single_works .other-works_category:first-child .category-name {
margin-top: 0vw;
}

.single_works .other-work .title{
margin:0;
line-height:2.0em;
font-size:1.15vw;
margin-top:0.7vw;
margin-bottom:2vw;
color: #155300;
}

.single_works .other-work img{
width:100%;
aspect-ratio:3/2;
object-fit:cover;
display:block;
}

/* en */

.single_works.en .other-work .title{
font-size:1.33vw;
line-height: 1.55em;
}









/* about */


.about {
width: 91.2%;
margin: auto;
margin-top: 15.7vw;
margin-bottom: 25.75vw;
}


.about .about_inner {
width: 94.0%;
margin: auto;
}

.about .about_flex {
display: flex;
flex-direction: row-reverse;
}

.about .about_inner > div{
}

.about .left {
width: 60.2%;
}

.about .right {
width: 32.6%;
margin-left: auto;
}

.about .left h1 {
font-size: 1.47vw;
color: #155300;
margin: 0;
font-weight: 300;
letter-spacing: 0.028em;
}

.about .left h1 span{
display: block;
letter-spacing: 0.060em;
font-size: 1.65vw;
margin-top: 0.95vw;
}

.about .left p {
font-size: 1.15vw;
color: #155300;
margin: 0;
line-height: 2.0em;
margin-top: 5.03vw;
}

.about .left a {
color: #155300;
margin: 0;
font-size: 0.67vw;
}

.about .left a .en {
font-size: 1.33vw;
display: inline-block;
margin-right: 0.1vw;
}

.about .left a u {
text-decoration-color: transparent;
transition: text-decoration-color 0.5s;
}

.about .left a:hover u {
text-decoration:underline;
text-decoration-color: #155300;
}

.about .right p {
font-size: 0.63vw;
color: #155300;
text-align: right;
margin: 0;
letter-spacing: 0.033em;
margin-top: 1.75vw;
}

.about .right img {
width: 100%;
margin-top: 0.5vw;
}

/* en */
.about.en .left p {
font-size: 1.33vw;
letter-spacing: 0.026em;
line-height: 1.55em;
margin-top: 5.3vw;
}

.about.en .left a {
font-size: 0.78vw;
letter-spacing: 0;
}
.about.en .left a .en {
margin-right: 0;
}





/* news */

.news {
width: 91.2%;
margin: auto;
margin-top: 15.6vw;
margin-bottom: 25.75vw;
}


.news .news_inner {
width: 94.0%;
margin: auto;
}


.news .news_all {
width: 100.0%;
margin: auto;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(4, auto);
justify-content: space-between;
grid-auto-columns: 45.85%;
opacity: 0;
}

.news.is-ready .news_all {
opacity: 1;
transition: opacity 0.2s ease;
}

.news.is-transitioning .news_all {
visibility: hidden;
}

.news.is-init .news_all {
visibility: hidden;
}

.news .news_div {
position: relative;
margin-bottom: 2.32vw;
padding-bottom: 2.7vw;
}

.news .news_div::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 2.37vw;
height: 1px;
background: rgba(112, 112, 112, 0.6);
}

.news .news_div.is-4th::after {
background: rgba(112, 112, 112, 0);
}

.news .news_div.is-last::after {
background: rgba(112, 112, 112, 0);
}

.news .news_div h2 {
font-size: 0.98vw;
font-weight: 300;
color: #155300;
margin: 0;
margin-bottom: 0vw;
letter-spacing: 0.038em;
line-height: 2.0em;
}

.news .news_div p.content {
font-size: 0.92vw;
color: #939393;
margin: 0;
margin-bottom: 0.95vw;
letter-spacing: 0.038em;
line-height: 2.0em;
}

.news .date_venue {
font-family: "adobe-garamond-pro", serif;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
font-size: 0.92vw;
letter-spacing: 0.026em;
margin: 0;
line-height: 1.55em;
display: flex;
}

.news .date_venue .date {
color: #155300;
display: block;
white-space: pre;
}

.news .date_venue .venue {
color: #939393;
text-decoration: underline;
display: block;
text-decoration:underline;
text-decoration-color: #939393;
transition: text-decoration-color 0.5s;
}

.news .date_venue .venue:hover{
text-decoration-color: transparent;
}

.news .pagination {
margin-top: 1.85vw;
display: flex;
justify-content: flex-end;
flex-wrap: wrap-reverse;
gap: 0.88vw;
}


.news .pagination .page-btn {
font-size: 0.8vw;
cursor: pointer;
margin: 0;
}

.news .page-btn.active {
text-decoration:underline;
cursor:auto;
}

.news .pagination .page-btn:last-child {
margin-right: 0vw;
}

/* en */

.news.en {
margin-top: 15.85vw;
}

.news.en .news_div {
margin-bottom: 2.55vw;
}

.news.en .news_div h2 {
font-size: 1.155vw;
letter-spacing: 0.026em;
line-height: 1.48em;
margin-bottom: 0.16vw;
}

.news.en .news_div p.content {
letter-spacing: 0.026em;
font-size: 0.925vw;
line-height: 1.48em;
margin-bottom: 1.0vw;
}





/* books */

.books {
width: 91.2%;
margin: auto;
margin-bottom: 21.3vw;
padding-top: 15.8vw;
position:relative;
}

.books .books_inner {
width: 100.0%;
margin: auto;
}

.books p.switch-btn_all {
font-size: 0.98vw;
color: #155300;
margin: 0;
letter-spacing: 0.038em;
line-height: 2.0em;
position: absolute;
left: 31.67vw;
top: 8.15vw;
}

.books p.switch-btn_all span {
display: inline-block;
margin-right: 6.1vw;
cursor: pointer;
}

.books p.switch-btn_all span.switch-btn.is-active{
text-decoration:underline;
}

.books .books_solo{
display:none;
}

.books .books_co_authored{
display:none;
}

.books .books_grid {
display: grid;
justify-content: space-between;
grid-template-columns: repeat(3, calc(91.5% / 3));
row-gap: 5.15vw;
}

.books .books_grid > div{
display: flex;
align-items: flex-end;
}

.books .books_grid > div .img {
width: 43.7%;
}

.books .books_grid > div img {
width: 100%;
object-fit: cover;
height: 18.13vw;
transition: all 0.5s ease;
}

.books .books_grid > div img.is-hover{
opacity:0.8;
}


.books .books_grid > div .text {
width: 46.8%;
margin-left: auto;
}


.books .books_grid > div h2 {
font-size: 0.98vw;
font-weight: 300;
color: #155300;
margin: 0;
margin-bottom: 1.3vw;
letter-spacing: 0.038em;
line-height: 2.0em;
text-decoration-color: transparent;
transition: text-decoration-color 0.5s;
}

.books .books_grid > div h2.is-hover {
text-decoration:underline;
text-decoration-color: #155300;
}



.books .books_grid > div p {
font-size: 0.78vw;
color: #155300;
margin: 0;
line-height: 2.0em;
letter-spacing: 0.038em;
margin-bottom: -0.4vw;
}

.books .books_grid > div p span.en{
font-size: 0.93vw;
letter-spacing: 0.026em;
}

/* en */
.books.en .books_grid > div h2 {
margin-bottom: 1.45vw;
}

.books.en .books_grid > div p {
font-size: 0.93vw;
letter-spacing: 0.026em;
line-height: 1.55em;
margin-bottom: -0.3vw;
}

.books.en .books_grid > div p span.margin {
display: block;
margin-top: 0.3vw;
}





/* lectures */


.lectures {
width: 91.2%;
margin: auto;
margin-top: 15.8vw;
margin-bottom: 21.3vw;
}

.lectures .lectures_inner {
width: 100.0%;
margin: auto;
}

.lectures .lectures_flex{
display: flex;
}

.lectures .lectures_inner > div{
}

.lectures .left {
width: 30.7%;
padding-left:3%;	
}


.lectures .right {
width: 56.95%;
margin-left: auto;
}


.lectures .left h1 {
font-size: 1.15vw;
color: #155300;
margin: 0;
font-weight: 300;
letter-spacing: 0.038em;
margin-bottom: 4.5vw;
}

.lectures .left p {
font-size: 0.98vw;
color: #155300;
margin: 0;
margin-bottom: 0vw;
letter-spacing: 0.038em;
line-height: 2.0em;
margin-top: 0;
}

.lectures .left a {
margin: 0;
font-size: 1.15vw;
padding-left: 4.1vw;
padding-right: 4.1vw;
padding-top: 0.35vw;
padding-bottom: 0.5vw;
letter-spacing: 0.026em;
margin-top: 3.1vw;
display: inline-block;
cursor: pointer;
line-height: 2em;
transition: all 0.5s ease;
color: #F2F2F2;
border: solid 0.05vw #155300;
background-color:#155300;
}

.lectures .left a:hover {
color: #155300;
border: solid 0.05vw rgba(21, 83, 0, 0.5);
background-color:transparent;
}

.lectures .left a .en {
font-size: 1.33vw;
display: inline-block;
margin-right: 0.1vw;
}


.lectures .right h1 {
font-size: 1.15vw;
color: #155300;
margin: 0;
font-weight: 300;
letter-spacing: 0.038em;
margin-bottom: 4.5vw;
}



.lectures .lectures_all {
width: 100.0%;
margin: auto;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(5, auto);
justify-content: space-between;
grid-auto-columns: 45.85%;
opacity: 0;
}

.lectures.is-ready .lectures_all {
opacity: 1;
transition: opacity 0.2s ease;
}

.lectures.is-transitioning .lectures_all {
visibility: hidden;
}

.lectures.is-init .lectures_all {
visibility: hidden;
}


.lectures .lectures_div {
position: relative;
margin-bottom: 2.55vw;
padding-bottom: 2.6vw;
}

.lectures .lectures_div::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 2.37vw;
height: 1px;
background: rgba(112, 112, 112, 0.6);
}

.lectures .lectures_div.is-5th::after {
background: rgba(112, 112, 112, 0);
}

.lectures .lectures_div.is-last::after {
background: rgba(112, 112, 112, 0);
}

.lectures .lectures_div h2 {
font-size: 0.98vw;
font-weight: 300;
color: #155300;
margin: 0;
margin-bottom: 0.2vw;
letter-spacing: 0.038em;
line-height: 2.0em;
}

.lectures .date_venue {
font-size: 0.63vw;
margin: 0;
line-height: 2.0em;
display: flex;
}

.lectures .date_venue .date {
color: #155300;
display: block;
vertical-align: top;
font-family: "adobe-garamond-pro", serif;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
font-size: 0.92vw;
letter-spacing: 0.026em;
white-space: pre;
}

.lectures .date_venue .venue {
color: #155300;
display: block;
vertical-align: top;
letter-spacing: 0.038em;
font-size: 0.78vw;
}

.lectures .pagination {
margin-top: 1.85vw;
display: flex;
justify-content: flex-end;
flex-wrap: wrap-reverse;
gap: 0.88vw;
}


.lectures .pagination .page-btn {
font-size: 0.8vw;
cursor: pointer;
margin: 0;
}

.lectures .page-btn.active {
text-decoration:underline;
cursor:auto;
}

.lectures .pagination .page-btn:last-child {
margin-right: 0vw;
}

/* en */
.lectures.en {
margin-top: 15.88vw;
}

.lectures.en .left h1 {
font-size: 1.35vw;
letter-spacing: 0.026em;
}

.lectures.en .lectures_div {
margin-bottom: 2.55vw;
padding-bottom: 2.65vw;
}

.lectures.en .left p {
font-size: 1.16vw;
letter-spacing: 0.026em;
line-height: 1.48em;
}

.lectures.en .right h1 {
font-size: 1.35vw;
letter-spacing: 0.026em;
}

.lectures.en .lectures_div h2 {
font-size: 1.155vw;
letter-spacing: 0.026em;
line-height: 1.48em;
margin-bottom: 0.16vw;
}

.lectures.en .date_venue {
font-size: 0.63vw;
letter-spacing: 0.026em;
line-height: 1.55em;
}

.lectures.en .date_venue .venue {
font-size: 0.92vw;
letter-spacing: 0.026em;
}





/* contact */


.contact {
width: 91.2%;
margin: auto;
margin-top: 15.6vw;
margin-bottom: 7.70vw;
}

.contact:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.contact .contact_inner{
width: 94.0%;
margin: auto;
}

.contact .contact_flex{
display: flex;
}

.contact .contact_flex > div.left {
width: 29.4%;
}

.contact .contact_flex > div.right {
width: 45.4%;
margin-left: auto;
padding-right: 12.0%;
padding-top: 0.15vw;
}


.contact .section_2 {
position: relative;
}

.contact .section_1_inner, .contact .section_2_inner{
width: 100%;
margin: auto;
}

.contact .section_1_inner:after, .contact .section_2_inner:after{
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.contact h2 {
font-size: 1.15vw;
font-weight: 300;
color: #155300;
margin: 0;
letter-spacing: 0.038em;
line-height: 2.0em;
}

.contact p {
margin: 0;
font-size: 0.98vw;
line-height: 2.0em;
clear: both;
color: #155300;
letter-spacing: 0.038em;
}

.contact label {
margin: 0;
font-size: 0.98vw;
line-height: 2.0em;
clear: both;
}

.contact input {
margin: 0;
font-size: 0.98vw;
line-height: 3.15em;
clear: both;
padding: 0 0.5vw;
margin-top: 1.17vw;
background-color: #F2F2F2;
letter-spacing: 0.038em;
}

.contact textarea {
width: 100%;
margin: 0;
font-size: 0.98vw;
line-height: 2.0em;
clear: both;
border: solid 0.05vw rgba(21, 83, 0, 0.5);
height: 26.0vw;
resize: none;
padding: 0.5vw;
margin-top: 1.17vw;
background-color: #F2F2F2;
letter-spacing: 0.038em;
}

.contact input[type="text"]{
width:100%;
border:none;
border:solid 0.05vw rgba(21, 83, 0, 0.5);
}
.contact input[type="email"]{
width:100%;
border:none;
border:solid 0.05vw rgba(21, 83, 0, 0.5);
}
.contact input[type="tel"]{
width:100%;
border:none;
border:solid 0.05vw rgba(21, 83, 0, 0.5);
}


.contact #to-confirm {
width: 16.4vw;
height: 3.2vw;
border: solid 0.05vw rgba(21, 83, 0, 0.5);
padding: 0;
box-sizing: border-box;
line-height: 3.1vw;
cursor: pointer;
font-size: 0.98vw;

letter-spacing: 0.038em;
transition: all 0.5s ease;
background-color: #155300;
color: #F2F2F2;
}

.contact #to-confirm:disabled{
color: graytext;
border: solid 0.05vw rgba(26, 19, 17, 0.2);
background-color: #F2F2F2;
	
}

.contact #to-confirm:hover {
color: #155300;
background-color: #F2F2F2;
}

.contact #to-confirm:disabled:hover {
background-color: inherit; 
cursor: not-allowed; 
color: graytext!important;
}

.contact .section_2_input.jp label{
font-family:"a-otf-ryumin-pr6n", serif;
font-weight:300;
font-style:normal;
color: #155300;
}


.contact .section_2_input label .label {
position: relative;
padding-left: 0.85vw;
}

.contact .section_2_input label .label::before {
content: "";
position: absolute;
left: 0;
top: 52%;
transform: translateY(-50%);
height: 78%;
width: 0.3vw;
background-color: #155300;
}

.contact .section_2_input.en label .label::before {
top: 46%;
height: 53%;
}


.contact .section_2_input.jp input{
font-family:"a-otf-ryumin-pr6n", serif;
font-weight:300;
font-style:normal;
color: #155300;
}

.contact .section_2_input.jp textarea{
font-family:"a-otf-ryumin-pr6n", serif;
font-weight:300;
font-style:normal;
color: #155300;
}

.contact .section_2 h3 > span{
display:inline-block;
}

.contact .section_2 h3 .red{color:#FF0000;}


.contact .section_2 p {
margin-top: 2.65vw;
}

.contact .section_2 p.name {
margin-top: 0;
}

.contact .section_2 p.center {
text-align: left;
position: relative;
margin-top: 3.07vw;
}


.contact .error-field {
font-size: 0.78vw;
line-height: 2.8em;
}

.contact #form-errors {
font-size: 0.98vw;
margin-top: 0.8vw;
}


/* en */
.contact.en .section_2_input.en label{
font-family:"adobe-garamond-pro", serif;
font-weight:400;
font-style:normal;
color: #155300;
}

.contact.en .section_2_input.en input{
font-family:"adobe-garamond-pro", serif;
font-weight:400;
font-style:normal;
color: #155300;
}

.contact.en .section_2_input.en textarea{
font-family:"adobe-garamond-pro", serif;
font-weight:400;
font-style:normal;
color: #155300;
}

.contact.en {
margin-top: 15.8vw;
}

.contact.en .contact_flex > div.right {
padding-top: 0.17vw;
}

.contact.en p {
font-size: 1.16vw;
letter-spacing: 0.026em;
line-height: 1.48em;
}

.contact.en label {
font-size: 1.16vw;
line-height: 1.48em;
}

.contact.en .section_2_input.en label .label::before {
top: 43%;
height: 74%;
}

.contact.en .section_2 p {
margin-top: 2.93vw;
}

.contact.en #to-confirm {
line-height: 3.2vw;
font-size: 1.16vw;
letter-spacing: 0.026em;
}

.contact.en input {
font-size: 1.16vw;
letter-spacing: 0.026em;
line-height: 2.75em;
}

.contact.en textarea {
font-size: 1.16vw;
letter-spacing: 0.026em;
line-height: 1.48em;
}

.contact.en .section_2 p.name{
margin-top: 0;	
}

.contact.en h2 {
font-size: 1.35vw;
letter-spacing: 0.026em;
line-height: 1.48em;
}

.contact.en .section_2 p.center {
margin-top: 3.1vw;
}

.contact.en #form-errors {
font-size: 1.16vw;
}


.contact.en .error-field {
font-size: 0.93vw;
}



/* confirmation */


.contact.confirmation .contact_inner{
clear: both;
width: 67.7%;
margin: auto;
padding-top: 0vw;
margin-bottom: 0vw;
}

.contact.confirmation .section_2{
clear: both;
width: 100%;
margin: auto;
padding-top: 1.7vw;
position: relative;
}

.contact.confirmation {
padding-bottom: 4.3vw;
}

.contact.confirmation .section_1_inner p{
padding-top: 5.05vw;
}


.contact.confirmation .section_2 p {

}

.contact.confirmation .screen-reader-response p{margin-top: 0vw;}

.contact.confirmation p.label_1p{margin-top: 0vw;}


.contact.confirmation .section_1_inner{
margin: auto auto 4.87vw;
}

.contact.confirmation .section_2 div.center_div {
margin-top: 12.7vw;
text-align: center;
position: relative;
}



.contact.confirmation .center_submit {
width: 16.4vw;
height: 3.2vw;
border: solid 0.05vw rgba(21, 83, 0, 0.5);
padding: 0;
margin: 0;
clear: both;
box-sizing: border-box;
line-height: 3.1vw;
cursor:pointer;
font-size: 0.98vw;
display:inline-block;
letter-spacing: 0.038em;
transition: all 0.5s ease;
background-color: #155300;
color: #F2F2F2;
}


.contact.confirmation .center_buck {
width: 16.4vw;
height: 3.2vw;
border: solid 0.05vw rgba(21, 83, 0, 0.5);
padding: 0;
margin: 0;
font-size: 0.98vw;
line-height: 3.1vw;
clear: both;
display:inline-block;
box-sizing: border-box;
cursor:pointer;
margin-right: 5.2vw;
letter-spacing: 0.038em;
transition: all 0.5s ease;
background-color: #155300;
color: #F2F2F2;
}

.contact .center_submit:disabled{
color: graytext;
background-color: #F2F2F2;
}

.contact.confirmation .center_buck:disabled{
color: graytext;
background-color: #F2F2F2;
}

.contact.confirmation .center_buck:hover {
color: #155300;
background-color: #F2F2F2;
}

.contact.confirmation .center_div form{display: inline-block;
margin-top: 1.5vw;}

.contact.confirmation .center_submit:hover {
color: #155300;
background-color: #F2F2F2;
}

.contact.confirmation .center_submit:disabled:hover {
background-color: inherit; 
cursor: not-allowed; 
color: graytext;
}

.contact.confirmation .section_2_input label .input{
display: block;
margin-top: 0.6vw;
}

/* en */
.contact.confirmation.en .center_submit {
font-size: 1.16vw;
letter-spacing: 0.026em;
line-height: 3.2vw;
}

.contact.confirmation.en .center_buck {
font-size: 1.16vw;
letter-spacing: 0.026em;
line-height: 3.2vw;
}

.contact.confirmation.en .section_2_input label .input {
margin-top: 0.9vw;
}




/* thankyou */

.contact.thankyou .contact_inner{
clear: both;
width: 67.7%;
margin: auto;
padding-top: 0vw;
margin-bottom: 0vw;
}

.contact.thankyou {
padding-bottom: 4.3vw;
}

.contact.thankyou .section_1_inner p{
padding-top: 5.05vw;
}









@media screen and (max-width: 768px){
	

/* body */





/* pc_none */
.pc_br{display:none;}
.pc_img{display:none;}
.pc_span{display:none!important;}
.pc_div{display:none!important;}
	
.sp_br{display:block;}
.sp_img{display:block;}
.sp_span{display:inline!important;}
.sp_div{display:block!important;}
.sp_p{display:block!important;}


	
	
	
/* header */
	
.header .header_nav{
display:none;
}
	
.header.hide {
transform: translateY(-12.8vw);
}

.header.is-open {
transform: translateY(0vw);
}	
	
.header_inner {
width: 88%;
height: 12.8vw;
}

.header .header_left {
margin-top: 5.7vw;
margin-right: 0;
}
	
.header .header_left img {
width: 46.3vw;
}

	
	
	

/* footer */
	
.footer .footer_nav{
display:none;
}
	
.footer {
height: auto;
}
	
.footer .footer_inner {
width: 88%;
padding-top: 4.8vw;
padding-bottom: 4.8vw;
}
	
	
.footer .footer_inner:after{
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
.footer p {
margin: 0;
font-size: 3vw;
display: block;
margin-right: 0;
line-height: 2em;
}

.footer p.ad {
font-size: 3vw;
margin-right: 0;
float:left;
}

.footer .up_top {
margin-right: 0;
text-align: right;
float:right;
}

.footer .up_top img {
width: 4.47vw;
}
	
	
	
	
	
	
	
/* nav */
	
	
	

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}

.menu-trigger span {
 transition: all .4s;
}

.menu-trigger {
position: fixed;
top: 5.4vw;
right: 6vw;
width: 4.8vw;
height: 6.1vw;
z-index: 9999;
overflow: hidden;
transform: translateY(0);
transition: transform 0.3s ease;
}
	

.menu-trigger.hide {
transform: translateY(-12.8vw);
}
	
.menu-trigger.active{
transform: translateY(0vw);
}


.menu-trigger span {
position: absolute;
z-index: 9999;
left: 0;
width: 100%;
height: 0.35vw;
background-color: #155300;
border-radius: 0px;
}

.menu-trigger span:nth-of-type(1) {
top: 17%;
}

.menu-trigger span:nth-of-type(2) {
top: 50%;
transform: translateY(-50%);
}


.menu-trigger span:nth-of-type(3) {
bottom: 17%;
}
	
.menu-trigger.active {
height: 6.1vw;
width: 5.2vw;
}
	
	
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
width: 100%;
height: 0.35vw;
top: 50%;
left: 50%;
}
	
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
height: 0.25vw;
}

.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
height: 0.35vw;
top: 50%;
left: 50%;
width: 100%;
}


	
#overlay {
display:none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
text-align: left;
position: fixed;
top: 0;
right: 0%;
opacity: 1;
z-index: 999;
padding: 0px;
backdrop-filter: blur(0.7vw);
-webkit-backdrop-filter: blur(0.7vw);
}

.overlay_inner {
position: absolute; 
width: 100%;
height: 100%;
right: -100%;
background-color: rgba(225, 225, 225, 0.8);
transition: right 0.5s ease 0.3s;
}
	
	
.overlay_inner.is-open {
right: 0;
}
	
.overlay_anime{
position: absolute; 
width: 100%;
height: 100%;
right: -100%;
transition: right 0.5s ease 0.6s; 
overflow-y: auto;
}
	
.overlay_anime.is-open{
right: 0%;
}
	
	
#overlay .nav {
clear: both;
}


#overlay .nav_inner {
width: 67.3%;
margin: auto;
padding-top: 14vw;
font-size: 5vw;
padding-bottom: 14vw;
}

#overlay p {
font-size: 6vw;
line-height: 2.0em;
margin: 0;
letter-spacing: 0.026em;
}

#overlay p a {
display: inline;
color: #155300;
cursor:pointer;
}
	
#overlay p a:hover {
text-decoration:underline;
}

#overlay p span {
display: inline;
color: #155300;
cursor:pointer;
}
	
#overlay p span:hover {
text-decoration:underline;
}


#overlay p.lun {
font-size: 4.5vw;
}
	
#overlay p.sns {
font-size: 4.5vw;
}
	
#overlay p.sns img {
width: 4.8vw;
}

#overlay .works-list {
display: block;
font-size: 4.9vw;
margin-left: 4.5vw;
}	
	
#overlay .works-list a{
display: block;
line-height: 2.0em;
}
	
#overlay .book-list {
display: none;
font-size: 4.9vw;
margin-left: 4.5vw;
}	
	
#overlay .book-list a{
display:inline-block;
}
	
	

	

/* sp-title */
	
.sp-title{
}
	
.sp-title.single{
width: 88%;
margin: auto;
}
	
.sp-title h1 {
font-size: 5.2vw;
margin: 0;
color: #155300;
letter-spacing: 0.026em;
line-height: 1.48em;
margin-top: 0vw;
margin-bottom: 8.5vw;
}

	
.sp-title h1 span.jp {
font-size: 4.44vw;
margin-bottom: 6.7vw;
}
	
.sp-title h1 span.main {
text-decoration: underline;
}
	
.works .sp-title h1 span.main {
cursor:pointer;
}
.single_works .sp-title h1 span.main {
cursor:pointer;
}
	

.news.jp .sp-title h1 {
margin-bottom: 6.1vw;
}
	
.lectures.jp .sp-title h1 {
margin-bottom: 6.8vw;
}
.contact.jp .sp-title h1 {
margin-bottom: 6.75vw;
}
	
.news.en .sp-title h1 {
margin-bottom: 6.85vw;
}
	
.lectures.en .sp-title h1 {
margin-bottom: 7.2vw;
}
.contact.en .sp-title h1 {
margin-bottom: 7.6vw;
}
	
	

/* works */
.works {
width: 100%;
margin: auto;
padding-top: 19.3vw;
margin-bottom: 24.0vw;
position: relative;
}
	
.works .works_inner {
width: 88%;
margin: auto;
}

.works .article-item .flex {
display: block;
align-items: stretch;
}
	
.works .works_content {
display: grid;
justify-content: space-between;
grid-template-columns: 41vw 41vw;
row-gap: 7.8vw;
}
	
.works .works_category{
display:none;
}

.works .article-item .left {
width: 100%;
}

.works .article-item .right {
width: 100%;
margin-left: 0;
padding-right: 0;
}

.works .article-item.even {
margin-left: 0vw;
}

.works .article-item.odd {
margin-right: 0vw;
}

.works .article-item.is-small .left {
width: 100%;
}

.works .article-item.is-small .right {
width: 100%;
margin-left: auto;
padding-right: 0%;
}
	

.works .article-item.is-third {
margin-bottom: 0;
}

.works .article-item h2 {
font-size: 4.0vw;
margin-bottom: 1.0vw;
margin-top: 6.0vw;
}
	
.works .article-item.is-small h2 {
font-size: 2.8vw;
margin-bottom: 0.2vw;
}

.works .article-item .date_venue {
font-size: 2.8vw;
margin-bottom: 4.2vw;
}


.works .article-item .date_venue span:nth-child(1) {
font-size: 3.276vw;
}
	
.works .article-item .date_venue span:nth-child(2) {
}
	
	
.works .article-item.is-small .date_venue span:nth-child(1) {
}
	
.works .article-item.is-small .date_venue span:nth-child(2) {
overflow-wrap: break-word;
}

.works .article-item .view {
font-size: 3.276vw;
margin-bottom: 0;
}
	
.works .article-item .view span {
font-size: 5.586vw;
}	

.works .works_content img {
height: 58.5vw;
}

.works .article-item.is-small img {
height: 61.5vw;
}	
/* en */	
.works.en .article-item h2 {
font-size: 4.68vw;
margin-bottom: 0.6vw;
margin-top: 6.9vw;
}
	
.works.en .article-item.is-small h2 {
font-size: 3.276vw;
margin-bottom: 0vw;
}

.works.en .article-item .date_venue {
font-size: 3.276vw;
margin-bottom: 4.2vw;
}
	

	
	
	
/* single_works */
.single_works {
padding-top: 19.3vw;
margin-bottom: 22.3vw;
}
	
.single_works .content {
width: 88%;
}
	
.single_works .works_category{
display:none;
}
	
.single_works .section1{
display: block;
flex-direction: row;
}

.single_works .section2{
display: block;	
}

.single_works .section1 .left {
width: 100%;
}

.single_works .section1 .right {
width: 100%;
margin-left: 0;
}

.single_works .section2 .left {
width: 100%;
}

.single_works .section2 .right {
width: 100%;
margin-left: 0;
}
	
.single_works .top_img {
margin-bottom: 0vw;
}

.single_works .content h1 {
font-size: 4.0vw;
margin-bottom: 4.7vw;
margin-top: 6.0vw;
}

.single_works .content .date_venue {
font-size: 2.8vw;
margin-bottom: 17.3vw;
}

.single_works .content .date_venue span:nth-child(1) {
font-size: 3.276vw;
}
	
.single_works .content .date_venue span:nth-child(2) {
}
	
.single_works .content p.text {
font-size: 2.8vw;
margin-bottom: 13.6vw;
}
	
.single_works .content img {
margin-bottom: 6vw;
}	
	
.single_works .section2 .left p.text {
margin-top: 2.0vw;
}	
	
	
/* en */		
.single_works.en .content h1 {
font-size: 4.68vw;
margin-bottom: 5.2vw;
margin-top: 6.9vw;
}

.single_works.en .content .date_venue {
font-size: 3.276vw;
margin-bottom: 17.7vw;
}

.single_works.en .content p.text {
font-size: 3.276vw;
}	
	
	

/* other-works */
.single_works .other-works-all{
width: 88%;
margin: auto;
margin-top:17.3vw;
}

.single_works .other-works {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 6.0vw;
}

.single_works .other-works_category .category-name {
font-size: 3.276vw;
margin-bottom: 3.7vw;
margin-top: 11vw;
}
	
.single_works .other-works_category:first-child .category-name {
margin-top: 0vw;
}

.single_works .other-work .title{
margin:0;
line-height:2.0em;
font-size:2.8vw;
margin-top:0.7vw;
margin-bottom:2vw;
}

/* en */
.single_works.en .other-work .title{
font-size: 3.276vw;
}
	
	
	
	
/* about */	
.about {
width: 88%;
margin-top: 19.3vw;
margin-bottom: 23.9vw;
}

.about .about_inner {
width: 100%;
margin: auto;
}


.about .about_flex {
display: block;
flex-direction: row;
}

.about .right {
width: 100%;
margin-left: auto;
}

.about .left {
width: 100%;
}

.about .right img {
width: 100%;
margin-top: 0;
}	
	
.about .left h1 {
font-size: 4.44vw;
margin-top: 1.2vw;
}

.about .left h1 span {
font-size: 5.2vw;
margin-top: 2.9vw;
}

.about .left p {
font-size: 2.8vw;
margin-top: 16.8vw;
}

.about .left a {
font-size: 2.8vw;
}
	
.about .left a .en {
font-size: 5.558vw;
}	
	
.about .right p {
font-size: 2.191vw;
margin-top: 2.5vw;
}	
	
/* en */	
.about.en .left p {
font-size: 3.276vw;
margin-top: 17.5vw;
}

.about.en .left a {
font-size: 3.276vw;
}

	
	
/* news */
.news {
width: 88%;
margin: auto;
margin-top: 19.3vw;
margin-bottom: 25.75vw;
}

.news .news_inner {
width: 100%;
margin: auto;
}
	
.news .news_all {
width: 100.0%;
margin: auto;
display: block;
grid-auto-flow: row;
grid-template-rows: none;
justify-content: normal;
grid-auto-columns: auto;
opacity: 0;
}
	
.news .news_div {
margin-bottom: 8.0vw;
padding-bottom: 8.0vw;
}

.news .news_div h2 {
font-size: 4.0vw;
}

.news .news_div p.content {
font-size: 4.0vw;
margin-bottom: 2.2vw;
}

.news .date_venue {
font-size: 3.276vw;
}
.news .date_venue .date {
}

.news .date_venue .venue {
}

.news .news_div.is-4th::after {
background: rgba(112, 112, 112, 0.6);
}
.news .news_div.is-last::after {
background: rgba(112, 112, 112, 0);
}
	
.news .news_div::after {
width: 100%;
height: 1.5px;
}
	
.news .pagination {
margin-top: 0;
gap: 3.4vw;
}

.news .pagination .page-btn {
font-size: 2.8vw;
margin: 0;
}	
	
/* en */	
.news.en {
margin-top: 19.5vw;
}

.news.en .news_div h2 {
font-size: 4.68vw;
margin-bottom: 0;
}

.news.en .news_div p.content {
font-size: 4.68vw;
margin-bottom: 2vw;
}

.news.en .news_div {
margin-bottom: 8.0vw;
}
	
	
	
	
	
/* books */	
.books {
width: 88%;
margin: auto;
margin-bottom: 24.6vw;
padding-top: 19.3vw;
position: relative;
}


.books .books_grid {
display: flex;
justify-content: normal;
grid-template-columns: none;
row-gap: 13.6vw;
flex-direction: column;
}
	
.books .books_grid > div {
align-items: normal;
display: flex;
flex-direction: column;
height: 100%;
}

.books .books_grid > div .img {
width: 44.7vw;
margin: auto;
}
	
.books .books_grid > div img {
width: 100%;
object-fit: cover;
height: 70.13vw;
}

.books .books_grid > div .text {
width: 100%;
margin-left: 0;
display: flex;
flex-direction: column;
height: 100%;
}	
	
.books .books_grid > div h2 {
font-size: 4.0vw;
margin-bottom: 3.6vw;
margin-top: 6.5vw;
}


.books .books_grid > div p {
font-size: 2.8vw;
margin-bottom: 0vw;
margin-top: auto;
}

.books .books_grid > div p span.en {
font-size: 3.276vw;
}
	
.books.en .books_grid > div p span.margin {
display: inline;
margin-top: 0;
}
	
/* en */
.books.en .books_grid > div p {
font-size: 3.276vw;
}	
	
.books.en .books_grid > div h2 {
margin-bottom: 4.2vw;
}
	
	
	
	
	
/* lectures */	
.lectures {
width: 88%;
margin: auto;
margin-top: 19.3vw;
margin-bottom: 21.3vw;
}

.lectures .lectures_flex {
display: block;
}

.lectures .left {
width: 100%;
padding-left: 0;
}

.lectures .right {
width: 100%;
margin-left: 0;
margin-top: 13.6vw;
}
	
.lectures .lectures_all {
width: 100.0%;
margin: auto;
display: grid;
grid-auto-flow: row;
grid-template-rows: none;
justify-content: normal;
grid-auto-columns: auto;
opacity: 0;
}
	
.lectures .left h1{
font-size: 4.44vw;
margin-bottom: 5.0vw;
}
	
.lectures .right h1{
font-size: 4.44vw;
margin-bottom: 5.0vw;
}
	
.lectures .left p {
font-size: 4.0vw;
}	
	
.lectures .left a {
font-size: 4.68vw;
margin-top: 1.4vw;
border: solid 0.2vw rgba(21, 83, 0, 0.5);
}
	
.lectures .lectures_div {
margin-bottom: 8.0vw;
padding-bottom: 8.0vw;
}

.lectures .lectures_div h2 {
font-size: 4.0vw;
margin-bottom: 0;
}

.lectures .date_venue {
font-size: 3.276vw;
}
.lectures .date_venue .date {
font-size: 3.276vw;
}

.lectures .date_venue .venue {
font-size: 2.8vw;
}

.lectures .lectures_div.is-5th::after {
background: rgba(112, 112, 112, 0.6);
}
.lectures .lectures_div.is-last::after {
background: rgba(112, 112, 112, 0);
}
	
.lectures .lectures_div::after {
width: 100%;
height: 1.5px;
}
	
	
.lectures .pagination {
margin-top: 0;
gap: 3.4vw;
}

.lectures .pagination .page-btn {
font-size: 2.8vw;
margin: 0;
}	
	
/* en */		
.lectures.en {
margin-top: 19.45vw;
}

.lectures.en .left h1 {
font-size: 5.2vw;
}

.lectures.en .left p {
font-size: 4.68vw;
}


.lectures.en .right h1 {
font-size: 5.2vw;
}

.lectures.en .lectures_div {
margin-bottom: 8.0vw;
padding-bottom: 8.0vw;
}

.lectures.en .lectures_div h2 {
font-size: 4.68vw;
margin-bottom: 0;
}

.lectures.en .date_venue {
font-size: 3.276vw;
}

.lectures.en .date_venue .venue {
font-size: 3.276vw;
}
	
	
	
	
	
/* contact */	
	
.contact {
clear: both;
width: 88.0%;
margin: auto;
padding-top: 19.3vw;
margin-bottom: 7.4vw;
position: relative;
padding-bottom: 0;
}
	

.contact .contact_flex {
display: block;
}

.contact .contact_flex > div.left {
width: 100%;
}

.contact .contact_flex > div.right {
width: 100%;
margin-left: 0%;
padding-right: 0%;
padding-top: 0vw;
}	
	
.contact .contact_img1{
width: 55.2vw;
display:none;
}

.contact .contact_inner {
width: 100%;
}
	
.contact .section_1_inner, .contact .section_2_inner {
width: 100%;
margin: auto;
clear: both;
margin-bottom: 0vw;
}
	
.contact h2 {
font-size: 4.0vw;
padding-bottom: 0;
}

.contact h3 {
clear: both;
padding-bottom: 0;
margin-bottom: 6.4vw;
font-size: 4.0vw;
}

.contact p {
font-size: 2.8vw;
line-height: 2.0em;
}
	
.contact .section_1_inner p {
padding-top: 0vw;
padding-bottom: 12.7vw;
}
	
	
.contact .section_2 {
clear: both;
width: 100%;
margin: auto;
position: relative;
padding-top: 0;
}

	
.contact label {
font-size: 2.8vw;
}	
	
.contact .section_2_input label .label {
padding-left: 2.3vw;
}

.contact .section_2_input label .label::before {
width: 0.8vw;
}
	
.contact input {
font-size: 2.8vw;
border-radius: 0;
padding: 0 1.5vw;
margin-top: 3.05vw;
}
	
.contact textarea {
font-size: 2.8vw;
border-radius: 0;
border: solid 0.2vw rgba(21, 83, 0, 0.5);
height: 57.7vw;
padding: 1.5vw;
margin-top: 3.05vw;
}

.contact input[type="text"] {
border: solid 0.2vw rgba(21, 83, 0, 0.5);
}
	
.contact input[type="email"] {
border: solid 0.2vw rgba(21, 83, 0, 0.5);
}
	
.contact input[type="tel"] {
border: solid 0.2vw rgba(21, 83, 0, 0.5);
}	
	
.contact input[type="submit"] {
width: 37.1vw;
height: 7.2vw;
border: solid 0.2vw rgba(21, 83, 0, 0.5);
background-color: #fff;
padding: 0;
font-size: 2.8vw;
}	
	
.contact #to-confirm {
width: 37.1vw;
height: 7.2vw;
line-height: 7.0vw;
border: solid 0.2vw rgba(21, 83, 0, 0.5);
padding: 0;
font-size: 2.8vw;
}

.contact #to-confirm:disabled {
border: solid 0.2vw rgba(26, 19, 17, 0.2);
}
	
	
.contact .section_2 p {
margin-top: 7.7vw;
}
	
.contact .section_2 p.center {
margin-top: 8.9vw;
padding-bottom: 2.45vw;
}
	
	
.contact .error-field {
font-size: 2.8vw;
}

.contact #form-errors {
font-size: 2.8vw;
margin-top: 0;
}
	
	
	
/* en */		
.contact.en {
margin-top: 0vw;
padding-top: 19.3vw;
}
	
.contact.en .section_1_inner p {
padding-bottom: 13.3vw;
}
	
	
.contact.en p {
font-size: 3.276vw;
}

.contact.en label {
font-size: 3.276vw;
}

.contact.en #to-confirm {
line-height: 7.0vw;
font-size: 3.276vw;
}

.contact.en input {
font-size: 3.276vw;
margin-top: 2.8vw;
}

.contact.en textarea {
font-size: 3.276vw;
margin-top: 2.8vw;
}

.contact.en h2 {
font-size: 4.68vw;
}

.contact.en #form-errors {
font-size: 3.276vw;
}

.contact.en .error-field {
font-size: 3.276vw;
}

.contact.en .section_2 p {
margin-top: 8.2vw;
}
	
.contact.en .section_2 p.center {
margin-top: 8.5vw;
}
	
	
	
	
/* confirmation */	

.contact.confirmation {
padding-top: 18.8vw;
}
	
.contact.confirmation .contact_inner {
width: 88.0%;
}
	
.contact.confirmation .section_1_inner p {
padding-top: 8.6vw;
padding-bottom: 12.7vw;
}
	
.contact.confirmation .center_submit {
width: 37.1vw;
height: 7.2vw;
line-height: 7.0vw;
border: solid 0.2vw rgba(21, 83, 0, 0.5);
padding: 0;
font-size: 2.8vw;
}		
	
.contact.confirmation .center_buck{
width: 37.1vw;
height: 7.2vw;
line-height: 7.0vw;
border: solid 0.2vw rgba(21, 83, 0, 0.5);
padding: 0;
font-size: 2.8vw;
margin-right: 10.2vw;
}	
	
.contact.confirmation .center_submit:disabled {
border: solid 0.2vw rgba(26, 19, 17, 0.2);
}
.contact.confirmation .center_buck:disabled {
border: solid 0.2vw rgba(26, 19, 17, 0.2);
}
	
.contact.confirmation .section_1_inner {
margin: 0;
}	
	
.contact.confirmation .section_2_input label .input{
margin-top: 1.3vw;
}
	
	
/* en */
.contact.confirmation.en {
padding-top: 19.8vw;
}
	
.contact.confirmation.en .center_submit {
font-size: 3.276vw;
}

.contact.confirmation.en .center_buck {
font-size: 3.276vw;
}
	
.contact.confirmation.en .section_2_input label .input{
margin-top: 1.9vw;
}	
		

	
/* thankyou */	
	
.contact.thankyou {
padding-top: 18.8vw;
}
	
.contact.thankyou .contact_inner {
width: 88.0%;
}
	
.contact.thankyou .section_1_inner p {
padding-top: 8.6vw;
padding-bottom: 12.7vw;
}	
	
/* en */
.contact.thankyou.en {
padding-top: 19.8vw;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}











@media screen and (min-width: 769px) and (max-width: 1024px) {	


	



}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
	



}

@media screen and (min-width: 1601px) {	
	


}







@media only screen and (max-device-width:480px){
	


	

	
	
	
	

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){


	
	


}










@media only screen and (max-device-width:480px) and (orientation: landscape){
	
}




@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape){


	
}








/* chome */

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    -webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}




@media screen and (min-width: 768px) and (max-width: 824px) {	

}

@media screen and (min-width: 824px) and (max-width: 924px) {	

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	

}







	



/* win */
.win body{

}


@media screen and (min-width: 768px) and (max-width: 824px) {	

}

@media screen and (min-width: 824px) and (max-width: 924px) {	

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	

}

@media screen and (min-width: 1024px) and (max-width: 1124px) {	

}