@charset "utf-8";

html {
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
	background: #fff;
	color: #000;
	font-size: 62.5%;
}
body {
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: 400;
	word-break: break-word;
	-webkit-text-size-adjust: 100%;
}

.noto-serif {
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

/* FireFox リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover {
	overflow: hidden;
	outline: none;
}

/*** ソーシャルボタン ***/
#sns-block {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
	font-weight: 400;
	width: 100%;
	background: #fff;
	padding-bottom: 16px;
}
.sns {
	width: 96%;
	padding-top: 16px;
	margin: 0 auto;
	text-align: center;
}
.ttl-sns {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	padding-top: 9px;
	color: #000;
	font-size: .9em;
}
.ttl-sns i {
	padding-right: .1em;
}
.sns-list {
	display: inline-block;
	font-size:0;
	padding: 0;
	list-style: none;
}
.sns-list li {
	display: inline-block;
	position: relative;
	margin: 0 8px;
}
.sns-list li img {
	width: 35px;
	height: auto;
	vertical-align: middle;
}
@media screen and (min-width: 40em) {
	.sns {
		width: 980px;
	}
	.ttl-sns {
		margin-right: 22px;
		padding-top: 7px;
	}
	.sns-list li img {
		width: 32px;
		height: auto;
		vertical-align: middle;
	}
}
@media screen and (min-width: 64em) {
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/** common style **/
ul {
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-webkit-backface-visibility : hidden;
}

.hide {
	display: none;
	overflow: hidden;
	height: 0px;
}

*, *:before, *:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/** movie-box **/
.movie-box {
	width: 100%;
	margin: 0 auto;
}
.movie-box-inner {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
}
.movie-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/** base **/
.pageup a {
	z-index: 999;
}

@media only screen and (max-width: 640px) {
	#global-nav:nth-of-type(1) {
		display: none;
	}
	
	body {
	}
	
	#tourette-index #container {
		width: 100%;
	}
	#tourette-index #container-inner {
	}
	
	#tourette-index #content {
		width: 100%;
	}
	#tourette-index #content-inner {
	}

	.sp-hide {
		display: none;
	}

	/* SNS reset */
	.ttl-sns {
		font-size: 1.4rem;
	}

	/* pageup */
	.pageup {
	}
	.pageup a {
		display: block;
		background: url(../images/btn-pageup.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		width: 54px;
		height: 54px;
		background-size: contain;
		position: fixed;
		right: 20px;
		bottom: 20px;
	}
}
@media print, screen and (min-width: 641px) {
	body {
		min-width: 1080px;
	}
	
	#tourette-index #container {
		width: 100%;
	}
	#tourette-index #container-inner {
	}
	
	#tourette-index #content {
		width: 100%;
	}
	#tourette-index #content-inner {
	}
	
	.pc-hide {
		display: none;
	}
	
	/* pageup */
	.pageup {
	}
	.pageup a {
		display: block;
		background: url(../images/btn-pageup.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 77px;
		height: 77px;
		background-size: contain;
		position: fixed;
		right: 20px;
		bottom: 20px;
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	.pageup a:hover {
		opacity: 0.6;
	}
}

@media screen and (max-width: 640px) {
	.inner {
		width: 92%;
		margin: 0 auto
	}
}
@media screen and (min-width: 641px) {
	.inner {
		width: 980px;
		margin: 0 auto;
	}
}


/*** #block01 ***/
#tourette-index #block01 {
	width: 100%;
}

@media screen and (max-width: 640px) {
	#tourette-index #block01 {
		padding: 15.0vw 0 15.8vw;
	}
	#tourette-index #block01 h2 {
		font-size: 6.4vw; /* 48px */
		margin: 0 8.4% 2vw 0;
		text-align: center;
		font-weight: normal;
	}
	#tourette-index #block01 p {
		text-align: center;
		margin: 0 0 4.6vw 0;
	}
}
@media screen and (min-width: 641px) {
	#tourette-index #block01 {
		padding: 102px 0;
	}
	#tourette-index #block01 .movie-box {
		width: 800px;
	}
	#tourette-index #block01 h2 {
		font-size: 3.6rem;
		margin: 0 0 10px;
		text-align: center;
		font-weight: normal;
	}
	#tourette-index #block01 p {
		text-align: center;
		margin: 0 0 40px;
	}
}


/*** #block02 ***/
#tourette-index #block02 {
}

#tourette-index #block02 .block02-text h2,
#tourette-index #block02 .block02-text h3 {
	font-weight: 500;
}
#tourette-index #block02 .block02-text h2 {
	text-align: center;
}

@media screen and (max-width: 640px) {
	#tourette-index #block02 {
	}
	#tourette-index #block02 .block02-text {
		width: 96%;
		background: #f0f5fd;
		letter-spacing: -0.02em;
		margin: 0 0 0 4.0%;
	}
	#tourette-index #block02 .block02-text-inner {
		padding: 0 2.8% 0 6.2%;
	}
	#tourette-index #block02 .block02-text.box01 {
		padding: 8.0vw 0 0;
	}
	#tourette-index #block02 .block02-text.box02 {
		padding: 4.6vw 0 5.4vw;
	}
	#tourette-index #block02 .block02-text h2 {
		font-size: 6.4vw; /* 48px */
		margin: 0 8.4% 4.6vw 0;
	}
	#tourette-index #block02 .block02-text h3 {
		font-size: 5.333333vw; /* 40px */
		line-height: 1.3;
		margin: 0 0 4.6vw;
	}
	#tourette-index #block02 .block02-text p {
		font-size: 4.0vw; /* 30px */
		line-height: 1.4;
	}

	#tourette-index #block02 #block02-pic {
		display: block;
		background: url(../images/block02-sp.jpg) no-repeat center top;
		padding: 57.333333% 0 0;
		background-size: contain;
	}

	#tourette-index #block02 #block02-close {
		width: 96%;
		background: #f0f5fd;
		padding: 0 0 16vw;
		margin: 0 0 0 4.0%;
	}
}
@media screen and (min-width: 641px) {
	#tourette-index #block02 {
		background: linear-gradient(90deg, #f0f5fd 0%, #f0f5fd 50%, transparent 50%, transparent 100%);
	}
	#tourette-index #block02 .block02-text {
		background: url(../images/block02-text-bg-pc.png) repeat-y center top;
	}
	#tourette-index #block02 .block02-text-inner {
		width: 920px;
		margin: 0 auto;
	}
	#tourette-index #block02 .block02-text.box01 {
		padding: 50px 0 0;
	}
	#tourette-index #block02 .block02-text.box02 {
		padding: 28px 0 36px;
	}
	#tourette-index #block02 .block02-text h2 {
		font-size: 3.6rem;
		margin: 0 0 32px;
	}
	#tourette-index #block02 .block02-text h3 {
		font-size: 3.4rem;
		margin: 0 0 28px;
	}
	#tourette-index #block02 .block02-text p {
		font-size: 2.2rem;
	}

	#tourette-index #block02 #block02-pic {
		display: block;
		background: url(../images/block02-pc.jpg) no-repeat center top;
		height: 890px;
		background-size: cover;
		margin: 0 auto;
	}

	#tourette-index #block02 #block02-close {
		background: url(../images/block02-text-bg-pc.png) repeat-y center top;
		padding: 0 0 100px;
	}
}
@media screen and (min-width: 1920px) {
	#tourette-index #block02 #block02-pic {
		background-size: contain;
	}
}


/*** #block03 ***/
#tourette-index #block03 {
}
#tourette-index #block03 .case-box {
	position: relative;
}
#tourette-index #block03 .case-detail {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}
#tourette-index #block03 .case-detail .case-detail-head h2 {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
}
#tourette-index #block03 .case-detail-content p {
	letter-spacing: -0.02em;
}
#tourette-index #block03 .case-detail-content p span {
	font-weight: 600;
}
#tourette-index #block03 #case01-box .case-detail-content p span {
	color: #00dfff;
}
#tourette-index #block03 #case02-box .case-detail-content p span {
	color: #1ccd5f;
}
#tourette-index #block03 #case03-box .case-detail-content p span {
	color: #ffae00;
}

#tourette-index #block03 .case-box {
	position: relative;
}
#tourette-index #block03 #case01-box #case01-bg {
	display: block;
	background: linear-gradient(135deg, #f0f5fd, #f0f5fd 15%, #e2faff 85%, #e2faff);
	position: relative;
	z-index: 0;
}
#tourette-index #block03 #case02-box #case02-bg {
	display: block;
	background: linear-gradient(135deg, #e2faff, #e2faff 15%, #e1f7e7 85%, #e1f7e7);
	position: relative;
	z-index: 0;
}
#tourette-index #block03 #case03-box #case03-bg {
	display: block;
	background: linear-gradient(135deg, #e1f7e8, #e1f7e8 15%, #fff3dc 85%, #fff3dc);
	position: relative;
	z-index: 0;
}

@media screen and (max-width: 640px) {
	#tourette-index #block03 {
		padding: 12.4vw 0 0;
	}

	#tourette-index #block03 .case-box {
		margin: 0 0 11.2vw;
	}
	#tourette-index #block03 #case03-box.case-box {
		margin: 0;
	}
	#tourette-index #block03 .case-detail {
		width: 92%;
		top: -4.266667vw;
	}
	#tourette-index #block03 .case-detail-content p {
		font-size: 4.0vw; /* 30px */
		line-height: 1.4;
		color: #fff;
	}
	#tourette-index #block03 .case-detail-content p span {
		font-size: 5.333333vw; /* 40px */
	}

	#tourette-index #block03 #case01-box,
	#tourette-index #block03 #case02-box,
	#tourette-index #block03 #case03-box {
	}
	#tourette-index #block03 #case01-box .case-detail-head h2,
	#tourette-index #block03 #case02-box .case-detail-head h2,
	#tourette-index #block03 #case03-box .case-detail-head h2 {
		width: 63%;
		padding: 39.774194% 0 0; /* w100% = 63.133641% */
		background-size: contain;
		margin: 0 0 10.6vw;
	}
	#tourette-index #block03 #case02-box .case-detail-head h2 {
		margin: 0 0 29.4vw 39%;
	}
	#tourette-index #block03 #case03-box .case-detail-head h2 {
		margin: 0 0 17.4vw;
	}
	#tourette-index #block03 #case01-box #case01-pic,
	#tourette-index #block03 #case02-box #case02-pic,
	#tourette-index #block03 #case03-box #case03-pic {
		height: 103vw;
		position: relative;
		z-index: 1;
	}
	#tourette-index #block03 #case01-box #case01-bg,
	#tourette-index #block03 #case02-box #case02-bg,
	#tourette-index #block03 #case03-box #case03-bg {
		width: 86%;
		height: 17vw;
		margin: -1.0vw 0 0;
	}
	#tourette-index #block03 #case02-box #case02-bg {
		margin: -1.0vw 0 0 14%;
	}
	#tourette-index #block03 #case01-box .case-detail-head h2 {
		display: block;
		background: url(../images/block03-name01-sp.png) no-repeat center top;
		background-size: contain;
	}
	#tourette-index #block03 #case01-box #case01-pic {
		display: block;
		background: url(../images/block03-pic01-sp.jpg) no-repeat center top;
		background-size: cover;
	}

	#tourette-index #block03 #case02-box .case-detail-head h2 {
		display: block;
		background: url(../images/block03-name02-sp.png) no-repeat center top;
		background-size: contain;
	}
	#tourette-index #block03 #case02-box #case02-pic {
		display: block;
		background: url(../images/block03-pic02-sp.jpg) no-repeat center top;
		background-size: cover;
	}

	#tourette-index #block03 #case03-box .case-detail-head h2 {
		display: block;
		background: url(../images/block03-name03-sp.png) no-repeat center top;
		background-size: contain;
	}
	#tourette-index #block03 #case03-box #case03-pic {
		display: block;
		background: url(../images/block03-pic03-sp.jpg) no-repeat center top;
		background-size: cover;
	}
}
@media screen and (min-width: 641px) {
	#tourette-index #block03 {
		padding: 132px 0 0;
	}

	#tourette-index #block03 .case-box {
		margin: 0 0 132px;
	}
	#tourette-index #block03 #case03-box.case-box {
		margin: 0;
	}
	#tourette-index #block03 .case-detail {
		width: 920px;
		top: -32px;
	}
	#tourette-index #block03 .case-detail-content p {
		font-size: 2.8rem;
		color: #fff;
	}
	#tourette-index #block03 #case02-box .case-detail-content p {
		margin: 0 0 0 170px;
	}
	#tourette-index #block03 .case-detail-content p span {
		font-size: 3.6rem;
	}

	#tourette-index #block03 #case01-box,
	#tourette-index #block03 #case02-box,
	#tourette-index #block03 #case03-box {
		height: 800px;
	}
	#tourette-index #block03 #case01-box .case-detail-head h2,
	#tourette-index #block03 #case02-box .case-detail-head h2,
	#tourette-index #block03 #case03-box .case-detail-head h2 {
		width: 434px;
		height: 274px;
		margin: 0 0 84px;
	}
	#tourette-index #block03 #case02-box .case-detail-head h2 {
		margin: 0 0 176px;
	}
	#tourette-index #block03 #case01-box #case01-pic,
	#tourette-index #block03 #case02-box #case02-pic,
	#tourette-index #block03 #case03-box #case03-pic {
		height: 700px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	#tourette-index #block03 #case01-box #case01-bg,
	#tourette-index #block03 #case02-box #case02-bg,
	#tourette-index #block03 #case03-box #case03-bg {
		height: 700px;
		margin-top: -600px;
	}

	#tourette-index #block03 #case01-box .case-detail-head h2 {
		display: block;
		background: url(../images/block03-name01-pc.png) no-repeat center top;
	}
	#tourette-index #block03 #case01-box #case01-pic {
		display: block;
		background: url(../images/block03-pic01-pc.png) no-repeat center top;
	}

	#tourette-index #block03 #case02-box .case-detail-head h2 {
		display: block;
		background: url(../images/block03-name02-pc.png) no-repeat center top;
		margin-left: 530px;
	}
	#tourette-index #block03 #case02-box #case02-pic {
		display: block;
		background: url(../images/block03-pic02-pc.png) no-repeat center top;
	}

	#tourette-index #block03 #case03-box .case-detail-head h2 {
		display: block;
		background: url(../images/block03-name03-pc.png) no-repeat center top;
	}
	#tourette-index #block03 #case03-box #case03-pic {
		display: block;
		background: url(../images/block03-pic03-pc.png) no-repeat center top;
	}
}


/*** #block04 ***/
#tourette-index #block04 {
}
#tourette-index #block04 #episode-link {
	margin: 0 auto;
}

@media screen and (max-width: 640px) {
	#tourette-index #block04 {
		padding: 15.4vw 0 12.6vw;
	}
	#tourette-index #block04 .inner {
	}

	#tourette-index #block04 #pic-box {
		margin: 0 0 13.2vw;
	}
}

@media screen and (min-width: 641px) {
	#tourette-index #block04 {
		padding: 100px 0;
	}
	#tourette-index #block04 .inner {
		width: 100%;
	}

	#tourette-index #block04 #pic-box {
		overflow-x: hidden;
		margin: 0 0 100px;

		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
	}
	#tourette-index #block04 #pic-box figure {
		width: 683px;
		flex-shrink: 0;
	}
	#tourette-index #block04 #episode-link {
		width: 917px;
	}
	#tourette-index #block04 #episode-link a {
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#tourette-index #block04 #episode-link a:hover {
		opacity: 0.6;
	}
}


/*** #block05 ***/
#tourette-index #block05 {
	background: #efefef;
}

@media screen and (max-width: 640px) {
	#tourette-index #block05 {
		padding: 9.2vw 0;
	}
	#tourette-index #block05 .inner {
	}

	#tourette-index #block05 #bnr-box {
		width: 59.333333vw;
		margin: 0 auto;
	}
	#tourette-index #block05 #bnr-box figure:first-child {
		margin: 0 0 5.8vw;
	}
}

@media screen and (min-width: 641px) {
	#tourette-index #block05 {
		padding: 72px 0;
	}
	#tourette-index #block05 .inner {
		width: 920px;
	}

	#tourette-index #block05 #bnr-box {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}
	#tourette-index #block05 #bnr-box figure {
		width: 440px;
		flex-shrink: 0;
	}
	#tourette-index #block05 #bnr-box figure a {
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#tourette-index #block05 #bnr-box figure a:hover {
		opacity: 0.6;
	}
}


/*** #block06 ***/
#tourette-index #block06 {
}
#tourette-index #block06 h2 {
	text-align: center;
}
#tourette-index #block06 h3 {
	background: #00bad5;
	color: #fff;
	font-weight: 500;
	text-align: center;
	position: relative;
}
#tourette-index #block06 h3:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
#tourette-index #block06 #ch-box ul {
	display: flex;
	flex-wrap: wrap;
}
#tourette-index #block06 #ch-box li a {
	color: #000;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: -0.02em;
}

@media screen and (max-width: 640px) {
	#tourette-index #block06 {
		padding: 9.2vw 0;
	}
	#tourette-index #block06 .inner {
	}

	#tourette-index #block06 h2 {
		font-size: 4.8vw; /* 36px */
		margin: 0 0 3.6vw;
	}
	#tourette-index #block06 h3 {
		font-size: 3.733333vw; /* 28px */
		line-height: 1.4;
		padding: 0.5em 0 0.64em;
		margin: 0 0 48px;
	}
	#tourette-index #block06 h3:before {
		border-top: 2.0vw solid #00bad5;
		border-right: 2.0vw solid transparent;
		border-left: 2.0vw solid transparent;
	}
	
	#tourette-index #block06 #ch-box ul {
		justify-content: space-between;
	}
	#tourette-index #block06 #ch-box li {
		width: 47.5%;
		font-size: 3.733333vw; /* 28px */
		margin: 0 0 3.2vw;
		flex-shrink: 0;
	}
	#tourette-index #block06 #ch-box li a {
		line-height: 1.4;
	}
	#tourette-index #block06 #ch-box li figure {
		margin: 0 0 1.4vw;
	}
}
@media screen and (min-width: 641px) {
	#tourette-index #block06 {
		padding: 78px 0 70px;
	}
	#tourette-index #block06 .inner {
		width: 920px;
	}

	#tourette-index #block06 h2 {
		font-size: 3.6rem;
		margin: 0 0 48px;
	}
	#tourette-index #block06 h3 {
		font-size: 2.8rem;
		padding: 0.28em 0 0.36em;
		margin: 0 0 46px;
	}
	#tourette-index #block06 h3:before {
		border-top: 15px solid #00bad5;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}
	
	#tourette-index #block06 #ch-box ul {
		justify-content: left;
	}
	#tourette-index #block06 #ch-box li {
		width: 200px;
		font-size: 1.4rem;
		flex-shrink: 0;
		margin: 0 40px 18px 0;
	}
	#tourette-index #block06 #ch-box li:nth-child(4n) {
		margin: 0 0 18px;
	}
	#tourette-index #block06 #ch-box li a {
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#tourette-index #block06 #ch-box li a:hover {
		text-decoration: underline;
		opacity: 0.6;
	}
	#tourette-index #block06 #ch-box li figure {
		margin: 0 0 10px;
	}
}


/*** #block07 ***/
#tourette-index #block07 {
	background: #efefef;
}
#tourette-index #block07 h2 {
	font-weight: 500;
	text-align: center;
}

#tourette-index #block07 #staff-box {
	font-weight: 500;

	display: flex;
	justify-content: space-between;
}
#tourette-index #block07 #teller-panel {
	line-height: 1.3;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#tourette-index #block07 {
		width: 100%;
		padding: 9.6vw 0 12.8vw;
	}
	#tourette-index #block07 h2 {
		font-size: 4.8vw; /* 36px */
		margin: 0 0 6.4vw;
	}

	#tourette-index #block07 #staff-box {
		width: 100%;
		padding: 0 0 0 3.0%;
	}
	#tourette-index #block07 #staff-box p {
		font-size: 3.733333vw; /* 28px */
	}
	#tourette-index #block07 #staff-box #teller-panel p {
		font-size: 3.2vw; /* 24px */
	}
	#tourette-index #block07 #staff-box #teller-panel p span {
		font-size: 3.733333vw; /* 28px */
	}

	#tourette-index #block07 #teller-panel {
		width: 43%;
	}
	#tourette-index #block07 #teller-panel figure {
		margin: 0 0 1.8vw;
	}

	#tourette-index #block07 #staff-box #staff-panel {
		width: 54%;
		line-height: 1.5;
	}
	#tourette-index #block07 #staff-box .staff-panel-l,
	#tourette-index #block07 #staff-box .staff-panel-r {
	}
	#tourette-index #block07 #staff-box .staff-panel-l {
		margin: 0 0 1.0em;
	}
	#tourette-index #block07 #staff-box .staff-panel-r {
	}
}

@media screen and (min-width: 641px) {
	#tourette-index #block07 {
		width: 100%;
		padding: 84px 0 72px;
	}
	#tourette-index #block07 h2 {
		font-size: 3.6rem;
		margin: 0 0 54px;
	}

	#tourette-index #block07 #staff-box {
		align-items: center;
	}
	#tourette-index #block07 #staff-box p {
		font-size: 1.6rem;
	}
	#tourette-index #block07 #staff-box p span {
		font-size: 2.0rem;
	}

	#tourette-index #block07 #teller-panel {
		width: 200px;
	}
	#tourette-index #block07 #teller-panel figure {
		margin: 0 0 10px;
	}

	#tourette-index #block07 #staff-box #staff-panel {
		width: 550px;
		line-height: 1.64;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
	}
	#tourette-index #block07 #staff-box .staff-panel-l,
	#tourette-index #block07 #staff-box .staff-panel-r {
		width: 275px;
		padding: 30px 0;
		flex-shrink: 0;
	}
	#tourette-index #block07 #staff-box .staff-panel-l {
		border-right: 1px solid #bfbfbf;
	}
	#tourette-index #block07 #staff-box .staff-panel-r {
		padding: 0 0 0 75px;
	}
}


/***** episode *****/
#tourette-tree {
}

#tourette-tree #column-box {
	font-weight: 400;
}
#tourette-tree #column-box p.staff {
	text-align: right;
}
#tourette-tree #column-box .column-title h2,
#tourette-tree #column-box h3 {
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 700;
}
#tourette-tree #column-box .column-title {
	text-align: center;
}
#tourette-tree #column-box .column-title h2 {
	display: inline-block;
	letter-spacing: -0.02em;
	position: relative;
}
#tourette-tree #column-box .column-title h2:before {
	content: '';
	display: inline-block;
	background: #00bad5;
	width: 2.2em;
	height: 3px;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
}
#tourette-tree #column-box figure {
	text-align: center;
}

#tourette-tree #column-box hr {
	height: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
}

#tourette-tree p#btn-top a {
	background: #efefef;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#tourette-tree #content {
		width: 92%;
		line-height: 1.8;
		padding: 6.4vw 0 12.4vw;
		margin: 0 auto;
	}

	#tourette-tree #column-head {
		margin: 0 auto 3.0vw;
	}

	#tourette-tree #column-box {
		font-size: 4.266667vw; /* 32px */
		padding: 0 0 9.6vw;
	}

	#tourette-tree #column-box .column-title h2 {
		font-size: 6.4vw; /* 48px */
		margin: 0 0 4.6vw;
	}
	#tourette-tree #column-box .column-title h2:before {
		bottom: -0.16em;
	}
	
	#tourette-tree #column-box figure {
		margin: 0 0 4.2vw;
	}

	#tourette-tree #column-box p,
	#tourette-tree #column-box h3 {
		margin: 0 0 3.6vw;
	}
	#tourette-tree #column-box p.staff {
		margin: 0 0 3.6vw;
	}

	#tourette-tree #column-box hr {
		margin: 0 0 1em;
		padding: 1em 0 0;
	}
	
	#tourette-tree p#btn-top a {
		display: block;
		width: 60vw;
		font-size: 3.733333vw; /* 28px */
		color: #000;
		text-decoration: none;
		padding: 0.8em 0 0.9em;
		margin: 0 auto;
	}
}

@media screen and (min-width: 641px) {
	#tourette-tree #content {
		width: 920px;
		line-height: 1.7;
		padding: 44px 0 100px;
		margin: 0 auto;
	}

	#tourette-tree #column-head {
		margin: 0 auto 32px;
	}

	#tourette-tree #column-box {
		font-size: 1.8rem;
		padding: 0 0 72px;
	}

	#tourette-tree #column-box .column-title h2 {
		font-size: 4.0rem;
		margin: 0 0 40px;
	}
	#tourette-tree #column-box .column-title h2:before {
		bottom: -12px;
	}

	#tourette-tree #column-box figure {
		margin: 0 0 24px;
	}

	#tourette-tree #column-box p,
	#tourette-tree #column-box h3 {
		margin: 0 0 36px;
	}
	#tourette-tree #column-box p.staff {
		font-size: 1.6rem;
		margin: 0 0 18px;
	}
	#tourette-tree #column-box h3 {
		font-size: 2.0rem;
	}

	#tourette-tree #column-box hr {
		margin: 0 0 2em;
		padding: 1em 0 0;
	}
	
	#tourette-tree p#btn-top a {
		display: block;
		width: 260px;
		font-size: 1.6rem;
		color: #000;
		text-decoration: none;
		padding: 0.8em 0 0.7em;
		margin: 0 auto;
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#tourette-tree p#btn-top a:hover {
		opacity: 0.6;
	}
}