* {margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; line-height:1.6em;}
*{flex-wrap:wrap;}
li{list-style-type: none;}
img{border-style:none;}
a{text-decoration:none; color:#1181AE;}
a:hover{color:#50bfe2;}
a:visited{color:#086493}
a img{border-style:none;}
img {vertical-align:bottom;}
html { scroll-behavior: smooth;}

body{
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    margin: 0px auto;
    background-color: #FFFFFF;
}

/*左肩ロゴとグローバルナビを含むヘッダー部*/
header { 
    max-width: 1200px;
    height: 75px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 0px;
    display: flex;
    align-items: flex-end;
    color: #707070;
    font-weight: 300;
	padding:0px 3% 15px 5%;
		/*background: #8DA498;*/
	gap:20px;
}

img#tslogo {/*background: #8DA498;*/}

/*言語選択ナビ*/
nav.lang  {/*background: #B4A993;*/}
nav.lang ul {display: flex; align-items: baseline; gap:12px;}
nav.lang ul li {font-size: 14px;}
nav.lang ul li.select {border-bottom: 1px solid #484848;}
nav.lang ul li a{color:#232323;}

/*トップのグローバルナビ*/
nav#global  {margin-left: auto; }
nav#global ul {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; gap:20px;}
nav#global ul li {font-size: 20px;  /*background:#D3DAFF;*/}
nav#global ul li a{color:#232323;}

/*スマホ用ヘッダー関連*/
@media(max-width: 760px){
header {
	height: 100px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding:2px 2px 10px 2px;
	gap:0px;
	}
	img#tslogo {width: 120px; margin-bottom: -5px; }
    nav.lang  {margin:0; margin-bottom: 10px;}
	nav.lang ul li {font-size: 12px;}
	nav#global  {margin-left: 0;}
	nav#global ul {justify-content: center; gap:10px; }
	nav#global ul li {font-size: 14px; padding-right:10px; border-right-width: 1px; border-right-style: solid;}
	nav#global ul li:last-child{border: 0px none;}
}





/*メイン記事*/
main {margin: 0 auto; max-width:920px; padding:10px 30px 30px 30px;}
/*メイン記事スマホ用（左右のパディングを少なく）*/
@media(max-width: 760px){main {padding:10px 20px 30px 20px;}	}

/*ホーム画面で横幅いっぱいに広がるメイン画像*/
.topimg {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
	margin-bottom:30px;
    height: auto;
    object-fit: cover;
}


/*記事本文*/
article {margin-bottom: 65px;}


h2 {
    margin-top: 20px;
    font-size: 36px;
    margin-bottom: -5px;
}
h3 {
    font-size: 18px;
    margin-bottom: 3px;
    font-weight: 400;
}
h4 {font-size: 16px; font-weight: 600;}


main ul {}

/*パラグラフの基本設定*/
main p {
    font-size: 15px;
    margin-bottom: 25px;
    line-height: 145%;
	color:#232323;
}

/*メイン画像下のスタジオ写真コンセプト*/
div#concept {
    background-color: #999999;
    background-image: url(img/studio.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
	aspect-ratio: 5 / 2;
}
/*メイン画像下のスタジオ写真コンセプトのパラグラフ*/
div#concept p {
    padding-top: 10px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 10px;
    color: #FFFFFF;
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: bold;
    font-family: serif;
    line-height: 150%;
}
/*メイン画像下のスタジオ写真コンセプトのパラグラフ スマホ用サイズ調整*/
@media(max-width: 760px){div#concept p {font-size: 14px; padding: 20px; line-height: 120%;}}

/*私たちの出来る事リスト*/
ul#product {display: flex; flex-wrap: wrap; justify-content: center; gap:20px; margin-bottom: 20px;}
/*私たちの出来る事リスト 背景を丸に加工*/
ul#product li {
    width: 128px;
    height: 128px;
    border-radius: 128px;
    background-color: #EAA433;
    padding: 30;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    align-items: center;
    line-height: 110%;
    text-align: center;
}
/*私たちの出来る事リスト 背景を丸に加工 奇数番号の色を変える*/
ul#product li:nth-child(even) {background-color: #58B0CE;}
/*私たちの出来る事リスト スマホ用サイズ調整*/
@media(max-width: 760px){
	ul#product li {width: 98px; height: 98px;     font-size: 16px;}
	ul#product {gap:10px;}
}

/*私たちの出来る事リスト下部の補足文章*/
ul.about {margin-bottom: 15px;}
ul.about li{
	list-style: disc outside;/*ここと下部の指定で・マークから文章がはみ出さなくなる*/
	margin-left:15px;/*ここと下部の指定で・マークから文章がはみ出さなくなる*/
	margin-bottom: 6px;
	line-height:125%;
}

/*事業所詳細データ欄*/
dl {line-height:125%;}
dl div {
    display: flex;
    margin-bottom: 5px;
}
dt {font-weight: 600;}
dt::after{content: "："}
dd {}

/*最近の主な仕事サムネイル一覧リスト*/
ul#recentwork  {display: flex; flex-wrap: wrap;  justify-content: center; align-items: flex-start; gap:20px; margin-bottom: 20px;}
ul#recentwork li  {width: 280px; }
ul#recentwork li p {margin-bottom: 0; line-height: 120%;}
/*最近の主な仕事サムネイル一覧リスト スマホ用サイズ調整*/
@media(max-width: 760px){
	ul#recentwork  {gap:10px;}
	ul#recentwork li  {width: 160px; }
	ul#recentwork li img {width: 100%; height:auto;}
}


/*取引先リスト*/
dl#client dd  {
    border-right: 1px solid #000000;
    margin-right: 8px;
    padding-right: 8px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
dl#client dd:last-of-type{border: none;}
/*取引先リスト スマホ用サイズ調整*/
@media(max-width: 760px){
	dl#client   {font-size:14px;}
	dl#client dt{width:100%;}
	p.clcaution{font-size:12px;}
}





/*アーティスト毎のリスト*/
li.artist    {
	display: flex;
	flex-direction: column;
	align-items: center;
    background-color: #BDCCD4;
    margin: 0 calc(50% - 50vw) 20px calc(50% - 50vw);
    padding: 40px calc(50vw - 50%);
}


/*アーティスト１名を囲む整形用ボックス*/
.artist-outer-box {display: flex; flex-direction: row; gap:20px; margin-bottom: 25px; justify-content: space-around;align-items: center;}
img.artist-photo {width: 180px; height: 180px; border-radius: 180px;}
.artist-detailbox {max-width:620px;}
.artist-detailbox p.artist-name  {font-size: 28px;}
.artist-detailbox p {margin-bottom: 5px; line-height: 140%; font-size: 16px;}
/*アーティスト１名を囲む整形用ボックス スマホ用調整*/
@media(max-width: 760px){
.artist-outer-box   {flex-direction: column; align-items: center; gap:10px;}
	img.artist-photo {width:120px; border-radius: 120px;height: 120px;}
	.artist-detailbox p.artist-name  {font-size: 18px;}
	.artist-detailbox p {font-size: 14px;}
}

/*アーティストのSNS紹介*/
nav.sns ul {display: flex;}
nav.sns ul li {
    border-right-width: 1px;
    border-right-style: solid;
    margin-right: 10px;
    padding-right: 10px;
}
nav.sns ul li:last-child{border: 0px none;}

/*アーティストの作品一覧*/
ul.portfolio {display: flex; flex-wrap: wrap; justify-content: center; gap:24px;}
ul.portfolio li {}
/*アーティストの作品一覧 スマホ用調整*/
@media(max-width: 760px){
	ul.portfolio {gap:10px;}
	ul.portfolio img{width:150px; height: auto;}
}


/*TOPページ最下部の大型問い合わせボタン*/
#contact{
	display: flex;
	justify-content: center;
}

#contact a p{    color: #FFFFFF;
	font-size: 32px;
	font-weight: bold;
	  background-color: #EAA433;
    padding: 30px;
border-radius: 10px;
text-align: center;}



/*最下部フッター*/
footer {margin: 0 auto 20px auto; color: #646464; display: flex; flex-direction: column; align-items: center; gap:20px;}


nav#footer-nav ul {
    display: flex;
    font-size: 16px;
    justify-content: center;
    font-weight: 200;
	gap:15px;
}
nav#footer-nav ul li{
	padding-right: 15px;
    border-right-width: 1px;
    border-right-style: solid;
}
nav#footer-nav ul li:last-child{border: 0px none;}

nav#footer-nav ul li a{color:#777777}

.flex-center {justify-content: center;}


p.credit{font-size:12px; color:#787878;}
@media(max-width: 760px){
	p.credit{font-size:10px;}
}