@charset "UTF-8";

/*
Theme Name: JTB Next Creation vol.2
Theme URI: https://www.jtbnextcreation.com
Author: JTB Next Creation
Author URI: https://www.jtbnextcreation.com
Description: JTB Next Creation vol.1 2021/2/16
Version: 0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

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

html {
	height: 100%;
	font-size: 62.5%;
}

body {
	font-size: 16px;
	font-size: 1.6rem;
	height: 100%;
	position: relative;
	color: #333;
	/* font-family: helvetica, arial, YuGothic, 'Yu Gothic', 'メイリオ', sans-serif; */
	/* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Noto Serif JP', serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "palt";
	letter-spacing: 0.06em;
	z-index: 0;
	line-height: 1.75;
}

img {
	/* width: 100%; */
	/* height: 100%; */
}

a {
	transition: 0.3s;
}

a:hover {
	opacity: 0.3;
}

main {
	margin: 0 auto;
	/* background:#f00; */
}

main .container {
	width: 1280px;
	margin: 0 auto;
	/* background:#0f0; */
}

@media screen and (max-width:720px) {
	main .container {
		width: 100%;
	}
}

p {
	margin-bottom: 24px;
}

/*各ページのヘッダイメージ */
.header-images {
	width: 1280px;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	.header-images {
		width: 100%;
	}
}

/* トップページのヘッダ部分 */
.container .top-image {
	margin: 0;
	padding: 0 z-index: 1;
}

.container .top-image img {
	width: 100%;
	margin: 0;
	padding: 0 position: relative;
}

header {
	width: 1280px;
	margin: 0 auto;
	padding-top: 12px;
	position: fixed;
	z-index: 999;
	display: block;
	height: 64px;
	background: rgba(255, 255, 255, 0.7);
	left: 0;
	right: 0;
	margin: auto;
	font-family: 'Kosugi Maru', sans-serif;
}

@media screen and (max-width:720px) {
	header {
		width: 100%;
	}
}

@media screen and (max-width:720px) {
	.container .top-image img {
		width: 50%;
		margin: 0;
		padding: 0 position: relative;
	}
}

/* トップページのスライド内のテキスト */
.container .top-text-box {
	font-size: 14px;
	z-index: 10;
	width: 370px;
	position: absolute;
	top: 660px;
	left: 900px;
	/* background:#f00; */
}

/* トップページのヘッダ部分下のテキスト */
.container .top-text-box-a {
	width: 1050px;
	margin: 64px auto;
	text-align: left;
}

@media screen and (max-width:720px) {
	.container .top-text-box-a {
		box-sizing: border-box;
		width: 100%;
		padding: 4%;
	}
}

.container .top-text-box-a h2 {
	text-align: center;
	font-weight: normal;
}

/* トップページのヘッダ部分下の3つのリンク */
.top-link-box-a {
	width: 1280px;
	height: 543px;
	margin: 0 auto;
	padding: 100px 0;
	background: url("images/top-text-box-a-back.gif");
	text-align: center;
}

@media screen and (max-width:720px) {
	.top-link-box-a {
		width: 100%;
		text-align: center;
		height: 100%;
	}
}

@media screen and (max-width:720px) {
	.top-link-box-a img {
		width: 80%;
	}
}

/* トップページの問い合わせのリンク */
.top-link-box-b {
	width: 1280px;
	height: 131px;
	margin: 48px auto;
	padding: 24px 0;
	background: url("images/link-back2.gif");
	text-align: center;
}

@media screen and (max-width:720px) {
	.colum-topics {
		width: 100%;
		text-align: center;
		height: 100%
	}
}

@media screen and (max-width:720px) {
	.colum-topics img {
		width: 100%;
	}
}

@media screen and (max-width:720px) {
	.top-link-box-b {
		width: 100%;
		text-align: center;
		height: 100%
	}
}

@media screen and (max-width:720px) {
	.top-link-box-b img {
		width: 100%;
	}
}

/* ニュース */
.container .news-title {
	text-align: center;
	margin: 64px auto;
}

.container .news-tab-box {
	width: 1080px;
	margin: 0 auto;
	height: 22px;
	border-bottom: 1px #ccc solid;
}

@media screen and (max-width:720px) {
	.container .news-tab-box {
		width: 100%;
	}
}

.container .news-tab-box .image-box {
	height: 20px;
	width: 140px;
	float: right;
}

.container .news-list-box {
	width: 1080px;
	margin: 0 auto;
	font-size: 16px;
}

@media screen and (max-width:720px) {
	.container .news-list-box {
		width: 100%;
		/* background:#f00; */
	}
}

@media screen and (max-width:720px) {
	.container .news-list-box a {
		display: block;
		margin-top: 4px;
		margin-left: -148px;
	}

}

.container .news-list-box a {
	text-decoration: none;
	color: #333;
	transition: 0.3s;
}

.container .news-list-box a:hover {
	opacity: 0.3;
}

.container .news-list-box .news-date {
	margin-right: 14px;
}

.container .news-list-box li.news-cat-all {
	list-style: none;
	background: url("images/news-tab-all.png");
	background-repeat: no-repeat;
	padding-left: 148px;
	margin-bottom: 24px;
	line-height: 20px;
}

.container .news-list-box li.news-cat1 {
	list-style: none;
	background: url("images/news-tab-cat1.png");
	background-repeat: no-repeat;
	padding-left: 148px;
	margin-bottom: 24px;
	line-height: 20px;
}

.container .news-list-box li.news-cat2 {
	list-style: none;
	background: url("images/news-tab-cat2.png");
	background-repeat: no-repeat;
	padding-left: 148px;
	margin-bottom: 24px;
	line-height: 20px;
}

.container .news-list-box li.news-cat3 {
	list-style: none;
	background: url("images/news-tab-cat3.png");
	background-repeat: no-repeat;
	padding-left: 148px;
	margin-bottom: 24px;
	line-height: 20px;
}

.container .news-list-box li.news-cat4 {
	list-style: none;
	background: url("images/news-tab-cat4.png");
	background-repeat: no-repeat;
	padding-left: 148px;
	margin-bottom: 24px;
	line-height: 20px;
}

.container .news-list-box li.news-cat5 {
	list-style: none;
	background: url("images/news-tab-cat5.png");
	background-repeat: no-repeat;
	padding-left: 148px;
	margin-bottom: 24px;
	line-height: 20px;
}

.container .news-list-box li.news-cat6 {
	list-style: none;
	background: url("images/news-tab-cat6.png");
	background-repeat: no-repeat;
	padding-left: 148px;
	margin-bottom: 24px;
	line-height: 20px;
}

.container .news-list-box .view {
	text-align: right;
	margin: 64px auto;
}

.container .form-link-box {
	padding: 128px 0;
	text-align: center;
}

/* トップページのバナーエリア */
.container .banner-box {
	width: 1026px;
	/* background:#f00; */
	margin: 0 auto;
	margin-bottom: 0;
	display: block;
}

@media screen and (max-width:720px) {
	.container .banner-box {
		width: 100%;
		/* background:#f00; */
		margin: 0 auto;
		margin-bottom: 0;
		display: block;
		text-align: center;
	}
}

.container .banner-box .image-box-a {
	width: 234px;
	height: 60px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

@media screen and (max-width:720px) {
	.container .banner-box .image-box-a {
		width: 80%;
		height: 80%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.container .banner-box .image-box-a img {
		width: 100%;
	}
}

.container .banner-box .image-box-b {
	width: 234px;
	height: 60px;
	float: left;
	margin-right: 0;
	margin-bottom: 30px;
}

@media screen and (max-width:720px) {
	.container .banner-box .image-box-b {
		width: 80%;
		height: 80%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.container .banner-box .image-box-b img {
		width: 100%;
	}
}

/* footer */
footer {
	width: 1280px;
	margin: 0 auto;
	padding-top: 64px;
	height: 468px;
	background: url("images/footer-back.gif");
	font-family: 'Kosugi Maru', sans-serif;
}

@media screen and (max-width:720px) {
	footer {
		width: 100%;
		display: none;
	}
}

footer section {
	width: 300px;
	float: left;
	font-size: 14px;
	/* background:#f00; */
}

footer section.first {
	margin-left: 250px;
}

footer a {
	text-decoration: none;
	transition: 0.3s;
	color: #333;
}

footer a:hover {
	opacity: 0.3;
}

footer li {
	list-style: none;
	border-left: 1px solid #333;
	line-height: 120%;
	margin-bottom: 4px;
	padding-left: 8px;
}

footer li.sp-1 {
	margin-bottom: 28px;
}

footer li.sp-2 {
	margin-bottom: 56px;
}

footer li.sp-3 {
	margin-bottom: 84px;
}

footer p.copy {
	padding: 16px;
	font-size: 12px;
	text-align: center;
}

footer .footer-logo {
	margin-top: 114px;
	text-align: center;
}

#footer-sp {
	display: none;
}

@media screen and (max-width:720px) {
	#footer-sp {
		display: block;
		width: 100%;
		background: linear-gradient(0deg, #fff, #e1fbf6);
		font-family: 'Kosugi Maru', sans-serif;
	}

	#footer-sp section {
		width: 80%;
		margin: 0 auto;
		padding: 24px 0;
		border-bottom: 1px solid #ccc;
	}

	#footer-sp section li {
		list-style: none;
		lihe-height: 130%;
	}

	#footer-sp section li a {
		text-decoration: none;
		color: #333;
	}

	#footer-sp .footer-logo {
		padding: 24px;
		text-align: center;
	}

	#footer-sp .copy {
		text-align: center;
		font-size: 12px;
		padding-bottom: 24px;
	}
}

/* プリント */
@page {
	size: 210mm 297mm
}

/* A4縦サイズ */
@media print {
	header {
		display: none;
	}
}

@media print {
	.drawer {
		display: none;
	}
}

@media print {
	#breadcrumb {
		display: none;
	}
}

@media print {
	.print-btn {
		display: none;
	}
}

@media print {
	.voice {
		display: none;
	}
}

@media print {
	footer {
		display: none;
	}
}

.print-logo {
	display: none;
}

@media print {
	.print-logo {
		text-align: center;
		display: block;
	}
}

@media print {
	.data {
		display: block;
	}
}

@media print {
	.header-images {
		width: 1080px;
		margin: 0;
	}
}


@page {
	size: 210mm 297mm
}

/* A4縦サイズ */

/* 位置調整 */
.ajuster-70 {
	margin-top: 45px;
}

/* 各ページのヘッダーイメージ */
img.page-header-image {
	width: 100%;
}

/* 会社概要 */
#company table.about {
	width: 888px;
}

@media screen and (max-width:720px) {
	#company table.about {
		width: 100%;
	}
}

#company table.about th {
	width: 108px;
	border-bottom: 1px solid #aaa;
	text-align: left;
	/* background:#f00; */
	padding: 8px;
}

@media screen and (max-width:720px) {
	#company table.about th {
		width: 100%;
		display: block;
		background: #eee;
	}
}

#company table.about td {
	width: 780px;
	text-align: left;
	border-bottom: 1px solid #aaa;
	padding: 8px;
}

@media screen and (max-width:720px) {
	#company table.about td {
		width: 100%;
		display: block;
	}
}

#company .message-box-1 {
	width: 1280px;
	padding: 16px 0;
	margin-bottom: 16px;
	background: url("images/company-back-01.gif");
}

#company .message-box-2 {
	width: 1280px;
	padding: 16px 0;
	margin-bottom: 16px;
	background: url("images/company-back-02.gif");
}

#company .message-box-3 {
	width: 1280px;
	padding: 16px 0;
	margin-bottom: 16px;
	background: url("images/company-back-03.gif");
}

#company .message-box-4 {
	width: 1280px;
	padding: 16px 0;
	margin-bottom: 16px;
	background: url("images/company-back-04.gif");
}

#company .message-box-5 {
	width: 1280px;
	padding: 16px 0;
	margin-bottom: 16px;
	background: url("images/company-back-05.gif");
}

#company .message-box-6 {
	width: 1280px;
	padding: 16px 0;
	margin-bottom: 16px;
	background: url("images/company-back-06.gif");
}

@media screen and (max-width:720px) {
	#company .message-box-1 {
		width: 100%;
	}

	#company .message-box-2 {
		width: 100%;
	}

	#company .message-box-3 {
		width: 100%;
	}

	#company .message-box-4 {
		width: 100%;
	}

	#company .message-box-5 {
		width: 100%;
	}

	#company .message-box-6 {
		width: 100%;
	}
}

#company .messsage-text-box {
	width: 888px;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	#company .messsage-text-box {
		width: 94%;
	}
}

#company .messsage-text-box-2 {
	width: 888px;
	margin: 0 auto;
	padding: 32px 0;
	font-size: 20px;
	text-align: center;
}

@media screen and (max-width:720px) {
	#company .messsage-text-box-2 {
		width: 94%;
	}
}

#company .messsage-text-box table.footer-info-box-1 {
	width: 430px;
	float: right;
}

#company .messsage-text-box table.footer-info-box-2 {
	width: 380px;
	float: right;
}

#company .messsage-text-box table.footer-info-box-3 {
	width: 720px;
	float: right;
}

@media screen and (max-width:720px) {
	#company .messsage-text-box table.footer-info-box-1 {
		width: 94%;
		float: right;
		font-size: 13px;
	}

	#company .messsage-text-box table.footer-info-box-1 td {
		text-align: right;
	}

	#company .messsage-text-box table.footer-info-box-2 {
		width: 94%;
		float: right;
		font-size: 13px;
	}

	#company .messsage-text-box table.footer-info-box-2 td {
		text-align: right;
	}

	#company .messsage-text-box table.footer-info-box-3 {
		width: 94%;
		float: right;
		font-size: 13px;
	}

	#company .messsage-text-box table.footer-info-box-3 td {
		text-align: right;
	}
}

#company table.transition {
	width: 100%;
}

#company table.transition th {
	width: 120px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 8px 0;
}

@media screen and (max-width:720px) {
	#company table.transition th {
		width: 20%;
		font-weight: normal;
		text-align: left;
		border-bottom: 1px solid #ccc;
		padding: 8px 0;
	}
}


#company table.transition td {
	border-bottom: 1px solid #ccc;
	padding: 8px 0;
}

/* 声優養成所 */
#voice_actors_shool {
	box-sizing: border-box;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .concept-box img {
		width: 80%;
	}
}

@media screen and (max-width:720px) {
	#voice_actors_shool .jigyou-gaiyou img {
		width: 80%;
	}
}

#voice_actors_shool .content-text-box {
	width: 420px;
	margin: 32px auto;
	text-align: center;
	font-size: 16px;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .content-text-box {
		width: 100%;
		margin: 32px auto;
		text-align: left;
		font-size: 16px;
	}
}

#voice_actors_shool .content-text-box-2 {
	width: 800px;
	margin: 32px auto;
	text-align: left;
	font-size: 16px;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .content-text-box-2 {
		width: 96%;
		margin: 32px auto;
		text-align: left;
		font-size: 16px;
	}
}

#voice_actors_shool .lesson-info-box-a {
	width: 630px;
	margin-right: 20px;
	margin-bottom: 24px;
	float: left;
	text-align: left;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .lesson-info-box-a {
		width: 100%;
		margin-right: 20px;
		margin-bottom: 24px;
		float: none;
		text-align: left;
	}

	#voice_actors_shool .lesson-info-box-a img {
		width: 100%;
	}
}

#voice_actors_shool .lesson-info-box-a-last {
	width: 630px;
	margin-right: 20px;
	float: left;
	text-align: left;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .lesson-info-box-a-last {
		width: 100%;
		margin-right: 20px;
		float: none;
		text-align: left;
	}
}

#voice_actors_shool .lesson-info-box-a .text-box {
	padding: 0 24px;
}

#voice_actors_shool .lesson-info-box-a .title {
	font-size: 24px;
	text-align: left;
}

#voice_actors_shool .lesson-info-box-b {
	width: 630px;
	float: left;
	margin-bottom: 24px;
	text-align: left;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .lesson-info-box-b {
		width: 100%;
		float: none;
		margin-bottom: 24px;
		text-align: left;
	}

	#voice_actors_shool .lesson-info-box-b img {
		width: 100%;
	}
}

#voice_actors_shool .lesson-info-box-b-last {
	width: 630px;
	float: left;
	text-align: left;
}

#voice_actors_shool .lesson-info-box-b .text-box {
	padding: 0 24px;
}

#voice_actors_shool .lesson-info-box-b .text-box .title {
	font-size: 24px;
	text-align: left;
}

#voice_actors_shool .lecture-text-box {
	width: 840px;
	margin: 0 auto;
	text-align: left;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .lecture-text-box {
		width: 96%;
		margin: 0 auto;
		text-align: left;
	}
}

#voice_actors_shool .lecture-text-box-2 {
	width: 880px;
	margin: 0 auto;
	text-align: left;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .lecture-text-box-2 {
		width: 96%;
		margin: 0 auto;
		text-align: left;
	}
}

#voice_actors_shool .lecture-text-box-3 {
	width: 580px;
	margin: 0 auto;
	text-align: left;
}

#voice_actors_shool .course {
	width: 1280px;
	border-collapse: collapse;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .course {
		width: 100%;
		border-collapse: collapse;
	}
}

#voice_actors_shool .course th {
	border: 1px solid #333;
	padding: 12px 6px;
}

#voice_actors_shool .course td {
	border: 1px solid #333;
	padding: 8px;
	padding: 12px 6px;
}

#voice_actors_shool .course .w184 {
	width: 184px;
}

#voice_actors_shool .course .w816 {
	width: 816px;
}

#voice_actors_shool .course .w72 {
	width: 72px;
}

#voice_actors_shool .course .bg-green {
	background: #d4f9eb;
}

#voice_actors_shool .course .bg-yelloow {
	background: #fafde0;
}

#voice_actors_shool .course .bg-pink {
	background: #fcc3da;
}

#voice_actors_shool .course .caption {
	text-align: right;
	font-size: :12px;
}

#voice_actors_shool .course .caption1 {
	margin-left: 120px;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .course .caption1 {
		margin-left: 0;
	}
}

#voice_actors_shool .course .caption2 {
	font-size: 12px;
	margin-left: 120px;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .course .caption2 {
		font-size: 12px;
		margin-left: 0;
	}
}

@media screen and (max-width:720px) {
	#voice_actors_shool .studio img {
		width: 100%;
	}
}

#voice_actors_shool .gaiyou-box-1 {
	width: 1220px;
	height: 350px;
	background: url("images/voice-actors-shool-bg-image-keiken.png");
	margin: 0 auto;
	margin-bottom: 24px;
}

#voice_actors_shool .gaiyou-box-2 {
	width: 1220px;
	height: 350px;
	background: url("images/voice-actors-shool-bg-image-shousatsu.png");
	margin: 0 auto;
	margin-bottom: 24px;
}

#voice_actors_shool .gaiyou-box-3 {
	width: 1220px;
	height: 350px;
	background: url("images/voice-actors-shool-bg-image-jironka.png");
	margin: 0 auto;
	margin-bottom: 24px;
}

#voice_actors_shool .gaiyou-box-4 {
	width: 1220px;
	height: 350px;
	background: url("images/voice-actors-shool-bg-image-shikou.png");
	margin: 0 auto;
	margin-bottom: 24px;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .gaiyou-box-1 {
		width: 96%;
		height: 100%;
		background: #e6e0f9;
		margin: 0 auto;
		margin-bottom: 24px;
		padding-bottom: 24px;
	}

	#voice_actors_shool .gaiyou-box-2 {
		width: 96%;
		height: 100%;
		background: #f4e0f9;
		margin: 0 auto;
		margin-bottom: 24px;
		padding-bottom: 24px;
	}

	#voice_actors_shool .gaiyou-box-3 {
		width: 96%;
		height: 100%;
		background: #fae0f1;
		margin: 0 auto;
		margin-bottom: 24px;
		padding-bottom: 24px;
	}

	#voice_actors_shool .gaiyou-box-4 {
		width: 96%;
		height: 100%;
		background: #fadfe3;
		margin: 0 auto;
		margin-bottom: 24px;
		padding-bottom: 24px;
	}
}

#voice_actors_shool .gaiyou-box-1 .text-box-1,
#voice_actors_shool .gaiyou-box-2 .text-box-1,
#voice_actors_shool .gaiyou-box-3 .text-box-1,
#voice_actors_shool .gaiyou-box-4 .text-box-1 {
	text-align-center;
	padding-top: 16px;
	font-size: 18px;
}

@media screen and (max-width:720px) {

	#voice_actors_shool .gaiyou-box-1 .text-box-1,
	#voice_actors_shool .gaiyou-box-2 .text-box-1,
	#voice_actors_shool .gaiyou-box-3 .text-box-1,
	#voice_actors_shool .gaiyou-box-4 .text-box-1 {
		width: 96%;
		margin: 0 auto;
		text-align: left;
		padding-top: 16px;
		font-size: 18px;
	}
}

#voice_actors_shool .gaiyou-box-1 .text-box-2 {
	margin-left: 300px;
	text-align: left;
	font-size: 18px;
	margin-top: 40px;
	font-family: 'Noto Sans JP', sans-serif;
}

#voice_actors_shool .gaiyou-box-2 .text-box-2 {
	margin-left: 340px;
	text-align: left;
	font-size: 18px;
	margin-top: 40px;
	font-family: 'Noto Sans JP', sans-serif;
}

#voice_actors_shool .gaiyou-box-3 .text-box-2 {
	margin-left: 270px;
	text-align: left;
	font-size: 18px;
	margin-top: 40px;
	font-family: 'Noto Sans JP', sans-serif;
}

#voice_actors_shool .gaiyou-box-4 .text-box-2 {
	margin-left: 360px;
	text-align: left;
	font-size: 18px;
	margin-top: 40px;
	font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width:720px) {

	#voice_actors_shool .gaiyou-box-1 .text-box-2,
	#voice_actors_shool .gaiyou-box-2 .text-box-2,
	#voice_actors_shool .gaiyou-box-3 .text-box-2,
	#voice_actors_shool .gaiyou-box-4 .text-box-2 {
		margin: 24px auto 0 auto;
		width: 96%;
		text-align: left;
		font-size: 18px;
		font-family: 'Noto Sans JP', sans-serif;
		background: #fff;
		padding: 2%;
	}
}

#voice_actors_shool .gaiyou-box-1 .text-box-3,
#voice_actors_shool .gaiyou-box-2 .text-box-3,
#voice_actors_shool .gaiyou-box-3 .text-box-3,
#voice_actors_shool .gaiyou-box-4 .text-box-3 {
	width: 900px;
	margin: 0 auto;
	margin-top: 48px;
	text-align: left;
	font-size: 14px;
}

@media screen and (max-width:720px) {

	#voice_actors_shool .gaiyou-box-1 .text-box-3,
	#voice_actors_shool .gaiyou-box-2 .text-box-3,
	#voice_actors_shool .gaiyou-box-3 .text-box-3,
	#voice_actors_shool .gaiyou-box-4 .text-box-3 {
		width: 96%;
		margin: 0 auto;
		margin-top: 24px;
		text-align: left;
		font-size: 14px;
	}
}

.caption-font-24 {
	text-align: center;
	font-size: 24px;
}

@media screen and (max-width:720px) {
	.caption-font-24 {
		text-align: left;
		font-size: 24px;
		width: 96%;
		margin: 0 auto;
	}
}

#voice_actors_shool .jisseki {
	width: 1280px;
	height: 500px;
	background: url("images/voice-actors-shool-jisseki-back.png");
	padding-top: 36px;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .jisseki {
		width: 96%;
		height: 100%;
		background: #fff;
		margin: 0 auto;
	}
}

#voice_actors_shool .lecturers .title-image {
	text-align: center;
}

#voice_actors_shool .jisseki .title-image {
	text-align: center;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .title-image img {
		width: 90%;
		;
	}
}

#voice_actors_shool .jisseki .text-box {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	margin-top: 24px;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .jisseki .text-box {
		text-align: left;
		width: 96%;
		margin: 0 auto;
		margin-top: 24px;
	}
}

#lesson-content {
	font-family: 'Kosugi Maru', sans-serif;
}

@media screen and (max-width:720px) {
	#lesson-content .title-image img {
		width: 90%;
	}
}

#voice_actors_shool .ques-number {
	width: 1000px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	color: #e00000;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .ques-number {
		width: 96%;
	}
}

#voice_actors_shool .ques {
	width: 1000px;
	height: 99px;
	background: url("images/q-back.png");
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	padding-top: 32px;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .ques {
		width: 96%;
		padding-left: 14%;
		padding-right: 4%;
		padding-top: 4%;
	}
}

#voice_actors_shool .ans {
	width: 1000px;
	/* height:317px; */
	background: url("images/a-back.png");
	margin: 0 auto;
	text-align: left;
	;
	padding-top: 32px;
	padding-left: 100px;
	padding-right: 32px;
	padding-bottom: 32px;
	margin-bottom: 24px;
	line-height: 160%;
	font-family: 'Kosugi Maru', sans-serif;
}

@media screen and (max-width:720px) {
	#voice_actors_shool .ans {
		width: 96%;
		padding-left: 15%;
	}
}

@media screen and (max-width:720px) {
	.banner-image img {
		width: 100%;
	}
}

voice_actors_shool hr {
	background-color: #ccc;
}

/* パンくず */
#breadcrumb {
	font-size: 14px;
	margin: 16px 24px;
	;

}

@media screen and (max-width:720px) {
	#breadcrumb {
		width: 90%;
		font-size: 14px;
		margin: 16px 24px;
		;
	}
}

/* JTB Next Creative 所属声優 */
#jtb-next-creative-voice-actor-list {}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list .right-box .search-title img {
		width: 100%;
	}
}

#jtb-next-creative-voice-actor-list .left-box {
	width: 620px;
	float: right;
	margin-left: 20px;
	/* background:#f00; */
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list .left-box {
		width: 100%;
		float: none;
		margin-left: 0;
	}
}

#jtb-next-creative-voice-actor-list .left-box .photo-box {
	width: 200px;
	height: 260px;
	float: left;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list .left-box .photo-box {
		width: 70%;
		height: 100%;
		margin: 0 auto;
		float: none;
	}
}

#jtb-next-creative-voice-actor-list .left-box .photo-box img {
	width: 100%;
}

#jtb-next-creative-voice-actor-list .left-box .info-box {
	width: 418px;
	height: 260px;
	border: 1px solid #ccc;
	float: left;
	margin-bottom: 16px;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list .left-box .info-box {
		width: 94%;
		height: 100%;
		border: 1px solid #ccc;
		float: none;
		margin: 0 auto;
		margin-bottom: 16px;
	}
}

#jtb-next-creative-voice-actor-list .left-box .info-box .eng-name {
	font-size: 16px;
	text-align: center;
	margin-top: 32px;
}

#jtb-next-creative-voice-actor-list .left-box .info-box .kanji-name {
	font-size: 32px;
	text-align: center;
}

#jtb-next-creative-voice-actor-list .left-box .info-box .kana-name {
	font-size: 16px;
	text-align: center;
}

#jtb-next-creative-voice-actor-list .left-box .info-box .detail-button {
	width: 80%;
	margin: 24px auto;
	border: #bcb8fd 1px solid;
	padding: 12px;
	text-align: center;
}

#jtb-next-creative-voice-actor-list .right-box {
	width: 620px;
	float: right;
	/* background:#0f0; */
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list .right-box {
		width: 100%;
		float: none;
		margin-bottom: 32px;
		box-sizing: border-box;
	}
}

#jtb-next-creative-voice-actor-list .right-box .selector-box {
	padding-top: 24px;
	padding-bottom: 24px;
	text-align: left;
	padding-left: 64px;
	/* border-bottom:1px solid #ddd; */
}

#jtb-next-creative-voice-actor-list form .margin-r-80 {
	margin-right: 80px;
}

#jtb-next-creative-voice-actor-list .right-box .selector-box ul {
	margin-bottom: 32px;
	/* border-bottom:1px #ccc solid; */
}

#jtb-next-creative-voice-actor-list .right-box .selector-box ul input {
	margin: 0;
	padding: 0;
}

#jtb-next-creative-voice-actor-list .right-box .selector-box ul label {
	padding-right: 24px;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list .right-box .selector-box ul label {
		padding-right: 12px;
	}
}

#jtb-next-creative-voice-actor-list .right-box .selector-box ul li {
	display: inline;
	margin-right: 22px
}

#jtb-next-creative-voice-actor-list .right-box .selector-box select {
	margin-bottom: 32px;
}

/* Next Creation */
#jtb-next-creative-voice-actor-list #gallery {
	width: 100%;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list #gallery {
		width: 100%;
		text-align: center;
		padding: 5%;
	}
}

#jtb-next-creative-voice-actor-list #gallery .talent-box {
	width: 250px;
	text-align: center;
	float: left;
	margin-left: 4px;
	margin-bottom: 24px;
	box-sizing: border-box;
	border: 8px solid #aaa;
}

#jtb-next-creative-voice-actor-list #gallery .talent-box img {
	width: 100%;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list #gallery .talent-box {
		width: 46%;
		text-align: center;
		float: left;
		margin-bottom: 24px;
		box-sizing: border-box;
	}

	#jtb-next-creative-voice-actor-list #gallery .talent-box img {
		width: 100%;
		height: auto;
	}
}

#jtb-next-creative-voice-actor-list #gallery .talent-box .name-box {
	width: 234px;
	text-align: center;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-list #gallery .talent-box .name-box {
		width: 100%;
		text-align: center;
	}
}

#jtb-next-creative-voice-actor-list #gallery .talent-box a {
	text-decoration: none;
}

/* エンタメ 所属一覧 */
.talent-paging {
	border-bottom: 1px #ddd solid;
}

#jtb-entame-voice-actor-list #gallery {
	width: 100%;
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list #gallery {
		width: 100%;
		text-align: center;
		padding: 5%;
	}
}

#jtb-entame-voice-actor-list #gallery .talent-box {
	width: 250px;
	margin-left: 4px;
	float: left;
	margin-bottom: 24px;
	box-sizing: border-box;
	border: 8px solid #aaa;
}

#jtb-entame-voice-actor-list #gallery .talent-box img {
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list #gallery .talent-box {
		width: 46%;
		text-align: center;
		float: left;
		margin-bottom: 24px;
		box-sizing: border-box;
	}

	#jtb-entame-voice-actor-list #gallery .talent-box img {
		height: 172px;
	}
}

#jtb-entame-voice-actor-list #gallery .talent-box .name-box {
	width: 234px;
	text-align: center;
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list #gallery .talent-box .name-box {
		width: 100%;
		text-align: center;
	}
}

#jtb-entame-voice-actor-list #gallery .talent-box a {
	text-decoration: none;
}

/* JTB エンタテインメント 所属声優 */
#jtb-entame-voice-actor-list {}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list .right-box .search-title img {
		width: 100%;
	}
}

#jtb-entame-voice-actor-list .left-box {
	width: 620px;
	float: right;
	margin-left: 20px;
	/* background:#f00; */
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list .left-box {
		width: 100%;
		float: none;
		margin-left: 0;
	}
}

#jtb-entame-voice-actor-list .left-box .photo-box {
	width: 200px;
	height: 260px;
	float: left;
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list .left-box .photo-box {
		width: 70%;
		height: 100%;
		margin: 0 auto;
		float: none;
	}
}

#jtb-entame-voice-actor-list .left-box .photo-box img {
	width: 100%;
}

#jtb-entame-voice-actor-list .left-box .photo-box-pink img {
	width: 100%;
}

#jtb-entame-voice-actor-list .left-box .info-box {
	width: 418px;
	height: 260px;
	border: 1px solid #ccc;
	float: left;
	margin-bottom: 16px;
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list .left-box .info-box {
		width: 94%;
		height: 100%;
		border: 1px solid #ccc;
		float: none;
		margin: 0 auto;
		margin-bottom: 16px;
	}
}

#jtb-entame-voice-actor-list .left-box .info-box-pink {
	width: 418px;
	height: 260px;
	border: 1px solid #ccc;
	float: left;
	margin-bottom: 16px;
	background: #fae8fe;
}

#jtb-entame-voice-actor-list .left-box .info-box .eng-name {
	font-size: 16px;
	text-align: center;
	margin-top: 32px;
}

#jtb-entame-voice-actor-list .left-box .info-box .kanji-name {
	font-size: 32px;
	text-align: center;
}

#jtb-entame-voice-actor-list .left-box .info-box .kana-name {
	font-size: 16px;
	text-align: center;
}

#jtb-entame-voice-actor-list .left-box .info-box-pink .eng-name {
	font-size: 16px;
	text-align: center;
	margin-top: 32px;
}

#jtb-entame-voice-actor-list .left-box .info-box-pink .kanji-name {
	font-size: 32px;
	text-align: center;
}

#jtb-entame-voice-actor-list .left-box .info-box-pink .kana-name {
	font-size: 16px;
	text-align: center;
}

#jtb-entame-voice-actor-list .left-box .info-box .detail-button {
	width: 80%;
	margin: 24px auto;
	border: #bcb8fd 1px solid;
	padding: 12px;
	text-align: center;
}

#jtb-entame-voice-actor-list .left-box .info-box-pink .detail-button {
	width: 80%;
	margin: 24px auto;
	border: #bcb8fd 1px solid;
	padding: 12px;
	text-align: center;
}

#jtb-entame-voice-actor-list .right-box {
	width: 620px;
	float: right;
	/* background:#0f0; */
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list .right-box {
		width: 100%;
		float: none;
		margin-bottom: 32px;
		box-sizing: border-box;
	}
}

#jtb-entame-voice-actor-list .right-box .selector-box {
	padding-top: 24px;
	padding-bottom: 24px;
	text-align: left;
	padding-left: 64px;
	/* border-bottom:1px solid #333; */
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list .right-box .selector-box {
		padding-top: 24px;
		padding-bottom: 24px;
		padding-left: 2%;
	}
}

#jtb-entame-voice-actor-list form .margin-r-80 {
	margin-right: 80px;
}

#jtb-entame-voice-actor-list .right-box .selector-box ul {
	margin-bottom: 32px;
	/* border-bottom:1px #ccc solid; */
}

#jtb-entame-voice-actor-list .right-box .selector-box ul input {
	margin: 0;
	padding: 0;
}

#jtb-entame-voice-actor-list .right-box .selector-box ul label {
	padding-right: 24px;
}

@media screen and (max-width:720px) {
	#jtb-entame-voice-actor-list .right-box .selector-box ul label {
		padding-right: 12px;
	}
}

#jtb-entame-voice-actor-list .right-box .selector-box ul li {
	display: inline;
	margin-right: 22px
}

#jtb-entame-voice-actor-list .right-box .selector-box select {
	margin-bottom: 32px;
}



/* JTB Next Creative 所属声優. シングルページ */
#jtb-next-creative-voice-actor-single .left-box {
	width: 400px;
	margin-left: 20px;
	height: 520px;
	float: left;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-single .left-box {
		width: 100%;
		margin-left: 0;
		height: 100%;
		float: none;
		text-align: center;
		margin-bottom: 32px;
		box-sizing: border-box;
	}
}

#jtb-next-creative-voice-actor-single .left-box img {
	width: 100%;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-single .left-box img {
		width: 70%;
	}
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-single .left-box a img {
		width: 70%;
	}
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-single .left-box a .prog-bottom img {
		width: 70%;
	}
}

#jtb-next-creative-voice-actor-single .right-box {
	width: 800px;
	margin-left: 40px;
	float: left;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-single .right-box {
		width: 96%;
		margin-left: 0;
		float: none;
		margin: 0 auto;
		box-sizing: border-box;
	}
}

#jtb-next-creative-voice-actor-single .right-box .eng-name {
	text-align: left;
	font-size: 16px;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-single .right-box .eng-name {
		margin: 0 auto;
		text-align: center;
	}
}

#jtb-next-creative-voice-actor-single .right-box .jp-name-box {
	margin-bottom: 24px;
}

@media screen and (max-width:720px) {
	#jtb-next-creative-voice-actor-single .right-box .jp-name-box {
		margin: 0 auto;
		margin-bottom: 24px;
		text-align: center;
	}
}

#jtb-next-creative-voice-actor-single .right-box .jp-name-box .kanji-box {
	text-align: left;
	font-size: 32px;
	margin-right: 12px;
}

@media screen and (max-width:720px) {}

#jtb-next-creative-voice-actor-single .right-box .jp-name-box .kana-box {}

#jtb-next-creative-voice-actor-single .right-box h3 {
	border-bottom: 1px solid #aaa;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	;
}

/* プロダクション */
.appearance_information {
	width: 1280px;
	height: auto;
	background: url("images/production-back-01.png")
}

@media screen and (max-width:720px) {
	.appearance_information {
		width: 100%;
		height: 100%;
		background: url("images/production-back-01.png")
	}
}

@media screen and (max-width:720px) {
	#production .banner img {
		width: 100%;
		margin-bottom: 16px;
	}
}

/* 実績一覧 */
#performance-list .info-box {
	margin-bottom: 32px;
}

#performance-list .info-box .title {
	font-size: 18px;
	margin-bottom: 16px;
}

#performance-list .info-box table th {
	width: 140px;
	text-align: left;
	padding: 4px 0;
	font-weight: normal;
	font-size: 14px;
}

#performance-list .info-box table td {
	width: 720px;
	padding: 4px 0;
	font-size: 14px;
}

#performance-list .message {
	font-size: 32px;
	text-align: center;
	margin: 0;
	margin-bottom: 48px;
}

@media screen and (max-width:720px) {
	#performance-list .info-box table {
		width: 100%;
	}
}

@media screen and (max-width:720px) {
	#performance-list .info-box table th {
		width: 100%;
		text-align: left;
		padding: 4px 0;
		font-weight: normal;
		font-size: 14px;
		display: block;
		border-bottom: 1px #aaa dashed;
		background: #e9fff9;
	}
}

@media screen and (max-width:720px) {
	#performance-list .info-box table td {
		width: 100%;
		padding: 4px 0;
		font-size: 14px;
		display: block;
		border-bottom: 2px #333 solid;
	}
}

/* アクセス */
.map-title-tokyo {
	background: linear-gradient(90deg, rgba(168, 238, 200, 1), rgba(199, 194, 249, 1));
	width: 900px;
	height: 36px;
	margin: 0 auto;
	font-size: 24px;
	padding-left: 12px;
}

@media screen and (max-width:720px) {
	.map-title-tokyo {
		width: 100%;
	}
}

.info-box-tokyo {
	width: 490px;
	font-size: 14px;
	float: right;
}

.info-box-osaka {
	width: 580px;
	font-size: 14px;
	float: right;
}

.info-box-nagoya {
	width: 450px;
	font-size: 14px;
	float: right;
}

@media screen and (max-width:720px) {
	.info-box-tokyo {
		width: 100%;
		font-size: 14px;
		float: none;
		padding: 2% 0;
	}

	.info-box-osaka {
		width: 100%;
		font-size: 14px;
		float: none;
		padding: 2% 0;
	}

	.info-box-nagoya {
		width: 100%;
		font-size: 14px;
		float: none;
		padding: 2% 0;
	}
}

.map-title-osaka {
	background: linear-gradient(90deg, rgba(238, 235, 168, 1), rgba(194, 249, 226, 1));
	width: 900px;
	height: 36px;
	margin: 0 auto;
	font-size: 24px;
	padding-left: 12px;
}

@media screen and (max-width:720px) {
	.map-title-osaka {
		width: 100%;
	}
}

.map-title-nagoya {
	background: linear-gradient(90deg, rgba(238, 168, 206, 1), rgba(244, 249, 194, 1));
	width: 900px;
	height: 36px;
	margin: 0 auto;
	font-size: 24px;
	padding-left: 12px;
}

@media screen and (max-width:720px) {
	.map-title-nagoya {
		width: 100%;
	}
}

#access .info-box-back {
	width: 1280px;
	background: url("images/JNC_office_back.jpg");
}

@media screen and (max-width:720px) {
	#access .info-box-back {
		width: 100%;
		background: #fae2ff;
	}
}

#access .info-box {
	width: 540px;
	padding: 64px 0;
	margin-left: 660px;
	/* background:#f00; */
}

@media screen and (max-width:720px) {
	#access .info-box {
		width: 96%;
		padding: 2%;
		margin-left: 0;
	}
}

#access .info-box .tedt-height-120 {
	line-height: 120%;
}

/* コンテンツ制作 */
#contents .hr-box {
	width: 800px;
	margin: 0 auto
}

@media screen and (max-width:720px) {
	#contents .hr-box {
		width: 96%;
		margin: 0 auto;
	}
}

@media screen and (max-width:720px) {
	#contents .title-image img {
		width: 100%;
	}
}

#contents-list-table {
	width: 470px;
	border-collapse: collapse;
	float: left;
}

@media screen and (max-width:720px) {
	#contents-list-table {
		width: 100%;
		float: none;
		border-collapse: collapse;
	}
}

#contents-list-table th {
	width: 116px;
	text-align: left;
	vertical-align: top;
	/* border:1px solid #333; */
	padding: 4px 8px;
	font-weight: normal;
}

#contents-list-table td {
	width: 354px;
	text-align: left;
	vertical-align: top;
	/* border:1px solid #333; */
	padding: 4px 8px;
	line-height: 150%;
}

#contents-list-table td img {
	width: 100%;
}

#contents .img-box {
	width: 330px;
	float: left;
	text-align: center;
}

#contents .img-box img {
	width: 100%;
}

@media screen and (max-width:720px) {
	#contents .img-box {
		width: 100%;
		float: none;
		text-align: center;
	}

	#contents .img-box img {
		width: 100%
	}
}

/* お問い合わせ */
#contact .link-box {
	box-sizing: border-box;
	text-align: center;
	/* background:#f00; */
}

#contact .link-box img.margin-right-16 {
	margin-right: 16px;
}

#contact .link-box br {
	display: none;
}

@media screen and (max-width:720px) {
	#contact .link-box a {
		box-sizing: border-box;
		display: block;
		width: 94%;
		margin: 0 auto;
	}

	#contact .link-box a img {
		box-sizing: border-box;
		width: 94%;
	}

	#contact .link-box br {
		display: none;
	}

	#contact .link-box img.margin-right-16 {
		margin-right: 0;
	}
}

#contact .caption {
	width: 500px;
	/* margin-left:670px; */
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	#contact .caption {
		box-sizing: border-box;
		width: 94%;
		margin-left: 0;
		margin: 0 auto;
	}
}

.privacy-pink {
	width: 200px;
	height: 30px;
	margin: 40px auto;
	background: #fccdf2;
	border: 1px solid #333;
	text-align: center;
}

h2 {
	font-size: 24px;
	padding: 48px 0;
	font-weight: normal;
}

@media screen and (max-width:720px) {
	h2 img {
		width: 90%;
	}
}

h3 {
	font-size: 18px;
	padding: 48px 0;
}

/* 募集・お申し込み */
#contact-type5 {}

#contact-type5 .contents {
	width: 800px;
	margin: 0 auto;
}

#contact-type5 .contents {
	width: 800px;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	#contact-type5 .contents {
		width: 96%;
		margin: 0 auto;
	}
}

#contact-type5 .contents a {
	text-decoration: none;
	font-family: 'Kosugi Maru', sans-serif;
}

#contact-type5 .contents p {
	margin: 0;
	font-family: 'Kosugi Maru', sans-serif;
}

/* ニュースシングル */
#news h2 {
	padding: 0 0 48px 0;
}

#news .content-box {
	width: 700px;
	float: left;
}

@media screen and (max-width:720px) {
	#news .content-box {
		width: 100%;
		float: none;
		box-sizing: border-box;
	}
}

#news .side-box {
	width: 250px;
	float: left;
	margin-left: 25px;
}

@media screen and (max-width:720px) {
	#news .side-box {
		width: 100%;
		float: none;
		margin-left: 0;
		box-sizing: border-box;
	}
}

#news ul li {
	list-style: none;
}

.link-box {
	text-align: center;
}

.link-box .ajuster {
	margin-right: 50px;
}

@media screen and (max-width:720px) {
	. link-box .ajuster {
		margin-right: 0;
		display: none;
	}
}

.link-box img {
	margin-bottom: 50px;
}

/* Clumn & Topics リスト */
#column-topics-list .data-box {
	width: 300px;
	font-family: 'Noto Sans JP', sans-serif;
	float: left;
	margin-right: 16px;
	margin-botto: 24px;
}

@media screen and (max-width:720px) {
	#column-topics-list .data-box {
		width: 96%;
		float: none;
		margin: 0 auto;
		margin-bottom: 4%;
	}
}

#column-topics-list .data-box .image-box {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
}

@media screen and (max-width:720px) {
	#column-topics-list .data-box .image-box {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width:720px) {
	#column-topics-list .data-box .image-box img {
		width: 100%;
		height: 100%;
	}
}

#column-topics-list .data-box .info-box {
	width: 300px;
	height: 200px;
	background: url(images/clumn-topics-back.png);
	margin: 0;
	padding: 0;
}

@media screen and (max-width:720px) {
	#column-topics-list .data-box .info-box {
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, rgba(231, 232, 251, 1), rgba(213, 236, 238, 1));
		padding-bottom: 4%;
	}
}

#column-topics-list .data-box .info-box .cat-badge {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 16px;
}

#column-topics-list .data-box .info-box .cat-badge img {
	margin-top: 20px;
	margin-left: 16px;
	margin-right: 44px;
}

#column-topics-list .data-box .info-box .title {
	margin-left: 16px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 120%;
}

#column-topics-list .data-box .info-box .title a {
	color: #333;
	text-decoration: none;
}

#column-topics-list .data-box .info-box .excerpt {
	margin-left: 16px;
	margin-right: 16px;
	font-size: 14px;
}

/* Clumn & Topics シングル */
#column-topics .content-box {
	width: 1000px;
}

@media screen and (max-width:720px) {
	#column-topics .content-box {
		width: 100%;
		padding: 0 2%;
	}
}

/* 養成所レッスン生の皆様へ リスト */
#for-students-list .data-box {
	width: 300px;
	font-family: 'Noto Sans JP', sans-serif;
	float: left;
	margin-right: 16px;
	margin-botto: 24px;
}

@media screen and (max-width:720px) {
	#for-students-list .data-box {
		width: 96%;
		float: none;
		margin: 0 auto;
		margin-bottom: 4%;
	}
}

#for-students-list .data-box .image-box {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
}

@media screen and (max-width:720px) {
	#for-students-list .data-box .image-box {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width:720px) {
	#for-students-list .data-box .image-box img {
		width: 100%;
		height: 100%;
	}
}

#for-students-list .data-box .info-box {
	width: 300px;
	height: 200px;
	background: url(images/clumn-topics-back.png);
	margin: 0;
	padding: 0;
}

@media screen and (max-width:720px) {
	#for-students-list .data-box .info-box {
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, rgba(231, 232, 251, 1), rgba(213, 236, 238, 1));
		padding-bottom: 4%;
	}
}

#for-students-list .data-box .info-box .cat-badge {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 16px;
}

#for-students-list .data-box .info-box .cat-badge img {
	margin-top: 20px;
	margin-left: 16px;
	margin-right: 44px;
}

#for-students-list .data-box .info-box .title {
	margin-left: 16px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}

#for-students-list .data-box .info-box .title a {
	color: #333;
	text-decoration: none;
}

#for-students-list .data-box .info-box .excerpt {
	margin-left: 16px;
	margin-right: 16px;
	font-size: 14px;
}

#for-students-list form p {
	text-align: center;
}

/* Clumn & Topics シングル */
#for-students .content-box {
	width: 1000px;
}

/* 出演情報一覧 */
#appearance-info-list {
	/* background:#f00; */
}

#appearance-info-list .list-box {
	width: 100%;
	/* background:#f00; */
}

@media screen and (max-width:720px) {
	#appearance-info-list .list-box {
		padding: 0 2%;
	}
}

#appearance-info-list .list-box .line-box:: {
	clear: left;
}

#appearance-info-list .list-box .cat-name {
	width: 140px;
	float: left;
}

@media screen and (max-width:720px) {
	#appearance-info-list .list-box .cat-name {
		width: 100%;
		float: none;
		;
	}
}

#appearance-info-list .list-box .title {
	width: 840px;
	float: left;
}

@media screen and (max-width:720px) {
	#appearance-info-list .list-box .title {
		width: 100%;
		;
		float: none;
	}
}

#appearance-info-list .list-box .title a {
	color: #333;
	text-decoration: none;
}

@media screen and (max-width:720px) {
	#appearance-info-list .wide-banner img {
		width: 100%;
	}
}

/* プロダクションの出演情報一覧 */
#production .appearance_information .list-box {
	width: 970px;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	#production .appearance_information .list-box {
		box-sizing: border-box;
		width: 100%;
		padding: 0 2%;
		margin: 0 auto;
	}
}

#production .appearance_information .list-box .line-box:: {
	clear: left;
}

#production .appearance_information .list-box .cat-name {
	width: 140px;
	float: left;
}

@media screen and (max-width:720px) {
	#production .appearance_information .list-box .cat-name {
		width: 100%;
		float: none;
	}
}

#production .appearance_information .list-box .title {
	width: 820px;
	float: left;
}

@media screen and (max-width:720px) {
	#production .appearance_information .list-box .title {
		line-height: 130%;
		width: 100%;
		float: none;
	}
}

#production .appearance_information .list-box .title a {
	color: #333;
	text-decoration: none;
}

/* PCとスマホで表示非表示の設定 */
.only-pc {
	display: block;
}

@media screen and (max-width:720px) {
	.only-pc {
		display: none;
	}
}

.only-sp {
	display: none;
}

@media screen and (max-width:720px) {
	.only-sp {
		display: block;
	}

	.only-sp img {
		width: 100%;
	}
}

/* widthの設定 */
.w800 {
	width: 800px;
	margin: 0 auto;
}

.w888 {
	width: 888px;
	margin: 0 auto;
}

.w900 {
	width: 900px;
	margin: 0 auto;
}

.w975 {
	width: 975px;
	margin: 0 auto;
}

.w1000 {
	width: 1000px;
	margin: 0 auto;
}

.w1060 {
	width: 1060px;
	margin: 0 auto;
}

.w1100 {
	width: 1100px;
	margin: 0 auto;
}

.w1180 {
	width: 1180px;
	margin: 0 auto;
}

.w1280 {
	width: 1280px;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	.w800 {
		width: 80%;
		margin: 0 auto;
	}

	.w888 {
		width: 80%;
		margin: 0 auto;
	}

	.w900 {
		width: 90%;
		margin: 0 auto;
	}

	.w975 {
		width: 90%;
		margin: 0 auto;
	}

	.w1000 {
		width: 100%;
		margin: 0 auto;
	}

	.w1060 {
		width: 100%;
		margin: 0 auto;
	}

	.w1100 {
		width: 100%;
		margin: 0 auto;
	}

	.w1180 {
		width: 100%;
		margin: 0 auto;
	}

	.w1280 {
		width: 100%;
		margin: 0 auto;
	}
}

/* heightの設定 */
.h16 {
	height: 16px;
}

.h24 {
	height: 24px;
}

.h32 {
	height: 32px;
}

.h36 {
	height: 36px;
}

.h64 {
	height: 64px;
}

.h80 {
	height: 80px;
}

.h128 {
	height: 128px;
}

/* テキスト配置の設定 */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-top {
	vertical-align: top;
}

.text-middle {
	vertical-align: middle;
}

.text-bottom {
	vertical-align: bottom;
}

.font-12 {
	font-size: 12px;
}

.font-14 {
	font-size: 14px;
}

.font-16 {
	font-size: 16px;
}

.font-18 {
	font-size: 18px;
}

.font-24 {
	font-size: 24px;
}

.font-32 {
	font-size: 32px;
}

@media screen and (max-width:720px) {
	.font-12 {
		font-size: 10px;
	}

	.font-14 {
		font-size: 12px;
	}

	.font-16 {
		font-size: 14px;
	}

	.font-18 {
		font-size: 16px;
	}

	.font-24 {
		font-size: 18px;
	}

	.font-32 {
		font-size: 24px;
	}
}

.set-kosugi {
	font-family: 'Kosugi Maru', sans-serif;
}

/* バックボタン */
.back-bottom {
	text-align: right;
	margin-right: 64px;
	margin-top: 32px;
}

@media screen and (max-width:720px) {
	.back-bottom {
		width: 100%;
		text-align: right;
		margin-right: 64px;
		margin-top: 32px;
	}
}

/* ハンバーガーメニュー */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	background: #fff;
}

.logo {
	font-size: 24px;
	margin-left: 80px;
}

@media screen and (max-width:720px) {
	.logo {
		margin-left: 2%;
	}

	.logo img {
		width: 80%;
	}
}

/*------------------------------

  ここから下がハンバーガーメニュー
  に関するCSS

------------------------------*/

/* チェックボックスは非表示に */
.drawer-hidden {
	display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
	display: flex;
	height: 60px;
	width: 60px;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 100;
	/* 重なり順を一番上に */
	cursor: pointer;
	float: right;
	top: 0px;
	margin-right: 120px;
}

@media screen and (max-width:720px) {
	.drawer-open {
		margin-right: 2%;
	}
}

.drawer-open .menu-moji {
	color: #333;
	line-height: 360%;
	font-size: 9px;
	/* background: #f00; */
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
	content: '';
	display: block;
	height: 1px;
	width: 32px;
	border-radius: 3px;
	background: #333;
	transition: 0.5s;
	position: absolute;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
	bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
	top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked~.drawer-open span {
	background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked~.drawer-open span::before {
	bottom: 0;
	transform: rotate(45deg);
}

#drawer-check:checked~.drawer-open span::after {
	top: 0;
	transform: rotate(-45deg);
}

/* メニューのデザイン */
.drawer-content {
	width: 50%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 100%;
	/* メニューを画面の外に飛ばす */
	z-index: 99;
	background: rgba(255, 255, 255, 0.8);
	transition: .5s;
	padding: 32px;
	padding-top: 64px;
}

@media screen and (max-width:720px) {
	.drawer-content {
		width: 100%;
		padding: 0;
		background: rgba(255, 255, 255, 0.8);
	}
}

.drawer-list {
	padding-top: 64px;
	widht: 100%;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	.drawer-list {
		display: none;
	}
}

.drawer-list-sp {
	display: none;
}

@media screen and (max-width:720px) {
	.drawer-list-sp {
		display: block;
	}
}

.drawer-list section {
	width: 246px;
	float: left;
	font-size: 14px;
}

.drawer-list section.first {
	margin-left: 190px;
}

.drawer-list a {
	text-decoration: none;
	transition: 0.3s;
	color: #333;
}

.drawer-list a:hover {
	opacity: 0.3;
}

.drawer-list li {
	list-style: none;
	border-left: 1px solid #333;
	line-height: 120%;
	margin-bottom: 4px;
	padding-left: 8px;
}

.drawer-list li.no-border {
	list-style: none;
	border-left: 0;
	line-height: 120%;
	margin-bottom: 4px;
	padding-left: 8px;
}

.drawer-list li.sp-1 {
	margin-bottom: 28px;
}

.drawer-list li.sp-2 {
	margin-bottom: 56px;
}

.drawer-list li.sp-3 {
	margin-bottom: 84px;
}

@media screen and (max-width:720px) {
	.drawer-list-sp {
		display: block;
		width: 100%;
		background: linear-gradient(-0deg, #fff, #e1fbf6);
	}

	.drawer-list-sp section {
		width: 80%;
		margin: 0 auto;
		padding: 12px 0;
		border-bottom: 1px solid #ccc;
	}

	.drawer-list-sp section li {
		list-style: none;
		lihe-height: 110%;
		font-size: 14px;
	}

	.drawer-list-sp section li a {
		text-decoration: none;
		color: #333;
	}

	.drawer-list-sp .footer-logo {
		padding: 12px;
		text-align: center;
	}

	.drawer-list-sp .copy {
		text-align: center;
		font-size: 12px;
		padding-bottom: 24px;
	}
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked~.drawer-content {
	left: 50%;
	/* メニューを画面に入れる */
}

@media screen and (max-width:720px) {
	#drawer-check:checked~.drawer-content {
		left: 0;
		/* メニューを画面に入れる */
	}
}

/* float */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* clear */
.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
}

/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	/* box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); */
	width: 1078px;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	.tabs {
		width: 100%;
	}
}

/*タブのスタイル*/
.tab_item {
	/* width: calc(100%/7); */
	width: 154px;
	height: 33px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
	/* line-height: 50px; */
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer
}

@media screen and (max-width:720px) {
	.tab_content {
		/* background:#f00; */
		padding: 0;
		margin: 0;
	}
}

@media screen and (max-width:720px) {
	.tab_content_description {
		/* background:#0f0; */
		width: 100%;
		padding: 0;
		margin: 0;
	}
}

@media screen and (max-width:720px) {
	.tab_item {
		width: calc(100%/3);
		/* display:none; */
	}

	.tab_item img {
		width: 100%;
	}
}

.tab_item:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked~#all_content,
#corporate-information:checked~#corporate-information_content,
#voice-actor-training-center:checked~#voice-actor-training-center_content,
#jtb-next-creation:checked~#jtb-next-creation_content,
#jtn-entertainment:checked~#jtn-entertainment_content,
#contents:checked~#contents_content,
#others:checked~#others_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked+.tab_item {
	background-color: #f00;
	color: #fff;
}

/* プロダクション用のタブ */
/*タブ切り替え全体のスタイル*/
#production .tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	/* box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); */
	width: 1078px;
	margin: 0 auto;
}

@media screen and (max-width:720px) {
	#production .tabs {
		width: 100%;
	}
}

/*タブのスタイル*/
#production .tab_item {
	/* width: calc(100%/7); */
	width: 154px;
	height: 33px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
	/* line-height: 50px; */
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer
}

@media screen and (max-width:720px) {
	#production .tab_content {
		/* background:#f00; */
		padding: 0;
		margin: 0;
	}
}

@media screen and (max-width:720px) {
	#production .tab_content_description {
		/* background:#0f0; */
		width: 100%;
		padding: 0;
		margin: 0;
	}
}

@media screen and (max-width:720px) {
	#production .tab_item {
		width: calc(100%/3);
		/* display:none; */
	}

	#production .tab_item img {
		width: 100%;
	}
}

#production .tab_item:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#production input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
#production .tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#production #all:checked~#production #all_content,
#production #corporate-information:checked~#production #corporate-information_content,
#production #voice-actor-training-center:checked~#production #voice-actor-training-center_content,
#production #jtb-next-creation:checked~#production #jtb-next-creation_content,
#production #jtn-entertainment:checked~#production #jtn-entertainment_content,
#production #contents:checked~#production #contents_content,
#production #others:checked~#production #others_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
#production .tabs input:checked+.tab_item {
	background-color: #f00;
	color: #fff;
}


/* 改ページ */
.pagenation {
	text-align: center;
}

.pagenation .post-page-numbers {
	margin: 0 auto;
	width: 32px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	text-align: center;
	padding: 8px 12px;
	color: #333;
	/* background-color:#49a9d4; */
	background-color: #cb0;
	/* border-radius:25px; */
	border: 1px solid #333;
}

.pagenation .post-page-numbers.current {
	background-color: #fff;
}

/* リストのページ送り */
.pagenation .page-numbers {
	margin: 0 auto;
	width: 32px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	text-align: center;
	padding: 8px 12px;
	color: #333;
	/* background-color:#49a9d4; */
	background-color: #cb0;
	/* border-radius:25px; */
	border: 1px solid #333;
}

.pagenation .page-numbers.current {
	background-color: #fff;
}

/* フェードイン */
.fadein {
	opacity: 0;
	transform: translate(0, 100px);
	transition: all 2s;
}

.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}

/* プライバシーポリシー */
/* list
============================================================ */
.list-01 {
	overflow: hidden;
	margin-bottom: 30px;
}

.list-01 li {
	list-style: disc;
	margin: 0 0 5px 1.5em;
}

.list-01--col-2 li {
	float: left;
	width: calc(50% - 1.5em);
}

.list-02 {
	counter-reset: number;
	margin-bottom: 30px;
}

.list-02 li {
	list-style: none;
	position: relative;
	margin: 0 0 5px;
	padding: 0 0 0 35px;
}

.list-02 li:before {
	counter-increment: number;
	content: counter(number);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #c81528;
	font-weight: bold;
}

.list-ind {
	margin-bottom: 30px;
}

.list-ind>li {
	position: relative;
	padding-left: 2em;
}

.list-ind>li>.list-ind__head {
	position: absolute;
	top: 0;
	left: 0;
}

td>.list-01:last-child,
td>.list-02:last-child,
td>.list-01:last-child li:last-child,
td>.list-02:last-child li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 999px) {

	.list-01,
	.list-02,
	.list-ind {
		margin-bottom: 20px;
	}

	.list-01--col-2 li {
		float: none;
		width: auto;
	}
}