@charset "UTF-8";









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

リセット

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
* {
	margin: 0;
	padding: 0;
	line-height: 100%;
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6,
div,p,
span,em,strong,
ul,ol,li,
dl,dt,dd,
a {
	background-repeat: no-repeat;
	background-size: 100% auto;
}

a {
	outline: none;
}

img {
	vertical-align: bottom;
}

.sp {
	display: none!important;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

共通処理

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html,body {
	width: 100%;
	height: 100%;
}

body {
	background-size: 100px auto;
	background-position: bottom center;
	background-repeat: repeat-x;
	background-color: #f3f5f6;
	color: #2f314d;
	letter-spacing: 0.065em;
	line-height: 1.65em;
	word-break: break-word;
	/*basefont*/
	font-family: "sicgothicduex", sans-serif;
	font-style: normal;
}

/*特殊フォントセット（欧文系）*/
.fontset_ex_1 {
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}




/*
画面全体処理
*/
#grandwrapper {
	width: 100%;
	overflow: hidden;
}





/*
グローボタンの基本スタイル
*/
.btn_a a {
	position: relative;
	display: block;
	box-sizing: border-box;
	background-image: linear-gradient(120deg, rgba(195, 192, 217, 0.5), rgba(97, 97, 229, 0.8));
	color: #ffffff;
	font-size: min(1.4vw,14px);
	text-decoration: none;
	text-align: center;
	text-shadow: 0 0 10px rgba(40, 40, 75, 0.2);
	border-radius: 100px;
	box-shadow: 0 6px 15px rgba(190, 210, 215, 0.75), inset 0 0 10px #ffffff;
	transition-duration: 1000ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}


/*内側スタイル*/
.btn_a a span {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 13px 20px;
	border: 1px rgba(255, 255, 255, 0.3) solid;
	border-radius: 100px;
	overflow: hidden;
}


/*光彩*/
.btn_a a span::before,
.btn_a a span::after {
	content: "";
	display: block;
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	transition-duration: 1000ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}

.btn_a a span::before {
	top: -1px;
	left: -1px;
	background-image: url(../images/obj_glow_top.png);
}

.btn_a a span::after {
	bottom: -1px;
	right: -1px;
	background-image: url(../images/obj_glow_bottom.png);
}


/*ホバー*/
.btn_a a:hover {
	background-color: #69abff;
	text-shadow: 0 0 6px rgba(255, 255, 255, 1);
}

.btn_a a:hover span::before,
.btn_a a:hover span::after {
	transform: scale(3) rotate(30deg);
}





/*
無効
*/
.disable {
	position: relative  !important;
	overflow: hidden !important;
}


.disable a {
	pointer-events: none !important;
}


.disable h2,
.disable h3,
.disable h4,
.disable h5,
.disable h6,
.disable p,
.disable a {
	color: #7d878c !important;
}


.btn_a .disable a::before,
.btn_a .disable a::after {
	display: none;
}





/*
アコーディオン
*/
/*展開コンテンツの親*/
.jqa_body_wrapper {
	display: grid;
	grid-template-rows: 0fr;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
.jqa_body_wrapper.jqa_open {
	grid-template-rows: 1fr;
}


/*展開コンテンツ本体*/
.jqa_body_wrapper .jqa_inner {
	overflow: hidden;
	display: block;
}


/*トリガー*/
.jqa_trigger {
	cursor: pointer;
}





/*
下層汎用
*/
#sub #grandwrapper {
	padding: 230px 0 0 0;
}





/*
下層ページタイトル
*/
#sub #pagetitle {
	margin: 0 0 70px 0;
	text-align: center;
}


/*アイコン*/
#sub #pagetitle figure {
	margin: 0 auto 30px auto;
}
#sub.about #pagetitle figure {
	width: 49px;
}
#sub.news #pagetitle figure {
	width: 63px;
}
#sub.works #pagetitle figure {
	width: 37px;
}
#sub.recruit #pagetitle figure {
	width: 62px;
}
#sub.contact #pagetitle figure {
	width: 52px;
}
#sub.other #pagetitle figure {
	width: 49px;
}

#sub #pagetitle figure img {
	width: 100%;
}


/*アイコン*/
#sub #pagetitle h1 {
	font-size: 22px;
	font-weight: 300;
}





/*
事業リスト
*/
.bussinessart {}


/*ビジュアルパネル*/
.bussinessart > div {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	align-content: center;
	background-color: #000000;
	color: #ffffff;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 100px 15vw;
}


/*個別ビジュアル*/
.bussinessart > div.voiceactor {
	background-image: url(../images/works_vis_voiceactor_title.png), url(../images/works_vis_voiceactor_art.png);
	background-size: auto 92%, auto;
	background-position: 1% center, center right;
}

.bussinessart > div.voiceai {
	background-image: url(../images/works_vis_voiceaibusiness_title.png), url(../images/works_vis_voiceaibusiness_art.png);
	background-size: auto 92%, auto;
	background-position: 1% center, center right;
}


/*見出し*/
.bussinessart > div h3 {
	margin: 0 0 20px 0;
	font-size: 30px;
	font-weight: 300;
}
.en .bussinessart > div h3 {
	margin: 0;
}


/*小見出し*/
.bussinessart > div h4 {
	margin: 0 0 35px 0;
	font-size: 11px;
	font-weight: 300;
}


/*ボタン*/
.bussinessart > div .btn_a {
	display: flex;
}

.bussinessart > div .btn_a span {
	padding: 15px 60px;
}





/*
共通ニュースリスト
*/
#news_list {
	z-index: 2;
	position: relative;
	width: 90%;
	max-width: 1680px;
	margin: 0 auto 80px auto;
}

#news_list ul {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	
}

#news_list ul li {
	position: relative;
	align-self: stretch;
	box-sizing: border-box;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
	width: 30%;
	margin: 0 1.5% 5% 1.5%;
	border: 1px #ffffff solid;
	box-shadow: 0 30px 20px rgba(190, 210, 215, 0.3), inset 0 0 10px #ffffff;
	border-radius: 20px;
}


/*サムネイル*/
#news_list .thumb {
	display: block;
}

#news_list .thumb figure {
	width: 100%;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

#news_list .thumb figure img {
	width: 100%;
	transition-duration: 1200ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,0,0,.99);
	transform-origin: center;
}
#news_list .thumb:hover figure img {
	transform: scale(1.1);
}


/*詳細ボックス*/
#news_list .detail {
	margin: 0 auto;
	padding: 30px 30px 60px 30px;
}


/*メタ情報*/
#news_list .meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px 0
}

#news_list .meta p {
	padding: 3px 4px;
	font-size: 12px;
	font-weight: 300;
	border: 1px #2f314d solid;
	border-radius: 3px;
}

#news_list .meta time {
	color: #8f8b9a;
	font-size: 11px;
	font-weight: 300;
}


/*テキスト*/
#news_list .description {
	display: block;
	color: #2f314d;
	margin: 20px auto;
	font-size: 14px;
	font-weight: 300;
	line-height: 2em;
	letter-spacing: 0.065em;
	text-decoration: none;
	text-align: justify;
}


/*アローボタン*/
#news_list .arrowbutton {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	background-color: #6161e5;
	background-image: url(../svg/icon_arrow_w_left.svg);
	background-size: 6px auto;
	background-position: 40px center;
	width: 55px;
	height: 24px;
	border-radius: 3px;
	text-indent: -9999px;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: right;
}

#news_list .arrowbutton:hover {
	width: 80px;
	background-position: 10px center;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ローディング

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
LOADING_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#loading{
	z-index: 999;
	background-color: #e7e7e7;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-duration: 1000ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}



/*
SVG格納要素指定
*/
#loading > div {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -200px;
	display: inline-block;
	width: 400px;
	height: 40px;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}

/*SVGオブジェクト全体のサイズ*/
#loading > div svg {
    width: 100%;
    height: 100%;
}

/*テキスト*/
#loading > div svg .load_text {
	fill: #2f314d;
}

/*アニメーション用汎用設定*/
#loading > div svg .load_logo {
	animation-duration: 6000ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: infinite;
}



/*
ロード中演出
*/
#loading.start > div {
	opacity: 1;
	transform: scale(1);
}

#loading.start > div svg .load_logo {
	animation-name: common_anime_startloading;
}

@keyframes common_anime_startloading {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
}



/*
フェードアウト演出
*/
#loading.remove > div {
	opacity: 0;
	animation-name: common_anime_removeloading;
}
@keyframes common_anime_removeloading {
	0% {
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}



/*
削除
*/
/*アニメーション停止*/
#loading.remove > div,
#loading.destroy > div svg .load_logo {
	animation-name: none;
}
/*不可視化・クリック非対象に*/
#loading.destroy{
	opacity: 0;
	pointer-events: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　LOADING_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

フッター

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#grandfooter {
	background-color: #e6ebed;
	width: 100%;
}





/*
汎用CTA
*/
#grandfooter .commoncta {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#grandfooter .commoncta > div {
	align-self: stretch;
	flex-grow: 1;
	box-sizing: border-box;
	background-image: linear-gradient(130deg, #ffffff, #d1dfe3);
	width: 50%;
	padding: 30px 0;
	text-align: center;
}


#grandfooter .commoncta > div a {
	color: #2f314d;
	text-decoration: none;
}


/*アイコン*/
#grandfooter .commoncta > div figure {
	margin: 0 0 20px 0;
}

#grandfooter .commoncta > div figure img {
	position: relative;
	display: inline-block;
	transition-duration: 900ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}
#grandfooter .commoncta > div a:hover figure img {
	transform: translateY(-10px);
}


#grandfooter .commoncta > div h3 {
	margin: 0 0 20px 0;
	font-size: min(2.2vw,25px);
	font-weight: 300;
}


#grandfooter .commoncta > div p {
	color: #8a999d;
	font-size: 11px;
	font-weight: 300;
}


/*採用*/
#grandfooter .commoncta > div:nth-of-type(1) img {
	width: 62px;
}


/*お問い合わせ*/
#grandfooter .commoncta > div:nth-of-type(2) img {
	width: 50px;
}


/*無効化*/
#grandfooter .commoncta .disable::before {
	content: "";
	display: block;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(200,210,215,0.7);
}

#grandfooter .commoncta .disable img {
	filter: grayscale(1);
	opacity: 0.5;
}





/*
ページ内遷移
*/
#grandfooter .internallinks {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: #ffffff;
	padding: 20px;
}


/*ロゴ*/
#grandfooter .internallinks .logo {}

#grandfooter .internallinks .logo figure {
	height: 41px;
	overflow: hidden;
}
#grandfooter .internallinks .logo figure img {
	height: 100%;
}


/*ページの先頭へ*/
#grandfooter .internallinks .btt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #2f314d;
	padding: 15px 0 15px 30px;
	font-size: 13px;
	text-decoration: none;
	border-left: 1px #e6ebed solid;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}
#grandfooter .internallinks .btt:hover {
	color: #6161e5;
}

#grandfooter .internallinks .btt .arrow {
	display: block;
	position: relative;
	background-image: url(../svg/icon_arrow_btt.svg);
	width: 38px;
	height: 20px;
	margin: 0 20px 0 0;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}
#grandfooter .internallinks .btt:hover .arrow {
	transform: translateY(-10px);
}





/*
フッターコンテンツ
*/
#grandfooter .footercontents {
	box-sizing: border-box;
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}


/*外部リンクリスト*/
#grandfooter .footercontents .external {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
}

#grandfooter .footercontents .external li {
	height: 50px;
	margin: 0 10px 20px 10px;
}

#grandfooter .footercontents .external li a {
	display: inline;
	transition-duration: 1200ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}
#grandfooter .footercontents .external li a:hover {
	opacity: 0.6;
}

#grandfooter .footercontents .external li a img {
	height: 100%;
}


/*公式アカウント*/
#grandfooter .footercontents .sns {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 20px auto 40px auto;
	padding: 30px 0;
	border-top: 1px #c3cfd3 solid;
	border-bottom: 1px #c3cfd3 solid;
}

#grandfooter .footercontents .sns li,
#grandfooter .footercontents .sns ul > li ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

#grandfooter .footercontents .sns > ul {
	margin: 15px;
}

#grandfooter .footercontents .sns ul > li ul li {
	margin: 0 5px;
}

#grandfooter .footercontents .sns h4 {
	margin: 0 10px 0 0;
	font-size: 12px;
	font-weight: 300;
}

#grandfooter .footercontents .sns a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2f314d;
	width: 60px;
	height: 60px;
	border-radius: 10px;
}

#grandfooter .footercontents .sns a img {
	width: 100%;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.3,.3,0,.99);
	transform-origin: center;
}
#grandfooter .footercontents .sns a:hover img {
	transform: scale(0.7);
}


/*リンクリスト*/
#grandfooter .footercontents .deeplinks {
	position: relative;
}

#grandfooter .footercontents .deeplinks .linklist {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

#grandfooter .footercontents .deeplinks .linklist > div {
	margin: 0 50px 0 0;
}

#grandfooter .footercontents .deeplinks .linklist h4 {
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: 300;
	border-left: 4px #2f314d solid;
}

#grandfooter .footercontents .deeplinks .linklist li {
	background-image: url(../svg/icon_arrow_line_left.svg);
	background-size: 6px auto;
	background-position: 0px center;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	font-size: 12px;
	font-weight: 300;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.3,.3,0,.99);
	transform-origin: center;
}
#grandfooter .footercontents .deeplinks .linklist li.noarrow {
	background-image: none;
}
#grandfooter .footercontents .deeplinks .linklist li a {
	color: #2f314d;
	text-decoration: none;
}

#grandfooter .footercontents .deeplinks .linklist li:hover {
	opacity: 0.5;
	background-position: 5px center;
}

#grandfooter .footercontents .deeplinks small {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10px;
	font-weight: 300;
	text-align: right;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

グローバルナビゲーション（Gnav）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Gnav：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#gnav {
	z-index: 99;
	position: fixed;
	box-sizing: border-box;
	width: 100%;
	padding: 30px 30px 0 30px;
}




/*
帯
*/
#gnav > section {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.2));
	padding: 20px 30px;
	border: 1px #ffffff solid;
	box-shadow: 0 30px 20px rgba(190, 210, 215, 0.3), inset 0 0 10px #ffffff;
	border-radius: 20px;
	backdrop-filter: blur(3px);
}




/*
ロゴ
*/
#gnav > section .logo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#gnav > section .logo img {
	display: inline-block;
}

#gnav > section .logo img:nth-of-type(1) {
	width: 4vw;
	max-width: 43px;
	margin: 0 min(1.1vw,14px) 0 0;
	aspect-ratio: 11/12;
}

#gnav > section .logo img:nth-of-type(2) {
	width: 10vw;
	max-width: 115px;
	aspect-ratio: 17/3;
	/*
	mix-blend-mode: difference;
	*/
}




/*
リンクリスト
*/
#gnav > section .list {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}


#gnav > section .list ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#gnav > section .list ul li {
	margin: 0 0 0 8px;
	border-radius: 100px;
}


/*無効化*/
#gnav > section .list ul li.disable a {
	background-image: linear-gradient(120deg, rgba(160, 175, 180, 0.7), rgba(200, 227, 255, 0.9)) !important;
	color: #899398 !important;
}

#gnav > section .list ul li.disable a span::before,
#gnav > section .list ul li.disable a span::after {
	display: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Gnav：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Gnav：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期状態
*/
#gnav {
	opacity: 0;
	transition-duration: 1600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,1,0.2,.99);
	transform-origin: center;
	transform: translateY(-200px);
}




/*
表示状態
*/
#gnav.active {
	opacity: 1;
	transform: translateY(0px);
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Gnav：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

トップページ

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：キービジュアル：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#top #vis {
	z-index: 1;
	position: relative;
	width: 100%;
	height: 100svh;
	overflow: hidden;
}





/*
メイン要素
*/
#top #vis .current {
	z-index: 2;
	position: absolute;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}


/*ロゴ*/
#top #vis .current h1 {
	background-image: url(../images/logo_fractal_2l.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 16/20;
	width: 25vw;
	max-width: 370px;
	margin: 0 0 60px 0;
	text-indent: -9999px;
}


/*キャッチ*/
#top #vis .current h2 {
	width: 100%;
	font-size: min(2.1vw, 30px);
	font-weight: 300;
	text-align: center;
}





/*
背景演出
*/
#top #vis .visbg {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
	height: 100svh;
}

/*パーティクル*/
#top #vis .visbg #particles-js {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：キービジュアル：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：キービジュアル：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期状態
*/
#top #vis .current h1,
#top #vis .current h2 {
	opacity: 0;
	transition-property: all;
	transform-origin: center;
}

#top #vis .current h1 {
	transition-duration: 1600ms;
	transition-delay: 0ms;
	transition-timing-function: cubic-bezier(.4,0,0,.99);
	transform: scale(1.3);
}

#top #vis .current h2 {
	transition-duration: 1600ms;
	transition-delay: 800ms;
	transition-timing-function: cubic-bezier(.4,1,0.2,.99);
	transform: translateY(-60px);
}





/*
アニメーション設定
*/
#top #vis.active .current h1 {
	opacity: 1;
	transform: scale(1);
}

#top #vis.active .current h2 {
	opacity: 1;
	transform: translateY(0)
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：キービジュアル：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ミッション_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#top #mission {
	z-index: 2;
	position: relative;
	box-sizing: border-box;
	background-image: linear-gradient(90deg, #6161e5, #1d1d37, #0a0330);
	color: #ffffff;
	padding: 90px 0;
	text-align: center;
}





/*
見出し
*/
#top #mission .title {
	z-index: 2;
	position: relative;
	margin: 0 0 60px 0;
}


/*アイコン*/
#top #mission .title span {
	display: block;
	background-image: url(../svg/icon_mission.svg);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 67px;
	margin: 0 auto 30px auto;
}


/*アイコン*/
#top #mission .title h2 {
	font-size: 22px;
	font-weight: 300;
	text-align: center;
}





/*
メインコンテンツ
*/
#top #mission .current {
	z-index: 2;
	position: relative;
}

#top #mission .current p {
	text-shadow: 0 0 6px #201e2c;
}


/*スローガン*/
#top #mission .current .slogan {
	margin: 0 0 90px 0;
}

#top #mission .current .slogan p:nth-of-type(1) {
	margin: 0 0 20px 0;
	font-size: 22px;
	font-weight: 300;
}

#top #mission .current .slogan p:nth-of-type(2) {
	font-size: 13px;
	font-weight: 300;
}


/*メッセージ*/
#top #mission .current .message {
	margin: 0 0 90px 0;
}

#top #mission .current .message p {
	margin: 0 0 3em 0;
	font-size: 15px;
	font-weight: 300;
	line-height: 2.65em;
	letter-spacing: 0.065em;
}


/*遷移*/
#top #mission .current .link {
	display: inline-block;
	margin: 0 auto;
}

#top #mission .current .link.btn_a a span {
	width: 340px;
	padding: 30px 30px;
}

#top #mission .current .link.btn_a a span::before,
#top #mission .current .link.btn_a a span::after {
	width: 30px;
	height: 30px;
}





/*
背景
*/
#top #mission .bg {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*MISSION*/
#top #mission .bg h3 {
	opacity: 0.7;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../svg/mission_vis_text.svg);
	background-size: auto 101%;
	background-position: left center;
	background-repeat: no-repeat;
	height: 100%;
	aspect-ratio: 3/16;
	text-indent: -9999px;
}


/*イラスト*/
#top #mission .bg .art {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/mission_vis_illust.png);
	background-size: auto 100%;
	background-position: right top;
	background-repeat: no-repeat;
}


/*ジオメトリックテクスチャ*/
#top #mission .bg .texture {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/mission_vis_geometric.png);
	background-size: 1280px auto;
	background-repeat: repeat;
	background-attachment: fixed;
	opacity: 0.15;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ミッション：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ミッション：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期状態
*/





/*
アニメーション設定
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ミッション：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：お知らせ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#top #news {
	z-index: 2;
	position: relative;
	box-sizing: border-box;
	padding: 140px 0;
}





/*
見出し
*/
#top #news .title {
	z-index: 2;
	position: relative;
	margin: 0 0 60px 0;
}


/*アイコン*/
#top #news .title span {
	display: block;
	background-image: url(../svg/icon_news.svg);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 55px;
	margin: 0 auto 30px auto;
}


/*アイコン*/
#top #news .title h2 {
	font-size: 22px;
	font-weight: 300;
	text-align: center;
}





/*
すべて見るボタン
*/
#top #news .link {
	z-index: 2;
	position: relative;
	display: flex;
	justify-content: center;
}

#top #news .link.btn_a a span {
	padding: 20px 40px;
}

#top #news .link.btn_a a span::before,
#top #news .link.btn_a a span::after {
	width: 30px;
	height: 30px;
}





/*
背景
*/
#top #news .bg {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*
	background-image: url(../images/bluer_blue.png), url(../images/bluer_blue.png);
	*/
}


/*パララックス*/
#top #news .parallax {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#top #news .parallax span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

#top #news .parallax span:nth-of-type(1) {
	background-image: url(../images/pattern_horizon_1.png);
	height: 851px;
	margin: -325px 0 0 0;
}

#top #news .parallax span:nth-of-type(2) {
	background-image: url(../images/pattern_horizon_2.png);
	height: 871px;
	margin: -755px 0 0 0;
}


/*継ぎ目調整*/
#top #news .bg .opt {
	z-index: 2;
	position: absolute;
	bottom: -200px;
	left: 0;
	background-image: linear-gradient(180deg, rgba(213,210,220,0), rgba(213,212,226,1), rgba(213,212,226,1), rgba(225,223,238,1), rgba(239,244,244,0));
	width: 100%;
	height: 400px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：お知らせ：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：お知らせ：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期状態
*/





/*
アニメーション設定
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：お知らせ：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：事業紹介_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#top #works {
	z-index: 1;
	position: relative;
	background-image: linear-gradient(130deg, #cee4ea, #dbd7f2, #e1d2e4, #f3e1de);
	padding: 200px 0 100px 0;
}





/*
見出し
*/
#top #works .title {
	z-index: 2;
	position: relative;
	margin: 0 0 60px 0;
}


/*アイコン*/
#top #works .title span {
	display: block;
	background-image: url(../svg/icon_works.svg);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 60px;
	margin: 0 auto 30px auto;
}


/*アイコン*/
#top #works .title h2 {
	font-size: 22px;
	font-weight: 300;
	text-align: center;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：事業紹介_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：事業紹介：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期状態
*/





/*
アニメーション設定
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：事業紹介：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：FRACTALとは_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#top #aboutfractal {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-image: url(../images/photo_soyogiexpo_1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 1000px;
}




/*
ボタン
*/
#top #aboutfractal .current.btn_a {
	display: flex;
}


/*アンカースタイル*/
#top #aboutfractal .current.btn_a a {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));
	box-shadow: 0 6px 30px rgba(190, 210, 215, 0.75), inset 0 0 10px #ffffff, inset 0 0 30px #ffffff;
}

#top #aboutfractal .current.btn_a a span::before,
#top #aboutfractal .current.btn_a a span::after {
	width: 80px;
	height: 80px;
}
#top #aboutfractal .current.btn_a a span::before {
	top: -3px;
	left: -3px;
}
#top #aboutfractal .current.btn_a a span::after {
	bottom: -3px;
	right: -3px;
}


/*内側設定*/
#top #aboutfractal .current.btn_a span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 70px;
}


/*ロゴ設定*/
#top #aboutfractal .current.btn_a span figure {
	height: 84px;
	margin: 0 20px 0 0;
}
#top.en #aboutfractal .current.btn_a span figure {
	margin: 0;
}

#top #aboutfractal .current.btn_a span figure img {
	height: 100%;
}


/*文字設定*/
#top #aboutfractal .current.btn_a span p {
	font-size: 15px;
	font-weight: 300;
}

#top.en #aboutfractal .current.btn_a span p {
	color: #1d1d37;
	margin: 0 20px 0 0;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：FRACTALとは_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：FRACTALとは：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期状態
*/





/*
アニメーション設定
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ミッション：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

FRACTALについて

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
代表メッセージ：基本レイアウト
*/
#sub.about #ceomessage {
	position: relative;
	margin: 0 0 20vw 0;
}





/*
代表メッセージ：テキスト要素
*/
#sub.about #ceomessage .detail {
	z-index: 2;
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	box-shadow: 0 30px 60px rgba(70, 100, 110, 0.35);
}


/*メインテキスト*/
#sub.about #ceomessage .detail .text {
	position: absolute;
	top: 6vw;
	right: 6vw;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

#sub.about #ceomessage .detail .text p {
	margin: 0 0 0 1em;
	font-size: min(1.65vw, 16px);
	font-weight: 300;
	letter-spacing: 0.165em;
	line-height: 2em;
}

#sub.en #ceomessage .detail .text {
	top: 3vw;
	right: 3vw;
	writing-mode: sideways-rl;
}
#sub.en #ceomessage .detail .text p {
	font-size: min(1.25vw, 14px);
}


/*メインテキスト*/
#sub.about #ceomessage .detail .title {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	height: 100%;
	padding: 20px;
	writing-mode: vertical-lr;
	text-orientation: upright;
}

#sub.about #ceomessage .detail .title p {
	color: #ffffff;
	margin: 0 0 0 20px;
	font-size: min(3vw, 30px);
	font-weight: 300;
	letter-spacing: 0.4em;
}

#sub.about #ceomessage .detail .title h2 {
	background-image: url(../svg/about_vis_text.svg);
	background-size: cover;
	background-position: right center;
	text-indent: -9999px;
	aspect-ratio: 3/53;
}


/*お写真*/
#sub.about #ceomessage .detail figure {
	width: 100%;
}
#sub.about #ceomessage .detail figure img {
	width: 100%;
}





/*
代表メッセージ：背景
*/
#sub.about #ceomessage .bg {
	z-index: 1;
	position: absolute;
	top: 10vw;
	width: 100%;
	height: 60vw;
	max-height: 790px;
	overflow: hidden;
}

#sub.about #ceomessage .bg::after {
	opacity: 0.5;
	content: "";
	display: block;
	background-image: url(../images/photo_ceo_main.png);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	filter: blur(10px);
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：汎用：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：汎用：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：MISSION_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#sub.about #mission {
	text-align: center;
}





/*
タイトル
*/
#sub.about #mission .title {
	margin: 0 0 60px 0;
}


#sub.about #mission .title h2 {
	margin: 0 0 30px 0;
	font-size: 50px;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.4em;
}


#sub.about #mission .title p {
	color: #85a2ab;
	font-size: 13px;
	letter-spacing: 0.28em;
}





/*
メッセージ
*/
#sub.about #mission .slogan {
	margin: 0 0 90px 0;
}

#sub.about #mission .slogan p:nth-of-type(1) {
	margin: 0 0 20px 0;
	font-size: 22px;
	font-weight: 300;
}

#sub.about #mission .slogan p:nth-of-type(2) {
	font-size: 13px;
	font-weight: 300;
}


/*メッセージ*/
#sub.about #mission .message {
	margin: 0 0 90px 0;
}

#sub.about #mission .message p {
	margin: 0 0 3em 0;
	font-size: 15px;
	font-weight: 300;
	line-height: 2.65em;
	letter-spacing: 0.065em;
}

#sub.about #mission .message p strong {
	color: #6161e5;
}





/*
クリーンなテクノロジー選定のために
*/
#sub.about #mission .technology {
	margin: 0 0 200px 0;
}


/*リード*/
#sub.about #mission .technology .read {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 40px auto;
}

#sub.about #mission .technology .read h3 {
	display: inline-block;
	color: #6161e5;
	margin: 0 auto 30px auto;
	padding: 15px 30px;
	font-size: 16px;
	border: 1px #6161e5 solid;
	border-radius: 100px;
}

#sub.about #mission .technology .read p {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.65em;
}


/*応援メッセージ*/
#sub.about #mission .technology .supportmessage {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#sub.about #mission .technology .supportmessage .item {
	position: relative;
	align-self: stretch;
	box-sizing: border-box;
	background-color: #ffffff;
	width: 30%;
	margin: 0 3vw 0 0;
	padding: 40px 40px 40px 40px;
	border: 1px #6161e5 solid;
	border-radius: 10px;
}
#sub.about #mission .technology .supportmessage .item:last-child {
	margin: 0;
}

#sub.about #mission .technology .supportmessage .item figure {
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	margin: 0 0 30px 0;
}
#sub.about #mission .technology .supportmessage .item figure img {
	width: 100%;
}

#sub.about #mission .technology .supportmessage .item .detail {}
#sub.about #mission .technology .supportmessage .item .detail p {
	margin: 0 0 1em 0;
	font-size: 13px;
	text-align: justify;
	word-break: break-all;
	line-height: 1.65em;
}
#sub.about #mission .technology .supportmessage .item .detail blockquote {
	box-sizing: border-box;
	background-color: #f3f5f6;
	padding: 15px;
	border-radius: 6px;
}
#sub.about #mission .technology .supportmessage .item .detail ul {
	margin: 30px 0 0 0;
}
#sub.about #mission .technology .supportmessage .item .detail ul li {
	margin: 6px 0;
}
#sub.about #mission .technology .supportmessage .item .detail ul li a {
	box-sizing: border-box;
	display: block;
	background-color: #a8a8ef;
	color: #ffffff;
	width: 100%;
	padding: 6px 10px;
	font-size: 13px;
	text-decoration: none;
	border-radius: 6px;
}

#sub.about #mission .technology .supportmessage .item .btn_a {
	position: absolute;
	bottom: -30px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 0 40px;
}
#sub.about #mission .technology .supportmessage .item .btn_a a {
	display: flex;
}
#sub.about #mission .technology .supportmessage .item .btn_a span {
	width: 100%;
	padding: 20px 30px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：MISSION_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：MISSION：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：MISSION：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：会社概要_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#sub.about #outline {
	margin: 0 0 200px 0;
}





/*
タイトル
*/
#sub.about #outline .title {
	margin: 0 0 60px 0;
	text-align: center;
}


#sub.about #outline .title h2 {
	margin: 0 0 30px 0;
	font-size: 50px;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.4em;
}


#sub.about #outline .title p {
	color: #85a2ab;
	font-size: 13px;
	letter-spacing: 0.28em;
}





/*
詳細
*/
#sub.about #outline .data {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}


#sub.about #outline .data table {
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
}

#sub.about #outline .data table th,
#sub.about #outline .data table td {
	padding: 1.5em;
	border: 1px #cddde1 solid;
}


#sub.about #outline .data table th {
	background-color: #cddde1;
	color: #5d7c86;
	width: 30%;
	text-align: right;
}


#sub.about #outline .data table td {
	font-size: 15px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：会社概要_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：会社概要：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FRACTALについて：会社概要：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

お知らせ

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：一覧_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#sub.news {}





/*
下層ニュースリスト
*/
#sub.news #news_list {}

#sub.news #news_list ul {
	justify-content: center;
}

#sub.news #news_list ul li {
	width: 30%;
	min-width: 340px;
	margin: 0 1% 5% 1%;
}





/*
ページネーション
*/
#sub.news #pagenation .page_list {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90vw;
	max-width: 1000px;
	margin: 160px auto 160px auto;
}

#sub.news #pagenation .page_list li {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 5vw;
	max-height: 60px;
	margin: 0 6px;
	border-radius: 100px;
	aspect-ratio: 1/1;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}


/*ボタン基本設定*/
#sub.news #pagenation .page_list li a,
#sub.news #pagenation .page_list li span {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: #e7e7e7;
	color: #ffffff;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
    border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}

#sub.news #pagenation .page_list li a {
	background-color: #6161e5;
}

#sub.news #pagenation .page_list li a:hover {
	background-color: #6161e5;
	color: #ffffff;
	transform: translateY(-6px);
}
#sub.news #pagenation .page_list li.prev a:hover,
#sub.news #pagenation .page_list li.next a:hover {
	transform: translateY(0px);
}


/*右・左*/
#sub.news #pagenation .page_list li.prev,
#sub.news #pagenation .page_list li.next {
	width: 20vw;
	max-width: 180px;
	aspect-ratio: 10/2.5;
}

#sub.news #pagenation .page_list li.prev a,
#sub.news #pagenation .page_list li.next a {
	border-radius: 10px;
}

#sub.news #pagenation .page_list li.prev a::before,
#sub.news #pagenation .page_list li.next a::after {
	content: "";
	display: block;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 6px;
	aspect-ratio: 10/20;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}

#sub.news #pagenation .page_list li.prev a::before {
	background-image: url(../svg/icon_arrow_w_right.svg);
	margin: 0 10px 0 0;
}
#sub.news #pagenation .page_list li.prev a:hover:before {
	transform: translateX(-5px);
}
#sub.news #pagenation .page_list li.prev a {
	justify-content: flex-start;
	padding: 0 0 0 20px;
	text-align: left;
}

#sub.news #pagenation .page_list li.next a::after {
	background-image: url(../svg/icon_arrow_w_left.svg);
	margin: 0 0 0 10px;
}
#sub.news #pagenation .page_list li.next a:hover:after {
	transform: translateX(5px);
}
#sub.news #pagenation .page_list li.next a {
	justify-content: flex-end;
	padding: 0 20px 0 0;
	text-align: right;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：一覧_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：一覧：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：一覧：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：詳細_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.news #news_detail_container {}





/*
サムネイル
*/
#sub.news #news_detail_container .cover {
	position: relative;
	margin: 0 0 50px 0;
}

#sub.news #news_detail_container .cover > img {
	z-index: 2;
	position: relative;
	display: block;
	width: 80vw;
	max-width: 1000px;
	margin: 0 auto;
	aspect-ratio: 10/6;
}


/*ぼかし背景*/
#sub.news #news_detail_container .cover > div {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 80px 0;
	overflow: hidden;
}

#sub.news #news_detail_container .cover > div figure {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#sub.news #news_detail_container .cover > div figure img {
	width: 100%;
	opacity: 0.75;
	transform: scale(1.1);
	filter: blur(15px);
}





/*
日付・カテゴリ
*/
#sub.news #news_detail_container .meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 80vw;
	max-width: 1000px;
	margin: 0 auto 50px auto;
}

#sub.news #news_detail_container .meta data {
	color: #8f8b9a;
	font-size: 13px;
	letter-spacing: 0.065em;
}

#sub.news #news_detail_container .meta h4 {
	background-color: #ffffff;
	padding: 6px 12px;
	font-size: 13px;
	border: 1px #8c8c8c solid;
	border-radius: 3px;
}





/*
タイトル
*/
#sub.news #news_detail_container .title {
	width: 80vw;
	max-width: 1000px;
	margin: 50px auto 70px auto;
}

#sub.news #news_detail_container .title h3 {
	font-size: 30px;
	font-weight: 300;
	line-height: 1.6em;
}





/*
投稿本文
*/
#sub.news #news_detail_container .entrybody {
	box-sizing: border-box;
	background-color: #ffffff;
	width: 80vw;
	max-width: 1000px;
	margin: 70px auto 100px auto;
	padding: 70px;
	border-radius: 10px;
	box-shadow: 0 30px 20px rgba(190, 210, 215, 0.3);
}


/*段落*/
#sub.news #news_detail_container .entrybody p {
	margin: 0 0 1em 0;
	font-size: 16px;
	line-height: 1.65em;
	letter-spacing: 0.065em;
}
#sub.news #news_detail_container .entrybody p:last-child {
	margin: 0;
}


/*強調*/
#sub.news #news_detail_container .entrybody p strong {
	display: inline-block;
	color: #6161e5;
	font-weight: 600;
}


/*見出し*/
#sub.news #news_detail_container .entrybody h1,
#sub.news #news_detail_container .entrybody h2,
#sub.news #news_detail_container .entrybody h3,
#sub.news #news_detail_container .entrybody h4,
#sub.news #news_detail_container .entrybody h5,
#sub.news #news_detail_container .entrybody h6 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 30px 0 20px 0;
	padding: 0 0 0 20px;
	text-align: justify;
	line-height: 1.65em;
	border-left: 1px #3c4445 solid;
}

#sub.news #news_detail_container .entrybody h1 {
	font-size: 24px;
}
#sub.news #news_detail_container .entrybody h2 {
	font-size: 22px;
}
#sub.news #news_detail_container .entrybody h3 {
	font-size: 20px;
}
#sub.news #news_detail_container .entrybody h4 {
	font-size: 19px;
}
#sub.news #news_detail_container .entrybody h5 {
	font-size: 17px;
}
#sub.news #news_detail_container .entrybody h6 {
	font-size: 15px;
}


/*区切り*/
#sub.news #news_detail_container .entrybody hr {
	border: 0;
	width: 100%;
	margin: 60px auto;
	border-bottom: 1px #e6ebed solid;
}


/*箇条書きリスト*/
#sub.news #news_detail_container .entrybody ul {
	margin: 30px auto;
}
#sub.news #news_detail_container .entrybody ul li {
	background-image: url(../svg/icon_arrow_main_left.svg);
	background-size: 6px auto;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 1em 0 1em 2em;
	padding: 0.5em 0 0.5em 2em;
}


/*箇条書きリスト*/
#sub.news #news_detail_container .entrybody ol {
	margin: 30px auto 30px 2em;
}
#sub.news #news_detail_container .entrybody ol li {
	margin: 1em 0 1em 0;
	padding: 0.5em 0 0.5em 2em;
	list-style-type: decimal;
	list-style-position: inside;
}


/*画像*/
#sub.news #news_detail_container .entrybody img {
	display: flex;
	width: 80%;
	margin: 30px auto;
	border: 3px #ffffff solid;
	box-shadow: 0 10px 20px rgba(190, 210, 215, 0.5);
	border-radius: 6px;
}


/*アンカー*/
#sub.news #news_detail_container .entrybody a {
	display: inline-block;
	background-color: #6161e5;
	color: #ffffff;
	margin: 4px 8px;
	padding: 6px 12px;
	text-decoration: none;
	line-height: 1.65em;
	border-radius: 6px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#sub.news #news_detail_container .entrybody a:hover {
	background-color: #9797eb;
}


/*動画埋め込み*/
#sub.news #news_detail_container .entrybody iframe {
	display: flex;
	width: 90%;
	height: auto;
	margin: 30px auto;
	aspect-ratio: 16/9;
}


/*引用*/
#sub.news #news_detail_container .entrybody blockquote {
	box-sizing: border-box;
	background-color: #f0f0f7;
	color: #a7a7c2;
	margin: 30px 0;
	padding: 4em;
	font-size: 14px;
	font-style: italic;
	border-radius: 10px;
}





/*
ページネーション
*/
#sub.news #article_deatil {
	width: 80vw;
	max-width: 1000px;
	margin: 70px auto 100px auto;
}

#sub.news #article_deatil ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


/*アンカー*/
#sub.news #article_deatil ul li a {
	position: relative;
	display: block;
	background-color: #6161e5;
	color: #ffffff;
	text-decoration: none;
	border-radius: 6px;
	font-size: 14px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#sub.news #article_deatil ul li a:hover {
	background-color: #9797eb;
}


/*一覧へ*/
#sub.news #article_deatil ul li.more a {
	padding: 20px 60px;
}


/*進む・戻る（共通処理）*/
#sub.news #article_deatil ul li.prev a,
#sub.news #article_deatil ul li.next a {
	display: flex;
	justify-content: space-between;
	width: 120px;
	font-size: 14px;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
#sub.news #article_deatil ul li.prev a::before,
#sub.news #article_deatil ul li.next a::after {
	content: "";
	display: block;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 6px;
	aspect-ratio: 10/20;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}


/*進む・戻る（個別）*/
#sub.news #article_deatil ul li.prev a {
	padding: 20px 30px 20px 20px;
}
#sub.news #article_deatil ul li.prev a::before {
	background-image: url(../svg/icon_arrow_w_right.svg);
	margin: 0 10px 0 0;
}
#sub.news #article_deatil ul li.prev a:hover:before {
	transform: translateX(-5px);
}

#sub.news #article_deatil ul li.next a {
	padding: 20px 20px 20px 30px;
}
#sub.news #article_deatil ul li.next a::after {
	background-image: url(../svg/icon_arrow_w_left.svg);
	margin: 0 0 0 10px;
}
#sub.news #article_deatil ul li.next a:hover:after {
	transform: translateX(5px);
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：詳細_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：詳細：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：詳細：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

事業

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#sub.works {
}





/*
事業イントロダクションエリア
*/
#sub.works #intro {
	margin: 0 0 200px 0;
}





/*
事業イントロダクションエリア
*/
#sub.works .bussinessart {}


/*ビジュアルパネル*/
#sub.works .bussinessart > div {
	margin: 0 0 70px 0;
	padding: 170px 15vw;
}


/*個別ビジュアル*/
#sub.works .bussinessart > div.voiceactor {}

#sub.works .bussinessart > div.voiceai {}


/*見出し*/
#sub.works .bussinessart > div h4 {
	margin: 0;
}





/*
事業イントロダクションエリア：詳細テキスト
*/
#sub.works #intro .overview {
	width: 80vw;
	max-width: 1280px;
	margin: 0 auto;
	text-align: left;
}

#sub.works #intro .overview p {
	margin: 0 0 1em 0;
	font-size: 14px;
	line-height: 2em;
	letter-spacing: 0.065em;
}





/*
汎用タイトル
*/
#sub.works #grandwrapper > article > .title {
	margin: 0 0 60px 0;
	text-align: center;
}


#sub.works #grandwrapper > article > .title h2 {
	margin: 0 0 30px 0;
	font-size: 50px;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.4em;
}


#sub.works #grandwrapper > article > .title p {
	color: #85a2ab;
	font-size: 13px;
	letter-spacing: 0.28em;
}





/*
事業CTA
*/
#sub.works #businesscaption {
	z-index: 3;
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin: 170px auto;
}


/*事業CTA：タレントへのお問い合わせ*/
#sub.works #businesscaption .cta {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(130deg, #dee5e7, #d1dfe3);
	margin: 0 0 20px 0;
	padding: 10px;
	text-align: center;
	border-radius: 18px;
	box-shadow: 0 0 20px rgba(190, 210, 215, 0.3);
}

#sub.works #businesscaption .cta a {
	display: block;
	flex: 1;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 30px;
	text-decoration: none;
	text-align: center;
	border-radius: 8px;
	box-shadow: inset 0 0 10px #ffffff, 0 0 6px rgba(190, 210, 215, 0.3);
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#sub.works #businesscaption .cta a:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

#sub.works #businesscaption .cta figure {
	width: 50px;
	margin: 0 auto 20px auto;
}
#sub.works #businesscaption .cta figure img {
	width: 100%;
	transition-duration: 900ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}
#sub.works #businesscaption .cta a:hover figure img {
	transform: translateY(-10px);
}

#sub.works #businesscaption .cta a h3 {
	color: #2f314d;
	margin: 0 0 15px 0;
	font-size: min(2.3vw, 23px);
	font-weight: 300;
}

#sub.works #businesscaption .cta a p {
	color: #8b9a98;
	font-size: 11px;
	font-weight: 300;
}


/*事業CTA：事業リスト*/
#sub.works #businesscaption .businesslist {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#sub.works #businesscaption .businesslist > div {
	background-size: auto 90%, 140%;
	background-position: 1% center, -20px center;
	width: 48%;
	margin: 0;
	padding: 0;
	aspect-ratio: 16/6;
	border-radius: 10px;
	overflow: hidden;
}

#sub.works #businesscaption .businesslist > div a {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
	color: #ffffff;
	padding: 30px;
	text-decoration: none;
}

#sub.works #businesscaption .businesslist > div a h3 {
	width: 100%;
	font-size: min(3vw, 30px);
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：タレントページ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
タレントリスト
*/
#sub.works #talentlist {
	margin: 0 0 200px 0;
}





/*
所属タレント一覧
*/
/*基本レイアウト*/
#sub.works #talentlist .list {
	z-index: 2;
	position: relative;
	width: 90%;
	max-width: 1680px;
	margin: 0 auto 80px auto;
}

#sub.works #talentlist .list > ul {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	
}

#sub.works #talentlist .list > ul > li {
	position: relative;
	align-self: stretch;
	box-sizing: border-box;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
	width: 30%;
	max-width: 380px;
	margin: 0 0 5% 0;
	padding: 0 0 30px 0;
	border: 1px #ffffff solid;
	box-shadow: 0 30px 20px rgba(190, 210, 215, 0.3), inset 0 0 10px #ffffff;
	border-radius: 20px;
}


/*サムネイル*/
#sub.works #talentlist .list > ul > li .thumb {
	display: block;
	margin: 0 0 30px 0;
}

#sub.works #talentlist .list > ul > li .thumb figure {
	width: 100%;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

#sub.works #talentlist .list > ul > li .thumb figure img {
	width: 100%;
	transition-duration: 1200ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,0,0,.99);
	transform-origin: center;
}
#sub.works #talentlist .list > ul > li .thumb:hover figure img {
	transform: scale(1.1);
}


/*お名前表記*/
#sub.works #talentlist .list > ul > li .name {
	margin: 0 0 15px 0;
	text-align: center;
}

#sub.works #talentlist .list > ul > li .name h3 {
	font-size: 22px;
	font-weight: 300;
}

#sub.works #talentlist .list > ul > li .name p {
	color: #85a2ab;
	font-size: 13px;
	font-weight: 300;
}


/*SNS*/
#sub.works #talentlist .list > ul > li .sns {
	display: flex;
	align-items: center;
	justify-content: center;
}
#sub.works #talentlist .list > ul > li .sns li {
	background-color: #d8e6ea;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	border-radius: 5px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#sub.works #talentlist .list > ul > li .sns li:hover {
	background-color: #6161e5;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：タレントページ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：タレントページ：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：タレントページ：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：タレントページ：詳細ページ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
パンくずエリア
*/
#sub.works #breadcrambs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto 60px auto;
	padding: 20px 0;
	border-top: 1px #c3cfd3 solid;
	border-bottom: 1px #c3cfd3 solid;
}


/*パンくずエリア：階層図*/
#sub.works #breadcrambs .flow ul {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

#sub.works #breadcrambs .flow ul li {
	background-size: 6px auto;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0 10px 0 0;
	padding: 0 10px 0 30px;
}

#sub.works #breadcrambs .flow ul li a {
	color: #2f314d;
	font-size: 12px;
	text-decoration: none;
}

#sub.works #breadcrambs .flow ul li:nth-of-type(1) {
	background-image: url(../svg/icon_arrow_grey_left.svg);
}

#sub.works #breadcrambs .flow ul li:nth-of-type(2) {
	background-image: url(../svg/icon_arrow_main_left.svg);
}


/*パンくずエリア：所属一覧に戻る*/
#sub.works #breadcrambs .btt a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #2f314d;
	padding: 5px 0 5px 30px;
	font-size: 13px;
	text-decoration: none;
	border-left: 1px #e6ebed solid;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 2, 0.59, .99);
	transform-origin: center;
}
#sub.works #breadcrambs .btt a:hover {
	color: #6161e5;
}

#sub.works #breadcrambs .btt a .arrow {
	display: block;
	position: relative;
	background-image: url(../svg/icon_arrow_btt.svg);
	background-size: 38px auto;
	background-position: center;
	width: 20px;
	height: 20px;
	margin: 0 20px 0 0;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 2, 0.59, .99);
	transform-origin: center;
	transform: rotate(-90deg);
}
#sub.works #breadcrambs .btt a:hover .arrow  {
	transform: rotate(-90deg) translateY(-10px);
}





/*
タレント基本情報
*/
#sub.works #talentprofile {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto 100px auto;
}





/*
タレント基本情報：宣材写真
*/
#sub.works #talentprofile .photo {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #d0cbc1;
	width: 50%;
	max-width: 500px;
	margin: 0 5vw 0 0;
	overflow: hidden;
}

#sub.works #talentprofile .photo img {
	width: 100%;
}





/*
タレント基本情報：詳細
*/
#sub.works #talentprofile .detail {
	flex: 1;
}


/*名前*/
#sub.works #talentprofile .detail .name {
	margin: 0 0 60px 0;
}

#sub.works #talentprofile .detail .name h2 {
	margin: 0 0 20px 0;
	font-size: 40px;
	font-weight: 300;
}

#sub.works #talentprofile .detail .name p:nth-of-type(1) {
	margin: 0 0 15px 0;
	font-size: 18px;
	font-weight: 300;
}

#sub.works #talentprofile .detail .name p:nth-of-type(2) {
	color: #8a999d;
	font-size: 15px;
	font-weight: 300;
}


/*Bio*/
#sub.works #talentprofile .detail .biography {
	margin: 0 0 40px 0;
}

#sub.works #talentprofile .detail .biography li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 16px 0;
}

#sub.works #talentprofile .detail .biography li h3 {
	background-color: #ebf2f4;
	min-width: 120px;
	margin: 0 20px 0 0;
	padding: 14px 0;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	border: 1px #aabec3 solid;
}

#sub.works #talentprofile .detail .biography li p {
	flex: 1;
	font-size: 15px;
	font-weight: 300;
}


/*ボイスサンプル*/
#sub.works #talentprofile .detail .voicesample li {
	background-image: url(../svg/icon_sound_play.svg);
	background-size: auto 80%;
	background-position: 4px center;
	padding: 6px 20px 6px 40px;
	font-size: 13px;
	border: 1px #2f314d solid;
	border-radius: 100px;
	cursor: pointer;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 2, 0.59, .99);
	transform-origin: center;
}

#sub.works #talentprofile .detail .voicesample li:hover {
	background-color: #6161e5;
	color: #ffffff;
	border: 1px #6161e5 solid;
}

#sub.works #talentprofile .detail .voicesample li p {
	pointer-events: none;
}

#sub.works #talentprofile .detail .voicesample li.currentplay {
	background-image: url(../svg/icon_sound_playing.svg);
	background-color: #6161e5;
	color: #ffffff;
}


/*SNS・ボイスサンプル 共通*/
#sub.works #talentprofile .detail .voicesample,
#sub.works #talentprofile .detail .sns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 15px 0;
}

#sub.works #talentprofile .detail .voicesample h4,
#sub.works #talentprofile .detail .sns h4 {
	width: 190px;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

#sub.works #talentprofile .detail .voicesample ul,
#sub.works #talentprofile .detail .sns ul {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 30px 0 30px 30px;
	border-left: 1px #2f314d solid;
}

#sub.works #talentprofile .detail .voicesample ul li,
#sub.works #talentprofile .detail .sns ul li {
	margin: 0 10px 0 0;
}

#sub.works #talentprofile .detail .sns ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	aspect-ratio: 1/1;
	border: 1px #2f314d solid;
	border-radius: 6px;
}
#sub.works #talentprofile .detail .sns ul li a img {
	width: 100%;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 2, 0.59, .99);
	transform-origin: center;
}
#sub.works #talentprofile .detail .sns ul li a:hover img {
	transform: scale(0.9);
}





/*
出演歴
*/
#sub.works #discography {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 170px auto;
}





/*
出演歴：タイトル
*/
#sub.works #discography .title {
	margin: 0 0 40px 0;
	text-align: center;
}

#sub.works #discography .title h2 {
	color: #2f314d;
	margin: 0 0 15px 0;
	font-size: min(2.3vw, 23px);
	font-weight: 300;
}

#sub.works #discography .title  p {
	color: #8b9a98;
	font-size: 11px;
	font-weight: 300;
}





/*
出演歴：切り替えタブ
*/
#sub.works #discography .tabui {
	margin: 0 0 40px 0;
	text-align: center;
}

#sub.works #discography .tabui ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}

#sub.works #discography .tabui ul li {
	display: block;
	background-color: #d8e2e5;
	margin: 0 5px 10px 5px;
	padding: 6px 20px;
	font-size: 14px;
	border-radius: 100px;
	cursor: pointer;
}
#sub.works #discography .tabui ul li.active {
	background-color: #6161e5;
	color: #ffffff;
}





/*
出演歴：コンテンツ本体
*/
#sub.works #discography .detail > div {
	position: relative;
	display: none;
	box-sizing: border-box;
	padding: 30px 40px;
	border: 1px #d1dfe3 solid;
	border-radius: 10px;
}

#sub.works #discography .detail > div.active {
	display: block;
}


/*グラデーションぼかし*/
#sub.works #discography .detail > div::after {
	content: "";
	z-index: 2;
	position: absolute;
	bottom: 60px;
	left: 0;
	display: block;
	background-image: linear-gradient(180deg, rgba(243, 245, 246, 0), rgba(243, 245, 246, 1));
	width: 100%;
	height: 60px;
}


/*カテゴリ見出し*/
#sub.works #discography .detail > div h3 {
	margin: 0 0 20px 0;
	font-size: 20px;
	text-align: center;
}


/*カテゴリ見出し*/
#sub.works #discography .detail > div table {
	margin: 0 0 40px 0;
	border: 1px #d1dfe3 solid;
}

#sub.works #discography .detail > div table tr th.headline {
	background-color: #ffffff;
}


/*テーブル基本スタイル*/
#sub.works #discography .detail > div table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

#sub.works #discography .detail > div table th,
#sub.works #discography .detail > div table td {
	background-color: #eff5f7;
	padding: 10px 15px;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	border: 1px #d1dfe3 solid;
}

#sub.works #discography .detail > div table th {
	width: 60%;
}

#sub.works #discography .detail > div table td {}


/*すべて見るボタン*/
#sub.works #discography .detail > div > p {
	z-index: 3;
	position: relative;
	width: 200px;
	margin: 0 auto;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 300;
	text-align: center;
	border: 1px #2f314d solid;
	border-radius: 100px;
}





/*
出演歴：アコーディオン
*/
/*展開コンテンツの親*/
#sub.works #discography .detail > div .jqa_body_wrapper {}
#sub.works #discography .detail > div .jqa_body_wrapper.jqa_open {}


/*展開コンテンツ本体*/
#sub.works #discography .detail > div .jqa_body_wrapper .jqa_inner {
	min-height: 260px;
}


/*トリガー*/
#sub.works #discography .detail > div > p.jqa_trigger {}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：タレントページ：詳細ページ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：タレントページ：詳細ページ：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：タレントページ：詳細ページ：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：音声AIページ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
そよぎフラクタル
*/
#sub.works #portfoliolist .list .item.soyogi {
	z-index: 1;
	position: relative;
}

#sub.works #portfoliolist .list .item.soyogi .contentswrapper {
	z-index: 2;
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.2));
	width: 90vw;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px;
	border: 1px #ffffff solid;
	box-shadow: 0 30px 20px rgba(190, 210, 215, 0.3), inset 0 0 10px #ffffff;
	border-radius: 20px;
	backdrop-filter: blur(3px);
}


/*詳細要素*/
#sub.works #portfoliolist .list .item.soyogi .contentswrapper > .detail {
	z-index: 2;
	position: relative;
	width: 100%;
	min-height: 700px;
}

#sub.works #portfoliolist .list .item.soyogi .contentswrapper > .detail h3 {
	background-image: url(../images/logo_soyogi_1l.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 42vw;
	max-width: 570px;
	margin: 0 0 40px 0;
	aspect-ratio: 16/4;
	text-indent: -9999px;
}

#sub.works #portfoliolist .list .item.soyogi .contentswrapper > .detail .discription {
	margin: 0 0 100px 0;
	width: 75%;
}
#sub.works #portfoliolist .list .item.soyogi .contentswrapper > .detail .discription p {
	margin: 0 0 1em 0;
	font-size: 14px;
	line-height: 2.65em;
	letter-spacing: 0.065em;
	text-shadow: 0 0 6px #ffffff,0 0 6px #ffffff,0 0 2px #ffffff;
}

#sub.works #portfoliolist .list .item.soyogi .contentswrapper > .detail .btn_a li {
	width: 30vw;
	max-width: 380px;
	margin: 0 0 20px 0
}


/*イラスト*/
#sub.works #portfoliolist .list .item.soyogi .contentswrapper > figure {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#sub.works #portfoliolist .list .item.soyogi .contentswrapper > figure figcaption {
	z-index: 2;
	position: absolute;
	top: 30px;
	right: 30px;
	display: flex;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#sub.works.en #portfoliolist .list .item.soyogi .contentswrapper > figure figcaption {
	writing-mode: sideways-rl;
}
#sub.works #portfoliolist .list .item.soyogi .contentswrapper > figure figcaption h4 {
	background-color: rgba(82, 46, 224, 0.8);
	color: #ffffff;
	margin: 0 0 10px 0;
	padding: 15px;
	font-size: 12px;
	font-weight: 300;
}
#sub.works #portfoliolist .list .item.soyogi .contentswrapper > figure figcaption p {
	background-color: rgba(140, 226, 226, 0.8);
	padding: 15px;
	font-size: 12px;
	font-weight: 300;
}

#sub.works #portfoliolist .list .item.soyogi .contentswrapper > figure img {
	z-index: 1;
	position: absolute;
	top: 40px;
	right: -12vw;
	display: block;
	width: 50vw;
	max-width: 816px;
	aspect-ratio: 9/16;
}





/*
そよぎフラクタル：背景
*/
#sub.works #portfoliolist .list .item.soyogi .parallax {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sub.works #portfoliolist .list .item.soyogi .parallax span {
	position: absolute;
	display: block;
	background-image: url(../images/voiceaibusiness_soyogi_symbol.png);
	aspect-ratio: 1/1;
}

#sub.works #portfoliolist .list .item.soyogi .parallax span:nth-of-type(1) {
	top: 10vw;
	right: -10vw;
	width: 912px;
}

#sub.works #portfoliolist .list .item.soyogi .parallax span:nth-of-type(2) {
	bottom: 10vw;
	left: -10vw;
	width: 500px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：音声AIページ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：音声AIページ：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
事業：音声AIページ：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

Contact

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Contact：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
リードテキスト
*/
#readtext {
	margin: 0 0 60px 0;
	text-align: center;
}

#readtext p {
	margin: 0 0 2em 0;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.65em;
	letter-spacing: 0.065em;
}





/*
お問い合わせフォーム
*/
#contactform {
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto 200px auto;
}





/*
お問い合わせフォーム：切り替えタブ
*/
#contactform .tab {
	margin: 0 0 100px 0;
}

#contactform .tab ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

#contactform .tab ul li {
	margin: 0 10px;
}

#contactform .tab ul li a {
	display: block;
	background-color: #d8e2e5;
	color: #20282f;
	padding: 15px 60px;
	font-size: 15px;
	text-decoration: none;
	border-radius: 100px;
	transition-duration: 600ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.3,.3,0,.99);
	transform-origin: center;
}
#contactform .tab ul li a:hover {
	opacity: 0.6;
}

#contactform .tab ul li.active a {
	background-color: #6161e5;
	color: #ffffff;
}





/*
お問い合わせフォーム：入力
*/
/*基本スタイル*/
#sub.contact #contactform table {
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
	margin: 0 auto 40px 0;
}

#sub.contact #contactform table tr {
	display: flex;
	margin: 0 0 15px 0;
}

#sub.contact #contactform table tr th,
#sub.contact #contactform table tr td {
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
}


/*見出し関係*/
#sub.contact #contactform table tr th {
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 280px;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	text-align: right;
	border-right: 1px #a2b4bd solid;
}
#sub.contact #contactform table tr th h4 {
	display: flex;
	align-items: center;
	font-size: 14px;
}
#sub.contact #contactform table tr th h4 sup {
	display: block;
	color: #b22222;
	margin: 0 0 0 10px;
	padding: 3px 6px;
	font-size: 11px;
	border: 1px #b22222 solid;
	border-radius: 3px;
}


/*入力エリア*/
#sub.contact #contactform table tr td {
	flex: 1;
}

#sub.contact #contactform input,
#sub.contact #contactform textarea,
#sub.contact #contactform select {
	box-sizing: border-box;
	background-color: #ffffff;
	color: #3c4445;
	font-size: 16px;
	width: 100%;
	margin: 0;
	padding: 1em;
	border: solid 1px #cdccd1;
	border-radius: 6px;
	resize: none;
}

#sub.contact #contactform textarea {
	width: 100%;
	min-height: 18em;
	line-height: 1.65em;
}





/*
お問い合わせフォーム：バリデーション
*/
#sub.contact #contactform .validation {
	background-color: #e3e9ec;
	box-sizing: border-box;
	margin: 10px 0;
	padding: 20px;
	text-align: center;
}

#sub.contact #contactform .validation p,
#sub.contact #contactform .validation p span {
	color: #a0afb4;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: 300;
}





/*
お問い合わせフォーム：プラポリ同意
*/
#sub.contact #contactform tr.pp td {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-color: #ffffff;
	padding: 30px;
	border-radius: 10px;
}

#sub.contact #contactform tr.pp td input {
	width: auto;
	border: none;
	margin: 0 20px 0 0;
}

#sub.contact #contactform tr.pp td label {
	font-size: 14px;
}

#sub.contact #contactform tr.pp td label a {
	color: #6161e5;
	text-decoration: none;
}





/*
エラーメッセージ
*/
#sub.contact #contactform .submit .error {
	margin: 40px auto;
}
#sub.contact #contactform .submit .error li {
	display: none;
	margin: 5px 0;
	background-color: #ffee9d;
	margin: 5px auto;
	padding: 20px;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	border-radius: 10px;
}
#sub.contact #contactform .submit .error li.disabled {
	display: list-item;
}





/*
送信ボタン
*/
#sub.contact #contactform .submit button {
	/*リセット*/
	display: block;
	box-sizing: border-box;
	background: transparent;
	border: none;
	/*スタイル追加*/
	position: relative;
	display: block;
	box-sizing: border-box;
	background-image: linear-gradient(120deg, rgba(195, 192, 217, 0.5), rgba(97, 97, 229, 0.8));
	color: #ffffff;
	margin: 0 auto;
	font-size: min(1.4vw, 14px);
	text-decoration: none;
	text-align: center;
	text-shadow: 0 0 10px rgba(40, 40, 75, 0.2);
	border-radius: 100px;
	box-shadow: 0 6px 15px rgba(190, 210, 215, 0.75), inset 0 0 10px #ffffff;
	cursor: pointer;
	transition-duration: 1000ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 2, 0.59, .99);
	transform-origin: center;
}
#sub.contact #contactform .submit button span {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 25px 160px;
	font-size: 15px;
	font-weight: 300;
	border: 1px rgba(255, 255, 255, 0.3) solid;
	border-radius: 100px;
	overflow: hidden;
}


/*光彩*/
#sub.contact #contactform .submit button span::before,
#sub.contact #contactform .submit button span::after {
	content: "";
	display: block;
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	transition-duration: 1000ms;
	transition-delay: 0ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,2,0.59,.99);
	transform-origin: center;
}
#sub.contact #contactform .submit button span::before {
	top: -3px;
	left: -3px;
	background-image: url(../images/obj_glow_top.png);
}

#sub.contact #contactform .submit button span::after {
	bottom: -3px;
	right: -3px;
	background-image: url(../images/obj_glow_bottom.png);
}


/*ホバー*/
#sub.contact #contactform .submit button:hover {
	background-color: #69abff;
	text-shadow: 0 0 6px rgba(255, 255, 255, 1);
}

#sub.contact #contactform .submit button:hover span::before,
#sub.contact #contactform .submit button:hover span::after {
	transform: scale(3) rotate(30deg);
}


/*ボタン無効*/
#sub.contact #contactform .submit button.disabled {
	pointer-events: none;
	background-image: linear-gradient(120deg, rgba(154, 178, 180, 0.7), rgba(125, 145, 130, 1));
	background-color: #9ab2b5;
	color: #c0d4d6;
	cursor: none;
}





/*
トップページに戻るボタン
*/
#sub.contact #confirm {
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto 200px auto;
	text-align: center;
}


#sub.contact #confirm .detail p {
	margin: 0 0 1em;
	font-size: 15px;
	line-height: 1.65em;
	letter-spacing: 0.065em;
}


#sub.contact #confirm .detail p.btn_a {
	width: 300px;
	margin: 80px auto;
}

#sub.contact #confirm .detail p.btn_a span {
	padding: 20px 30px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Contact：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Contact：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Contact：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

その他

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
その他：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#sub.other {}





/*
汎用ドキュメントタイプ
*/
.othercontents {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 170px auto;
}





/*
汎用ドキュメントタイプ：イントロダクション
*/
.othercontents .intro {
	margin: 0 0 100px 0;
}


/*見出し*/
.othercontents .intro h2 {
	box-sizing: border-box;
	margin: 0 0 30px 0;
	padding: 20px;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	border: 1px #6161e5 solid;
	border-radius: 10px;
}


/*行*/
.othercontents .intro p {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.65em;
	letter-spacing: 0.065em;
}





/*
汎用ドキュメントタイプ：基本文字レイアウト
*/
/*リストスタイル*/
.othercontents section > ol {}

.othercontents section > ol > li {
	margin: 0 0 100px 0;
}


/*見出し*/
.othercontents section h3 {
	margin: 0 0 40px 0;
	padding: 10px 0 10px 20px;
	font-size: 16px;
	font-weight: 300;
	text-box-trim: trim-both;
	border-left: 1px #6161e5 solid;
}
.othercontents section h3 span {
	display: inline-block;
	box-sizing: border-box;
	background-color: #6161e5;
	color: #ffffff;
	min-width: 37px;
	margin: 0 10px 0 0;
	padding: 3px 6px;
	font-size: 12px;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	line-height: 1em;
	text-box-trim: trim-both;
	border-radius: 3px;
}

.othercontents section h4 {
	margin: 0 0 15px 0;
	font-size: 16px;
}


/*行*/
.othercontents section p {
	font-size: 13px;
	font-weight: 300;
	line-height: 2.65em;
	letter-spacing: 0.065em;
}


/*行*/
.othercontents section address {
	box-sizing: border-box;
	background-color: #ffffff;
	margin: 2em 0;
	padding: 1.5em;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.65em;
	letter-spacing: 0.065em;
	border-radius: 6px;
}


/*リスト*/
.othercontents section > ol > li ul {
	box-sizing: border-box;
	margin: 2em 0;
	padding: 1.5em;
	border: 1px #d1dfe3 solid;
	border-radius: 10px;
}

.othercontents section > ol > li ul li {
	margin: 0 0 0 1.5em;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.65em;
	letter-spacing: 0.065em;
	list-style-type: disc;
}

.othercontents section > ol > li ol {
	margin: 0 0 0 1.5em;
}
.othercontents section > ol > li ol > li {
	margin: 0 0 20px 0;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.65em;
	letter-spacing: 0.065em;
	list-style-type: decimal;
}
.othercontents section > ol > li ol > li:last-child {
	margin: 0;
}





/*
汎用ドキュメントタイプ：そよぎフラクタル専用
*/
.othercontents#soyogiguideline section.intro .okng {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.othercontents#soyogiguideline section.intro .okng div {
	align-self: stretch;
	box-sizing: border-box;
	background-color: #ffffff;
	width: 48%;
	padding: 2em;
}

.othercontents#soyogiguideline section.intro .okng div h4 {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	font-size: 22px;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-align: center;
}
.othercontents#soyogiguideline section.intro .okng div.ok h4 {
	color: #31bca7;
	border-bottom: 1px #31bca7 solid;
}
.othercontents#soyogiguideline section.intro .okng div.ng h4 {
	color: #b22222;
	border-bottom: 1px #b22222 solid;
}

.othercontents#soyogiguideline section.intro .okng ul li {
	margin: 0 0 20px 0;
	font-size: 13px;
	font-weight: 300;
}
.othercontents#soyogiguideline section.intro .okng ul li:last-child {
	margin: 0;
}



/*text-combine-upright: all;*/ /*縦書き中の合字*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
その他：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
その他：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
その他：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

content

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
content：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#content {
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
content：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
content：アニメーション処理_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
content：アニメーション処理_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/