@charset "utf-8";
/*************************************************************************************/ @media only screen and (max-width: 1024px) {
/*******************************************************************************
********************************************************************************
FRONT
********************************************************************************
*******************************************************************************/
section#top-img p.top-yoko { display: none; }


section#top-img p.top-tate {
	display: block;
	height: 80vh;
}
section#top-img p.top-tate img {
	width: 100%;
	height: 80vh;
	object-fit: cover;
}





/*******************************************************************************
********************************************************************************
WORKS
********************************************************************************
*******************************************************************************/
ul.works-list li { width: 49.5%; }
ul.works-list li:not(:nth-child(3n)) { margin-right: 0; }
ul.works-list li:not(:nth-child(2n)) { margin-right: 1%; }





/*******************************************************************************
********************************************************************************
CONTACT
********************************************************************************
*******************************************************************************/
section#contact { max-width: initial; }
.contact-form table th,
.contact-form table td {
	display: block;
	padding-bottom: 0;
}
.contact-form table th {
	width: 100%;
	padding-right: 0;
	padding-bottom: 10px;
}
.contact-form table td {
	width: 100%;
	background: #E4E4E4;
	margin-bottom: 40px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	border: none;
	padding: 5px;
	margin-top: 0;
}
.wpcf7 .check-text { font-size: 1.4rem; }
.wpcf7 .policy { font-size: 1.4rem; }
.wpcf7 .policy .title { font-size: 1.4rem; }
}





/*************************************************************************************/ @media only screen and (max-width: 768px) {
/*******************************************************************************
********************************************************************************
WORKS
********************************************************************************
*******************************************************************************/
ul.works-list li {
	width: 100%;
	margin-bottom: 40px;
}
ul.works-list li:not(:nth-child(2n)) { margin-right: 0; }
ul.works-list li h3 { margin: 20px 0 10px 0; }
}





/*************************************************************************************/ @media only screen and (max-width: 599px) {
/*******************************************************************************
********************************************************************************
header
********************************************************************************
*******************************************************************************/
body {
	font-size: 1.4rem;
	line-height: 1.8;
}
#container { display: block!important; }
header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,1);
	z-index: 1001;
}
.header-inner { height: auto; }
.header-middle { display: none; }
body.home .header-middle { display: block; }
.header-bottom {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}
.header-bottom h1 { text-align: center; }
.header-bottom h2 {
	width: 90%;
	margin: 5px auto;
	display: block;
	text-align: center;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}
.header-bottom ul.gnav {
	position: relative;
	margin-top: 15px;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.header-bottom ul.gnav li:not(:last-of-type) { margin-right: 20px; }
.header-bottom ul.gnav li span { font-size: 1.8rem; }



/*******************************************************************************
********************************************************************************
共通項目
-header以下
********************************************************************************
*******************************************************************************/
main {
	width: 90%;
	margin: 155px auto 40px auto;
}





/*******************************************************************************
********************************************************************************
FRONT
********************************************************************************
*******************************************************************************/
section#top-img p.top-tate,
section#top-img p.top-tate img { height: 65vh; }





/*******************************************************************************
********************************************************************************
PROFILE
********************************************************************************
*******************************************************************************/
#profile { margin-top: 170px; }
#profile .jp,
#profile .en	{ margin-bottom: 120px; }
#profile .jp div,
#profile .en div,
#profile .cv { margin-top: 20px; }


#profile .cv .con { margin-left: 1rem; }
#profile .cv .con:last-child { margin-bottom: 5px; }



/*******************************************************************************
********************************************************************************
WORKS
********************************************************************************
*******************************************************************************/
section#works-archive { margin-top: 140px; }
ul.works-list li { margin-bottom: 30px; }
ul.works-list li .year { font-size: 1.2rem; }
ul.works-list li h3 {
	font-size: 1.4rem;
	margin: 10px 0 5px 0;
}





/*******************************************************************************
********************************************************************************
WORKS-SINGLE
********************************************************************************
*******************************************************************************/
section#works-single { margin-top: 170px; }
section#works-single .img-list .img {
	width: 100%!important;
	margin-left: 0;
}





/*******************************************************************************
********************************************************************************
CONTACT
********************************************************************************
*******************************************************************************/
section#contact { margin-top: 170px; }
.wpcf7 .check { margin-top: 40px; }
.wpcf7 .policy { margin-top: 40px; font-size: 1.3rem; }
.wpcf7 .policy .title { font-size: 1.3rem; }
.wpcf7 .button { margin-top: 40px; }





/*******************************************************************************
********************************************************************************
footer
********************************************************************************
*******************************************************************************/
footer {
	height: 28px;
	padding: 6px 0;
}
.footer-inner a.page-top.show { left: 3px; }
.footer-inner a.page-top.show .yajirushi {
	width: 15px;
	height: 15px;
}
}