/*==================================================
/*==================================================
ギャラリーのためのcss
===================================*/

body {
font-family: "TsukuGoPr5-R-HelveticaNowTextLight";
color: #696969;
}

a {
    text-decoration:none; 
	color: black;
}
a:hover{
opacity: .4;
-webkit-opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);	/* IE lt 8 */
-ms-filter: "alpha(opacity=40)";} /* IE 8 */
	
a {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}

* {
    margin: 0px;
    padding: 0px;
}

.header{
	width: 100%;/*横並びで3つ表示*/
	height: 30px;
	padding-bottom: 45px;
	padding-top: 45px;
	margin: 0 auto 0 auto;
	text-align : center;
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	font-size: 20px;
	color: black;
	font-family: "HelveticaNeueLTPro-Lt";
	}

.nav{
	padding-right: 20px;
	padding-left: 20px;
	font-size: 30px;
	color: black;
	text-decoration: none;
	font-family: "HelveticaNeueLTPro-Lt";
	}

.header a:hover{
opacity: .4;
-webkit-opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);	/* IE lt 8 */
-ms-filter: "alpha(opacity=40)";} /* IE 8 */
	
a {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}

/*＝＝＝メイン部分*/

.maincontent{
	width: 1200px;
	height: auto;
	margin: 0 auto 0 auto;
	color: black;
	font-size: 20px;
	line-height:150%;
	}

.logo{
	width: 50%;
	height: auto;
	padding-top: 100px;
	margin: 0 auto 0 auto;
	}


.logo img {
  width: 100%;/*横並びで3つ表示*/
height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
list-style:none;
	}

.concept{
	width: 83%;
	height: auto;
	margin: 0 auto 0 auto;
	padding-bottom: 50px;
	text-align : center;
	color: black;
	font-size: 20px;
	line-height:350%;
	}

.content{
	width: 83%;
	height: auto;
	margin: 0 auto 0 auto;
	color: black;
	font-size: 20px;
	line-height:150%;
	padding-bottom: 60px;
	}

.content3{
	width:83%;
	height: auto;
	margin: 0 auto 0 auto;
	color: black;
	}

.profile{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	color: black;
	font-size: 20px;
	}

.profile_l{
	width: 100%;
	height: auto;
	float: left; 
	font-family: "HelveticaNeueLTPro-Lt";
	font-size: 50px;
	margin-bottom:80px;
	}

.profile_r{
	width: 100%;
	height: auto;
	float: right;
	margin-bottom:80px;
	}

.profile_r img {
  width: 100%;
height: auto;
list-style:none;
	}

.content2{
	width: 83%;
	height: auto;
	margin: 0 auto 0 auto;
	color: black;
	font-size: 20px;
	line-height:200%;
	margin-bottom:450px;
	}

.project_1{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	color: black;
	font-size: 20px;
	line-height:200%;
	}

.project_l{
	width: 50%;
	height: auto;
	float:left; 
	margin-bottom:30px;
	}

.project_r{
	width: 50%;
	height: auto;
	float:right;
	margin-bottom:30px;
	}

.project_l2{
	width: 100%;
	height: auto;
	float:left; 
	margin-bottom:70px;
	}


table.profile th {
  width: 30%;
  padding: 10px;
  text-indent: -12px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	line-height:95%;
	font-size: 20px;
 }

table.profile td {
  width: 450px;
  padding: 10px;
  vertical-align: top;
line-height:95%;
	font-size: 20px;
 }

table.project th {
   width: 500px;
  padding: 10px;
text-indent: -12px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	line-height:95%;
	font-size: 20px;
 }

table.project td {
  width: 500px;
  padding: 10px;
  vertical-align: top;
line-height:95%;
 }

hr.single{
	width: 83%;
	border:7px black solid;
	text-align: center;
	margin: 25px auto 25px auto;
	clear: both;
	}

hr.triple{
	width: 83%;
	border: 8px black solid;
	text-align: center;
	margin: 5px auto 5px auto;
	clear: both;
	}

hr.single2{
	width: 100%;
	border: 1px black solid;
	text-align: center;
	margin: 25px auto 25px auto;
	clear: both;
	}

p.eigo { font-size: 35px; 
	font-family: "HelveticaTextbookPro-Roman";
	padding-bottom: 30px;
	text-align: left;

	}

p.head{
	width: 83%;
	text-align: left;
	margin: 5px auto 5px auto;
	color: black;
	font-size: 50px;
	font-weight: normal;
	padding-bottom: 50px;
	padding-top: 5px;
	font-family: "HelveticaLTPro-Bold";
	}

p.head2{
	width: 83%;
	text-align: left;
	color: black;
	font-size: 25px;
	padding-bottom: 15px;
	font-family: "HelveticaLTPro-Bold";
	}

p.head3{
	width: 83%;
	text-align: left;
	color: black;
	font-size: 50px;
	padding-bottom: 20px;
	font-family: "HelveticaTextbookPro-Roman";
	}

.line{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	padding-top: 80px;
	}

.footer{
	width: 100%;
	height: 170px;
	margin: 100px auto 0 auto;
	clear: both;
	}

.menucont{
	width: 83%;
	height: 60px;
	padding-top:40px;
	margin: 0 auto 0 auto;
	color: black;
	}
.menuleft{
	width: 33%;
	height: auto;
	text-align: left;
	display: inline-block;
	}
.menuright{
	width: 20%;
	height: auto;
	text-align: right;
	padding-top:30px;
	display: inline-block;
	float: right;
	}
.menucenter{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	display: inline-block;
	text-align: center;
	}

.menucenter img{
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	}

.menucenter imga:hover{
opacity: .4;
-webkit-opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);	/* IE lt 8 */
-ms-filter: "alpha(opacity=40)";} /* IE 8 */
	
a img{
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}

@media screen and (min-width: 1000px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 1000px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

    // ここにダークモードの色を指定
    @media (prefers-color-scheme: dark) {
      .background {
          fill: #5C413C;
      }
      .text path{
        fill: #DBCFCB;
      }
    }