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


/* 2026 */
#overlay p.none{
display:none;
}
#overlay p.sns {
display:none;
}
.footer p.sns {
display:none;
}



.grecaptcha-badge { visibility: hidden; }

/* body */

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

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

main{flex: 1;}


a {color: #1A1311;
text-decoration: none;
}


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

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






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


	
	
/* 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: 2vw;
right: 4.4vw;
width: 2.2vw;
height: 2.12vw;
z-index: 9999;
overflow: hidden;
transform: translateY(0);
transition: transform 0.3s ease;
}

.menu-trigger.hide {
transform: translateY(-6.1vw);
}


.menu-trigger span {
position: absolute;
z-index: 9999;
left: 0;
width: 100%;
height: 1px;
background-color: #1A1311;
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: 2.12vw;
width: 2.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: 1px;
top: 50%;
left: 50%;
}

.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
height: 1px;
}

.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
height: 1px;
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: 30%;
height: 100%;
right: -30%;
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: 7vw;
padding-bottom: 7vw;
font-size: 3.0vw;
}

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

#overlay p a {
display: inline;
color: #1A1311;
}
	
#overlay p a:hover {
text-decoration:underline;
}

#overlay p.sns {
font-size: 2.5vw;
}

#overlay p.lun {
font-size: 2.2vw;
}
	


/* header */

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

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


.header_inner {
margin: auto;
width: 91%;
height: 6.1vw;
}



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

.header .header_left img {
width: 12.75vw;
}
	
.header .header_page {
float: left;
margin-left: 0;
margin-top: 1.95vw;
font-size: 2.3vw;
}

.header .header_page h2 {
font-size: 1.95vw;
margin: 0;
letter-spacing: 0.04em;
color: #1A1311;
}




/* footer */

.footer {
clear: both;
width: 100%;
margin: auto;
position: relative;
background-color: rgba(0, 0, 0, 0.1);
height: 6.7vw;
margin-top: 0.9vw;
}

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

.footer .footer_inner {
padding-top: 1.7vw;
padding-left: 17vw;
}


.footer p {
margin: 0;
font-size: 0.93vw;
display: inline-block;
margin-right: 6vw;
color: #1A1311;
margin-top: 0.9vw;
}

.footer p.ad {
font-size: 1.15vw;
margin-right: 3.9vw;
}

.footer p.insta {
margin-right: 0;
}

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

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







/* news */

.news{
clear: both;
padding-top: 5.55vw;
}

.news .news_inner {
display: flex;
align-items: flex-start;
}

.news .news_left {
width: 35.5%;
position: sticky;
top: 0;
max-height: 100vh;
overflow: hidden;
}

.news .news_right {
width: 55.5%;
margin-left: 9%;
}


.news .news_left_div{
overflow-y: auto;

}

.news .news_left_div img{
width: 100%;
transition: all 0.5s ease;
height: 45.0vw;
object-fit: cover;
}

.news .news_right_div img{
width: 100%;
transition: all 0.5s ease;
height: 29.6vw;
object-fit: cover;
}

.news .news_left_div img.is-hover{
opacity:0.8;
}

.news .news_right_div img.is-hover{
opacity:0.8;
}


.news .news_left_div .date {
font-size: 0.95vw;
margin: 0;
line-height: 3.1em;
margin-left: 4.5vw;
color: #1A1311;
}


.news .news_right_div .date{
font-size: 0.95vw;
margin: 0;
line-height: 3.1em;
color: #1A1311;
}

.news .news_left_div .text {
font-size: 1.15vw;
line-height: 1.7em;
margin: 0;
margin-top: 2.5vw;
margin-left: 4.5vw;
margin-right: 4.5vw;
color: #1A1311;
padding-bottom: 3.5vw;
}

.news .news_right_div .text{
font-size: 1.15vw;
line-height: 1.7em;
margin: 0;
margin-top: 2.5vw;
color: #1A1311;
}

.news .news_right_div {
width: 42.1%;
float: left;
margin-right: 7.9%;
margin-bottom: 3.5vw;
}

.news .news_right_div:nth-child(2n-1){
clear: both;
}

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





/* single_news */

.single_news{
clear: both;
padding-top: 5.55vw;
}

.single_news .single_news_inner {
display: flex;
align-items: flex-start;
}


.single_news .single_news_left {
width: 35.5%;
position: sticky;
top: 0;
max-height: 100vh;
overflow: hidden;
margin-bottom: 3.9vw;
}

.single_news .single_news_right {
width: 55.5%;
margin-left: 9%;
margin-bottom: 1.9vw;
}

.single_news .single_news_left_inner{
overflow-y: auto;
}

.single_news .single_news_left img{
width: 100%;
margin-bottom: 1.9vw;
height: 45.0vw;
object-fit: cover;
}

.single_news .single_news_right_inner img {
width: 100%;
height: 28.1vw;
object-fit: cover;
}

.single_news .single_news_right_inner img:not(:last-child) {
width: 100%;
margin-bottom: 2.35vw;
}


.single_news .single_news_left .date {
font-size: 0.95vw;
margin: 0;
line-height: 3.1em;
margin-left: 4.5vw;
color: #1A1311;
}


.single_news .single_news_right_inner h1 {
font-size: 1.67vw;
margin: 0;
line-height: 1.95em;
margin-top: 11.5vw;
font-weight: 300;
color: #1A1311;
}

.single_news .single_news_right_inner .text {
font-size: 1.15vw;
margin: 0;
line-height: 1.7em;
margin-top: 2.9vw;
margin-bottom: 2.05vw;
color: #1A1311;
}


.single_news_right_inner {
width: 75.9%;
}


.single_news .news_list{
margin-top: 8.5vw;
}

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



.single_news .news_list_div {
width: 42.1%;
float: left;
margin-right: 7.9%;
margin-bottom: 3.5vw;
}

.single_news .news_list_div:nth-child(2n-1){
clear: both;
}

.single_news .news_list img{
width: 100%;
transition: all 0.5s ease;
margin-bottom: 0vw;
height: 29.6vw;
object-fit: cover;
}

.single_news .news_list img.is-hover{
opacity:0.8;
}

.single_news .news_list .date{
font-size: 0.95vw;
margin: 0;
line-height: 3.1em;
color: #1A1311;
}


.single_news .news_list .text{
font-size: 1.15vw;
line-height: 1.7em;
margin: 0;
margin-top: 2.5vw;
color: #1A1311;
}






/* projects */

.projects {
clear: both;
padding-top: 8.55vw;
}

.projects .projects_inner {
margin-bottom: 1.9vw;
}

.projects .projects_div {
display: flex;
align-items: flex-start;
margin-bottom: 5.2vw;
}

.projects .projects_div_left {
width: 52.0%;
}

.projects .projects_div_right {
width: 34.82%;
margin-left: 8.8%;
}

.projects .projects_div_left img{
width: 100%;
transition: all 0.5s ease;
height: 36.5vw;
object-fit: cover;
}


.projects .projects_div_right .category {
font-size: 1.15vw;
margin: 0;
line-height: 1.4em;
margin-top: -0.3vw;
margin-bottom: 2.8vw;
color: #1A1311;
}


.projects .projects_div_right .title {
font-size: 1.56vw;
margin: 0;
line-height: 1.4em;
margin-top: 0vw;
color: #1A1311;
}

.projects .projects_div_right .title span{
font-size: 1.15vw;
}

.projects .projects_div_right .text {
font-size: 1.15vw;
margin: 0;
line-height: 2.0em;
margin-top: 2.5vw;
margin-bottom: 0vw;
color: #1A1311;
}

.projects .projects_div_right .text span {
font-size: 0.83vw;
}

.projects .projects_div_right .text.no {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}

.projects .projects_div_right .view {
font-size: 1.15vw;
margin: 0;
margin-top: 2.45vw;
cursor: pointer;
color: #1A1311;
}

.projects .projects_div_right .view span {
width: 0.5vw;
height: 0.5vw;
background-color: #1A1311;
border: 0.1vw solid #1A1311;
border-radius: 50%;
transition: all 0.5s ease;
display: inline-block;
aspect-ratio: 1 / 1;
box-sizing: border-box;
vertical-align: 0.1vw;
margin-right: 0.3vw;
}

.projects .projects_div_right .view.is-hover span {
background-color: white; 
}

.projects .projects_div_left img.is-hover{
opacity:0.8;
}










/* single_projects */

.single_projects {
clear: both;
padding-top: 8.55vw;
}

.single_projects .single_projects_inner {
margin-bottom: 1.9vw;
}

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

.single_projects .single_projects_top img{
width: 100%;
height: 70.4vw;
object-fit: cover;
}

.single_projects .single_projects_top img.is-covered {
height: 100%;
object-fit: cover;
height: calc(100vh - 8.55vw);
}

.single_projects .single_projects_content {
display: flex;
align-items: flex-start;
}

.single_projects .single_projects_left {
width: 35.22%;
margin-left: 4.4%;
position: sticky;
top: 0;
padding-top: 5.2vw;
}

.single_projects .single_projects_right {
width: 52.0%;
margin-left: 3.8%;
padding-top: 5.2vw;
}


.single_projects .single_projects_right img {
width: 100%;
height: 36.6vw;
object-fit: cover;
}

.single_projects .single_projects_right img:not(:last-child) {
width: 100%;
margin-bottom: 2.35vw;
}


.single_projects .single_projects_left .category {
font-size: 1.15vw;
margin: 0;
line-height: 1.4em;
margin-top: -0.3vw;
margin-bottom: 2.6vw;
color: #1A1311;
}

.single_projects .single_projects_left h1 {
font-size: 1.56vw;
margin: 0;
line-height: 1.4em;
margin-top: 0vw;
font-weight:300;
color: #1A1311;
}


.single_projects .single_projects_left h1 span{
font-size: 1.15vw;
}

.single_projects .single_projects_left .text {
font-size: 1.15vw;
margin: 0;
line-height: 2.0em;
margin-top: 2.0vw;
margin-bottom: 0vw;
color: #1A1311;
}

.single_projects .single_projects_left .text .span1 {
font-size: 0.83vw;
line-height: 2.0em;
margin: 0;
display: block;
}


.single_projects .single_projects_left .text .span2 {
font-size: 0.83vw;
line-height: 2.0em;
margin: 0;
margin-top: 0.8vw;
display: block;
}
.single_projects .single_projects_left .text .span1.top br:first-child {
display: none;
}

.single_projects .projects_list {
width: 90.84%;
margin: auto;
margin-top: 7vw;
border-top: solid 0.3vw rgba(0, 0, 0, 0.1);
padding-top: 7vw;
}

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


.single_projects .projects_list_div {
width: calc(90.3% / 3);
float: left;
margin-right: 4.85%;
margin-bottom: 3.5vw;
}


.single_projects .projects_list_div:nth-child(3n){
margin-right: 0%;
}

.single_projects .projects_list_div:nth-child(3n-2){
clear: both;
}

.single_projects .projects_list img{
width: 100%;
transition: all 0.5s ease;
margin-bottom: 0vw;
height: 19.3vw;
object-fit: cover;
}

.single_projects .projects_list img.is-hover{
opacity:0.8;
}


.single_projects .projects_list .category {
font-size: 1.15vw;
margin: 0;
line-height: 1.4em;
margin-top: 2.5vw;
margin-bottom: 0;
color: #1A1311;
}

.single_projects .projects_list .title{
font-size: 1.15vw;
line-height: 2.0em;
margin: 0;
margin-top: 0.3vw;
color: #1A1311;
}

.single_projects .projects_list .title span{
display:none;
}
.single_projects .projects_list .title span br{
display:none;
}





/* about */

.about {
clear: both;
padding-top: 8.55vw;
padding-bottom: 4.0vw;
}

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

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

.about .about_img1{
width: 22.2vw;
margin-top: 5.8vw;
}

.about .about_p1 {
font-size: 1.25vw;
margin: 0;
line-height: 2.0em;
margin-top: 9.9vw;
margin-bottom: 0vw;
color: #1A1311;
letter-spacing: 0.04em;
}

.about .about_p2 {
font-size: 0.94vw;
margin: 0;
line-height: 2.0em;
margin-top: 3.6vw;
margin-bottom: 3.2vw;
color: #1A1311;
letter-spacing: 0.04em;
}

.about .about_p2 span{
font-size: 1.6vw;
display:block;
margin-bottom: 0.6vw;
}

.about .about_div {
clear: both;
padding-top: 5.7vw;
}

.about .about_div_left {
width: 21.4%;
float: left;
}

.about .about_div_right {
width: 67.3%;
float: right;
}

.about .about_div_left img{
width: 100%;
}

.about .about_div_right h1 {
font-size: 1.45vw;
margin: 0;
line-height: 1.4em;
margin-top: -0.3vw;
font-weight: 300;
color: #1A1311;
letter-spacing: 0.04em;
}


.about .about_div_right h1 span {
font-size: 1.15vw;
display: inline-block;
margin-left: 1.65vw;
}

.about .about_div_right p {
font-size: 1.15vw;
margin: 0;
line-height: 2.0em;
margin-top: 2.0vw;
margin-bottom: 0vw;
color: #1A1311;
}

.about .about_div_left p {
font-size: 0.8vw;
margin: 0;
margin-top: 1.05vw;
text-align:left;
}









/* contact */


.contact {
clear: both;
width: 100%;
position: relative;
padding-top: 8.55vw;
padding-bottom: 2.8vw
}


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

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


.contact .contact_img1{
width: 22.2vw;
}

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

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

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

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

.contact h2 {
margin: 0;
letter-spacing: 0.046em;
font-size: 1.67vw;
padding-bottom: 0;
}

.contact h3 {
font-size: 1.67vw;
margin: 0;
clear: both;
margin-bottom: 5.2vw;
}

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

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

.contact input {
margin: 0;
font-size: 1.15vw;
line-height: 2.7em;
clear: both;
padding: 0 0.5vw;
margin-top: 1.05vw;
}

.contact textarea {
width: 100%;
margin: 0;
font-size: 1.15vw;
line-height: 2.0em;
clear: both;
border: solid 0.1vw rgba(26, 19, 17, 0.2);
height: 26.0vw;
resize: none;
padding: 0.5vw;
margin-top: 1.05vw;
}

.contact input[type="text"]{
width:100%;
border:none;
border:solid 0.1vw rgba(26, 19, 17, 0.2);
}
.contact input[type="email"]{
width:100%;
border:none;
border:solid 0.1vw rgba(26, 19, 17, 0.2);
}
.contact input[type="tel"]{
width:100%;
border:none;
border:solid 0.1vw rgba(26, 19, 17, 0.2);
}

.contact input[type="submit"] {
width: 16.4vw;
height: 3.73vw;
border: solid 0.1vw rgba(26, 19, 17, 0.2);
background-color: #fff;
padding: 0;
box-sizing: border-box;
line-height: 3.73vw;
cursor:pointer;
}

.contact input[type="submit"]:hover {
background-color: #000;
color: #fff!important;
}


.contact #to-confirm {
width: 16.4vw;
height: 3.2vw;
border: solid 0.1vw #000;
background-color: #fff;
padding: 0;
box-sizing: border-box;
line-height: 3.0vw;
cursor: pointer;
font-size: 1.15vw;
color: #1A1311;
}

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

.contact #to-confirm:hover {
background-color: #000;
color: #fff!important;
}

.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: #1A1311;
}


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

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

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

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

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

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

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


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

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


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

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

.contact .wpcf7-spinner {
width: 2vw!important;
height: 2vw!important;
margin: 0 2vw!important;
position: absolute!important;
right: 0!important;
top: 0!important;
}

.contact .wpcf7-not-valid-tip {
font-size: 0.78vw!important;
font-weight:500!important;
}

.contact .wpcf7 form .wpcf7-response-output {
font-size: 1.15vw;
border-width: 0.15vw!important;
}

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

.contact #form-errors {
font-size: 1.15vw;
border-width: 0.15vw!important;
margin-top: 1.4vw;
}




/* confirmation */

.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{
display:inline-block;
}

.contact.confirmation .center_buck{
padding: 0;
margin: 0;
font-size: 1.15vw;
line-height: 3.73vw;
text-align:center;
display:inline-block;
margin-right: 5.2vw;
}

.contact.confirmation .center_buck input {
width: 16.4vw;
height: 3.73vw;
border: solid 0.07vw #000;
background-color: #fff;
padding: 0;
margin: 0;
font-size: 1.15vw;
line-height: 3.73vw;
font-weight: 600;
clear: both;
display:inline-block;
box-sizing: border-box;
cursor:pointer;
}

.contact.confirmation .center_buck input:hover {
background-color: #000;
color: #fff;
}


.contact .center_submit {
width: 16.4vw;
height: 3.2vw;
border: solid 0.07vw #000;
background-color: #fff;
padding: 0;
box-sizing: border-box;
line-height: 3.0vw;
cursor:pointer;
font-size: 1.15vw;
color: #1A1311;
}


.contact.confirmation .center_buck {
width: 16.4vw;
height: 3.2vw;
border: solid 0.07vw #000;
background-color: #fff;
padding: 0;
letter-spacing: 0.03em;
margin: 0;
font-size: 1.15vw;
line-height: 3.0vw;
clear: both;
display:inline-block;
box-sizing: border-box;
cursor:pointer;
margin-right: 5.2vw;
color: #1A1311;
}

.contact .center_submit:disabled{
color: graytext;	
}

.contact.confirmation .center_buck:disabled{
color: graytext;	
}

.contact.confirmation .center_buck:hover {
background-color: #000;
color: #fff;
}

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

.contact.confirmation .center_submit:hover {
background-color: #000;
color: #fff;
}



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


/* thankyou */

.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.hide {
transform: translateY(-16.0vw);
}
.header_inner {
width: 93%;
height: 16.0vw;
}

.header .header_left {
margin-top: 6.4vw;
margin-right: 12.6vw;
}

.header .header_page {
margin-top: 6vw;
}
	
.header .header_left img {
width: 30vw;
}

.header .header_page h2 {
font-size: 5.2vw;
}

.header .header_page {
margin-top: 5.0vw;
}
	
	

	
	

/* footer */	
	
.footer {
height: 45.7vw;
height: 34.7vw;
margin-top: 5.9vw;
}
	

.footer .footer_inner {
padding-top: 4.8vw;
padding-left: 3.5vw;
padding-right: 3.5vw;
}
.footer p {
margin: 0;
font-size: 3vw;
display: block;
margin-right: 0;
color: #1A1311;
line-height: 2em;
}

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

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

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

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

.menu-trigger {
position: fixed;
top: 5.4vw;
right: 3.5vw;
width: 4.8vw;
height: 6.1vw;
z-index: 9999;
overflow: hidden;
}
	
	
.menu-trigger.hide {
transform: translateY(-16.0vw);
}


.menu-trigger span {
position: absolute;
z-index: 9999;
left: 0;
width: 100%;
height: 0.35vw;
background-color: #000;
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_inner {
width: 100%;
height: 100%;
right: -100%;
}
	
	
#overlay .nav_inner {
width: 67.3%;
margin: auto;
padding-top: 14vw;
font-size: 5vw;
}
	
#overlay p {
font-size: 6vw;
letter-spacing: 0.04em;
line-height: 2.0em;
margin: 0;
}

#overlay p.sns {
font-size: 4.9vw;
}

#overlay p.lun {
font-size: 4.5vw;
}	
	
	
	

/* news */
		
.news {
padding-top: 17.4vw;
}
	
.news .news_inner {
display: block;
align-items: stretch;
}	
	
.news .news_inner:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
.news .news_left {
width: 100%;
position: static;
top: auto;
height: auto;
overflow: auto;
max-height: none;
}
	

.news .news_left_div .date {
font-size: 2.5vw;
margin-left: 3.5vw;
}

.news .news_left_div .text {
font-size: 4.0vw;
margin-top: 3.5vw;
margin-left: 3.5vw;
margin-right: 3.5vw;
padding-bottom: 8.5vw
}

.news .news_right {
width: 93%;
margin: auto;
}
	
.news .news_right:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.news .news_right_div .text {
font-size: 2.8vw;
}

.news .news_right_div .date {
font-size: 2.2vw;
}

.news .news_right_div {
width: calc(96% / 2);
margin-right: 4%;
margin-bottom: 5.5vw;	
}
	
.news_right_div:nth-child(2n) {
margin-right:0;
}	
	
.news .news_left_div img {
height: 126.8vw;
}

.news .news_right_div img {
height: 56.6vw;
}

	
	
	
	
/* single_news */
	
.single_news {
padding-top: 17.4vw;
}
	
.single_news .single_news_inner {
display: block;
align-items: stretch;
}	
	
.single_news .news_inner:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
.single_news .single_news_left {
width: 100%;
position: static;
top: auto;
height: auto;
overflow: auto;
padding-bottom: 0;
max-height: none;
margin-bottom: 0;
}
	
.single_news .single_news_left img {
width: 100%;
padding-bottom: 0;
margin-bottom: 0;
}
	

.single_news .single_news_left .date {
font-size: 2.5vw;
margin-left: 3.5vw;
}



.single_news .single_news_right{
width: 93%;
margin: auto;
}
	
.single_news .single_news_right:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
.single_news_right_inner {
width: 100%;
}

.single_news .single_news_right_inner h1{
font-size: 4.0vw;
line-height: 1.95em;
margin-top: 6.5vw;
}
	
.single_news .single_news_right_inner .text {
font-size: 2.8vw;
line-height: 1.8em;
margin-top: 5.9vw;
margin-bottom: 5.05vw;
}
	

.single_news .single_news_right_inner img:not(:last-child) {
margin-bottom: 4.35vw;
}
	
	
.single_news .news_list {
width: 100%;
margin-top: 18.5vw;
margin-top: 14.5vw;
padding-top: 14.5vw;
border-top: solid 0.9vw rgba(0, 0, 0, 0.1);
}
	
	

.single_news .news_list .text {
font-size: 2.8vw;
}

.single_news .news_list .date {
font-size: 2.2vw;
}

.single_news .news_list_div {
width: calc(96% / 2);
margin-right: 4%;
margin-bottom: 5.5vw;
}
	
.single_news .news_list_div:nth-child(2n) {
margin-right:0;
}	
	
.single_news .single_news_left img{
height: 126.8vw;
}

.single_news .news_list img{
height: 56.6vw;
}
.single_news .single_news_right_inner img {
height: 62.1vw;
}

	
	
	
	
/* projects */	
	
.projects {
padding-top: 25.3vw;
}
	
.projects .projects_inner {
width: 93%;
margin: auto;
}
	
.projects .projects_div {
display: block;
align-items: stretch;
margin-bottom: 16.2vw;
}
	
	
.projects .projects_div_left {
width: 100%;
}

.projects .projects_div_right {
width: 100%;
margin-left: 0;
}

	
.projects .projects_div_right .category {
font-size: 2.8vw;
margin-top: 6.8vw;
margin-bottom: 5.05vw;
line-height: 1.8em;
}
	
.projects .projects_div_right .title {
font-size: 4.0vw;
line-height: 1.8em;
margin-top: 0vw;
}
	
.projects .projects_div_right .title span {
font-size: 2.8vw;
}

.projects .projects_div_right .text {
font-size: 2.8vw;
line-height: 1.8em;
margin-top: 5.9vw;
margin-bottom: 5.05vw;
}
	
.projects .projects_div_right .text.no {
-webkit-line-clamp: 4;
}
	
.projects .projects_div_right .text span{
font-size: 2.4vw;
}	

.projects .projects_div_right .view{
font-size: 2.8vw;
margin-top: 2.45vw;
}
	
.projects .projects_div_right .view span {
width: 1.2vw;
height: 1.2vw;
border: 0.2vw solid #1A1311;
vertical-align: 0.1vw;
margin-right: 0.8vw;
}
	
.projects .projects_div_left img {
height: 65.5vw;
}	
	
	
	
	
	
	
/* single_projects */	
	
.single_projects {
padding-top: 25.3vw;
}
	
.single_projects .single_projects_content{
display: block;
align-items: stretch;
}
	
.single_projects .single_projects_left {
width: 93%;
position: static;
top: auto;
padding-top: 0;
margin: auto;
}
	
.single_projects .single_projects_right {
width: 93%;
margin: auto;
padding-top: 5.9vw;
}
	
.single_projects .single_projects_left .category {
font-size: 2.8vw;
margin-top: 6.5vw;	
margin-bottom: 5.05vw;
line-height: 1.8em;
}
	
	
.single_projects .single_projects_left h1{
font-size: 4.0vw;
line-height: 1.95em;
margin-top: 0vw;	
}
	
.single_projects .single_projects_left .text{
font-size: 2.8vw;
line-height: 1.8em;
margin-top: 5.9vw;	
}
	
.single_projects .single_projects_left .text .span1{
font-size: 2.4vw;
line-height: 1.8em;
}	
	
.single_projects .single_projects_left .text .span2{
font-size: 2.4vw;
line-height: 1.8em;
margin-top: 5.9vw;	
}	
	
.single_projects .projects_list .category{
font-size: 2.4vw;
margin-top: 3.0vw;
}
	
.single_projects .projects_list .title {
font-size: 2.8vw;
margin-top: 0.8vw;
}
	
.single_projects .single_projects_right img:not(:last-child) {
margin-bottom: 4.35vw;
}
	
.single_projects .single_projects_right img {
height: 65.4vw;
}

.single_projects .single_projects_top img {
height: 70.35vw;
}
	
.single_projects .projects_list img {
height: 29.75vw;
}
	
.single_projects .projects_list_div:nth-child(3n-2) {
clear: none;
}

.single_projects .projects_list_div:nth-child(2n-1) {
clear: both;
}

.single_projects .projects_list_div:nth-child(3n) {
margin-right: 4.85%;
}

.single_projects .projects_list_div:nth-child(2n) {
margin-right: 0;
}	
	
.single_projects .projects_list {
width: 93%;
margin: auto;
margin-top: 14.5vw;
padding-top: 14.5vw;
border-top: solid 0.9vw rgba(0, 0, 0, 0.1);
}

.single_projects .projects_list_div {
width: calc(96% / 2);
margin-right: 4%;
margin-bottom: 5.5vw;
}
	
.single_projects .projects_list_div:nth-child(3n-2) {
clear: none;
}

.single_projects .projects_list_div:nth-child(2n-1) {
clear: both;
}

.single_projects .projects_list_div:nth-child(3n) {
margin-right: 4%;
}

.single_projects .projects_list_div:nth-child(2n) {
margin-right: 0;
}	
	
	
	
	
	
	
/* about */		
	
.about {
padding-top: 25.3vw;
padding-bottom: 0;
}
	
.about .about_inner {
width: 93%;
margin: auto;
}

.about .about_img1 {
width: 55.2vw;
display: block;
margin: auto;
margin-top: 12.8vw;
}

.about .about_div_left {
width: 100%;
float: none;
}

.about .about_div_right {
width: 100%;
float: none;
}
	
.about .about_div {
padding-top: 0vw;
}

.about .about_div_right p {
font-size: 2.8vw;
margin-left: 0;
margin-top: 5.9vw;
margin-bottom: 16.2vw;
}

.about .about_div_right h1 {
font-size: 4.0vw;
line-height: 1.95em;
margin-top: 1.9vw;
}

.about .about_div_right h1 span {
font-size: 2.8vw;
}

.about .about_div_left p {
font-size: 2.2vw;
margin-top: 2.0vw;
}
	
	
.about .about_p1 {
font-size: 4.0vw;
margin-top: 22.6vw;
}

.about .about_p2 {
font-size: 2.8vw;
line-height: 2em;
margin-top: 7.6vw;
margin-bottom: 16.2vw;
}

.about .about_p2 span {
font-size: 3.5vw;
margin-bottom: 2.2vw;
}	
	
	
	
	
	
	
/* contact */	
	
.contact {
clear: both;
width: 93.0%;
margin: auto;
padding-top: 25.3vw;
margin-bottom: 7.4vw;
position: relative;
padding-bottom: 0;
}
	
.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;
padding-bottom: 5.45vw;
}
	
.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.jp label .label {
padding-left: 2.3vw;
}

.contact .section_2_input.jp label .label::before {
width: 0.8vw;
}
	
.contact input {
font-size: 2.8vw;
border-radius: 0;
padding: 0 1.5vw;
margin-top: 2.05vw;
}
	
.contact textarea {
font-size: 2.8vw;
border-radius: 0;
border: solid 0.2vw rgba(26, 19, 17, 0.2);
height: 57.7vw;
padding: 1.5vw;
margin-top: 2.05vw;
}

.contact input[type="text"] {
border: solid 0.2vw rgba(26, 19, 17, 0.2);
}
	
.contact input[type="email"] {
border: solid 0.2vw rgba(26, 19, 17, 0.2);
}
	
.contact input[type="tel"] {
border: solid 0.2vw rgba(26, 19, 17, 0.2);
}	
	
.contact input[type="submit"] {
width: 37.1vw;
height: 7.2vw;
border: solid 0.3vw rgba(26, 19, 17, 0.2);
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.3vw #000;
background-color: #fff;
padding: 0;
font-size: 2.8vw;
}	
	
.wpcf7-spinner {
width: 8vw!important;
height: 8vw!important;
margin: 0 4vw!important;
position: absolute!important;
right: 0!important;
top: 0!important;
}	
	
.contact .section_2 p {
margin-top: 0;
}
	
.contact .section_2 p.center {
margin-top: 1.2vw;
padding-bottom: 2.45vw;
}
	
	
.contact .wpcf7-not-valid-tip {
font-size: 2.4vw!important;
}
	
.contact .wpcf7 form .wpcf7-response-output {
font-size: 2.4vw!important;
border-width: 0.45vw!important;
margin: 0em 0.5em 1em!important;
}	
	
.contact .error-field {
font-size: 2.4vw!important;
}

.contact #form-errors {
font-size: 2.8vw!important;
margin-top: 0;
}
	
	
/* confirmation */	
	
.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.3vw #000;
background-color: #fff;
padding: 0;
font-size: 2.8vw;
}		
	
.contact.confirmation .center_buck{
width: 37.1vw;
height: 7.2vw;
line-height: 7.0vw;
border: solid 0.3vw #000;
background-color: #fff;
padding: 0;
font-size: 2.8vw;
margin-right: 10.2vw;
}	
	
.contact.confirmation .section_1_inner {
margin: 0;
}	
	
/* thankyou */	
	
.contact.thankyou .section_1_inner p {
padding-top: 8.6vw;
padding-bottom: 12.7vw;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}











@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) {	

}