@charset "utf-8";
/* CSS Document */

@import url(common.css?ver=20240420);
@import url(cookie.css);

/*.nav01 {border-bottom:1px solid #222222 !important;}*/

h1,h2,h3,h4 {font-weight:/*bold*/normal;color:#9FA0A0;
/*font-family:'Century Gothic', 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;*/}
h1 {font-size:2.4rem;margin:0;padding:0 0 20px 0;}
h2,h3 {font-size:1.4em;margin:0;padding:0 0 1rem 0;}
h3 {font-size:1.2em;}
h1 a ,h2 a ,h3 a ,h4 a {color:#9FA0A0 !important;}
#main ul,#main ol,#main dl{line-height:1.4;}

#error {padding:30px;text-align:left;}
#error h1 {color:#900;}
#error p {font-weight:bold;padding:0;margin:20px 0 5px 0;}
#current-page ,.content-nav {text-align:center;display:block;}

#main {padding:30px 1rem;margin:auto;max-width:calc(900px + 2rem);}


/* project_index */
.project_cat li a img:not(.obj-fit_contain) {object-fit:/*contain*/cover;}
.project_cat h2 {border-bottom:1px solid #CCC;margin:5px 0;padding:5px 0 ;}
#project_index .project_cat a {color:#666;}
#project_index h2{clear:both;}
#project_index ul,#archive ul {list-style:none;margin:15px 0 30px 0;padding:0;}
/*#project_index li a{display:flex;align-items:flex-start;gap:10px;}
#project_index li img {width:120px;height:120px;object-fit: cover;}*/
#project_index ul,#archive ul{display:flex;flex-wrap:wrap;gap:20px;}
#project_index ul li img,#archive ul li img {width:100%;height:auto;margin:1rem 1rem 0 0;display:block;}

.metadata ,.asset-meta ,.asset-meta a {padding-bottom:1em;color:#9FA0A0;}
.comment-content {border-bottom:1px dotted #CCC;width:50%;margin-bottom:1em;}
.asset-footer/*,#trackbacks ,#comments*/ {padding:1em 0;margin:2em 0;border-top:none;border-bottom:1px solid #CCC;}
.asset-footer h4 ,.asset-footer ul ,.asset-footer li {display:inline;margin:0;padding:0;font-size:1em;}
#trackbacks h2 ,#comments h2 {font-size:1.2em;color:#9FA0A0;margin:5px 0;padding:0;}

.pagination-list {text-align:center;padding:0;}
.pagination-list ul {}
.pagination-list li {display:inline;padding:10px;}
.page-navigation-prev a:before {content:"<< ";}
.page-navigation-next a:after {content:" >>";}

.comments {padding-top:20px;}
#comment-form-email ,#comment-form-url ,#comment-form-remember-me {display:none;}
#comment-form-name ,#comments-open-text ,#comments-open-text ,#comments-open-footer ,#comment-form-reply ,#comments-open-captcha {clear:both;padding-bottom:0.5em;}
#comments-open label  {clear:both;width:6em;float:left;}
#comment-form-reply label {width:12em !important;}
#comments-open-text textarea {width:50%;}
#comments-open-captcha p {margin:0.5em;display:inline;}

/* project */
#project {/*padding-top:40px;*/}
#project h1 {padding-bottom:20px;}
#project h2 {padding:0 0 0.5em;margin:1em 0;font-size:1.5rem;border-bottom:1px solid #9FA0A0;}
#project .concept h3,#project .spec h3 {font-size:1.2rem;margin:0;padding:0 0 0.5em 0;}
a.play ,a.pause {z-index:10;position:relative;color:#FFFFFF !important;}
a.play:before ,a.pause:before {position:absolute;left:0;bottom:5px;}
a.play:before {content: url(../project/images/common/bt_play.png);}
a.pause:before {content:url(../project/images/common/bt_pause.png);}
.spec dl {margin:0;}
.spec dt,.spec dd {padding:0;margin:0;}
.spec dt {/*font-weight:600;*/}
.asset-more {clear:both;padding-top:1em;}

.slider-for div{text-align:center;margin:0 !important;}
.cap{position:relative;text-align:center;background-color:#FFF;}
.slider-for .slick-slide {text-align:center;font-size: 0;}
.slider-for .slick-slide > *{font-size: 1rem;}
.photoby{display:inline-block;margin:0 auto;position:relative;}
.photoby > span{display:block;position:absolute;right:5px;bottom:0;color:#CCC;font-size:0.7rem;}
.photoby > span:before{content:"撮影："}

/* slick */
.slider-for{/**/background-color:#FFF;}
.slider-nav img{max-height:100px;}
/* slick arrows */
.slick-prev,.slick-next{z-index:2;transform:translate(0, -200%) scale(1, 2) !important;mix-blend-mode:/*difference*/exclusion;}
.slick-prev:before,.slick-next:before{/*text-stroke:1px #CCC;-webkit-text-stroke:1px #CCC;*/color:#FFF !important;}
.slick-prev{left:15px !important;}
.slick-prev:before{content: '<' !important;}
.slick-next{right:15px !important;}
.slick-next:before{content: '>' !important;}/**/


/* profile */
#profile .tbl {width:100%;}
#profile h2{margin:0;padding:1.2em 0 0.2em 0;}
#profile .company01 h2{padding-top:0;}
#profile h3{margin:0;padding:0 0 0.2em 0;}
#profile dl {margin:0 0 1rem 0;padding:0;}
#profile dl > * {/*float:left;*/margin:0;}
#profile dt {padding:0;}
.company03 dt:after {content:"：";}

/* sitemap */
#sitemap ul {margin:0 0 0 2em;padding:0;list-style-type:none;line-height:1.7em;}
#sitemap > ul {margin:0;}
#sitemap > ul li {}
#sitemap > ul > li {padding-top:0.5em;margin-top:0.5em;border-top:1px dotted #CCC;}
#sitemap > ul li:before {content:">　";color:#CCC;}
#sitemap > ul > li:before {content:">>　";color:#CCC;}

/* footer */
footer #home_info {display:none;}

/* privacy policy */
#privacy { white-space:normal; word-break:break-all;}
#privacy h1 {font-size:1.6em;margin:0;padding:10px 0;}
#privacy h2 {font-size:1.2em;margin:0;padding:20px 0 5px 0;}


@media print, screen and (min-width:917px) {
	.project_cat li a img{width:100%;height:140px !important;background-color:#F0F0F0;}
	#profile dd {padding:0 0 0.6em 0;}
	#profile .company {display:flex;gap:0 20px;/*justify-content: space-between;*/}
	#profile .company > *:first-child{flex-basis:56%;}
	#profile .company > *:last-child{flex-basis:44%;}
	.company01 dl,.company03 dl {padding:0;display:flex;flex-wrap:wrap;}
	.company01 dt {flex-basis:5rem;}
	.company01 dd {flex-basis:calc(100% - 5rem);}
	.company03 dt {flex-basis:30em;}
	.company03 dd {flex-basis:calc(100% - 30em);}
}
@media screen and (max-width:916px){
	#profile dd {padding:0 0 1.0em 0;}
	.company01 dt,.company03 dt {padding:0;width:auto;}
	.company01 .profile_in,.company03 .profile_in {width:100%;}
	.project_cat li a img{width:100%;height:120px !important;background-color:#F0F0F0;}
	.company01 dt:after {content:"：";}
}

@media print, screen and (min-width:641px) {
	/* project */
	.comments {}
	.comments_in {display:flex;flex-wrap:wrap; flex-direction: row-reverse;}
	.concept {flex-basis:56%;border-right:1px solid #9FA0A0;padding-right:2rem;text-align:justify;}
	.spec {flex-basis:44%;padding-left:1rem;}
	.spec dl {display:flex;flex-wrap:wrap;}
	.spec dt,.spec dd {padding-bottom:0.5rem;}
	.spec dt {flex-basis:26%;padding-right:0.5rem;}
	.spec dd {flex-basis:74%;}
	input#captcha_code {margin-left:6em;}
	
	.company02 dl {display:flex;flex-wrap:wrap;}
	.company02 dt {flex-basis:8em;}
	.company02 dd {flex-basis:calc(100% - 8em);}
	.company02 > * {padding:0 0 0.6em 0;/*word-break:keep-all;word-wrap:normal;white-space:nowrap;*/}
	
	.project_cat li{flex-basis:calc(25% - 15px);overflow:hidden;}
	/*#project_index ul {display:flex;gap:20px;flex-wrap:wrap;}
	#project_index li {flex-basis: calc((100% - 20px *2) / 3);align-items:start;}*/
	
	/* slick */
	.slider-for img{max-height:500px;margin:auto;}
}
@media screen and (max-width:640px){
	.concept,.spec {clear:both;padding-bottom:2em;}
	.comments {padding-top:20px;}
	.spec dt{padding:0;}
	.spec dd {padding:0 0 1em 0;}
	.spec dt:after{content:":"}
	
	#comments-open label {clear:both;width:100%;float:none;}
	#comments-open-text textarea ,#comment-form-name input {width:100% !important;}
	
	.in {padding:0 5px;}
	#main {width:100%;padding:30px 2em;}
	
	#project_index ul,#archive ul{gap:10px;}
	#project_index ul li,#archive ul li {flex-basis:calc(50% - 5px);}
	#project_index ul li img,#archive ul li img {width:100%;height:auto;margin:1rem 1rem 0 0;display:block;}
	/*#project .comments {width:100% !important;}
	#project_index li {clear:both;padding-bottom:1rem;}*/
	
	
	#profile dt {padding:0;width:auto;}
	#profile .profile_in {width:100%;}
}
@media screen and (min-width:429px) and (max-width:639px) {
/* slick */
.slider-for img{max-height:300px !important;margin:auto;}
}
@media screen and (max-width:428px) {/* 428×926	iPhone12ProMax・13ProMax・14 Plus */
/* slick */
.slider-for img{max-height:200px !important;margin:auto;}
}
@media screen and (min-width:361px) and (max-width:640px) {
}
@media screen and (max-width:360px) {
}