@charset "utf-8";

/* Reset ----------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}

/* Base ----------------- */
body{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	line-height: 1.85;
	font-size: 16px;
	min-width: 980px;
}
img{
	vertical-align: bottom;
}
a:hover{
	opacity:.7;
	filter:alpha(opacity=70);
}
.contents{
	width: 980px;
	margin: 0 auto;
}
.contents_block{
	margin: 20px 0;
}
.item_sp{
	display: none;
}
@media screen and (max-width:767px){
	body{
		font-size: 12px;
		min-width: 100%;
	}
	img{
		width: 100%;
		height: auto;
	}
	.contents{
		width: 90%;
		margin: 0 auto;
		/* margin: 0 5%; */
	}
	.contents_block{
		margin: 10px 0;
	}
	.item_pc{
		display: none;
	}
	.item_sp{
		display: block;
	}
}
@media screen and (min-width: 481px) {
	.item_sp_only {
		display: none;
	}
}

/* header ----------------- */
.header{
	background: repeat-x center bottom;
}
.vfw .header{
	background-image: url(/assets/images/common/main_bg_vfw.png);
}
/*.hfw .header{
	background-image: url(/assets/images/common/main_bg_hfw.png);
}*/
.header_inner{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.header .mv{
	text-align: center;
}
.header .mv::after{
    content: "";
    display: inline-block;
    width: 120px;
    height: 37px;
    background: url(/assets/images/common/house_rogo.png) no-repeat;
    background-size: contain;
    right: 0;
    position: absolute;
	top: 20px;
}
.header .back_to_top{
	position: absolute;
	top: 20px;
	border-bottom: 1px solid #ff4e24;
	line-height: 1;
}
.header .back_to_top a{
	position: relative;
	display: inline-block;
	padding-left: 22px;
	color: #ff4e24;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1rem;
}
.header .back_to_top a:before{
	position: absolute;
	top: 1px;
	left: 2px;
	content: "";
	width: 15px;
	height: 13px;
	background: url(../images/common/back_to_top_arrow.png) no-repeat;
}

@media screen and (max-width:767px){
	.header_inner{
		width: 100%;
	}
	.vfw .header .mv,
	.hfw .header .mv{
		padding: 0;
	}
	.header .mv::after{
		width: 16%;
		height: 10%;
		right: 0.5em;
		top: 0.5em;
	}
	.header .back_to_top{
		left: 1em;
	}
	.header .back_to_top a{
		padding-left: 12px;
		letter-spacing: 0;
	}
	.header .back_to_top a:before{
		width: 8px;
		height: 8px;
		top: 2px;
		left: 0;
		background-size: 8px 8px;
	}
}

/* hedding -------------- */
.hedding{
	background: #90cf00;
	color: #fff;
	line-height: 75px;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 0.14rem;
}
.hedding_hfw,.hedding_vfw{
	background: #90cf00;
	line-height: 75px;
	text-align: center;
}
.hedding_hfw img,.hedding_vfw img{
	vertical-align: middle;
}
.hedding_hfw{
	margin-bottom: 12px;
	margin-top: 42px;
}
.hedding_vfw{
	margin: 42px 0 12px;
}

.section_head_01 {
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 14px;
}
.section_head_01_inner {
	display: inline-block;
	position: relative;
	padding: 0 16px;
}
.section_head_01_inner:after,
.section_head_01_inner:before {
	content: "";
	display: inline-block;
	width: 4px;
	height:4px;
	background-color: #90cf00;
	position: absolute;
	top: 50%;
	margin-top: -2px;
}
.section_head_01_inner:after {
	right: -4px;
	box-shadow: 12px 0 #90cf00, 24px 0 #90cf00;
}
.section_head_01_inner:before {
	left: -4px;
	box-shadow: -12px 0 #90cf00, -24px 0 #90cf00;
}
.section_head_01 .text_small{
	font-size: 1rem;
}
.section_head_02 {
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 13px;
	overflow: hidden;
}
.section_head_02 span {
	position: relative;
	display: inline-block;
	padding: 0 25px;
}
.section_head_02 span:before,
.section_head_02 span:after {
	position: absolute;
	top: 45%;
	content: '';
	width: 400%;
	height: 4px;
	background-color: #dadada;
}
.section_head_02 span:before {
	right: 100%;
}
.section_head_02 span:after {
	left: 100%;
}
@media screen and (max-width:767px){
	.hedding{
		line-height: 48px;
		font-size: 1.25rem;
	}
	.hedding_hfw img,.hedding_vfw img{
		width: 80%;
	}
	.section_head_01 {
		margin: 20px 0 14px;
		font-size: 1rem;
	}
	.section_head_01_inner {
		padding: 0 8px;
	}
	.section_head_01_inner:after,
	.section_head_01_inner:before {
		width: 2px;
		height:2px;
		margin-top: -1px;
	}
	.section_head_01_inner:after {
		right: -2px;
		box-shadow: 6px 0 #90cf00, 12px 0 #90cf00;
	}
	.section_head_01_inner:before {
		left: -2px;
		box-shadow: -6px 0 #90cf00, -12px 0 #90cf00;
	}
	.section_head_01 .text_small{
		font-size: 0.75rem;
	}
	.section_head_02 {
		font-size: 1rem;
		margin-bottom: 10px;
	}
	.section_head_02 span {
		padding: 0 12px;
	}
	.section_head_02 span:before,
	.section_head_02 span:after {
		height: 2px;
	}
}

/* content ---------------- */
.box_movie_inner figcaption {
	text-align: right;
}
.text_hfw {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.box_movie_inner figcaption {
		position: relative;
		bottom: -25px;
	}
}

/* box_movie ---------------- */
.box_movie {
  text-align: center;
}
.box_movie_item {
  display: inline-block;
  width: 620px;
}
.box_movie_item:nth-child(n+2) {
  margin-left: 14px;
}
.box_movie_item iframe {
  width: 100%;
  height: 316px;
  border: none;
  vertical-align: top;
}
.box_movie_item .box_movie_inner .video-js {
  width: 100%;
  height: 350px;
  border: none;
  vertical-align: top;
}
.box_movie_inner {
	max-width: 100%;
  margin: 10px 0 40px;
}

@media screen and (max-width: 480px) {
  .box_movie_item {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .box_movie_item:nth-child(n+2) {
    margin: 20px auto 0;
  }
  .box_movie_inner {
    position: relative;
		margin: 15px auto 40px auto;
    padding-top: 49.8%;
  }
  .box_movie_item iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .box_movie_item .box_movie_inner .video-js {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* box_cancel -------------- */
.box_pattern{
	background-color: #fff7be;
}
.box_pattern_inner{
	width: 980px;
    margin: 0 auto;
    padding: 32px 0;
    text-align: center;
}
.box_pattern_inner_titlered{
	font-size: 32px;
	font-weight: bold;
	color: #e60012;
}
.box_pattern_inner_titleblack{
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.box_pattern_inner_titleblack span{
	font-size: 16px;
}
.box_pattern_inner_flame{
	margin: 24px 0;
	border: 2px solid #e60012;
    border-radius: 8px;
    padding: 21px 0;
}
.box_pattern_inner_txt{
	font-size: 16px;
	font-weight: bold;
}
.box_pattern_inner_table{
	display: table;
    margin: 0 auto;
}

.box_pattern_inner_table dl.mb15{
	margin-bottom: 15px;
}
.box_pattern_inner_table dt{
	vertical-align: middle;
	display: table-cell;
}
.box_pattern_inner_table dt img{
	margin-right: 8px;
}
.box_pattern_inner_table dd{
	text-align: left;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	vertical-align: middle;
	display: table-cell;
}
.box_pattern_inner_inquiry{
	font-size: 16px;
	font-weight: bold;
	margin-top: 24px;
}
@media screen and (max-width:767px){
	.box_pattern_inner{
		width: 90%;
	    margin: 0 5%;
	    padding: 16px 0;
	}
	.box_pattern_inner_titlered{
		font-size: 20px;
		line-height: 1.2;
		margin-top: 10px;
	}
	.box_pattern_inner_titleblack{
		font-size: 16px;
		line-height: 1.2;
	}
	.box_pattern_inner_titleblack span{
		font-size: 14px;
	}
	.box_pattern_inner_flame{
		margin: 14px 0;
		border: 1px solid #e60012;
	    border-radius: 4px;
	    padding: 14px;
	}
	.box_pattern_inner_table{
		display: block;
	    width: 100%;
	}
	.box_pattern_inner_table dl.mb20{
		margin-bottom: 20px;
	}
	.box_pattern_inner_table dt{
		display: block;
	}
	.box_pattern_inner_table dt img{
		margin-right: 0;
		width: 35%;
	}
	.box_pattern_inner_table dd{
		text-align: center;
		padding: 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5;
		display: block;
		margin-top: 6px;
	}
	.box_pattern_inner_txt{
		font-size: 12px;
		font-weight: bold;
	}
	.box_pattern_inner_inquiry{
		font-size: 12px;
		font-weight: bold;
		margin-top: 16px;
	}
}

/* box_lead -------------- */
.box_lead{
	display: table;
	margin-top: 32px;
}
.box_lead_text{
	display: table-cell;
	padding: 10px 13px 0 0;
	vertical-align: top;
}
.box_lead_text p:not(:last-child){
	margin-bottom: 1em;
}
.box_lead_image{
	display: table-cell;
	vertical-align: top;
	padding-left: 17px;
	width: 225px;
}
.box_lead_image_large{
	display: table-cell;
	padding-left: 17px;
	width: 467px;
}
.box_lead_image img,
.box_lead_image_large img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:767px){
	.box_lead{
		display: block;
		margin: 10px 0;
		overflow: hidden;
	}
	.box_lead_text{
		display: block;
		padding: 0 0 10px;
	}
	.box_lead_image{
		display: block;
		width: 44%;
		padding: 0 3%;
		float: left;
	}
	.box_lead_image_large{
		display: block;
		width: 92%;
		padding: 0 4%;
	}
}

/* box_course -------------- */
@media screen and (max-width:767px){
	.box_course{
		margin: 0 -3%;
	}
}

/* list_summary ----- */
.list_summary{
	float: left;
	width: 450px;
	margin: 0 0 13px 50px;
}
.list_summary:nth-of-type(2){
	width: 480px;
	margin-left: 0;
}
.list_summary dt{
	float: left;
	clear: left;
	width: 6em;
	margin-right: 1em;
	font-weight: bold;
	position: relative;
	text-align: center;
}
.list_summary dt:before{
	position: absolute;
	content:"[";
	left: 0;
}
.list_summary dt:after{
	position: absolute;
	content:"]";
	right: 0;
}
.list_summary dd{
  width: 333px;
	float: left;
  overflow: auto;
}
.list_summary + p{
	clear: both;
	text-align: center;
	text-indent: -13.6em;
}
.list_summary + p + p{
	text-align: center;
}
@media screen and (max-width:767px){
	.list_summary,
	.list_summary:nth-of-type(2){
		width: 100%;
		margin: 0;
	}
	.list_summary dt{
		margin-right: 0;
	}
	.list_summary dd{
    width: auto;
		padding-left: 6.5em;
		float: none;
    overflow: inherit;
	}
	.list_summary + p{
		text-align: left;
		text-indent: 0;
	}
	.list_summary + p + p{
		text-align: left;
	}
}

/* box_privilege -------------- */
.box_privilege{
	border: 2px solid #ff4e24;
	border-radius: 8px;
	margin-bottom: 40px;
}
.box_privilege_head{
	line-height: 67px;
	background: #ff4e24;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}
.box_privilege_body{
	padding: 17px 25px 16px;
}
.box_privilege_subhead{
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}
.box_privilege_subhead .text_color{
	color: #ff4e24;
}
.box_privilege_subhead .text_small{
	font-size: 1rem;
}
@media screen and (max-width:767px){
	.box_privilege{
		margin-bottom: 15px;
	}
	.box_privilege_head{
		line-height: 37.5px;
		font-size: 1rem;
	}
	.box_privilege_body{
		padding: 15px;
	}
	.box_privilege_subhead{
		font-size: 1rem;
		line-height: 1.5;
	}
	.box_privilege_subhead .text_small{
		font-size: 0.75rem;
	}
}

/* box_button -------------- */
.box_button{
	margin-bottom: 30px;
	text-align: center;
}
.box_button a{
	display: inline-block;
	width: 458px;
	line-height: 48px;
	background: #e60012;
	color: #fff;
	border-radius: 24px;
	text-decoration: none;
	font-weight: bold;
}
.box_button .box_button_inner{
	position: relative;
	display: inline-block;
	padding-right: 1.3em;
}

/* 内部リンク */
.box_button_inner:after{
	position: absolute;
	top: 17px;
	right: 0px;
	content: "";
	width: 15px;
	height: 13px;
	background: url(../images/common/btn_arrow.png) no-repeat;
}

/* 外部リンク */
.box_button_inner.external:after{
	position: absolute;
	top: 17px;
	right: 0px;
	content: "";
    width: 13px;
    height: 13px;
	background: url(../images/icon_link_external-white.png) no-repeat;
    background-size: 13px 13px;
}

.box_button_style2,
.box_button_style3{
	width: 458px;
	border-radius: 24px;
	font-weight: bold;
	line-height: 48px;
	color: #fff;
	display: inline-block;
}
/*準備中*/
.box_button_style2{
	background: #eeb200;
}
/*募集終了*/
.box_button_style3{
	background: #4f4e4e;
}
/*IE--------------------------*/
/* IE10以下 */
:root .box_button a,
:root .box_button_style2,
:root .box_button_style3{
	padding: 18px 0 14px\0/;
	line-height: 1\0/;
}
:root .box_button_inner:after{
	top: 0px\0/;
}
/* IE10以上 */
@media all and (-ms-high-contrast: none){
	.box_button a,
	.box_button_style2,
	.box_button_style3{
		padding: 18px 0 14px;
		line-height: 1;
	}
	.box_button_inner:after{
		top: 0px;
	}
}
/*end:IE------------------------*/
@media screen and (max-width:767px){
	.box_button{
		margin: 15px 0;
	}
	.box_button a{
		width: 100%;
		font-size: 0.87rem;
		line-height: 45px;
	}
	.box_button .box_button_inner{
		padding-right: 1.2em;
	}
	.box_button_inner:after{
		width: 10px;
		height: 10px;
		background-size: 10px 10px;
	}
	.box_button_inner:after{
		right: 5px;
	}
	.box_button_style2,
	.box_button_style3{
		width: 100%;
		font-size: 0.87rem;
		line-height: 45px;
	}
}

/* list_requirements -------------- */
.list_requirements dt{
	width: 6em;
	margin-right: 1em;
	font-weight: bold;
	position: relative;
	text-align: center;
}
.list_requirements .large{
	width: 10em;
}
.list_requirements dt:before{
	position: absolute;
	content:"[";
	left: 0;
}
.list_requirements dt:after{
	position: absolute;
	content:"]";
	right: 0;
}
.list_requirements dd{
	margin-bottom: 23px;
}
@media screen and (max-width:767px){
	.list_requirements dd{
		margin-bottom: 15px;
	}
}

/* box_privacypolicy box_covid-------------- */
.box_privacypolicy_head,
.box_covid_head{
	margin: 37px 0 17px;
	border-bottom: 2px solid #dadada;
	font-weight: bold;
}
.box_privacypolicy dd,
.box_covid dd{
	margin-bottom: 16px;
}
.box_covid dd {
    padding-left: 1em;
}
.box_covid dd li {
    padding-left: 1em;
    text-indent: -1em;
}
section.box_covid dd li:before {
    content: "・";
}
@media screen and (max-width:767px){
	.box_privacypolicy_head,
	.box_covid_head{
		margin: 25px 0 10px;
	}
	.box_privacypolicy dd,
	.box_covid dd{
		margin-bottom: 10px;
	}
}

/* box_contactinfo -------------- */
.box_contactinfo{
	margin: 40px auto;
	border: 2px solid #96cf13;
	border-radius: 8px;
	overflow: hidden;
}
.box_contactinfo_head{
	float: left;
	width: 157px;
	height: 88px;
	padding-top: 14px;
	background: #96cf13;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.box_contactinfo_head:before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 51px;
	background: url(/assets/images/common/icon_contact.png) no-repeat center center;
	vertical-align: text-bottom;
}
.box_contactinfo_body{
	float: left;
	padding: 25px 0 0 33px;
	line-height: 1.5;
}
.box_contactinfo .text_small{
	font-size: 0.87rem;
}
@media screen and (max-width:767px){
	.box_contactinfo{
		margin: 20px 0;
	}
	.box_contactinfo_head{
		float: none;
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding-top: 0;
		font-size: 0.87rem;
	}
	.box_contactinfo_head:before{
		width: 22px;
		height: 27px;
		padding-right: 10px;
		background-position: 0 0;
		background-size: contain;
		vertical-align: middle;
	}
	.box_contactinfo_body{
		padding: 10px 5%;
	}
	.box_contactinfo .text_small{
		font-size: 0.6rem;
	}
}
.group_link{
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (max-width:767px){
	.group_link{
		text-align: center;
		margin-bottom: 15px;
	}
}
/* footer -------------- */
.footer{
	border-top: 1px solid #dadada;
	padding: 20px 0;
	text-align: center;
	font-size: 0.75rem;
}
@media screen and (max-width:767px){
	.footer{
		padding: 15px 0;
		font-size: 0.6rem;
	}
}

/* class -------------- */
.txet_bold{
	font-weight: bold;
}
.top .box_movie_inner .vjs-big-play-button{
	display: none;
}
.ch_box_photo,
.ch_box_photo .btn {
	text-align: center;
}
.ch_box_photo {
	position: relative;
}
.ch_box_photo >img{
	width: 75%;
}
.ch_box_photo .btn {
	position: absolute;
	bottom: 21%;
	right: 36%;
}
.ch_box_photo .btn img {
	width: 100%;
}
@media screen and (max-width:767px){
	.ch_box_photo >img{
		width: 100%;
	}
	.ch_box_photo .btn{
		width: 90%;
		bottom: 18%;
		left: 18px;
	}
}



/*中止告知案内-----------------------------*/
#concertAnnouncement .text_lead{
	border:solid 2px #ff4e24;
	padding:10px 10px 30px;
	color:#e60012;
	/* background-color: #fff8f8; */
}
#concertAnnouncement.itsudemo .text_lead{
	border: solid 4px #000;
	padding:10px 10px 30px;
	color:#000;
	background-color: #fff;
	border-radius: 8px;
}
#concertAnnouncement.itsudemo .canceled_title,
#concertAnnouncement.itsudemo .canceled_subtitle {
	color: #ff4e24 !important;
}
#concertAnnouncement .text_lead .txt_note{
	font-size:15px;
}
#concertAnnouncement.itsudemo {
	margin-bottom: 50px;
}
#concertAnnouncement.itsudemo .text_lead {
	padding-bottom: 60px;
}
@media screen and (max-width: 480px) {
	#concertAnnouncement .text_lead{
		padding: 1% 3% 4%;
	}
	#concertAnnouncement.itsudemo .text_lead{
		border:solid 2px #000;
		background-color: #fff;
		border-radius: 5px;
	}
	#concertAnnouncement .text_lead .txt_note{
		font-size:12px;
	}
	#concertAnnouncement.itsudemo .text_lead {
		padding-bottom: 30px;
	}
}
/*中止-----------------------------*/
.canceled p{
	padding-top: 1em;
	font-size: 18px;
	color: #000;
}
.itsudemo .canceled p{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.canceled_title{
	color: #e60012 !important;
	font-weight: bold;
	font-size: 22px !important;
}
.canceled_subtitle{
	font-weight: bold;
	font-size: 22px !important;
	color: #e60012 !important;
	padding-top: 0 !important;
}
.canceled ul{
	text-align: left;
	padding-left: 255px;
}

.canceled.contact{
	color: #000;
	border: 2px solid;
	padding: 20px 0;
	margin: 40px 150px 0;
	font-weight: bold;
	background: #fff;
}
.canceled p a {
	color: #000;
	text-decoration: none;
	word-break: break-all;
}
.canceled.contact a{
  color: #0090ff;
  text-decoration: none;
	word-break: break-all;
}
.itsudemo .canceled p a{
	color: #e9000d;
	text-decoration: underline;
	word-break: break-all;
}
.canceled.contact a:hover{
  text-decoration: underline;
}
/* .canceled a::after,.canceled.contact a::after {
	content: "";
	display: inline-block;
	margin-top: -6px;
	margin-left: 5px;
	margin-right: 5px;
	width: 13px;
	height: 13px;
	background: url(/assets/images/icon_link_external.png) no-repeat 50% 50%;
	-webkit-background-size: 13px 13px;
	background-size: 13px 13px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
} */
.canceled.contact .canceled_title{
	font-size: 18px !important;
	color: #000 !important;
	padding-bottom: 10px;
	display: inline-block;
	font-family: 'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-serif;
	padding-top: 0;
}
p.contact_link {
	text-align: left;
	padding: 0 24px;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-serif;
	font-size: 16px;
}
p.contact_link span {
	width: 280px;
	display: inline-block;
}
.contents.canceled_block{
	padding: 50px 0 0;
	text-align: center;
}
.canceled_img {
	margin: 40px 0;
	padding: 0 20px;
}
.canceled_img img {
	max-width: 100%;
}
.canceled .text_accent {
	color: #ff4e24;
	font-weight: bold;
}
.canceled .text_small {
	font-size: 1rem;
	text-align: left;
}
.canceled .button-wrap {
	display: inline-block;
}
.canceled .button {
	display: block;
	margin: 2em ​auto 0;
	text-align: center;
}
.canceled p.button > a {
	display: block;
	padding: 20px 30px;
	color: #fff !important;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
	border-radius: 10px;
	background: #f4c342;
	transition: 0.2s;
	box-sizing: border-box;
}
.canceled .button > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	margin-top: -6px;
	margin-left: 5px;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background: url(/assets/images/icon_link_external-white.png) no-repeat 50% 50% / 100% auto;
	transform: rotate(0deg);
}
.canceled .button > a:hover {
	text-decoration: none;
}

.text_lead_internal .display_tab a::after {
	content: "";
	display: inline-block;
	margin-top: -6px;
	margin-left: 5px;
	width: 18px;
	height: 18px;
	background: url(/assets/images/icon_link_external.png) no-repeat 50% 50%;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.text_link .external::after {
    display: inline-block;
    position: relative;
    content: '';
    width: 15px;
    height: 15px;
    top: 0.1em;
    right: -5px;
    background: url(/assets/images/icon_link_external.png) no-repeat center center / contain;
}

@media screen and (max-width: 480px) {
	.canceled_title{
		text-align: center;
		font-size: 140% !important;
	}
	.canceled_subtitle{
		font-size: 140% !important;
	}
	.itsudemo .canceled_subtitle{
		text-align: center;
	}
	.canceled p{
		font-size: 115%;
		line-height: 1.8;
	}
	.canceled ul{
		padding-left: 0;
	}
	.contents.canceled_block {
		padding: 30px 10px 0;
		text-align: left;
	}
	.contents.canceled_block.itsudemo {
		padding: 20px 0 0;
    width: 100%;
	}
	.canceled.contact{
		font-size: 109%;
		padding: 20px 10px;
		margin: 20px 0 5px;
	}
	.canceled.contact .canceled_title{
		font-size: 115% !important;
		padding: 0;
		display: block;
	}
	p.contact_link{
		margin: 0 0 10px;
		padding: 20px 0 25px;
		font-size: 100%;
		line-height: 1.4;
	}
	p.contact_link span {
		width: auto;
		padding-top: 15px;
	}
	.canceled_img {
		margin: 20px 0;
		padding: 0;
	}
	.canceled .text_small {
		font-size: 0.8rem;
	}
	.canceled .button-wrap {
		display: block;
	}
	.canceled p.button > a {
		width: 100%;
		padding: 14px 10px;
		font-size: 16px;
		border-radius: 10px;
	}
}

.web-video-wrap{
	width: 560px;
	margin: 0 auto;
}
.web-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.web-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.box_inner.itsudemo dt{
	width: 7em;
}

.box_btn_inner.external:after{
	background: url(/assets/images/icon_link_external-white.png) no-repeat;
	width: 13px;
	height: 13px;
	background-size: 13px 13px;
}

@media screen and (max-width: 480px) {
	.web-video-wrap{
		width: 100%;
	}
}

/* mb */
.mb-20 {
	margin-bottom: 20px;
}

/* font */
.font-bold {
	font-weight: bold;
}

/* title */
p.title {
	font-size: 25px;
}

@media screen and (max-width: 480px) {
	p.title {
		font-size: 18px;
	}
}

@media screen and (max-width:480px) {
    .spnone {
        display: none;
    }
}
