@charset "utf-8";

@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css?family=Cabin|Noto+Sans+JP');



/* reset
============================================================================================================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	font-size: 100%;
	font-family: inherit;
}
fieldset, img {
	border: 0;
}
img {
	vertical-align: middle;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
select, input, textarea {
	font-size: 100%;
}
header,footer,nav,section,article,figure,aside {
	display: block;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}




/* ========================================================
	template.css => テンプレート用CSS
======================================================== */
html, body {
	width: 100%;
	overflow-x: hidden;
}
html {
	font-size: 62.5%;
}
body {
	background-color: #fff;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.7;
	color: #231815;
	font-family: 'Noto Sans JP', sans-serif, "游ゴシック Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
}

a {
	text-decoration: none;
	-webkit-transition: color 0.15s, background-color 0.15s, background-image 0.15s, border 0.15s, opacity 0.15s;
	-o-transition: color 0.15s, background-color 0.15s, background-image 0.15s, border 0.15s, opacity 0.15s;
	transition: color 0.15s, background-color 0.15s, background-image 0.15s, border 0.15s, opacity 0.15s;
	color: #505050;
}
iframe {
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	img {
		max-width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* pc / sp
============================================================================================================ */
.pc {
	display: block;
}
.sp, .sps {
	display: none !important;
}
.sps_n {
	display: none !important;
}

@media screen and (max-width: 720px) {
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
.sps_n {
	display: block !important;
}
}

@media screen and (max-width: 320px) {
.sps {
	display: block !important;
}
.sps_n {
	display: none !important;
}
img.sps, spsan.sps, br.sps, em.sps, strong.sps {
	display: inline !important;
}
}


/* copyright
------------------------------------------------------------- */

@media screen and (min-width: 721px) {
	.copyright {
		max-width: 1440px;
		width: calc(100% - 40px);
		display: block;
		font-size: 1.8rem;
		text-align: center;
		margin: 1em auto 0 auto;
	}	
}
@media screen and (max-width: 1024px) {
	.copyright {
		max-width: 1440px;
		width: calc(100% - 40px);
		display: block;
		font-size: 1.5rem;
		text-align: center;
		margin: 0 auto;
	}
}
@media screen and (max-width: 720px) {
	.copyright {
		display: block;
		margin-top: 10px;
		font-size: 10px;
		transform: scale(1);
		text-align: center;
	}
}
/* ===================================================================================================================

	コンテンツ

=================================================================================================================== */


/* footer
============================================================================================================ */

/* PC */
@media screen and (min-width: 768px) {
#footer {
	padding: 30px 0 30px;
}

.footer_logo {
		width:30%;
			margin:  0em auto 3em auto;
	}	
.footer_logo img{
		width:100%;
	}	
	
	
.footer_link_li {
	margin: 0 auto;
	width: 85%;
	font-size: 1.5rem;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	justify-content: center;
	text-align: center;
}
.footer_link_li li + li {
	/*margin-left:1%;*/
	border-left: solid 1px #231815;
}
.footer_02 .footer_link_li li + li {
	/*margin-left:1%;*/
	border-left: solid 1px #fff;
}
.footer_link_li li a {
	/*		width:100%;*/
	display: block;
	text-align: center;
	padding: 0 15px;
}
}

/*tab*/
	@media screen and (max-width: 1025px) {
	.footer_link_li {
		margin: 0 auto;
		width: 100%;
		font-size: 1.4rem;
		text-align: center;
	}
}

/* sp */
@media screen and (max-width: 720px) {
	#footer {
		padding: 10px 0 30px;
	}
	.footer_logo {
		width:80%;
		margin: 2em auto;
	}	
	.footer_logo img{
		width:100%;
	}		

	.footer_link_li {
		margin: 0 auto;
		width: 100%;
		font-size: 1.2rem;
		text-align: center;
	}
	.footer_link_li li {
		display: block;
	}
	.footer_link_li li a {
		/*width:100%;*/
		display: block;
		text-align: center;
		padding: 0 15px;
	}
}
/* ===================================================================================================================

	モジュール

=================================================================================================================== */


/* disc
------------------------------------------------------------- */
ul.list_disc li {
	position: relative;
	padding-left: 1.2em;
}
ul.list_disc li:before {
	content: "●";
	position: absolute;
	left: 0;
}

/* disc
------------------------------------------------------------- */
ul.list_dot li {
	position: relative;
	padding-left: 1em;
	z-index: 1;
}
ul.list_dot li:before {
	content: "・";
	position: absolute;
	left: 0;
}
/* notes
------------------------------------------------------------- */
ul.list_note li {
	position: relative;
	padding-left: 1em;
}
ul.list_note li:before {
	content: "※";
	position: absolute;
	left: 0;
}



.performer_header{
	text-align: center;
	margin-bottom: 5.35vh;
}
.performer_header img{
	max-width: 100%;
}
.performer_container{
   width: calc(100% - 40px);
   max-width: 1260px;
   margin: auto auto 7vh;
   font-size: 1.9rem;
}
*::-ms-backdrop, .performer_container{
	width: 1260px;
	margin: auto;
}


.performer_block01{
	display:-webkit-box;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	justify-content: space-between;
	-ms-flex-pack:justify;/*--- IE10 ---*/	
	margin-bottom: 8.2vh;
}
.performer_lead{
	width: 60%;
	position: relative;
}
.performer_img{
	width: 33%;
}
.performer_lead > img,
.performer_img img{
	max-width: 100%;
	height: auto;
}
.performer_title{
	margin-bottom: 20px;
	position: relative;
}
.performer_title:not(:nth-of-type(1)){
	margin-top: 7vh;
}
.performer_text{
	padding-left: 2em;
	letter-spacing: -.01em;
	position: relative;
}
.performer_text p+p	{
	margin-top: 25px;
}
.performer_text a{
	color: #e60012;
}
ol.performer_text{
	padding-left: 3em;
}
.letter_space{
	letter-spacing: -.1em;
}

.performer_title .midashi_line img{
	background-color: #fff;
	position: relative;
	z-index: 1;
	padding-right: 15px;
}
.midashi_line.col_yellow:after{
	background-color: #fcc800;	
}
.midashi_line.col_green:after{
	background-color: #009c79;	
}
.midashi_line.col_red:after{
	background-color: #d50f19;	
}
.midashi_line.col_blue:after{
	background-color: #00b0d0;	
}
.midashi_line:after{
	content:"";
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 4px;
	background-color: inherit;
}


@media screen and (max-width: 767px) {
	.performer_header{
		margin-bottom: 2vh;
	}
	.performer_container{
	   width: calc(100% - 20px);
	   margin: auto auto 4vh;
	   font-size: 1.4rem;
	}
	.performer_block01{
		display: block;
		margin-bottom: 3.2vh;
	}
	.performer_lead{
		width: auto;
	}
	.performer_img{
		width: auto;
	}	
	.performer_lead{
		margin-bottom: 30px;
	}
	.performer_title{
		margin-bottom: 10px;
	}
	.performer_title:not(:nth-of-type(1)){
		margin-top: 4vh;
	}
	.performer_text{
		padding-left: 0;
	}
	.performer_text p+p	{
		margin-top: 10px;
	}
	ol.performer_text{
		padding-left: 1em;
	}
	.letter_space{
		letter-spacing: auto;
	}

	.performer_title img{
    	width: auto;
    	height: 16px;
		padding-right: 8px;
	}
	.midashi_line:after{
		height: 2px;
	}	
}


@media screen and (min-width: 768px) {
	.performer_icon01{
		position: absolute;
		bottom: -11.54vh;
		right: -4.6vw;
		z-index: 1;
	}
	.performer_icon02{
		position: absolute;
		bottom: -4vh;
		right: 10vw;
	}
	.performer_icon03{
		position: absolute;
		top: 3.5vh;
		right: 12vw;
	}
	.performer_icon04{
		position: absolute;
		top: -3.6vh;
		right: 6.8vw;
	}
	.performer_icon05{
		position: absolute;
		bottom: -3.6vh;
		right: 13vw;	
	}
}
@media screen and (max-width: 768px) {
	.performer_icon{
		display: none;
	}
}