/***************************************************
						Reset
***************************************************/ 
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
form,
label,
legend,
caption,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
}
html{font-size: 62.5%;}

ol,
ul {
	list-style: none;
	-webkit-padding-start: 0;
	padding-left: 0px;
}
a img {
	border: none;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
a:link,
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a.Current:link,
a.Current:visited,
a.Current:hover {
	text-decoration: none;
}

/***************************************************
			      Global styles
***************************************************/

body {
    width: 100%;
    /* height: 100%; */
    /* color: #202020; */
    /* line-height: 1.2em; */
    -webkit-text-size-adjust: 80%;
    font-family: 'Noto Sans Japanese', sans-serif, "�ҥ饮�νǥ� Pro W3", "Hiragino Kaku Gothic Pro", "�ᥤ��E�", Meiryo, Osaka;
    margin: 0;
    padding: 0;
    background: url(../img/web_img_bg.jpg) center center / cover no-repeat fixed;
    /* background-position: 0px -110px; 
    -webkit-background-position: 0px -110px;
    -moz-background-position: 0px -110px;
    -o-background-position: 0px -110px;
    -webkit-background-size: cover; 
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}

h1 {
	/*font-size: 1.5rem;*/
	line-height: 1.5em;
	padding: 10px 15px;
	margin: 0;
}
.subtitle:before,
.tit_guide:before{
	content: '';
	height: 22px;
	width: 25px;
	background: rgba(208, 39, 44, 1);
	display: inline-block;
	vertical-align: middle;
}

#top h2.subtitle {
    margin: 0.5em 0 0.5em 0;
}
h2.subtitle {
    margin: 22px 0 1.5em 0;
}
h2.subtitle:first-child {
    margin: 0px 0 1.5em 0;
}


.subtitle span,
.tit_guide span{
    /*display: inline-block;*/
    vertical-align: middle;
    padding-left: 10px;
    font-size: 2.3rem;
}

.sub-category {
	font-size: 1.2em;
	padding-left: 0.8em;
}
button {
	background: rgba(1, 1, 1, 0.8);
	border: none;
	position: relative;
	height: 50px;
	font-size: 1em;
	padding: 0 2em;
	cursor: pointer;
	transition: 800ms ease all;
	outline: none;
	color: #fff;
}

.hero-title {
	height: 40vh;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding-top: 12%;
	text-align: center;
	font-size: 1.7rem;
}
.hero-title2 {
	height: 40vh;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding-top: 10%;
	text-align: center;
	font-size: 1.7rem;
}
.hero-title3 {
	height: 40vh;
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	padding-top: 12%;
	text-align: center;
	font-size: 1.7rem;
}
.hero-title4 {
	height: 40vh;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding-top: 12%;
	text-align: center;
	font-size: 1.7rem;
}

#top .container {
	padding: 5px 40px;
	background: rgba(255, 255, 255, 1);
}
.container {
	padding: 20px;
	background: rgba(255, 255, 255, 1);
	font-size: 1.7rem;
}
/*.container a,
#news_contents a{
	color: #202020 !important;
}*/
.container a:link,
#news_contents a:link{
	color: #202020;
}
.container a:visited,
#news_contents a:visited{
	color: #202020;
}
.container a:hover,
#news_contents a:hover{
	color: #202020;
}
.container_inner {
	max-width: 95%;
	margin: 0 auto;
}
.top_container_inner {
	max-width: 100%;
	margin: 0 auto;
}
.container_inner_conf,
.container_inner_comp{
	max-width: 850px;
	margin: 0 auto;
}

.mo_kaigyo{
	display: none;
}

@font-face {
	font-family: bn_sf;
	src: url('../font/bn_sf_1-1.woff') format("opentype");
}


@media screen and (max-width: 1158px) {
	#industry .hero-title4 {
		height: 40vh;
		padding-top: 100px;
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 768px) {
	body {
		background: url(../img/web_img_bg.jpg) no-repeat;
    	background-size: 150%;
    	background-position: -180px -40px;
	}

	.hero-title,
	.hero-title3{
		height: 25vh;
		padding-top: 15%;
	}
	.hero-title2 {
		height: 25vh;
		padding-top: 13%;
	}

	#industry .hero-title2 {
		height: 25vh;
		padding-top: 7%;
		font-size: 1.5rem;
	}
	#industry .hero-title4,
	#s_handson_register .hero-title4 {
		height: 25vh;
		padding-top: 12%;
		font-size: 1.7rem;
	}

	#top h2.subtitle {
		font-size: 2.2rem;
	}
	
	h2.subtitle:first-child {
		margin: 0px 0 0.8em 0;
	}

	.container {
		padding: 20px 10px !important;
		font-size: 2.0rem;
	}

	.mo_kaigyo{
		display: block;
	}
}

@media screen and (max-width: 480px) {
	body {
	    background: url(../img/web_img_bg.jpg) no-repeat;
	    background-size: 250%;
	    background-position: -72vw -11vh;
	}

	h1 {
		line-height: 1.5em;
	}
	#industry h1,
	#register_ind h1{
		line-height: 1.4;
	}
	.br {
		display: block;
	}
	.br-no {
		display: none;
	}
	.pc {
		display: none;
	}
	.hero-title,
	.hero-title3{
		padding-top: 30%;
		height: 40vh;
	}
	#register_ind .hero-title2 {
		padding-top: 23%;
		height: 40vh;
	}
	.hero-title2 {
		padding-top: 20%;
		height: 40vh;
	}
	
	#industry .hero-title4,
	#s_handson_register .hero-title4 {
		height: 40vh;
		padding-top: 25%;
		font-size: 1.5rem;
	}
	
	button {
		height: 40px;
	}
	.subtitle:before {
		height: 18px;
		width: 20px;
	}
	.subtitle span,
	.tit_guide span{
		padding-left: 5px;
	}
	#top .container {
		padding: 5px;
	}
	.container {
		padding: 20px 10px;
		font-size: 2.0rem;
	}
	
	.form_box_first {
		margin: 30px 0 60px;
	}

}

/***************************************************
			      Global menu
***************************************************/
header {
	  width:  100%;
	  height: 50px;
	  margin: 0 auto;
	  z-index: 6;
	  background-color: #fff;
	  font-size: 1.5rem;
	  /*border-top: 1px solid #D0282C;*/
}
.inner {
	width: 100%;
	max-width: 1150px;
	/*width:	1080px;*/
	margin: 0 auto;
	font-weight: 500;
}
.header_wrapper header .inner nav a:link,
.header_wrapper header .inner nav a:visited{
	text-decoration		: none;
	color				: #333;
}
.header_wrapper header .inner nav a:hover{
	text-decoration		: none;
	color: #D0272C;
}

.header_wrapper header .inner nav a.Current:link, a.Current:visited, a.Current:hover{
	text-decoration		: none;
}
@media screen and ( max-width: 1024px ) {
.inner {
	width:	100%;
}
.logo{
	margin-left: 1%;
}
}


nav > ul {
  	float: right;
	margin-top: 0;
    margin-bottom: 0;
	/*width: 690px;*/
	/*margin: 0 auto;*/
}
nav > ul > li {
	width: 200px;
	float: left;
	text-align: center;
	line-height: 50px;
	/*margin-left: 50px;*/
}

nav > ul li ul li {
	line-height: 50px;
  	text-align: left;
}

/*nav > ul li ul li {
	padding: 0 0 25px 0;
  	text-align: left;
}
nav > ul li ul li:first-child {
	padding: 35px 0 25px 0;
}
nav > ul li ul li:last-child {
	padding: 0 0 20px 0;
}*/

nav ul li:hover {
	  cursor: pointer;
	  position: relative;
}
nav ul li:hover > ul {
  	display: block;
}
nav > ul > li > a {
	  cursor: pointer;
	  display: block;
  	  aoutline: none;
  	  width: 100%;
	  text-decoration: none;
	  color: #333;
}

nav > ul li ul {
  	display: none;
  	position: absolute;
	padding-left: 10px;
	background: #fff;
  	left: 0;
	top: 100%;
  	/*width: 100%;*/
	width:250px;
	z-index: 2000;
}
nav > ul li ul li > a {
	  text-decoration: none;
}

/*[type="checkbox"]*/#nav/*,.inner label*/ {
	  display: none;
}

@media screen and (max-width: 1024px) {
	nav > ul > li {
		width: 150px;
		float: left;
		text-align: center;
		line-height: 50px;
	}
}



/*�����å��ܥå���������*/
.menuopen {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 0;
    width: 0;
    height: 0;
    outline:0;
	margin: 0;
	display: none;
}
.menuopen:focus{
    outline:0;
}

.menu_txt{
	display: none;
}

#checked:checked ~#menu-background {
	display: none;
}


@media screen and (max-width: 768px) {
.logo{
		margin-left:46.8%;
}
/*nav > ul {
	width: auto;
  	float: 			right;
	margin-right: 	0%;
}
nav ul {
	width: auto;
	display: none;
}

nav a {
		color: #181818;
	  	border-top:	none;
}
nav ul li:hover > a {
	border-top:	none;
}
nav > ul > li > a {
	  cursor: pointer;
	  display: block;
  	  aoutline: none;
  	  width: 100%;
	  border-top:none;
	  height: 53px;
	  line-height: 53px;
}
nav ul li {
		display: block;
  		float: none;
  		width: 100%;
  		text-align: left;
  		background: #fff;
		text-indent: 20px;
}

nav > ul > li {
  		margin-left: 0px;
}

nav > ul li ul li {
  		display: block;
		float: none;
}
  
nav > ul li ul {
		display: block;
  		position: relative;
  		width: 100%;
		z-index: 9999;
		float: none;
}*/

	.header_wrapper {
		height: 0;
		background-color: none;
		position: static;
	}
	header{
		height: 0;
	}

	nav > ul li ul {
		display: block;
		position: static;
		background-color: inherit;
		z-index: auto;
	}

	.menu_txt {
		display: block;
		position: absolute;
		right: 10px;
		top: 24px;
		font-size: 1.4rem;
		color: #C32F2D;
	}

}


@media screen and (max-width: 480px) {
li.moba_dis_none{display:none;}
.time_table{display:none;}
}
/***************************************************
			      Header
***************************************************/
* { box-sizing:border-box }
*:before, *:after { box-sizing:inherit }

/* Header styles */

.header_wrapper {
    /*height: 50px;*/
    /*background-color: #fff;*/
    z-index: 5;
	/*position: fixed;*/
    width: 100%;
}

header {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    /*height: 50px;*/
    position: fixed;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    width: 100%;
}

@media screen and (max-width: 768px) {
	.header_wrapper {
		/*height: 40px;*/
	}

	header {
		/*height: 40px;*/
	}
}

/***************************************************
			      Footer
***************************************************/

#footer {
	color: #ffffff;
	font-size: 13px;
	background-color: #333;
}
#footer a:link,
a:visited {
	color: #fff;
	text-decoration: underline;
}
.f-nav {
	display: flex;
	padding: 25px 0px;
	flex-flow: row wrap;
	max-width: 1080px;
	margin: 0 auto;
}
.f-nav ul {
	width: 22%;
	margin-right: 3%;
}
.f-title {
	color: #768D99;
	margin-bottom: 10px;
}
.copy {
	border-top: solid #999999 1px;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

.foot_area {
	/*display: -webkit-flex;*/
	/*display: flex;*/
	/*justify-content: space-between;*/
	padding: 60px 0px 30px;
	max-width: 1080px;
	margin: 0 auto;
}


.foot_img_01{
	width: 30%;
	height: auto;
	margin: 0 0 50px 0;
}
.foot_img_02{
	width: 40px;
	height: 40px;
	margin: 0 30px 0 0;
}

.foot_area_inner {
	width: 600px;
	margin: 0 auto 40px;
	line-height: 1.8;
}

.foot_tit_01{
	float: left;
	margin-right: 2em;
}
.foot_tit_02{
	float: left;
	margin-right: 1em;
}

.foot_txt_01{
	float: left;
}

.br_m_on{display:none;}


@media screen and (max-width: 768px) {
	.foot_img_01{
		width: 69%;
		max-width: 444px;
		height: auto;
		margin: 0 0 25px 0;
	}
	.foot_img_02{
		margin: 0 20px 0 0;
	}
	
	.foot_area_inner {
		width: auto;
		margin: 0 auto 30px;
		padding: 0 10px;
		line-height: 1.8;
	}

	.foot_tit_01{
		float: none;
		margin-right: 2em;
		margin-left: 11%;
	}
	.foot_tit_02{
		float: none;
		margin-right: 1em;
		margin-left: 11%;
	}

	.foot_txt_01{
		float: none;
		margin-left: 11%;
	}
	
	.br_m_on{display:block;}
}


@media screen and (max-width: 1080px) {
	.f-nav {
		padding: 25px 3%;
	}
}
@media screen and (max-width: 480px) {
	.f-nav ul {
		width: 45%;
	}

}

/***************************************************
			      TOP
***************************************************/

.hero {
    background-color: rgba(0, 0, 0, 0.1);
	height: 64vh;
	position: relative;

}

.hero_inner {
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
}

.top-title {
    height: 8%;
    position: absolute;
    top: 18%;
    left: 4%;
    transform: translateY(-20%);
    /* z-index: 9999; */
}

.top-title_t {
	display: none;
}
.top-title_s {
	display: none;
}

.top-title_02 {
    height: 10%;
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top-title_t_02 {
	display: none;
}
.top-title_s_02 {
	display: none;
}

.top-title_03 {
    height: 15%;
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top-title_t_03 {
	display: none;
}
.top-title_s_03 {
	display: none;
}

.top-title_04 {
    height: 13.2%;
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top-title_t_04 {
	display: none;
}
.top-title_s_04 {
	display: none;
}

.top-title_05 {
    height: 21.2%;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top-title_06 {
    height: 7%;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-box {
	-js-display: flex;
	display: flex;
}
.news {
	width: 50%;
	margin-right: 15px;
}
.top-outline {
	background: url(../img/top-img2.jpg) no-repeat center center fixed;
	background-size: 100%;
}
.top-outline div {
	color: #FFFFFF;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
	padding: 80px;
	margin: 0;
}


/***************************************************
			      TOP by harumi motono 2019 05.15
***************************************************/
.news_top {
    position: absolute;
    bottom: 0;
    height: 40px;
    width: 100%;
    padding-left: 90px;
    color: #bbbbbb;
    display: flex;
    align-items: center;
        background: rgba(0, 0, 0, 0.3);;
}

.news_top a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.news_top h2 {
    font-weight: bold;
    display: inline-block;
    padding-right: 15px;
    font-size: 1.4em;
    0.5px
    transition: transform .3s ease;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

.news_top div {
    width: 3px;
    height: 17px;
    background: #C82228;
    display: inline-block;
}

.news_top p {
    display: inline-block;
    padding-left: 15px;
    font-size: 1.4em;
    letter-spacing: 0.3px
    transition: transform .3s ease;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

.news_top:hover h2 {
	color: #ececec;
}

.news_top:hover p {
	color: #ececec;
}

.container_top {
	background: rgba(255, 255, 255, 1);
}


.container_inner_top {
	max-width: 100%;
	margin: 0 auto;
}

.columns_top {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 60px;
}

.for_pc_top {
	display: block;
}

.for_tablet_top {
	display: block;
}

.for_rep_top {
	display: none;
}

/*column01*/

.column01_top {
    max-width: 930px;
    width: 930px;
    padding: 0 30px;
    background: #fff;
}
  
.c01_title_top {
    border-bottom: 4px solid #000;
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 2.4em;
    font-weight: 300;
    padding-bottom: 5px;
}

.c01_title_top span {
	font-weight: 500;
}

.c01_cards_top {
    display: flex;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-felx-direction: row;
    flex-flow: row wrap;
    align-self: stretch;
}
.c01_item_top {
    max-width: 250px;
    min-width: ;
    width: 28.735632183%;
    height: 330px;
    /* margin-right: 30px; */
    margin-bottom: 30px;
    background: #ffffff00;
    position: relative;
}

.c999_item_top {
    max-width: 250px;
    min-width: ;
    width: 28.735632183%;
    height: 330px;
    margin-bottom: 30px;
    background: #ffffff00;
    position: relative;
    align-self: stretch;
}

.c01_item_top a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.c01_item_top img {
	width: 100%;
	opacity: 1;
	transition: transform .4s ease;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

.c01_item_top .triangle {
    /*border-top: 25px solid #C82228;
    border-right: 25px solid transparent;
    position: absolute;
    z-index: 1;*/
}

.c01_item_top:hover img {
	opacity: 0.6;
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}

.c01_txt_area h2 {
	min-height: 40px;
    margin-top: 10px;
    font-size: 1.6em;
    line-height: 1.4;
    color: #515151;
    transition: transform .3s ease;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

.c01_item_top:hover h2 {
	color: #a2a2a2;
}

.c01_txt_subtitle {
	min-height: 60px;
	margin-top: 20px;
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.4;
	color: #6b6b6b;
}

.c01_time_n_link {
    /* margin-top: 20px; */
    padding-bottom: 4px;
    border-bottom: 1px solid #969696;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.c01_item_top:hover .c01_time_n_link .c01_link {
	backgroound: #cecece;
	border-radius: 1px;
}

.c01_time_n_link p {
	font-size: 1.2em;
	color: #6f6f6f;
}

.c01_time_n_link .c01_time {
	display: inline-block;
	padding: 1px 0;
}

.c01_time_n_link .c01_link {
	display: inline-block;
	padding: 1px 5px;
	transition: transform .3s ease;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}





/*column02*/

.column02_top {
    /* max-width: 350px; */
    min-width: 350px;
    padding: 0 60px 0 30px;
    background: linear-gradient(#414141, #262626);
    background: -moz-linear-gradient(#414141, #262626);
    background: -webkit-linear-gradient(#414141, #262626);
}

.c02_title_top {
	border-bottom: 1px solid #636363;
    margin-top: 20px;
    color: #EFEFEF;
    font-size: 2.4em;
    padding-bottom: 5px;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

.c02_item_top {
	border-bottom: 1px solid #636363;
	margin-top: 30px;
	padding-bottom: 32.5px;
	position: relative;
}

.c02_item_top_spn {
	margin-top: 30px;
	padding-bottom: 0;
	position: relative;
}

.c02_item_top a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.c02_item_top_spn a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.c02_item_top img {
    display: inline-block;
    float: left;
    max-width: 120px;
    max-height: 120px;
    margin-right: 15px;
    width: 40%;
    height: auto;
    opacity: 1;
	transition: transform .4s ease;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

.c02_item_top:hover img {
	filter: brightness(110%);
}

.c02_item_top_spn img {
    width: 100%;
    max-width: 290px;
    opacity: 1;
	transition: transform .4s ease;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

.c02_item_top_spn:hover img{
	filter: brightness(110%);
}

.c02_txt_area {
    display: inline-block;
    max-width: 155px;
    width: calc(100% - 40% - 15px);
}

.c02_txt_area h2 {
	color: #EFEFEF;
	font-size: 1.6em;
	line-height: 1.4;

}

.c02_txt_area p {
    margin-top: 10px;
    color: #cacac7;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
}

.fb-page {
	margin-top: 30px;
}


/***responsive***/
@media screen and (min-width: 1441px){
	.container_top {
		background: linear-gradient(90deg, #fff 0%, #fff 70%, #3d3d3d 70%, #3d3d3d 100%);
	}
	.container_inner_top {
		max-width: 1920px;
	}

	.columns_top {
	    justify-content: space-between;
	}

	.column01_top {
	    max-width: 1200px;
	    width: 65%;
	}

	.c01_txt_subtitle {
	    margin-bottom: 20px;
	}

	.c01_item_top {
	    max-width: none;
	    height: auto
	}

	.c999_item_top {
	    max-width: none;
	    min-width: ;
	    height: auto;
	}

	.column02_top {
	    max-width: 552px;
	    width: 30%;
	    background: #3d3d3d;
	}

	.c02_title_top {
	    max-width: 360px;
	}

	.c02_item_top {
	    max-width: 360px;
	}

	.c02_item_top img {
	    max-width: 150px;
	    max-height: none;
	    margin-right: 15px;
	}

	.c02_item_top_spn img {
	    width: 100%;
	    max-width: calc(60% + 150px);
	}

	.c02_txt_area {
	    max-width: none;
	    width: calc(100% - 40% - 15px);
	}
}

@media only screen /*ipad pro*/
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

	.top-title_05 {
	    height: 15.2%;
	    position: absolute;
	    top: 52%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
}

@media screen and (max-width: 1200px) {
	.column02_top {
		min-width: auto;
	}
}

@media screen and (max-width: 1080px) {
	.news_top {
		padding-left: 30px
	}

	.columns_top {
		padding-left: 0;
	}

	.c01_title_top {
		font-size: 2em;
	}

	.column02_top {
	    padding: 0 30px 0 30px;
	    width: 40%;
	}

	.c02_title_top {
		font-size: 2em;
	}
}

@media screen and (max-width: 860px) {
	/*column01*/
	.c01_item_top {
		width: 47.027521%;
	}



	/*column02*/
	.c02_item_top img {
	   	float: none;
	   	max-width: auto;
	   	max-height: auto;
	    margin-right: 0;
	    margin-bottom: 10px;
	    width: 72.289157%;
	    /* filter: brightness(150%); */
	}

	.c02_txt_area {
		display: block;
		width: 100%;
	}

}

@media screen and (max-width: 768px) {
	.hero {
	    background-color: rgba(0, 0, 0, 0.1);
		height: 56vh;
		position: relative;
	}

	.news_top {
		height: 35px;
	}

	.news_top h2 {
		font-size: 1.2em;
	}

	.news_top div {
		height: 15px
	}

	.news_top p {
		font-size: 1.2em;
	}

	.for_tablet_top {
		display: none;
	}

	.column02_top {
		width: 50%;
	}

	.c02_txt_area {
		max-width: auto;
	}

}

@media screen and (max-width: 580px) {
	.news_top {
		padding-left: 20px;
		height: 20px;
	}

	.news_top h2 {
		font-size: 0.85em;
		padding-right: 10px
	}

	.news_top p {
	    font-size: 0.95em;
	    padding-left: 10px;
	}

	.news_top:hover h2 {
		color: #bbbbbb;
	}

	.news_top:hover p {
		color: #bbbbbb;
	}



	.for_pc_top {
		display: none;
	}

	.for_rep_top {
		display: block;
	}

	.rep_clearfix_top:after {
		content: "";
		display: block;
		clear: both;
	}

	.container_top {
		background: rgba(234, 234, 234, 1);
	}

	.columns_top {
		margin: 0 10px;
		padding-left: 0;
		display: block;
		display: -webkit-block;
		justify-content: normal;
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	/*column01*/

	.column01_top {
	    max-width: none;
	    width: 100%;
	    padding: 10px 0 0 0;
	    background: #ffffff00;
	}

	.c01_title_top {
	    border-bottom: none;
	    margin-bottom: 5px;
	    margin-top: 5px;
	    font-size: 1.4em;
	    color: #353535;
	    font-weight: normal;
	    text-align: center;
	    vertical-align: middle;
	}

	.c01_title_top span {
	    font-weight: 700;
	    font-size: 1.8em;
	}
	.c01_cards_top {
		display: block;
	    display: -webkit-block;
	    justify-content: normal;
	    -webkit-felx-direction: column;
	    flex-flow: nowrap;
	    align-self: auto;
	}

	.c01_item_top {
	    max-width: none;
	    width: 100%;
	    height: 100px;
	    margin-right: 0px;
	    margin-bottom: 10px;
	    background: #f7f7f7;
	    position: relative;
	    border-bottom: none;
	    transition-property: none;
	}

	img.for_rep_top.rep_img_top {
	    width: 80px;
	    height: auto;
	    margin: 10px; 
	    float: left;
	}

	.c01_item_top:hover img {
		opacity: 1;
		filter:alpha(opacity=80); /* IE 6,7*/
		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity: 1; /* FF , Netscape */
		-khtml-opacity: 1; /* Safari 1.x */
		opacity: 1;
		zoom: 1; /*IE*/
	}

	.c01_txt_area_rep {
	    display: inline-block !important;
	    float: left;
	    position: relative;
	    width: calc(100% - 110px);
	    height: 80px;
	    margin-top: 10px;
	    font-size: 1.5em;
	    font-weight: normal;
	    color: #353535;
	}

	.c01_txt_area_rep  span {
		font-weight: 700;
	}

	.c01_txt_area_rep .c01_time {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    font-size: 0.85em;
	    letter-spacing: 0.4px;
	    font-weight: 200;
	    color: #cac9c9;
	    display: none;
	}


	/*column02*/
	.column02_top {
	    width: 100%;
	    padding: 10px 0;
	    background: #ffffff00;
	}

	.c02_title_top {
	    border-bottom: none;
	    margin-bottom: 10px;
	    margin-top: 5px;
	    font-size: 2.4em;
	    color: #353535;
	    font-weight: normal;
	    /* background: #d1d1d1; */
	    /* padding: 10px; */
	    /* width: 140px; */
	    text-align: center;
	}

	.c02_title_top p {
		font-weight: 700;
	}

	.c02_item_top {
	    border-bottom: none;
	    width: 100%;
	    height: 100px;
	    background: #f7f7f7;
	    border-bottom: 0;
	    transition-property: none;
	    margin-top: 0;
	    padding-bottom: 0;
	    margin-bottom: 10px;
	}

	.c02_item_top_spn {
	    width: 100%;
	    margin-top: 30px;
	    padding-bottom: 0;
	    margin-bottom: 0px;
	}

	.c02_item_top img {
		width: 80px;
		height: auto;
		margin: 10px;
		float: left;
	}

	.c02_item_top_spn img {
		width: 100%;
		max-width: none;
	}

	.c02_item_top:hover img {
		filter: brightness(100%);
	}

	.c02_item_top_spn:hover img {
		filter: brightness(100%);
	}

	.c02_txt_area_rep {
	    display: inline-block !important;
	    float: left;
	    position: relative;
	    width: calc(100% - 110px);
	    height: 80px;
	    padding-top: 10px;
	    font-weight: normal;
	    font-size: 1.5em;
	    color: #353535;
	}

	.c02_txt_area_rep  span {
		font-weight: 700;
	}
}



@media screen and (max-width: 480px) {
	.hero {
	    background-color: rgba(0, 0, 0, 0.1);
		height: 44vh;
		position: relative;
	}
}

/************��E�E�EOP by harumi motono��E�E�E************/





.top-banner {
	width: calc(100% - 15pc);
	text-align: center;
}

.top-banner iframe {
	width: 450px;
	height: 315px;
}

.top-banner_s {
	display: none;
}
.top-banner_tablet {
	display: none;
}
.date {
	margin: 5px 25px 0 0;
	padding-right: 10px;
	font-size: 1.6rem;
}
.news-text {
	margin-top: 0;
	line-height: 1.5em;
	/*font-size: 1.5rem;*/
}

.newstopics {
	margin-bottom: 1em;
}

.bbs {
	    position: fixed;
    top: 60%;
    left: 75%;
    margin: 20px;
    padding: 2em;
    color: #fff;
    background-color: rgba(191, 39, 26, 0.8);
    border: 1px solid #fff;
    border-radius: 1em;
	}
	
.logo_tit_area{
    background-color: rgba(0, 0, 0, 0.2);
	height: 80vh;
}
.logo_tit_area_inner{
	/*width: 100%;*/
	max-width: 1000px;
}

.logo_09{
	width: 60px;
	height: auto;
	margin: 100px 0 0 100px; 
}
.tit_number_09{
	width: 60px;
	height: auto;
	margin: 0 auto;
}

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

	.top-title {
	    height: 8%;
	    position: absolute;
	    top: 16%;
	    left: 4%;
	    transform: translateY(-20%);
	    /* z-index: 9999; */
	}
	/*.top-title_t {
		display: inline;
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}*/
	
	.top-title_02 {
	    height: 12%;
	    position: absolute;
	    top: 26%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_03 {
	    height: 16%;
	    position: absolute;
	    top: 52%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_04 {
	    height: 10%;
	    position: absolute;
	    top: 73%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_05 {
		height: 21.2%;
	    position: absolute;
	    top: 52%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_06 {
	    height: 7%;
	    position: absolute;
	    top: 75%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}



	.top-banner {
		display: none;
	}
	.top-banner_s {
		display: none;
	}
	.top-banner_tablet {
		display: inline;
	}
	.top-outline {
		background: url(../img/top-img2.jpg) no-repeat center center;
		background-size: 100%;
	}
	.top-outline div {
		padding: 30px;
	}
	
	.bbs {
    left: 60%;
}
}

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

	.top-title {
	    height: 9%;
	    position: absolute;
	    top: 9vh;
	    left: 3%;
	    /* transform: translateY(-20%); */
	}
	/*.top-title_t {
		display: inline;
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}*/
	
	.top-title_02 {
	    height: 10%;
	    position: absolute;
	    top: 27%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_03 {
	    height: 19%;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_04 {
	    height: 5%;
	    position: absolute;
	    top: 73%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_05 {
	    height: 43px;
	    position: absolute;
	    top: 58%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_06 {
	    height: 20px;
	    position: absolute;
	    top: 75%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.top-title_t {
		/*display: none;*/
	}
	.top-title_s {
	}
	.top-banner {
		display: none;
	}
	.top-banner_tablet {
		display: none;
	}
	.top-banner_s {
		display: inline;
	}
	.info {
		padding: 10px 25px;
		height: 400px;
	}
	.news-box {
		display: block;
	}
	.news {
		width: 100%;
		margin: 0 15px 30px 0;
	}
	.outline {
		background: url(../img/top-img2_s.jpg) no-repeat 45% center fixed;
		background-size: 100%;
	}
	.outline div {
		padding: 5% 3% 10% 3%;
	}
	.bbs {
    top: 20%;
    left: 0%;
	}
}

/***************************************************
			      Greeting
***************************************************/

#greeting {
	background: url(../img/greeting-img.jpg) no-repeat top center fixed;
}
.greeting-text {
	padding-bottom: 50px;
	line-height: 1.5;
}
@media screen and ( max-width: 768px) {
	.greeting-text {
		padding-bottom: 50px;
		line-height: 1.5;
	}
}

/***************************************************
			live comment
***************************************************/

#live_link {
    max-width: 960px;
    text-align: left;
    background-color: rgba(65,65,65,0.9);
    position: absolute;
    top: 320px;
    z-index: 998;
    border: 2px solid #fff;
    padding: 20px;
    width: 85%;
}

.live_link_inner {
	width: 100%;
	height: 100%;
}

#live_link p {
    font-size: 1.5em;
    margin-bottom: 1.5em;
    color: #fff;
}

.comment {
	background-color: #D17976;
    color: #fff;
    padding: 10px 10px;
    max-width: 250px;
    margin: 20px auto;
}


@media screen and ( max-width: 800px ) {
	
#live_link {
	    top: 120px;
}

}


@media screen and ( max-width: 480px ) {
	
#live_link {
	    top: 90px;
}



}


/***************************************************
			      Outline
***************************************************/

#outline {
	background: url(../img/outline-img.jpg) no-repeat top center fixed;
}
#outline_table {
	margin: 22px auto 30px;
	text-align: left;
	border: none;
}
#outline_table th{
	width: 13%;
}
#outline_table th,
#outline_table td {
	padding: 25px 25px 25px 0;
	border: none;
	vertical-align: top;
}

/*#outline_table td {
    border: none;
    vertical-align: top;
    padding: 20px 20px 20px 0;
}*/


#price {
	width: 100%;
	border: solid 1px #787676;
	border-collapse: collapse;
	max-width: 660px;
}

#outline table#price td {
	display: table-cell;
}
table#price td {
    border: solid 1px grey;
    border-collapse: collapse;
    padding: 8px;
}


.link {
	border-bottom: solid 1px #202020;
}

.sankauke{
	margin: 0 0 20px 0;
}
.sankauke:last-child{
	margin: 0 0 0px 0;
}
.sankauke dt{
	float: left;
	margin: 0 1em 0 0;
}
.sankauke dd{
	float: left;
	margin: 0 0 0 0.5em;
}
.sankauke_inner{
	margin: 0 0 10px 0;
}
.sankauke_inner:last-child{
	margin: 0 0 0px 0;
}

.floorguide_img_01{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.floorguide_img_02{
	max-width: 736px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}


@media screen and ( max-width: 768px) {
	.floorguide_img_02{
		margin-bottom: 30px;
	}

	.floorguide_img_01 img,
	.floorguide_img_02 img{
		max-width: 690px;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		border: 2px solid #efeeee;
	}
}

@media screen and ( max-width: 480px) {
	#outline_table {
		clear: left;
		max-width: 480px;
		margin: 10px auto 0;
	}
	#outline_table th {
		width: 100%;
		float: left;
		text-align: left;
	}
	#outline_table td {
		float: left;
		padding: 0px 0px 35px 0px;
	}
	#outline_table th,
	td {
		padding: 0;
		border: none;
	}
	#price td,
	tr {
		float: none !important;
		padding-bottom: 10px;
	}

	.sankauke dt,
	.sankauke dd{
		width: auto;
		float: none;
		margin: 0;
	}

	.sankauke_inner dt{
		float: left;
		margin: 0 1em 0 0;
	}
	.sankauke_inner dd{
		float: left;
		margin: 0 0 0 0;
	}

	.floorguide_img_02{
		margin-bottom: 30px;
	}
	
	.floorguide_img_01 img,
	.floorguide_img_02 img{
		max-width: 400px;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		border: 2px solid #efeeee;
	}

}


/***************************************************
			20170317faculty
***************************************************/
#faculty {
	background: url(../img/faculty-img.jpg) no-repeat top center fixed;
}

.faculty_day {
    text-align: right;
}

.faculty_box {
	margin-bottom: 40px;
		clear: left;
}

.faculty_box h3{
	padding-left: .5em;
	border-left: 3px solid;
}

.faculty_box h4{font-weight: bold;}
	
.faculty_ps {
	width: 100%;
	margin: 15px 0 0 0;
}
	
.faculty_ps li{
	display: inline-block;
	width: 32%;
	line-height: 1.3em;
	margin-bottom: 22px;
	vertical-align: top;
}
	
.faculty_ps span {
	font-size: 0.9em;
	color: #999999;
	
}

.faculty_contens {
    color: #D0272C;
}

.lines-on-sides {
  display: table;
  text-align: center;
  white-space: nowrap;
      display: table;
    text-align: center;
    white-space: nowrap;
    margin: 1em 0px;
    font-weight: bold;
}
.lines-on-sides:after{
  content: '';
  display: table-cell;
  width: 100%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.lines-on-sides:after {
  border-left: 1em solid transparent;
}

.fa_date{
text-align: right;
}

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

	#faculty {
		background: url(../img/faculty-img-768.jpg) no-repeat 0px -7px fixed;
	}
	.faculty_ps li{
			width: 48%;
		}

	.faculty_ps li:nth-child(even){
		padding-left: 2%;
	}

	.fa_date{
		text-align: right;
		font-size: 1.7rem;
	}

	.faculty_box h3{
		padding-left: .5em;
		border-left: 3px solid;
		font-size: 1.9rem;
	}

}
	
@media screen and ( max-width: 480px ) {
	#faculty {
		background: url(../img/faculty-img-480.jpg) no-repeat 0px -25px fixed;
	}

	.faculty_ps li{
		width: 100%;
		line-height: 1.5em;
	}

	.faculty_box {
		margin-bottom: 10px;
	}

	.faculty_ps li:nth-child(even){
		padding-left: 0px;
	}

	.fa_date{
		text-align: right;
		font-size: 1.7rem;
	}

}

/***************************************************
			     Program
***************************************************/

#program{
	background: url(../img/program-img.jpg) no-repeat top center fixed;
}

#timetable{
	width:95%;
	height:	600px; 
	margin: 10px auto 30px auto;
	overflow:scroll;
	position: relative;
}

.at_a_glance{
	width:95%;
	height:	600px; 
	margin: 15px auto 20px auto;
	overflow:scroll;
	position: relative;
}

.at_a_glance_info{
	width:95%;
	height:	auto;
	margin: 10px auto 0px auto;
	padding: 0 0 30px 0;
}
.at_a_glance_info img{
	max-width: 1000px;
}

.at_a_glance_d20{
	max-width: 890px;
	vertical-align: bottom;
}
.at_a_glance_d21,
.at_a_glance_d22{
	max-width: 2800px;
	vertical-align: bottom;
}

.moba{
	display:	none;
}
.scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar
{
	width: 8px; 
	height: 8px;
	background-color: #C92133;
}

.scroll::-webkit-scrollbar-thumb
{
	background-color: #C92133;
}

#download_block {
    margin: 10px auto 10px;
    line-height: 1.7em;
    /*padding-left: 5px;*/
}
#download_block a:link, a:visited {
    text-decoration: none;
}

.tt_date{
	float: right;
	margin-right: 40px;
	margin-top: -25px;
}

.download{
	border:solid 1px #202020;
	padding:5px;
	font-size:1.5rem;
}

@media screen and ( max-width: 768px ) {
	#download_block {
		margin: 0 auto 0 auto;
		line-height: 2.0;
		padding-left: 0;
	}
	.download{
		padding:3px;
		font-size:1.6rem;
	}
	.tt_date{
		margin-right: 10px;
		margin-top: 10px;
		font-size:1.6rem;
	}

	.at_a_glance_info{
		width:100%;
	}
	.at_a_glance_info img{
		max-width: 745px;
	}

}

.time_table_link {
	padding-left: 1em;
	}

/**
 * TABS
 */
 
.program_date {
	font-size: 1.5rem;
    text-align: right;
    margin: 0 0 -20px 0;
    background-color: #f5f5f5;
	}
.program_date span {
	max-width: 960px;
    display: block;
    margin: 0 auto;
    width: 100%;
	padding-top: 10px;
	}
	
.at_a_glance_date {
	font-size: 1.5rem;
	text-align: right;
	margin: 0 0 -10px 0;
	background-color: #f5f5f5;
}	
.at_a_glance_date span {
	display: block;
	margin: 0 auto;
	width: 95%;
	padding-top: 10px;
}

 div#program_border:before {
    /*border-top: 1px solid #202020;*/
    content: "";
    display: block;
    height: 0;
    position: relative;
    top: 30px;
    width: 100%;
}


#program_border {
	margin: 30px 0px;
	}
	


.tabs_a {
	    text-align: center;
    margin: 0;
	}
	

.tabs_a LI {
	       margin: 0px 25px;
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
}

.tabs_a LI:hover {
	cursor: pointer;
}

.tabs_a li > a {
	width: 100%;
	}


.tabs_a > li > a > span {
    display: inline-block;
    width: 100%;
	font-size: 16px;
}
	
	
.tabs_a > li.activetab span  {
	background-color: #202020 !important;
	color: #fff !important;
	
}

span.none {
    font-size: 16px;
    display: inline-block;
}


/**
 * Sort Buttons
 */
.search {
    width: 200px;
    height: 30px;
    border: 1px solid #202020;
    font-size: 16px;
    padding:6px 15px 6px 30px;
    margin:3px;
    background: url('../img/search.gif') no-repeat 8px 6px;

}

.sort_buttons{
    padding-bottom: 25px;
    text-align: center;
}
.btn{
     background-color: #ffffff;
	 border:none;
	 padding: 0 10px;
	 outline:	none;
     color: #202020;
}
.btn:hover {
	color:#ccc!important;
}
.btn:active {
	color:#ccc!important;
}
/**
 * List
 */
#program .list{
	border-bottom: 1px solid;
    background-color: #f5f5f5;
    padding-top: 3px;
	}

#program #at_a_glance .list{
	background: url(../img/web_img_bg.png) no-repeat -200px -460px;
	border-bottom: 1px solid;
    background-color: #f5f5f5;
    padding-top: 3px;
	}

#program .line{
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
    display: flex;
    -js-display: flex;
    max-width: 960px;
    margin: 20px auto;
    background-color: #fff;
}

#program .time{
	float:left;
	padding: 10px 11px 0px 10px;;
	text-align: right;
	min-width: 55px;
}


h3.title,h3.title2,h3.title3 {
   padding: 5px 0px 5px 30px;
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
}


.on_title {
	cursor: pointer;
}

.hall_f{
	width: 95%;
}


div.hall_f > h3 > span {
	font-size: 1.5rem;
	}

/*halld*/

.hall-d .time{
    border-right: 1px solid #B84137;
	background-color: #FDF8F7;
}

.hall-d .on:hover {
	background-color: #FDF8F7;	
	}
	
	.hall-d h3 {
    border-left: 6px solid #B84137;
		margin-top: 0px;
}


.hall-d h3 span{
	color:#B84137;
}

					
/*halla*/
.hall-a .time{
    border-right: 1px solid #CBC62A;
	background-color: #FEFDF6;
}

.hall-a .on:hover {
	background-color: #FEFDF6;	
	}
	
	
.hall-a h3  {
    border-left: 6px solid #CBC62A;
	margin-top: 0px;	
}


.hall-a h3 span{
	color:#CBC62A;
}

/*hallb*/
.hall-b .time{
    border-right: 1px solid #5A4673;
	background-color: #F7F9FD;
}

.hall-b .on:hover {
	background-color: #F7F9FD;	
	}
	
.hall-b h3 {
    border-left: 6px solid #5A4673;
}

.hall-b h3 span{
	color:#5A4673;
}


/*hallc*/

.hall-c .time {
    border-right: 1px solid #34A683;
	background-color: #F5FBFA;
}

.hall-c .on:hover {
	background-color: #F5FBFA;	
	
	}
	
	
.hall-c h3 {
    border-left: 6px solid #34A683;
}


.hall-c h3 span
{
	color:#34A683;
}

/*hallmomo*/
.hall-momo .time{
    border-right: 1px solid #B75C8E;
	background-color: #FDF8F7;	
}

.hall-momo .on:hover{
	background-color: #FDF8F7;	
	}
	
	
.hall-momo h3 {
    border-left: 6px solid #B75C8E;
}

.hall-momo h3 span{
	color:#B75C8E;
}

/*hallinter*/
.hall-inter .time{
    border-right: 1px solid #5390a3;
	background-color: #f7fcfd;
}

.hall-inter .on:hover {
	background-color: #f7fcfd;
	}
	
	
.hall-inter h3 {
    border-left: 6px solid #5390a3;
}

.hall-inter h3 span{
	color:#5390a3;
}

/*hallkikufuji*/
.hall-kikufuji .time{
    border-right: 1px solid #91b347;
	background-color: #f7fcfd;
}

.hall-kikufuji .on:hover {
	background-color: #f7fcfd;
	}
	
	
.hall-kikufuji h3 {
    border-left: 6px solid #91b347;
}

.hall-kikufuji h3 span{
	color:#91b347;
}


div.kyosai,
div.kyosai2,
div.kyosai3{
	text-align:	right;
	font-size:1.5rem;
	margin-top: 5px;
	padding: 15px 15px 15px 0;
}
/**
 * Accordion
 */
div.detail,
div.detail2,
div.detail3
{
line-height:1.4em;
text-align:left;
display:none;
padding-top: 10px;
padding-left: 40px;
/*font-size: 0.9em;*/
font-weight: 200;
}
div.open
{
line-height:1.4em;
text-align:left;
color:#454545;
padding-top: 10px;
padding-left: 15px;
/*font-size: 0.9em;*/
font-weight: 200;
}

.detail_block ul {
    display: inline-block;
    width: 77%;
	vertical-align: top;
}

.detail_block li {
	float: left;
	margin-right: 10px;
}


.detail_block p {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 21%;
}

.detail_block p.detail_title {
	width: 100%;
    margin-bottom: 1em;
	}
	

.hospital{
font-size:0.8em;
}

.subject{
font-size:1.1em;
font-weight: 300;
}

.detail_block{
	    width: 90%;
    vertical-align: top !important;
    margin: 20px 0px;
	}


.chairman {
	border-bottom: 1px solid #999999;
	padding-bottom: 0px;
	}
	

.p_fellow {
	    width: 100% !important;
    margin-bottom: 22px;
    line-height: 1.5em;
}

.p_fellow li {
	width: 100%;
	margin-right: 0px;
}

.li_w100 li {
	width: 100%;
	margin: 0 0 20px 0;
}


ul.li_w100 {
    margin-top: 0px;
}

.ses_tit_02{
	margin: 0 0 15px 0;
	line-height: 1.3;
	font-weight: bold;
}

.subject{
font-size:1.1em;
font-weight: 300;
}

.program_linkbox {
    margin: 10px 10px 10px 36px;
    border: 1px solid #202020;
    padding: 5px;
    width: 100%;
    max-width: 200px;
    text-align: center;
}

.program_linkbox a {
	display: inline-block;
	width: 100%
}

.program_linkbox:hover {
	cursor: pointer;
	}


@media screen and ( max-width: 768px ) {
	.detail_block p {
		display: inline-block;
		margin: 0 0 15px 0;
		width: 100%;
	}

	div.detail,
	div.detail2,
	div.detail3
	{
	padding-left: 15px;
	}

	h3.title {
		padding: 5px 0px 5px 10px;
	}

	.role{
		/*font-size:0.9em;*/
	}

	.ses_tit{
		/*display: block;*/
		margin: 2px 0 5px;
		line-height: 1.3;
	}
	.ses_tit_02{
		margin: 0 0 15px 0;
		/*padding-left: 1em;
		text-indent: -1em;*/
		line-height: 1.3;
		font-weight: bold;
	}

	h3.title,h3.title2,h3.title3 {
		padding: 5px 0px 5px 10px;
		font-size: 2.2rem;
	}

	.li_w100 li {
		margin: 0 0 25px 0;
	}

}

@media screen and ( max-width: 480px ) {
	
	.time_table_link {
	padding-left: 0px;
	width:100%;
	display: block;
	}
	

	.detail_block p {
		display: inline-block;
		margin: 0 0 15px 0;
		width: 100%;
	}

	.detail_block ul {
		width: 100%;
	}

	.ses_tit{
		/*display: block;*/
		margin: 2px 0 5px;
		line-height: 1.3;
	}
	.ses_tit_02{
		margin: 0 0 15px 0;
		/*padding-left: 1em;
		text-indent: -1em;*/
		line-height: 1.3;
		font-weight: bold;
	}

	h3.title,h3.title2,h3.title3 {
		padding: 5px 0px 5px 10px;
		font-size: 2.2rem;
	}

	.li_w100 li {
		margin: 0 0 25px 0;
	}

}


@media screen and ( max-width: 960px ) {
.line,
.program_date span,
.at_a_glance_date span{
	max-width: 90%;
	
	}
	}
	
	
@media screen and ( max-width: 480px ) {
#timetable,
.at_a_glance{
	/*display:	none;*/
	overflow: hidden;
    height: initial;
}
.at_a_glance{
	margin-bottom: 0;
}

#timetable img,
.at_a_glance img{
width: 100%;
height: auto;
}

.at_a_glance_info img{
	max-width: 355px;
}

.moba{
	display:	block;
}


.tabs_a LI {
    margin: 0px 4px;

}


span.none {
	display: none;
	}

.search{
	display:	none;
}
.sort_buttons{
    padding-bottom: 10px;
}
.list{
	padding: 0 2% 7% 2%;
}
.time{
	margin:	0;
	padding-right: 15px;
}

.at_a_glance{
	margin: 0px auto 0px auto;
}

#program #at_a_glance .list{
	padding: 2% 1% 2% 1%;
}

#program {
	background-size: 686px;
	background-position: -43px 51px;
}


}

/***************************************************
			 ciu
***************************************************/

#ciu {
	background: url(../img/ciu-img.jpg) no-repeat top center fixed;
}

.ciu_explanatory {
	font-size: 1.0em;
    text-align: center;
    margin: 0 0 -20px 0;
    margin: 20px auto;
    /*background-color: #f5f5f5;*/
	}

.ciu_text {
	max-width: 960px;
width: 80%;
margin: 15px auto;
overflow: hidden;
	}

.ciu_text img{
    float: left;
    width: 17%;
    margin-right: 20px;
	}

#ciu .list{
           border-bottom: 1px solid;
    background-color: #f5f5f5;
    padding-top: 3px;
	}
	
#ciu .line{
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
    display: flex;
    -js-display: flex;
    max-width: 960px;
    margin: 20px auto;
    background-color: #fff;
	width: 90%;
}

#ciu .time{
	float:left;
	font-size: 13px;
	padding: 10px 11px 0px 10px;;
	text-align: right;
	min-width: 55px;
}

/*toyohashi*/

.hall-toyo .time{
    border-right: 1px solid #B74137;
	background-color: #FCF8F7;
}

	.hall-toyo h3 {
    border-left: 6px solid #B74137;
		margin-top: 0px;
}


.hall-toyo h3 span{
	color:#B74137;
}


/*cpac*/
.hall-cpac .time{
    border-right: 1px solid #999999;
	background-color: #ededed;
}

	
	.hall-cpac h3 {
    border-left: 6px solid #999999;
		margin-top: 0px;
}


.hall-cpac h3 span{
	color:#999999;
}

div.detail_ciu
{
line-height:1.4em;
text-align:left;
padding-top: 10px;
padding-left: 40px;
font-size: 0.9em;
font-weight: 200;
}

#ciu .on_title{
cursor: default;
}

@media screen and ( max-width: 480px ) {
	
	#ciu .time{
	min-width: 10%;
}

.ciu_text img{
    display: none;
	}


	}

/***************************************************
			 Register
***************************************************/
#register{
	background: url(../img/register-img.jpg) no-repeat top center fixed;
}

#note {
	width: 100%;
	height:5em;
}

form {
	max-width: 960px;
}

input{
	margin:5px;
	}
	
fieldset{
	border:1px solid #ccc;
	line-height	 : 1.5em;
	margin		: 1em;
}
fieldset dl{
	margin	: 0px;
	padding	: 0px;
}

fieldset dt {
	float:left;
	text-align : right;
	margin	: 0px;
	padding:5px;
	clear:both;
}
fieldset dd {
	margin	: 0px;
	margin-left:;
	padding:5px;
}
legend{
	padding	 : 0 6px 5px;
	margin-bottom:5px;
  }

label.list2{margin-bottom:10px;}
.radiobtn{
	margin-bottom:10px;
	width:15px; 
	height:15px; 
	}

table.List{
	width				: 100%;
	border-spacing		: 0;
	margin-right		: auto;
	margin-left			: auto;
	max-width:1024px;
}

table.List_n{
	width				: 100%;
	font-size			: 14px;
	border-collapse		: collapse;
	border-spacing		: 0;
	margin-right		: auto;
	margin-left			: auto;
	text-align			: left;
}
table.List th{
	padding				: 12px;
	white-space			: nowrap;
	text-align			: left;
}
table.List td{
	padding				: 12px 12px;
	margin 				: 5px;
	text-align			: left;
	/*border				: solid #ffffff 1px;*/
	line-height			: 1.5em;
	font-size			: 14px;

}
p.add_word{
	margin:0;
	font-size:0.9em;	
	}
p.s_word{
	font-size:0.9em;
	margin:0;
	}	
.indent{
    padding-left: 1em;
    text-indent: -1em;	
}
.indent03{
	padding-left:0.3em;
}
.indent05{
	padding-left:0.5em;
}
.indent07{
	padding-left:0.7em;
}

ol.reg_list p {	margin: 0;}

span.errormsg{
	color	: red;
	margin-left	: 5px;
	font-size	: 12px;
	display	: none;
}

.bold{font-weight:bold;}
.btn1{
	width:87px; 
	height:30px;}
.btn2{
	width:160px; 
	height:30px;}

/*.form_box {	margin: 60px 0;}*/

.form_table {
  max-width: 430px;
  width: 100%;
  border: none;}
.form_table td { 
  margin: 10px 0;
  padding: 0;
}
#form_jump{padding-top:70px;}
.text-center{text-align:center;}
.asterisk{font-size:0.9em;}

/* �ե��`����L���{ՁE*/
.field1{width:140px;}
.field2{width:6em;}
.field3{width:250px;}
.field4{width:250px;}
.want{margin-top:15px;}

/* ��٥�Eհ��{ՁE*/
.label_b002{padding-left:0.2em;}
.label_b01{padding-left:1em;}
.label_b015{padding-left:1.7em;}
.label_b02{padding-left:2.2em;}
.label_b03{padding-left:2.8em;}
/*�����ޥ�*/

@media screen and ( max-width: 480px ) {
fieldset {margin: 1em 0;}
span.tate{display:block;}
ol.reg_list{
	font-size:0.95em;
	line-height:2em;
	list-style:decimal;
	list-style-position:inside;
	margin:10px 0 10px 0;
}
ol.reg_list li{
    padding-left: 0.95em;
    text-indent: -0.95em;
	margin-bottom:10px;
}
p.add_word{
	margin:0px 0 10px 0;
	font-size:0.9em;
	line-height:1.7em;	
	}
p.s_word{
	font-size:0.9em;
	line-height:1.7em;	
	}	

.indent{
    padding-left: 0.7em;
    text-indent: -0.7em;	
}	

.form_table td { width: 100%;
    float: left;
    margin: 0;
}
.td2 {
    margin-bottom: 10px !important;
    padding-left: 1.4em !important;
}

/* �ե��`����L���{ՁE*/
.field1,.field2,.field3,.field4{
    height:2em;
}
.field1,.field3{
    width:100%;
}
.field4{width:98%;}
/*�����ޥ�*/

/* ��٥�Eհ��{ՁE*/
.label_b01,.label_b02,.label_b03
,.label_b002,.label_b015{padding-left:0;}
/*�����ޥ�*/

input#cal{display:block;}
label#cal{
	display:block;
	margin-top:-32px;
	margin-left:32px;
	margin-bottom:-27px;
	}

.marg-r{margin-right:2px;}

.want,.radiobtn{
	width:20px;
	height:20px;
	}
.br:before{
	content: "\A" ;
	white-space: pre ;
}
.br_num{padding-top:10px;}
select{
	height:2em;
	}

dl.margin-btm{
	margin-bottom:20px;
	}
}



/***************************************************
			 U32
***************************************************/
#underthirtytwo{
	background: url(../img/u32-img.jpg) no-repeat top center fixed;
}

#note {
	width: 100%;
	height:5em;
}

form {
	max-width: 960px;
}

input{
	margin:5px;
	}
	
fieldset{
	border:1px solid #ccc;
	line-height	 : 1.5em;
	margin		: 1em;
}
fieldset dl{
	margin	: 0px;
	padding	: 0px;
}

fieldset dt {
	float:left;
	text-align : right;
	margin	: 0px;
	padding:5px;
	clear:both;
}
fieldset dd {
	margin	: 0px;
	padding:5px;
}
legend{
	padding	 : 0 6px 5px;
	margin-bottom:5px;
  }

label.list2{margin-bottom:10px;}
.radiobtn{
	margin-bottom:10px;
	width:15px; 
	height:15px; 
	}

table.List{
	width				: 100%;
	border-spacing		: 0;
	margin-right		: auto;
	margin-left			: auto;
	max-width:1024px;
}

table.List_n{
	width				: 100%;
	font-size			: 14px;
	border-collapse		: collapse;
	border-spacing		: 0;
	margin-right		: auto;
	margin-left			: auto;
	text-align			: left;
}
table.List th{
	padding				: 12px;
	white-space			: nowrap;
	text-align			: left;
}
table.List td{
	padding				: 12px 12px;
	margin 				: 5px;
	text-align			: left;
	/*border				: solid #ffffff 1px;*/
	line-height			: 1.5em;
	font-size			: 14px;

}

p.add_word{
	margin:0;
	font-size:0.9em;	
	}
p.s_word{
	font-size:0.9em;
	margin:0;
	}	
.indent{
    padding-left: 1em;
    text-indent: -1em;	
}
.indent03{
	padding-left:0.3em;
}
.indent05{
	padding-left:0.5em;
}
.indent07{
	padding-left:0.7em;
}

ol.reg_list p {	margin: 0;}

span.errormsg{
	color	: red;
	margin-left	: 5px;
	font-size	: 12px;
	display	: none;
}

.bold{font-weight:bold;}

/*.form_box {	margin: 60px 0;}*/

.form_table {
  max-width: 430px;
  width: 100%;
  border: none;}
.form_table td { 
  margin: 10px 0;
  padding: 0;
}
#form_jump{padding-top:70px;}
.text-center{text-align:center;}
.asterisk{font-size:0.9em;}

/* �ե��`����L���{ՁE*/
.field1{width:140px;}
.field2{width:6em;}
.field3{width:250px;}
.field4{width:250px;}
.want{margin-top:15px;}

/* ��٥�Eհ��{ՁE*/
.label_b002{padding-left:0.2em;}
.label_b01{padding-left:1em;}
.label_b015{padding-left:1.7em;}
.label_b02{padding-left:2.2em;}
.label_b03{padding-left:2.8em;}
/*�����ޥ�*/

.detail_word_03 {
	margin: 5px 0 15px 0;
	position: relative;
	padding-left: 20px;
	vertical-align: middle;
}
.detail_word_03::before {
	content: '';
	background: #323232;
	width: 9px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 9px;
}

.detail_word_04 {
	margin: 5px 0 30px 20px;
}

.detail_word_05 {
	margin: 5px 0 60px 20px;
}

.detail_word_06 {
	margin: 5px 0 60px 0px;
}

.detail_word_07 {
	margin: 5px 0 60px 1.5em;
}

.detail_word_08 {
	margin: 5px 0 30px 0px;
}

.u32_TI_area{
	margin: 0 0 30px 0;
}

.u32_img_area{
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
}

.u32_txt_area{
	word-break: break-all;
}

@media screen and ( max-width: 768px ) {
	#underthirtytwo{
		background: url(../img/u32-img-768.jpg) no-repeat top center fixed;
	}

	.u32_img_area{
		float: none;
		width: 100%;
		margin: 0 0 0 0;
		text-align: center;
	}

	.u32_txt_area{
		float: none;
		width: 100%;
	}
}

@media screen and ( max-width: 480px ) {
	#underthirtytwo{
		background: url(../img/u32-img-480.jpg) no-repeat top center fixed;
	}

	fieldset {margin: 1em 0;}
	span.tate{display:block;}
	ol.reg_list{
		font-size:0.95em;
		line-height:2em;
		list-style:decimal;
		list-style-position:inside;
		margin:10px 0 10px 0;
	}
	ol.reg_list li{
		padding-left: 0.95em;
		text-indent: -0.95em;
		margin-bottom:10px;
	}
	p.add_word{
		margin:0px 0 10px 0;
		font-size:0.9em;
		line-height:1.7em;	
		}
	p.s_word{
		font-size:0.9em;
		line-height:1.7em;	
		}	

	.indent{
		padding-left: 0.7em;
		text-indent: -0.7em;	
	}	

	.form_table td { width: 100%;
		float: left;
		margin: 0;
	}
	.td2 {
		margin-bottom: 10px !important;
		padding-left: 1.4em !important;
	}

	/* �ե��`����L���{ՁE*/
	.field1,.field2,.field3,.field4{
		height:2em;
	}
	.field1,.field3{
		width:100%;
	}
	.field4{width:98%;}
	/*�����ޥ�*/

	/* ��٥�Eհ��{ՁE*/
	.label_b01,.label_b02,.label_b03
	,.label_b002,.label_b015{padding-left:0;}
	/*�����ޥ�*/

	input#cal{display:block;}
	label#cal{
		display:block;
		margin-top:-32px;
		margin-left:32px;
		margin-bottom:-27px;
		}

	.marg-r{margin-right:2px;}

	.want,.radiobtn{
		width:20px;
		height:20px;
		}
	.br:before{
		content: "\A" ;
		white-space: pre ;
	}
	.br_num{padding-top:10px;}
	select{
		height:2em;
		}

	dl.margin-btm{
		margin-bottom:20px;
		}
		
	.u32_img_area{
		float: none;
		width: 100%;
		margin: 0 0 0 0;
		text-align: center;
	}

	.u32_txt_area{
		float: none;
		width: 100%;
	}
}



#note {
	width: 100%;
	height:5em;
}

.linkprogram{
	border:solid 1px #202020;
	padding:5px;
	font-size:14px;
}


form {
	max-width: 960px;
}

input{
	margin:5px;
	}
	
fieldset{
	border:1px solid #ccc;
	line-height	 : 1.5em;
	margin		: 1em;
}
fieldset dl{
	margin	: 0px;
	padding	: 0px;
}

fieldset dt {
	float:left;
	text-align : right;
	margin	: 0px;
	padding:5px;
	clear:both;
}
fieldset dd {
	margin	: 0px;
	padding:5px;
}
legend{
	padding	 : 0 6px 5px;
	margin-bottom:5px;
  }

label.list2{margin-bottom:10px;}
.radiobtn{
	margin-bottom:10px;
	width:15px; 
	height:15px; 
	}

table.List{
	width				: 100%;
	border-spacing		: 0;
	margin-right		: auto;
	margin-left			: auto;
	max-width:1024px;
}

table.List_n{
	width				: 100%;
	font-size			: 14px;
	border-collapse		: collapse;
	border-spacing		: 0;
	margin-right		: auto;
	margin-left			: auto;
	text-align			: left;
}
table.List th{
	padding				: 12px;
	white-space			: nowrap;
	text-align			: left;
}
table.List td{
	padding				: 12px 12px;
	margin 				: 5px;
	text-align			: left;
	/*border				: solid #ffffff 1px;*/
	line-height			: 1.5em;
	font-size			: 14px;

}

p.add_word{
	margin:0;
	font-size:0.9em;	
	}
p.s_word{
	font-size:0.9em;
	margin:0;
	}	
.indent{
    padding-left: 1em;
    text-indent: -1em;	
}
.indent03{
	padding-left:0.3em;
}
.indent05{
	padding-left:0.5em;
}
.indent07{
	padding-left:0.7em;
}

ol.reg_list p {	margin: 0;}

span.errormsg{
	color	: red;
	margin-left	: 5px;
	font-size	: 12px;
	display	: none;
}

.bold{font-weight:bold;}

/*.form_box {	margin: 60px 0;}*/

.form_table {
  max-width: 430px;
  width: 100%;
  border: none;}
.form_table td { 
  margin: 10px 0;
  padding: 0;
}
#form_jump{padding-top:70px;}
.text-center{text-align:center;}
.asterisk{font-size:0.9em;}

/* �ե��`����L���{ՁE*/
.field1{width:140px;}
.field2{width:6em;}
.field3{width:250px;}
.field4{width:250px;}
.want{margin-top:15px;}

/* ��٥�Eհ��{ՁE*/
.label_b002{padding-left:0.2em;}
.label_b01{padding-left:1em;}
.label_b015{padding-left:1.7em;}
.label_b02{padding-left:2.2em;}
.label_b03{padding-left:2.8em;}
/*�����ޥ�*/


@media screen and ( max-width: 480px ) {
fieldset {margin: 1em 0;}
span.tate{display:block;}
ol.reg_list{
	font-size:0.95em;
	line-height:2em;
	list-style:decimal;
	list-style-position:inside;
	margin:10px 0 10px 0;
}
ol.reg_list li{
    padding-left: 0.95em;
    text-indent: -0.95em;
	margin-bottom:10px;
}
p.add_word{
	margin:0px 0 10px 0;
	font-size:0.9em;
	line-height:1.7em;	
	}
p.s_word{
	font-size:0.9em;
	line-height:1.7em;	
	}	

.indent{
    padding-left: 0.7em;
    text-indent: -0.7em;	
}	


.form_table td { width: 100%;
    float: left;
    margin: 0;
}
.td2 {
    margin-bottom: 10px !important;
    padding-left: 1.4em !important;
}

/* �ե��`����L���{ՁE*/
.field1,.field2,.field3,.field4{
    height:2em;
}
.field1,.field3{
    width:100%;
}
.field4{width:98%;}
/*�����ޥ�*/

/* ��٥�Eհ��{ՁE*/
.label_b01,.label_b02,.label_b03
,.label_b002,.label_b015{padding-left:0;}
/*�����ޥ�*/

input#cal{display:block;}
label#cal{
	display:block;
	margin-top:-32px;
	margin-left:32px;
	margin-bottom:-27px;
	}

.marg-r{margin-right:2px;}

.want,.radiobtn{
	width:20px;
	height:20px;
	}
.br:before{
	content: "\A" ;
	white-space: pre ;
}
.br_num{padding-top:10px;}
select{
	height:2em;
	}

dl.margin-btm{
	margin-bottom:20px;
	}
}

/***************************************************
			 Industry
***************************************************/
.hole-sakura{
	color:#686868;
	font-size: 1.4rem;
}
.hole-sakura_f{
    border-right: 3px solid #CBC62A;
}
.hospital{
font-size:1.5rem;
margin-left: 7px;
}
.hole_f{
/*	float: left; */
	padding-left: 15px;
	width: 95%;
}
/**
 * List
 */
#ind-contain .list{
	padding: 0 5% 4% 5%;
    border-top: 1px solid;
	border-bottom: 1px solid;
}
#ind-contain .line{
	border-bottom: 1px solid #e7e7e7;
    padding: 10px 0;
    display: flex;
	-js-display: flex;
}
#ind-contain .time{
	float:left;
	padding-right: 15px;
	text-align: right;
}
.time_sub{
	color:#A0A0A0;
}
.off{
	color:#BBBBBB;
}

.menu_ind_left_01,
.menu_ind_left_02{
	float: left;
}

.menu_ind { 
  margin: 10px auto 0;
  padding-bottom: 10px;
  list-style: none; 
  display: table;
  text-align: center;
}
.menu_ind li { 
  display: table-cell; 
  position: relative; 
  padding: 0;
}

/* btn animate start */
.button_ub {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_ub::before,
.button_ub::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_ub,
.button_ub::before,
.button_ub::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button_ub {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}
.menu_ind li a {
	margin-right: 10px;
}
.menu_ind li a.last {
	margin-right: 0px;
}
.button_ub:hover {
  color: #fff !important;
}
.button_ub::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
.button_ub:hover::after {
  top: 0;
  background-color: #333;
}
/* btn animate end */


h2.ind_ti {
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: 22px;
    text-align: center;
    margin: 80px 10px 50px 10px;
    padding: 0 0 0 10px;
    border-left: none;
}

.box-right {
    width: 85%;
    float: left;
    margin: 0;
    line-height: 20px;
    padding: 0px 10px 40px 30px;
    text-align: left;
}
/**
 * TABS
 */
.day_s{
	font-size:	30px;
}
#ind-contain .tabs{
	width: 90%;
    margin: 0 auto;
}
#ind-contain .tabs > DIV {
	margin-top: 10px;
}

.tabs UL.horizontal {
	list-style: none outside none;
	margin: 0;
	text-align: center;
	padding: 20px 0;
}

.horizontal LI {
	border-bottom: 4px solid #cbc62a42;
	margin: 10px 25px;
	display: inline-block;
}

.horizontal A {
	color: #ccc !important;
	display: block;
	font-size: 45px;
	font-weight: 300;
	padding: 3px 0;
	text-decoration: none !important;
	font-family: bn_sf;
	letter-spacing: 0px;
}

.horizontal LI:hover {
	border-bottom: 4px solid #C92133;
}

.horizontal LI:hover A {
	color: #313333 !important;
}

.horizontal .active {
	border-bottom: 4px solid #C92133 !important;
}

.horizontal .active A {
	color: #313333 !important;
}
h2.ind_ti{
	font-weight:500;
	letter-spacing: 0.1em;
    font-size: 22px;
    text-align: center;
    margin: 60px 10px 40px 10px;
    padding: 0 0 0 10px;
	border-left: none;
}
.off_i{
	margin-top:7px;
}

#industry{
	background: url(../img/industry-img.jpg) no-repeat top center fixed;
	/*background: #000;*/
}

#industry .gree_txt{
	margin-bottom: 1em;
}

.industry-title{
    margin: 0 auto;
    max-width: 1080px;
    max-height: 500px;
}
.align-r{
	text-align:right;
}
#ind-contain{
	max-width: 1080px;
	margin: 0 auto;
}
.industry_menu{
	font-size:1.5em;
	font-weight: 300;
	cursor: default;
}

.industry_link{
	cursor: pointer;
	border: 0;
    border-bottom: 1px solid #ccc;
    }
	
.industry_t th,
.industry_t td,
.industry_t_inner th,
.industry_t_inner td{
	border: none;
	border-collapse: collapse;
	vertical-align: top;
	padding: 20px 0 20px 0;
}
.industry_t th,
.industry_t_inner th{
	padding: 20px 40px 20px 0;
}
.industry_t th .tit{
	display: block;
	white-space: nowrap;
	padding-left: .5em;
	border-left: 3px solid;
	/*margin: 1em 0;*/
}

.industry_t_inner th.first,
.industry_t_inner td.first{
	padding: 0px 40px 40px 0;
}
.industry_t_inner th{
	text-align: center;
}
.industry_t_inner td:last-child{
	padding-bottom: 0;
}




.ind_img{
    float: left;
}

.pro_img{
    float: right;
}

.case_area{
	border-bottom: 2px solid red;
	background-color: #f5f5f5;
	padding: 30px;
}
.case_area_inner_right{
	word-break: break-all;
}
.case_area_inner_left{
	float: left;
	width: auto;
	margin: 0 30px 0 0;
	min-width: 200px;
	text-align: center;
}
.case_area_inner_left ul{
	width: 150px;
	margin: 0 auto;
}
.case_area_inner_left ul li img{
	height: auto;
	max-width: 100%;
}

.tit_pro{
	margin-top: 30px;
	text-align: center;
	font-size: 2.7rem;
	font-weight: bold;
}

.case_title{margin: 20px 0;}

/**********added��by harumi motono*************/
.whats_bd_industry {
padding: 15px;
border:solid 1px #b73636;
margin-top: 40px;
}
.whats_bd_industry strong {
display: inline-block;
border-bottom: 1px solid;
padding-bottom: 2px;
margin-bottom: 10px;
}
.siliconvalley_soll_industry {
margin-top: 40px;
}
.siliconvalley_soll_industry div {
display: flex;
display: -webkit-flex;
justify-content: space-between;
text-align: center;
}
.siliconvalley_soll_industry img {
width: 48%;
height: 48%;
border: 1px solid #3a3a3a;
margin-top: 15px;
}

@media screen and ( max-width: 768px ) {
	.case_area{
		padding: 25px 15px 25px 15px;
	}
	.case_area figure img{
		text-align: center;
	}
	.case_area_inner_right{
		margin: 20px 0 0 0;
		padding: 0 0 0 0px;
	}
	.case_area_inner_left{
		float: none;
		text-align: center;
	}
	.case_area figcaption{
		line-height: 1.3;
	}
	.case_title{margin: 20px 0;}
	.tit_pro{
		margin-top: 20px;
		font-size: 2.3rem;
	}
	
	.industry_t th,
	.industry_t td,
	.industry_t_inner th,
	.industry_t_inner td{
		display: block;
		width: 100%;
	}
	.industry_t th,
	.industry_t_inner th,
	.industry_t_inner th.first{
		padding: 5px 0px 5px 0;
	}
	.industry_t td,
	.industry_t_inner td,
	.industry_t_inner td.first{
		padding: 5px 0px 40px 0;
	}

	.industry_t td.last{
		padding: 5px 0px 0px 0;
	}


	.button_ub {
	  display: inline-block;
	  width: 172px;
	  height: 54px;
	  padding: 0 0px;
	  text-align: center;
	  text-decoration: none;
	  line-height: 50px;
	  outline: none;
	}

	#industry .gree_txt{
		line-height: 1.5;
	}

}
@media screen and ( max-width: 480px ) {
	.case_area{
		padding: 25px 15px 25px 15px;
	}
	.case_area figure img{
		text-align: center;
	}
	.case_area_inner_right{
		float: none;
		margin: 20px 0 0 0;
		padding: 0 0 0 0px;
	}
	.case_area_inner_left{
		float: none;
		margin-right: 0;
		text-align: center;
	}
	.case_area figcaption{
		line-height: 1.3;
	}
	.case_title{margin: 20px 0;}
	.tit_pro{
		margin-top: 20px;
		font-size: 2.3rem;
	}

	.menu_ind { 
	  margin: 30px auto 0;
	}

	.button_ub {
	  display: inline-block;
	  width: 146px;
	  height: 40px;
	  padding: 0 0px;
	  text-align: center;
	  text-decoration: none;
	  line-height: 48px;
	  outline: none;
	}

	/***added by harumi motono***/
	.siliconvalley_soll_industry {
		text-align: center;
	}
	.siliconvalley_soll_industry div {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.siliconvalley_soll_industry img {
		width: 90%;
		height: auto;
		padding: 0;
		margin: 0 auto;
		margin-top: 20px;
	}

	
}

.propic_img{
    float: left;
}

.box-left{
    width: 46.3%;
    float: left;
    margin: 0;
    line-height: 20px;
    padding: 5px 20px 0px 5px;
}

.clear {
    clear:both;��/*float��*/
}
.box-right {
    width: 80%;
	float: left;
    margin: 0;
    line-height: 20px;
    padding: 0px 10px 40px 30px;
	text-align:left;
}

#register_bio {
    position: fixed;
    bottom: 70px;
    right: 100px;
    font-size: 77%;
}
#register_bio a {
    background-color: rgba(153,0,0,0.8);
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 5px;
    text-align: center;
    display: block;
}
#register_bio a:hover {
    text-decoration: none;
    background-color: rgba(153,0,0,1);
}

@media screen and ( max-width: 1024px ) {
	.industry-title{
		margin-bottom: -10px;
	}
}

@media screen and ( max-width: 768px ) {
	.box-right {
		width: 78%;
	}

	.menu_ind li a {
		margin-right: 5px;
	}
	.menu_ind a {
		letter-spacing: 0.1em;
		padding: 0px 0px;
		font-size: 1.7rem;
	}

}


@media screen and ( max-width: 480px ) {
#ind-contain{
	max-width: 375px;
	margin: 0 auto;
}

.menu_ind_left_01,
.menu_ind_left_02{
	float: none;
}
.menu_ind_left_01{
	margin: 0 0 5px 0;
}

.menu_ind li a {
	margin-right: 5px;
}
.menu_ind a {
	letter-spacing: 0em;
    padding: 0px 0px;
    font-size: 1.5rem;
}
.industry_menu{
	display: none;		
}	
.ind_img {
    width: 100%;
    text-align: center;
}
.box-right {
    width: 100%;
    padding: 10px;
}
h2.ind_ti{
   margin: 40px 10px 20px 0px;	
}
#register_bio {
    bottom: 10px;
    right: 20px;
}

}
/***************************************************
			 register_ind
***************************************************/
#register_ind{
	background: url(../img/industry-img.jpg) no-repeat top center fixed;
}

/***************************************************
			 poster
***************************************************/
#poster{
	background: url(../img/poster-img.jpg) no-repeat top center fixed;
}

.endai_01{
	float:left;
	margin:5px 40px 60px 10px;
	}
.endai_02{
	float:left;
	margin:0 0 60px 0;
}

.clear{clear:both;}

.sukima{margin-bottom:1em;}

#endaigaiyo {
	width: 100%;
	height:5em;
}

#note {
	width: 100%;
	height:5em;
}

form {
	max-width: 960px;
}

input{
	margin:5px;
	}
	
fieldset{
	border:1px solid #ccc;
	line-height	 : 1.5em;
	margin		: 1em;
}
fieldset dl{
	margin	: 0px;
	padding	: 0px;
}

fieldset dt {
	float:left;
	text-align : right;
	margin	: 0px;
	padding:5px;
	clear:both;
}
fieldset dd {
	margin	: 0px;
	margin-left:;
	padding:5px;
}
legend{
	padding	 : 0 6px 5px;
	margin-bottom:5px;
  }

label.list2{margin-bottom:10px;}
.radiobtn{
	margin-bottom:10px;
	width:15px; 
	height:15px; 
	}

table.List{
	width				: 100%;
	border-spacing		: 0;
	margin-right		: auto;
	margin-left			: auto;
	max-width:1024px;
}

table.List_n{
	width				: 100%;
	font-size			: 14px;
	border-collapse		: collapse;
	border-spacing		: 0;
	margin-right		: auto;
	margin-left			: auto;
	text-align			: left;
}
table.List th{
	padding				: 12px;
	white-space			: nowrap;
	text-align			: left;
}
table.List td{
	padding				: 12px 12px;
	margin 				: 5px;
	text-align			: left;
	/*border				: solid #ffffff 1px;*/
	line-height			: 1.5em;
	font-size			: 14px;

}
p.detail_word{
	margin:5px 0 15px 0;
}
p.detail_word_02{
	margin:5px 0 60px 0;
}

p.add_word{
	margin:0;
	font-size:0.9em;	
	}
p.s_word{
	font-size:0.9em;
	margin:0;
	}	
.indent{
    padding-left: 1em;
    text-indent: -1em;	
}
.indent03{
	padding-left:0.3em;
}
.indent05{
	padding-left:0.5em;
}
.indent07{
	padding-left:0.7em;
}

ol.reg_list{
    list-style:decimal;
	margin:10px 0 15px 33px;
}
ol.reg_list li{
    counter-increment: titleNum;
    /* position: relative; */
    margin: 5px 0;
}

ol.reg_list p {	margin: 0;}

span.errormsg{
	color	: red;
	margin-left	: 5px;
	font-size	: 12px;
	display	: none;
}

.bold{font-weight:bold;}

.form_box {	margin: 60px 0;}
.form_box_02 {margin: 10px 0 60px;}
.form_box_03 {margin: 0px 0 60px;}

.form_table {
  max-width: 430px;
  width: 100%;
  border: none;}
.form_table td { 
  margin: 10px 0;
  padding: 0;
}
#form_jump{padding-top:70px;}
.text-center{text-align:center;}
.asterisk{font-size:0.9em;}

/* �ե��`����L���{ՁE*/
.field1{width:140px;}
.field2{width:6em;}
.field3{width:250px;}
.field4{width:250px;}
.want{margin-top:15px;}

/* ��٥�Eհ��{ՁE*/
.label_b002{padding-left:0.2em;}
.label_b01{padding-left:1em;}
.label_b015{padding-left:1.7em;}
.label_b02{padding-left:2.2em;}
.label_b03{padding-left:2.8em;}
/*�����ޥ�*/
h4.form_h4{
	padding-left: .5em;
	border-left: 3px solid;
	margin: 1em 0;
}
h4.form_h4_02{
	padding-left: .5em;
	border-left: 3px solid;
}
h4.form_h4_03{
	padding-left: .5em;
	border-left: 3px solid;
	margin: 1em 0 1.2em;
}

@media screen and ( max-width: 480px ) {
fieldset {margin: 1em 0;}
span.tate{display:block;}
ol.reg_list{
	font-size:0.95em;
	line-height:2em;
	list-style:decimal;
	list-style-position:inside;
	margin:10px 0 10px 0;
}

.endai_01{
	float:none;
	margin:0 0 0 0;
}
.endai_02{
	float:none;
	margin:0 0 60px 0;
}
	
ol.reg_list li{
    padding-left: 0.95em;
    text-indent: -0.95em;
	margin-bottom:10px;
}
p.add_word{
	margin:0px 0 10px 0;
	font-size:0.9em;
	line-height:1.7em;	
	}
p.s_word{
	font-size:0.9em;
	line-height:1.7em;	
	}	

.indent{
    padding-left: 0.7em;
    text-indent: -0.7em;	
}	

.form_table td { width: 100%;
    float: left;
    margin: 0;
}
.td2 {
    margin-bottom: 10px !important;
    padding-left: 1.4em !important;
}
.btn1{
	width:122px; 
	height:40px;
	font-size:1.8rem;
	}
/* �ե��`����L���{ՁE*/
.field1,.field2,.field3,.field4{
    height:3em;
}
.field1,.field3{
    width:100%;
}
.field4{width:98%;}
/*�����ޥ�*/

/* ��٥�Eհ��{ՁE*/
.label_b01,.label_b02,.label_b03
,.label_b002,.label_b015{padding-left:0;}
/*�����ޥ�*/

input#cal{display:block;}
label#cal{
	display:block;
	margin-top:-32px;
	margin-left:32px;
	margin-bottom:-27px;
	}

.marg-r{margin-right:2px;}

.want,.radiobtn{
	width:20px;
	height:20px;
	}
.br:before{
	content: "\A" ;
	white-space: pre ;
}
.br_num{padding-top:10px;}
select{
	height:2em;
	}

dl.margin-btm{
	margin-bottom:20px;
	}
}

/***************************************************
			video
***************************************************/


#video .hero-title {
	height: 30vh; padding-top: 8%;
	}
	
	
video {	cursor: pointer;}

.video_link {
    color: #fff;
    margin: 38px 0px;
}

.video_link a {
	color: #fff !important;
	}
	
.video_link a >span {
	border: solid 1px;
	padding: 5px 15px;
	}
	
	@media screen and ( max-width: 480px ) {
		
		
#video .hero-title {
	    height: 25vh;
    padding-top: 15%;
	}
	}
	
/***************************************************
			professionals
***************************************************/
.tabs_p {
    margin: 25px 0px 0px 0px;
}

.tabs_p li.active {
    background: #5A4673;
	border-bottom: 2px solid;
	border-bottom-color: red;
}

.tabs_p li {
    width: 33.1%;
    display: inline-block;
    text-align: center;
    background: #aaa;
}

.tabs_p li a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 15px 0;
}

div.p_list1, div.p_list2 {
    float: left;
    width: 48%;
}
	
div.p_list1 {	
 margin-right: 4%;
 }

#professionals h4:before{
    content: "CASE";
    font-size: 0.8em;
    background-color: #5A4673;
    color: #333;
    padding: 0px 1em;
    margin-right: 1em;
}

#professionals h4 {
    color: #5A4673;
font-size: 16px;
}


#theprofessionals p.name {
    text-align: right;
    font-size: 1.3em;
	box-sizing: border-box;
}

#professionals p {
	margin: 1em 0;
	}
	
	div.p_list1 > h5, div.p_list2 > h5{
		color: #5a4673;
		}

p.question:before {
    content: "QUESTION >>";
    margin-right: 1em;
     color: #5a4673;
    font-weight: 900;
}

p.question {
    color: #5a4673;
    padding: 7px;
    border: solid 1px #5a4673;
}

	.img_none_pc {
	    display: none;
	}
	
	.img_right {
		float: right;
		margin-left: 10px;
		}
		
@media screen and ( max-width: 1200px ) {
	.tabs_p li {
		width: 49.6%;
	}
}
@media screen and ( max-width: 768px ) {
	div.p_list1, div.p_list2{
		float: none;
		width: 100%;
		}
	
	div.p_list1 {	
	 margin-right: 0%;
	 }
		
	.img_none {
	    display: none;
	}
	
	.img_none_pc {
	    display: block;
	}

	.tabs_p li {
		width: 49.5%;
	}

}

@media screen and ( max-width: 480px ) {
	div.p_list1, div.p_list2{
		float: none;
		width: 100%;
		}
	
	div.p_list1 {	
	 margin-right: 0%;
	 }
		
	.img_none {
	    display: none;
	}
	
	.img_none_pc {
	    display: block;
	}

	.tabs_p li {
		width: 49.2%;
	}

}
	
	
/***************************************************
			interview
***************************************************/

/* necessary for proper sizing with margins */
.hero-grid__item,
.hero-grid__grid-sizer {
  margin:		1.406%;
  position:		relative;
  margin-bottom: 70px;
}

.hero-grid__item {
	width: 30.523%;
	float: left;
}

/* ---- .hero-grid__example-link ---- */

.hero__example-link__img {
  display: block;
  width: 100%;
  margin: 0;
}

p.red_border {
    border-left: 7px solid #D0282C;
	margin: 0 0 1em 0;
    padding-left: 16px;
    font-weight: bold;
}

.hero-grid__item h4 {
    color: #fff;
    text-align: left;
    font-weight: normal;
    margin-bottom: 1em;
}

/* enough width for 2 columns */
@media screen and ( max-width: 768px ) {

  .hero-grid__grid-sizer,
  .hero-grid__item {
    width: 47.1%;
  }

}

/* enough width for 1 columns */
@media screen and ( max-width: 480px ) {

  .hero-grid__grid-sizer,
  .hero-grid__item {
    width: 97.35%;
  }

.t_pc{
	display:	none;
}
.t_m{
	display:	inline;
}
}

/***************************************************
			nextvscct
***************************************************/
	
#nextvscct {
	background: url(../img/fu-img.jpg) no-repeat top center fixed;
	}

/*#nextvscct .container {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	}*/
	
.tabs_nextvscct li.active {
    background: #B74137;
}

.tabs_nextvscct li {
    width: 32%;
    display: inline-block;
    text-align: center;
    background-color: rgba(255,255,255,0.2);
  margin-bottom: 3px;
}

.tabs_nextvscct li a {
    color: #fff !important;
}


.cine_block
    {width: 20%;
    max-width: 240px;
    margin:1em 5% 1em 0;
    float: left;
	}
	
	.cine_block img {
    width: 100%;
}

#nextvscct p.question	
{
	color: #fff;
    padding: 7px;
    border: solid 1px #B74137;
	margin: 3em 0;
    font-size: 1.2em;
	}
	
#nextvscct p.question:before {
    content: "1st Question: ";
    margin-right: 1em;
    color: #B74137;
    font-weight: 900;
}

#nextvscct h5 {
	color: #B74137;
	font-size: 1.5em;
	}
	
	@media screen and ( max-width: 480px ) {

	#nextvscct {
		background-size: 814px;
		background-position: -55px 42px;
	}

	.cine_block
		{width: 45%;
	}
	
	}

/***************************************************
			The Professionals
***************************************************/
	
#theprofessionals {
		background: url(../img/the_professionlas-img2.png) no-repeat top center fixed;
		/*background-color: #000000;*/
		}
#theprofessionals .container {
	background-color: rgba(255, 255, 255, 1);
	color: #333;
	}
	
.tabs_theprofessionals li.active {
    background: #f5f5f5;
}

.tabs_theprofessionals li {
    display: inline-block;
    text-align: center;
    background-color: #f0f8ff;
  margin-bottom: 10px;
}

.tabs_theprofessionals li a {
    color: #333 !important;
}

.cine_block
    {width: 20%;
    max-width: 240px;
    margin:1em 5% 1em 0;
    float: left;
	}
	
.cine_block img {
    width: 100%;
}

#theprofessionals p.question{
	color: #333;
    padding: 7px;
    border: solid 1px #B74137;
	margin: 0 0 60px;
	max-width: 100%;
	font-weight: bold;
}
	
#theprofessionals p.question:before {
    content: "Question: ";
	margin-right: 1em;
    color: #B74137;
    font-weight: 900;
}

#theprofessionals h5 {
	margin: 20px 0;
	color: #9ECECC;
	font-size: 2.3rem;
	}

#theprofessionals p.resizeimage img { max-width: 100%; }

#theprofessionals .tbl_01{
	width: 100%;
	border: solid 1px #787676;
	border-collapse: collapse;
	max-width: 530px;
}
#theprofessionals .tbl_01 td {
    border: solid 1px grey;
    border-collapse: collapse;
    padding: 8px;
}
#theprofessionals .tbl_01 .odd,
#theprofessionals .tbl_02 .odd{background: #fefcf9;}

#theprofessionals .tbl_02{
	width: 100%;
	border: solid 1px #787676;
	border-collapse: collapse;
	max-width: 520px;
}
#theprofessionals .tbl_02 td {
    border: solid 1px grey;
    border-collapse: collapse;
    padding: 4px;
}

#theprofessionals .cines {
	width: 105%;
    overflow: hidden;
    margin: 60px 0px 40px;
	}
#theprofessionals .cines ul li{
	margin:  0 0 8px 0;
}


@media screen and ( max-width: 768px ) {
	#theprofessionals .cines {
		margin: 60px 0px 30px;
		}
		
	#theprofessionals .tbl_01,
	#theprofessionals .tbl_02{
		width: 95%;
	}
}


@media screen and ( max-width: 480px ) {
	.cine_block
		{width: 45%;}

	.line_break
		{clear:both;}

	#theprofessionals p.question{
		margin: 30px 0;
	}

	#theprofessionals p.question:before {
		margin-right: 0em;
	}

	#theprofessionals .cines {
		margin: 60px 0px 30px;
	}
	
	#theprofessionals .tbl_01,
	#theprofessionals .tbl_02{
		width: 95%;
	}
	
}

/***************************************************
			Imaging
***************************************************/
	
#imaging {
		background-color: #000000;
		}
#imaging .container {
	background-color: rgba(255, 255, 255, 1);
	color: #333;
	}
	
.tabs_imaging li.active {
    background: #f5f5f5;
}

.tabs_imaging li {
    width: 20%;
    display: inline-block;
    text-align: center;
    background-color: #f0f8ff;
  margin-top: 40px;
}

.tabs_imaging li a {
    color: #333 !important;
}


.case_title_imaging {
	font-size: 1.3em;
	}

.cines_imaging {
	width: 95%;
    overflow: hidden;
	margin: 3em 0px;
	}
	
.cine_block_imaging
    {width: 20%;
    max-width: 240px;
    margin:1em 5% 1em 0;
    float: left;
	}
	
.cine_block_imaging img {
    width: 100%;
}

#imaging p.question	
{
	color: #333;
    padding: 7px;
    border: solid 1px #B74137;
	margin: 3em 0;
    font-size: 1.2em;
	max-width: 94%;
	}
	
#imaging p.question:before {
    content: "Question: ";
	margin-right: 1em;
    color: #B74137;
    font-weight: 900;
}

#imaging h5 {
	color: #9ECECC;
	font-size: 1.5em;
	}

#imaging p.resizeimage img { max-width: 100%; }

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

.cine_block_imaging
    {
    	width: 45%;
}
	
.line_break_imaging
	{
		clear:both;
}
	}

.zatyou_imaging
	{
		font-weight: bold;
}

.red_border_imaging {
       border-left: 7px solid #D0282C;
    padding-left: 16px;
    font-size: 1.2em;
    font-weight: bold;
}


/***************************************************
			masters of the masters
***************************************************/
	
#motm {
		background-color: #000000;
		}
#motm .container {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	}
	
.tabs_motm li.active {
    background: #B74137;
}

.tabs_motm li {
    width: 32%;
    display: inline-block;
    text-align: center;
    background-color: rgba(255,255,255,0.6);
	margin-bottom: 3px;
}

.tabs_motm li a {
    color: #fff !important;
}


.cines {
	width: 105%;
    overflow: hidden;
    margin: 60px 0px;
	}
.cines ul li{
	margin:  0 0 8px 0;
}
@media screen and ( max-width: 768px ) {
	.cines {
		margin: 30px 0px;
		}
}
@media screen and ( max-width: 480px ) {
	.cines {
		margin: 30px 0px;
		}
}


.cine_block
    {width: 20%;
    max-width: 240px;
    margin:1em 5% 1em 0;
    float: left;
	}
	
	.cine_block img {
    width: 100%;
}

#motm p.question	
{
	color: #fff;
    padding: 7px;
    border: solid 1px #B74137;
	margin: 3em 0;
    font-size: 1.2em;
	}
	
#motm p.question:before {
    content: "1st Question: ";
    margin-right: 1em;
    color: #B74137;
    font-weight: 900;
}

#motm h5 {
	color: #B74137;
	font-size: 1.5em;
	text-align: center;
	}
	
	@media screen and ( max-width: 480px ) {

.cine_block
    {width: 45%;
}
	
	}


	/***************************************************
			guidance
***************************************************/
#guidance{
	background: url(../../8th_toyohashilive/img/guidance-img.jpg) no-repeat top center fixed;
}

/***************************************************
			follow up
***************************************************/

ul.fu_cases {
    overflow: hidden;
	/*color: #fff;*/
}

ul.fu_cases > li {
width: 100%;
float: left;
}
	
	
/*ul.fu_cases {
    float: left;
    width: 24%;
    margin-right: 1%;
}*/
ul.fu_cases {
    max-width: 50%;
    /*width: 64%;*/
    /* margin-right: 1%; */
    margin: 0 auto;
    text-align: center;
}

.fu_cases img {
    width: 100%;
}

.aria {
	/*overflow: hidden;*/
	}
	
	.download_white {
	color: #fff;
    max-width: 300px;
    border: 1px solid #fff;
    padding: 7px 5px;
    text-align: center;
    width: 100%;
	}

.fu_area{
	margin: 40px 0 60px 0;
}


@media screen and (max-width: 768px) {
	ul.fu_cases {
		max-width: 100%;
	}
}


@media screen and (max-width: 480px) {
	ul.fu_cases {
		max-width: 100%;
	}
}



/***************************************************
					labo
***************************************************/
.grid_item {
background: #f3f3f3;
padding: 18px;
margin: 15px;
position: relative;
}
.grid_item img {
max-width: 100%;
height: auto;
}


/* FB */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

.fb_area{
width: 500px;
margin: 0 auto 60px;
}
.fb_txt{
line-height: 3.0;
text-align: center;
font-size: 1.5rem;
}
@media only screen and (max-width: 768px){
	.fb_area{
	width: auto;
	margin: 0 0 15px 0;
	}
	.fb_txt{
	line-height: 2.3;
	font-size: 1.1rem;
	}
}
/* FB */


.fb_logo {
    width: 29px;
    height: 29px;
    position: relative;
    top: 8px;
}



/* module */
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.f_left{float: left;}
.f_right{float: right;}

.m_auto{margin: 0 auto;}

.mr1em{margin-right: 1em;}
.mr2em{margin-right: 2em;}
.mr3em{margin-right: 3em;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

.ml1em{margin-left: 1em;}
.ml15em{margin-left: 1.5em;}
.ml2em{margin-left: 2em;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px;}
.ml32{margin-left: 32px !important;}
.ml50{margin-left: 50px !important;}
.ml100{margin-left: 100px;}

.mt1em{margin-top: 1em !important;}
.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px;}
.mt22{margin-top: 22px;}
.mt30{margin-top: 30px;}

.mb1em{margin-bottom: 1em !important;}
.mb0{margin-bottom: 0px !important;}
.mb2{margin-bottom: 2px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.pt0{padding-top: 0px !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}

.pb0{padding-bottom: 0px !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}

.pl10{padding-left: 10px !important;}
.pl20{padding-left: 20px !important;}
.pl30{padding-left: 30px !important;}

.tac{text-align: center !important;}
.tal{text-align: left !important;}
.tar{text-align: right !important;}

.list_disc{list-style-type: disc;}

.fz14{font-size: 1.4rem;}

.txt_inde_275{
	padding-left: 2.75em;
}
.txt_inde_1{
	padding-left: 1em;
	text-indent: -1em;
}

.fontw_n{font-weight: normal !important;}

.fc_red{color: #f00;}

.line_h10{line-height: 1.0;}
.line_h12{line-height: 1.2;}
.line_h15{line-height: 1.5;}
.line_h20{line-height: 2.0;}

.bgc_grey{background-color: #efeff4;}

.img_resp_01 {
width:95%;
max-width: 667px;
height: auto;
}
.img_resp_02 {
width:95%;
max-width: 331px;
height: auto;
}
.img_resp_03 {
width:95%;
max-width: 500px;
height: auto;
}
.img_resp_04 {
width: 95%;
max-width: 520px;
height: auto;
}

.left__area{
float: left;
margin: 0 20px 0 0;
}

.disp_mob{display: none;}
.disp_pc{display: inline;}


@media screen and (max-width: 1130px) {
	.left__area{
	float: none;
	margin: 0 0 20px 0;
	}
}


@media screen and (max-width: 768px) {
	.disp_mob{display: block;}
	.disp_pc{display: none;}
	
	.left__area{
	float: none;
	margin: 0 0 20px 0;
	}
}


@media screen and (max-width: 480px) {
	.disp_mob{display: block;}
	.disp_pc{display: none;}
	
	.left__area{
	float: none;
	margin: 0 0 20px 0;
	}
}

/* END module */


/***************************************************
			 access
***************************************************/
#access {
	background: url(../img/access-img.jpg) no-repeat top center fixed;
}
.access-text {
	padding-bottom: 80px;
	display: inline-block;
	max-width: 1280px;
	width: 100%;
}

.hotel_text {
	margin-left: 15px;
	padding-bottom: 50px;
	line-height: 1.5;
}

.hotel_name {
	padding-left: 20px;
	float: left;
	/*font-size: 2rem;*/
}

.hotel_address 
}

.clear {
	clear: both;
}

.train_route {
	max-width: 1280px;
	width: 100%;
}

.car_route {
	max-width: 1280px;
	width: 100%;
	margin-bottom: 60px;

}

.pc {
		display: block;
	}

.phone {
		display: none;
	}

.span_phone {
	display: inline;
}

.br_phone {
	display: none;
}

.car_lowerstand {
	overflow: hidden;
	max-width: 1280px;
	width: 100%;
	margin-top: 80px;
}

.access_map {
	width: 43%;
	margin-right: 8%;
	z-index: 1;
	display: inline-block;
	float: left;
}

.toyohashi_map {
	max-width: 100%;
	z-index: 10;
}

.access_parking {
	width: 40%;
	margin-left: 2%;
	z-index: 1;
	display: inline-block;
	float: left;
}

.parking_notice {
	/*font-size: 18px;*/
	border-bottom: solid 1px #898989;
	padding-bottom: 2px;
	margin-bottom: 5px;
	display: inline-block;
}

.parking_map {
	max-width: 100%;
	z-index: 10;
	margin-top: 30px;
}


/************************access����ȥ�EХ�******************/
.shattle {
	margin-bottom: 100px;
}

.shattle_text {
	margin-bottom: 80px;
	line-height: 2;
}

.shattle_lowerstand {
	display: inline-block;
	max-width: 1280px;
	width: 100%;
}

.shattle_noriba {
	float: left;
	width: 49%;
}

.shattle_noriba img {
	width: 90%;
}

.shattle_timetable {
	float: left;
	width: 49%;
	margin-left: 2%;
}

.shattle_timetable img {
	width: 80%;
}

.timetable_caution {
	width: 80%;
	font-size: 1.2rem;
	text-align: left;
}


/*.shattle_noriba {
	float: left;
	width: 49%;
}

.shattle_timetable {
	float: left;
	width: 49%;
	margin-left: 2%;
}

.shattle_noriba img {
	width: 90%;
	height: auto;
}

.shattle_timetable img {
	width: 90%;
	height: auto;
}

.p_margin_bottom30 {
	margin-bottom: 30px;
}

.timetable_caution {
	font-size: 12px;
	text-align: left;
}*/

/************************access����ȥ�EХ� @media query******************/

@media screen and (max-width: 860px) {
	.shattle {
	margin-bottom: 60px;
	}

	.shattle_text {
		margin-bottom: 60px;
		width: 100%;
	}

	.shattle-lowerstand {
		max-width: 860px;
		width: 100%;
	}

	.shattle_noriba {
		float: none;
		width: 100%;
		text-align: center;
	}

	.shattle_noriba img {
		width: 80%;
		margin-bottom: 60px;
		border: 2px solid #efeeee;
	}

	.shattle_timetable img {
		width: 90%;
	}	

	.shattle_timetable {
		float: none;
		width: 100%;
		margin-left: 0;
		text-align: center;

	}

	.timetable_caution {
		width: 90%;
		font-size: 1.2rem;
		display: inline-block;
}
	/*.shattle_noriba {
	float: none;
	width: 100%;
	margin-bottom: 30px;
	}

	.shattle_timetable {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.shattle_noriba div {
		text-align: center;
	}

	.shattle_timetable div {
		text-align: center;
	}

	.shattle_noriba img {
		width: 90%;
		height: auto;
	}

	.shattle_timetable img {
		width: 100%;
		height: auto;
	}

	.timetable_caution {
		font-size: 12px;
		text-align: left !important;
	}

	.p_margin_bottom30 {
		margin-bottom: 20px;
	}
	*/
}
/************************18 Feb, 2019********************/


@media screen and (max-width: 768px) {
	.hotel_name {
		padding-left: 10px;
	}

	.car_lowerstand {
		text-align: center;
	}

	.pc {
		display: none;
	}

	.phone {
		display: block;
	}

	.span_phone {
	display: none;
	}

	.br_phone {
	display: inline;
	}

	.access_map {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.toyohashi_map {
		max-width: 80%;
		border: 2px solid #efeeee;
	}

	.access_parking {
		margin-top: 60px;
		margin-left: 0;
		float: none;
		width: 100%;
	}

	.access_parking p{
		text-align: left;
	}

	.parking_map {
		max-width: 90%;
	}

}

/*******��E�E�E�E�E�E2019/01/15 ��E�E�E�E�E*******/



/***************************************************
			     �����鈁E
***************************************************/

#news {
	width: 100%;
	font-size: 1.5rem;
	background-color: rgba(255,255,255,0.8);
	/*position: fixed;*/
	/*top:700px;*/
	/*bottom: 136px;*/
	height: 30px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CCffffff,EndColorStr=#CCffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CCffffff,EndColorStr=#CCffffff)";
}

#news_inner {
	width: 90%;
	max-width: 1024px;
	margin: 0 auto;
}

#news ul {
	max-width: 1024px;
}

.news_title {
	float: left;
	width: 10%;
	margin: 0 0 0 6.5%;
	padding: 1px 0 0 0;
	text-align: left;
	font-size: 1.8rem;
}

#news_contents {
    width: 70%;
	height: 30px !important;
    margin: 0 auto;
    padding: 4px 10px 0 10px;
	font-size: 1.5rem;
    text-align: left;
    position: relative;
    overflow: hidden;
    float: left;
}
 
#news_contents ul {
    /*width: 100%;*/
    position: relative;
}
 
#news_contents ul li {
    /*width: 100%;*/
    display: none;
}

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

	#news {
		top: 680px;
	}

	#news_inner{
		overflow: hidden;
	}
	
	.date {
		font-size: 1.9rem;
	}

	.news-text {
		font-size: 2.0rem;
	}

	.news_title {
		float: none;
		width: 10%;
		margin: 0;
		padding: 2px 0 0 10px;
		text-align: left;
		font-size: 2.0rem;
	}

	.newstopics {
		margin-bottom: 1.2em;
	}
	
	#news_contents {
		width: 100%;
		height: 52px !important;
		padding: 4px 10px 0 10px;
		font-size: 1.6rem;
	}

	#news_contents ul {
	    width: 100%;
	    position: relative;
	}
	 
	#news_contents ul li {
	    width: 100%;
	    display: none;
	}

}

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

	#news {
	    height: auto;
	    /*bottom: 5%;
	    padding-top:10px;*/
	}
	#news_contents{
		width: 100%;
		background-color:none;
		padding: 0px 10px 2px 10px;
	}
	#news_inner{
		overflow: hidden;
	}
	.news_title {
		float: none;
	}
}


/***************************************************
			 			��ǰ���h

					Feb 13 2019 MOTONO
***************************************************/
#preregister{
	background: url(../img/preregister-img3.jpg) no-repeat top center fixed;
}

p.detail_word_02, div.detail_word_02,ol.detail_word_02,ul.detail_word_02{
	margin:5px 0 60px 0;
}

p.detail_word{
	margin:5px 0 15px 0;
}

p.detail_word_step {
	margin:5px 0 15px 0;
	line-height: 2em;
}

.spanStep {
    font-weight: 300;
    font-size: 92% !important;
}

.inStep {
	padding-left: 20px;
    display: inline-block;;
}

p.detail_word_99 {
	margin: 5px 0 10px 0;
    font-weight: 300;
    font-size: 102% !important;
    position: relative;
    padding-left: 20px;
    vertical-align: middle;
}

p.detail_word_99:before {
	content: '';
	background: #323232;
	width: 9px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 9px;
}

.detail_word_98 {
	margin:5px 0 15px 20px;
}

.detail_word_97 {
	margin:5px 0 60px 20px;
}

.detail_word_96 {
	margin:5px 0 0px 20px;
}

.spanRed {
	color: #FE0302;
    font-weight: 500;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.spanRed a {
	border-bottom: 1px solid #FE0302 !important;
	color: #FE0302 !important;
}

.card_logo {
    margin-left: 20px;
    margin-bottom: 22px;
}

a.linkin {
	color: #3f4350 !important;
	border-bottom: 1px solid #3f4350;

}

a.linkin:hover {
	color: #3f4350 !important;
	border-bottom: 1px solid #3f4350;
}

.card_logo p {
	font-size: 80%;
	color: #40548A;
	padding-top: 5px;
    padding-bottom: 5px;
	line-height: 1.5em;
}

.card_img {
	display: flex;
	flex-shrink: 0;
	flex-basis: auto;
	align-items: flex-start;
}

.card_img div {
    height: 38px;
    width: 57px;
    border: 1px solid #ccc;
    margin-right: 8px;
    text-align: center;
}

.card_img img {
	width: auto;
    object-fit: contain;
    height: 36px;
}

.fee_table {
	width: 700px;
	height: auto;
	display: block;
}

.fee_table_phone {
	display: none;
	width: 100%;
	height: auto
}

.registerBtn_parent {
	position: relative;
}

#registerBtn {
	position: fixed;
    bottom: 0px;
    width: 100%;
    /* display: inline-block; */
    /* height: 120px; */
    text-align: center;
    background: rgba(242, 242, 242, 0.7);
    z-index: 80;
}

.inner_registerBtn {
    padding-top: 15px;
    padding-bottom: 15px;
}

.inner_registerBtn a {
	background: rgba(212, 48, 48, 0.98);
    font-size: 22px;
    font-weight: 600;
    padding: 12px 80px;
    text-decoration: none;
    letter-spacing: 0.15em;
    display: inline-block;
    box-sizing: border-box;
}

.inner_registerBtn a:hover {
  background: rgba(212, 24, 24, 0.98);
}

@media screen and (max-width: 768px) {
	.fee_table {
		display: none;
	}

	.fee_table_phone {
		display: block;
		width: 100%;
		height: auto;
}

	#registerBtn {
		position: fixed;
    	bottom: 0px;
    	width: 100%;
    	/* height: 90px; */
    	text-align: center;
   		background: rgba(242, 242, 242, 0.7);
    	z-index: 80;
	}

	.inner_registerBtn {
		padding-top: 12px;
    	padding-bottom: 12px;
	}

	.inner_registerBtn a {
    	background: rgba(212, 48, 48, 0.98);
    	font-size: 20px;
   		font-weight: 600;
    	padding: 10px 72px;
    	text-decoration: none;
    	letter-spacing: 0.15em;
    	display: inline-block;
    	box-sizing: border-box;
	}

	.inner_registerBtn a:hover {
  		background: rgba(212, 24, 24, 0.98);
	}

}

/**************************************
           3dwiring 2019.03.13
**************************************/

#threedwiring{
	background: url(../img/3dwiring-img.jpg) no-repeat top center fixed;
	background-size: 1440px;
}


/***************************************************
					�����ɥե�E`��E
***************************************************/
#guideframe {
	background: url(../img/guideframe-img.jpg) no-repeat top center fixed;
}

.flexbox_thum h1 {
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 10px 15px 10px 0px;
}

.video_area{
	width: 100%;
	height: auto;
	margin: 10px 0 60px 0;
}

.tit_guide{
	margin: 0 0 0.6em 0;
}

.zenkaku{font-size: 1.4rem;}

@media ( min-width : 768px ){
    .flexbox_thum {
	margin: -10px 0 60px 0;
	padding: 0 0 0 16px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
    }
  .grid_item {
    width: 27%;
    margin-top: 0.6em;
  }
}


@media only screen and (max-width: 768px){
	.flexbox_thum h1 {
		font-size: 2.0rem;
		line-height: 2.0rem;
	}
	
    .flexbox_thum {
		margin: -10px 0 30px 0;
    }
	
	.tit_guide{
		margin: 0 0 0.6em 0;
		line-height: 1.0
	}
	
	p.detail_word_02, div.detail_word_02, ol.detail_word_02,ul.detail_word_02 {
		margin: 5px 0 30px 0;
	}

	.detail_word_07 {
		margin: 5px 0 30px 1.5em;
	}

	.zenkaku{font-size: 1.7rem;}

	.grid_item {
		margin: 5px 5px 10px 5px;
	}

}


@media only screen and (max-width: 480px){
	.flexbox_thum h1 {
		font-size: 2.0rem;
		line-height: 2.0rem;
	}

	.flexbox_thum {
	margin: -10px 0 30px 0;
    }

	.video_area{
		margin: 5px 0 30px 0;
	}

	.tit_guide{
		margin: 0 0 0.6em 0;
		line-height: 1.0
	}

	p.detail_word_02, div.detail_word_02, ol.detail_word_02,ul.detail_word_02 {
		margin: 5px 0 30px 0;
	}

	.detail_word_07 {
		margin: 5px 0 30px 1.5em;
	}
}

/******************heart team for TAVI mar. 18th 2019 harumimotono*********************************/
#heartteam{
	background: url(../img/heartteam-img3.png) no-repeat top center fixed;
	background-size: 1440px;
}

span.gaiyou_heart {
    width: 3em;
    display: inline-block;
    float: left;
    text-align: right;
}


.intro_heart {
	margin: 0 0 60px 0;
}

.flexbox_thum_heart h1 {
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 10px 15px 10px 0px;
}

.center_heart {
	text-align: center;
}


.tit_heart {
	margin: 0 auto;
	padding: 40px 0 20px 0;
	width: 400px;
}

.tit_heart_img {
	width: 73%;
	height: auto

}

.tit_heart_outline span {
	font-weight: 700;
	font-family: ;
	font-size: 2.3rem;
}

.tit_heart_square span {
	vertical-align: middle;
    padding-left: 10px;
    font-size: 2.3rem;
}

.event_content_heart {
	vertical-align: middle;
    padding-left: 10px;
    font-size: 2.3rem;
}


.tit_heart_square span:before {
    content: '';
    height: 2px;
    width: 80px;
    background: #d5afc9;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 3px;
}

.tit_heart_square span:after {
    content: '';
    height: 2px;
    width: 80px;
    background: #d5afc9;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 3px;
}

p.detail_word_02.outline_heart {
    line-height: 1.8;
}

.grid_item_heart {
	background:rgba(235, 234, 246, 0.5);
    padding: 18px;
    margin: 15px;
    position: relative;
}

.flexbox_thum_heart h1 {
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 10px 15px 10px 0px;
}

.grid_item_heart img {
    max-width: 100%;
    height: auto;
}

.bold_heart {
	font-weight: 700;
}

.textright_heart {
	text-align: right;
	padding-top: 20px;
	padding-right: 100px;
}

.people_heart {
	margin: 0 80px 60px;
}

.list_flex_heart {
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.list_heart {
    line-height: 1.3;
    float: left;
    /* width: 100%; */
    list-style: none;
    /* padding-top: 10px; */
    /* margin-top: 10px; */
}


.list_title_heart {
    display: inline-block;
    width: 9em;
    /* margin-right: 1em; */
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    float: left;
    text-align: right;
    padding-bottom: 15px;
    font-size: 1.4rem;
}

.ul_heart {
    display: inline-block;
    float: left;
    border-bottom: 1px solid #eae7e7;
    margin-bottom: 35px;
}

.list_child_heart {
    float: left;
    width: 35rem;
    padding-left: 1em;
    padding-top: 0px;
    padding-bottom: 15px;
}

span.list_belongs_heart {
    display: inline-block;
    padding-top: -5px;
    padding-left: 0.5em;
    /* line-height: 0.5; */
    font-size: 1.3rem;
}

p.bold_heart.center_heart {
    padding: 15px 0;
}
.pc_heart {
	display: inline;
}

.sp_heart {
	display: none;
}

.sp_heart_480 {
	display: none;
}



@media only screen and (max-width: 1200px){
	.people_heart {
    	margin: 0px 0px 60px;
	}

	.list_title_heart {
	    display: inline-block;
	    width: 9em;
	    /* margin-right: 1em; */
	    /* padding-top: 10px; */
	    /* padding-bottom: 10px; */
	    float: left;
	    text-align: right;
	    padding-bottom: 15px;
	    font-size: 1em;
	}

}

@media only screen and (max-width: 960px){
	.list_title_heart {
		text-align: left;
		width: 100%;
	}

	.list_heart {
		padding-bottom: 20px;
	}

	.textright_heart {
		padding-right: 50px;
	}

}

@media ( min-width : 768px ){
    .flexbox_thum_heart {
		margin: -10px 0 60px 0;
		padding: 0 0 0 16px;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	    justify-content: center
    }
    .grid_item_heart {
	    width: 27%;
	    margin-top: 0.6em;
    }
}



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

	#heartteam{
		background: url(../img/heartteam-img3.png) no-repeat -231px 49px fixed;
		background-size: 700px;
	}

	.hero-title.heart_hero {
	    height: 41vh;
	    padding-top: 15%;
	}


	.flexbox_thum_heart h1 {
		font-size: 2.0rem;
		line-height: 2.0rem;
	}
	
    .flexbox_thum_heart {
		margin: -10px 0 30px 0;
    }

    .grid_item_heart {
    margin: 5px 5px 10px 5px;
	}

	.textright_heart {
    	text-align: center;
		padding-right: 0px;
		padding-top: 15px;
	}

	.list_heart {
	    display: inline-block;
	    width: 100%;
	    margin-left: 20px;
	}

	.list_title_heart {
    text-align: left;
    width: 30%;
	}

	.list_heart ul {
	    width: 60%;
	}

	.ul_heart {
	    display: inline-block;
	    float: left;
	    border-bottom: none;
	}


	.list_child_heart {
    	display: inline-block;
   		padding-right: 0;
   		width: 100%;
   	}

   	.sp_heart {
		display: inline;
	}

	.pc_heart {
		display: none;
	}
}

@media only screen and (max-width: 580px) {
	span.gaiyou_heart {
	    display: inline-block;
	    float: none;
	    width: 100%;
	    text-align: left;
	    font-weight: 200;
	    font-size: 0.85em;
	}
}

@media only screen and (max-width: 480px){
	.hero-title.heart_hero {
	    padding-top: 30%;
	    height: 40vh;
	}

	.list_title_heart {
    	text-align: left;
    	width: 100%;
	}

	.list_heart {
		margin-left: 0;
	}

	.list_heart ul {
	    width: 100%;
	}

	.textright_heart {
		text-align: center;
		padding-right: 0;
	}

	.sp_heart_480 {
		display: inline;
	}

	.tit_heart {
		padding: 40px 0 20px 0;
		width: 250px;
	}

	.tit_heart_img {
		width: 100%;
		height: auto
	}

	.ul_heart {
    display: inline-block;
    float: left;
    margin-bottom: 5px;
}

}



/***********************************************
	procter live mar. 25th 2019 harumi motono
***********************************************/
 
 .procter_top_img {
    width: 100%;
    display: grid;
    margin: 0 auto;
    text-align: center;
    margin-top: 46px;
}

.procter_top_img img {
	width: 100%;
	height: auto;
}

.container.procter_container {
    padding: 0;
}

.container_inner.procter_inner {
    width: 100%;
    max-width: 100%;
}

.upper_row_procter {
	margin: 0 auto;
	padding-right: 8%;
	padding-left: 8%;
}

.upper_row_procter h2 {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.list_prcoter_felx {
	display: flex;
	justify-content: center;
	float: none;
	width: 100%;
}

.list_prcoter_felx_02 {
	display: flex;
	justify-content: center;
	float: left;
	width: 50%;
}


.iframe_proctor {
    float: left;
    width: 46%;
    /* height: 260px; */
    /* display: inline-block; */
    /* height: 200px; */
    margin: 60px 2%;
    /* padding: 20px 40px; */
}

iframe {
    width: 100%;
    height: 315px;
}


p.enquete_prcotor {
    width: 65%;
    float: left;
    line-height: 1.5;
    padding-right: 30px;
    margin-bottom: 60px;
}

.enquete_prcotor span {
	display: inline-block;
	text-align: right;
}

.enquete_proctor_img {
	width: 35%;
	text-align: center;
	float: left;
	margin-bottom: 60px;
}

.enquete_proctor_img img {
	width: 90%;
	height: auto;
}

.enquete_proctor_img:hover {
	 filter: brightness(50%);
	 transition: .5s;
}



.list_procter,
.list_procter_04{
    padding: 60px 0 80px 0;
    line-height: 2.1;
}

.inlist_procter {
	padding-bottom: 20px;
}

.drs_procter {
    list-style: none;
    width: 100%;
}

.list_procter_operator {
	padding-top: 20px;
}

.pc_580 {
		display: inline;
	}


span.gaiyou_procter {
    width: 10em;
    display: inline-block;
    float: left;
    text-align: right;
}

span.gaiyou_procter_edit01 {
	width: 3em;
    display: inline-block;
    float: left;
    text-align: right;
}

span.people_procter_edit01 {
    width: 9em;
    display: inline-block;
    float: left;
    text-align: right;
}



span.people_procter {
    width: 10em;
    display: inline-block;
    float: left;
    text-align: right;
}

.gaiyou_name_procter {
    list-style: none;
    display: inline-block;
    float: left;
    padding-left: 30px;
}

.people_name_procter {
    list-style: none;
    display: inline-block;
    float: left;
    padding-left: 30px;
}

.gaiyou_name_procter li {
    float: left;
    width: 12em;
}

.gaiyou_name_procter_02 li {
    float: left;
    width: 17em;
    padding-left: 30px;
}

.people_name_procter li {
    float: left;
    width: 7em;
}

.content_procter {
    max-width: 100%;
    background: url(../img/proctor_live/procter_background.png);
    background-size: 960px;
    z-index: 1;
    min-height: 400px;
    background-position-x: 50%;
    background-position-y: 10%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.imgtxt_box_procter {
    width: 100%;
    display: inline-block;
    margin: 30px 0;
    padding-right: 8%;
    padding-left: 8%;
    min-height: 1px;
    vertical-align: middle;
}

.img_box_procter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    position: relative;
    width: 20px;
    right: 0;
}

.imgtxt_box_procter.imgtxt2 {
    max-height: 630px;
    position: relative;
    top: 0;
}

.img_box_procter_2nd {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: 20%;
    max-height: 630px;
}

.imgtxt_box_procter.imgtxt_3 {
    position: relative;
    top: 77px;
    min-height: 540px;
}

.small_title_procter {
    font-weight: 500;
    color: #D20014;
    vertical-align: middle;
    /* display: inline-block; */
    line-height: 32px;
    letter-spacing: 0.8px;
    margin-bottom: 12px;
    font-size: 1.2em;
}

.small_title_procter:before {
    content: "";
    width: 5px;
    height: 23px;
    background: #D20014;
    display: inline-block;
    margin-right: 12px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.sp_960 {
	display: none;
}

figure.img_right01_procter {
    width: 400px;
    height: 410px;
    background-size: 400px 410px;
    background-repeat: no-repeat;
    background-image: url(../img/proctor_live/procter-01.png);
    position: relative;
    top: 0;
    /* left: 46px; */
}

figure.img_left02_procter {
    width: 320px;
    height: 320px;
    background-size: 320px 320px;
    background-repeat: no-repeat;
    background-image: url(../img/proctor_live/procter-02-02.png);
    position: absolute;
    top: -100px;
    right: 19em;
}

figure.img_left03_procter {
    width: 320px;
    height: 320px;
    background-size: 320px 320px;
    background-repeat: no-repeat;
    background-image: url(../img/proctor_live/procter-03-02.png);
    position: absolute;
    top: 80px;
    right: 100px;
}

figure.img_right04_procter {
    width: 400px;
    height: 390px;
    background-size: 400px 390px;
    background-repeat: no-repeat;
    background-image: url(../img/proctor_live/procter-04-02.png);
    position: relative;
    top: 37px;
}


.txt_left_procter {
    float: right;
    vertical-align: middle;
    /* top: 340px; */
    width: 60%;
    padding: 5px 0;
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
    top: 130px;
}

.txt_left_procter.txt_3 {
    top: 146px;
}

.txt_right_procter {
    float: left;
    vertical-align: middle;
    width: 55%;
    padding: 5px 0;
    position: relative;
    top: 60px;
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
}

@media only screen and (max-width: 1024px){
	.img_box_procter {
	    width: 20px;
	    right: 50px;
	}


	.sp_1024 {
		display: inline;
	}

	.imgtxt_box_procter.imgtxt2 {
	    min-height: 212px;
	    top: -30px;
	}

	.img_box_procter_2nd {
	    left: 0px;
	}

	.imgtxt_box_procter.imgtxt_3 {
	    top: 0;
	}

	figure.img_right01_procter {
	    top: 0;
	    /* left: 46px; */
	}

	figure.img_left02_procter {
	    top: -50px;
	    right: 190px;
	}

	figure.img_left03_procter {
	    top: 120px;
	    right: 10px;
	}

	figure.img_right04_procter {
	    top: 80px;
	}

	.txt_left_procter {
	    top: 90px;
	}

	.txt_left_procter {
	    top: 120px;
	}

	.txt_left_procter.txt_3 {
	    top: 170px;
	}

}

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

	.img_box_procter {
	    right: 10px;
	}

	.imgtxt_box_procter.imgtxt2 {
	    min-height: 532px;
	    top: -113px;
	}

	.imgtxt_box_procter.imgtxt_3 {
	    top: -110px;
	    max-height: 0px;
	    min-height: 260px;
	}

	figure.img_right01_procter {
	    width: 330px;
	    height: 340px;
	    background-size: 330px 340px;
	}

	figure.img_left02_procter {
	    width: 270px;
	    height: 270px;
	    background-size: 270px 270px;
	    top: 55px;
    	right: 130px;
	}

	figure.img_left03_procter {
	    width: 270px;
	    height: 270px;
	    background-size: 270px 270px;
	    top: 277px;
	    right: 70px;
	}

	figure.img_right04_procter {
	    width: 340px;
	    height: 330px;
	    background-size: 340px 330px;
	    background-repeat: no-repeat;
	    background-image: url(../img/proctor_live/procter-04-02.png);
	    position: relative;
	    top: 0;
	    /* left: 46px; */
	}

	.txt_left_procter {
	    width: 55%;
	    padding: 5px 8% 5px 10px;
	    top: 20px;
	}

	.txt_right_procter {
	    width: 50%;
	    padding: 5px 10px 5px 8%;
	    position: relative;
	    top: 140px;
	}

	.txt_left_procter.txt_3 {
	    top: 10px;
	}
}

@media only screen and (max-width: 768px){
	/*#procterlive {
	    background: url(../img/proctor_live03-img.png) no-repeat top center fixed;
	    background-size: 100%;
	    background-position-y: -18px;
	}*/


	.list_prcoter_felx {
		float: none;
		width: 100%
	}

	.list_prcoter_felx_02 {
		float: none;
		width: 100%
	}

	.iframe_proctor {
		float: none;
		margin: 0 0 60px 0;
		width: 100%
	}

	.inlist_procter {
	    padding-bottom: 10px;
	}

	.people_name_procter li {
	    float: left;
	    width: 7em;
	}

	iframe {
    	height: 400px;
	}

	video {
		height: 400px;
	}

	p.enquete_prcotor {
    width: 100%;
    float: none;
    line-height: 1.5;
    padding-right: 0px
    margin-bottom: 10px;
	}

	.enquete_prcotor span {
		text-align: left;
	}

	.enquete_proctor_img {
		width: 100%;
		text-align: center;
		float: none;
		margin-bottom: 60px;
	}

	.enquete_proctor_img img {
		width: 90%;
		height: auto;
	}


	.imgtxt_box_procter {
    	margin: 50px 0;
	}

	.imgtxt_box_procter.imgtxt2 {
	    min-height: 520px;
	    top: -20px;
	}

	.img_box_procter_2nd {
	    width: 20%;
	    left: 0px;
	    margin-right: 0;
	}

	.imgtxt_box_procter.imgtxt_3 {
	    top: -80px;
	    max-height: 0;
	    min-height: 420px;
	}

	.img_box_procter {
	    right: 25px;
	    margin-left: 8%;
	}

	figure.img_right01_procter {
	    width: 250px;
	    height: 257px;
	    background-size: 250px 257px;
	    top: 5px;
	}

	figure.img_left02_procter {
	    width: 230px;
	    height: 230px;
	    background-size: 230px 230px;
	    top: 5px;
	    right: 155px;
	}

	figure.img_left03_procter {
	    width: 230px;
	    height: 230px;
	    background-size: 230px 230px;
	    top: 210px;
	    right: 110px;
	}

	figure.img_right04_procter {
	    width: 250px;
	    height: 245px;
	    background-size: 250px 245px;
	    top: 5px;
	}


	.txt_left_procter {
	    top: 0px;
	}

	.txt_right_procter {
	    top: 0px;
	}

	.txt_left_procter.txt_3 {
	    top: 0;
	}

}

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


	.upper_row_procter h2 {
		font-size: 1.2em;
	}

	.list_prcoter_felx {
	    display: block;
	}

	.list_procter {
	    padding: 20px 0 80px 0;
	}

	.list_procter_04 {
		padding: 60px 0 60px 0;
		line-height: 2.1;
	}

	span.gaiyou_procter {
	    display: inline-block;
	    float: none;
	    width: 100%;
	    text-align: left;
	    font-weight: 200;
	    font-size: 0.85em;
	}

	span.gaiyou_procter_edit01 {
	    display: inline-block;
	    float: none;
	    width: 100%;
	    text-align: left;
	    font-weight: 200;
	    font-size: 0.85em;
	}

	.list_procter_operator {
		text-align: left;
		padding-left: 0;
	}

	span.inlist_procter_operator {
		display: inline-block;
		padding-left: 20px;
	}

	span.pro_ope{
		font-weight: 200;
	    font-size: 0.85em;
	}

	.pc_580 {
		display: none;
	}


	.gaiyou_name_procter {
	    float: none;
	    padding-left: 20px;
	}

	span.people_procter {
	    width: 100%;
	    display: inline-block;
	    float: none;
	    text-align: left;
	    font-size: 0.85em;
	    font-weight: 200;
	}

	span .people_procter_edit01 {
	    width: 100%;
	    display: inline-block;
	    float: none;
	    text-align: left;
	    font-size: 0.85em;
	    font-weight: 200;
	}

	.people_name_procter {
	    float: none;
	    padding-left: 20px;
	}

	.people_name_procter li {
	    float: left;
	    width: 7em;
	}

	iframe {
	    width: 100%;
	    height: 315px;
	}

	.imgtxt_box_procter.imgtxt1 {
	    z-index: 20;
	    position: relative;
	}

	.imgtxt_box_procter.imgtxt2 {
	    top: 0;
	    min-height: 380px;
	    z-index: 10;
	}

	.imgtxt_box_procter.imgtxt_3 {
	    top: -70px;
	    min-height: 560px;
	}

	.img_box_procter {
	    width: 20px;
	    right: 97px;
	    margin-left: 8%;
	}

	.img_box_procter_2nd {
	    float: none;
	    left: 0px;
	}

	figure.img_right01_procter {
	    width: 270px;
	    height: 276px;
	    background-size: 270px 276px;
	    top: 0;
	    /* left: 46px; */
	}

	figure.img_left02_procter {
	    width: 200px;
	    height: 200px;
	    background-size: 200px 200px;
	    z-index: 1;
	    top: -110px;
	    left: -30px;
	}

	figure.img_left03_procter {
	    width: 200px;
	    height: 200px;
	    background-size: 200px 200px;
	    z-index: 1;
	    top: -45px;
	    left: 76px;
	}

	figure.img_right04_procter {
	    width: 270px;
	    height: 265px;
	    background-size: 270px 265px;
	    position: relative;
	    top: 95px;
	    left: 0px;
	}

	.txt_left_procter {
	    float: none;
	    /* top: 340px; */
	    width: 100%;
	    padding: 5px 2% 5px 2%;
	    top: -50px;
	}

	.txt_right_procter {
	    float: none;
	    width: 100%;
	    padding: 5px 2% 5px 2%;
	    top: 80px;
	    z-index: 1;
	}

	.txt_left_procter.txt_3 {
	    top: 20px;
	}
}

@media only screen and (max-width: 480px){
	iframe {
	    width: 100%;
	    height: 200px;
	}

	.imgtxt_box_procter.imgtxt_3 {
	    top: -90px;
	    min-height: 700px;
	}

	figure.img_left03_procter {
    	left: 96px;
	}

	.upper_row_procter h2 {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 0;
		font-size: 1em;
	}

}


/***********************************************
	newton
***********************************************/
#newton {
    background: url(../img/newton-img02.jpg) no-repeat center fixed;
    background-size: contain;
    background-position: 0 0;
}

.hero-title_newton {
    height: 37vh;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding-top: 130px;
    padding-bottom: 0%;
    text-align: center;
    font-size: 1.7rem;
}

.newton_video_area {
	margin: 0 0 80px 0;
	display: inline-block;
}
.newton_video_img_area {
	float: left;
	margin: 0;
}
.iframe_proctor video {
	width: 100%;
	height: auto;
}
.newton_video_txt_area {
	word-break: break-all;
	margin: 0px 10% 80px;
}

.list_procter_operator_02 {
	text-align: center;
	/*padding-top: 20px;*/
	/*padding-left: 10px;*/
}

.list_procter_02 {
	padding: 0px 0 80px 0;
	line-height: 2.1;
}

.inlist_procter_02 {
	padding-bottom: 0px;
}

.list_procter_03 {
	padding: 60px 0 0px 0;
	line-height: 2.1;
}

@media screen and ( max-width: 960px) {
	.hero-title_newton {
	    height: 33vh;
	    background-color: rgba(0, 0, 0, 0.6);
	    color: #fff;
	    padding-top: 100px;
	    padding-bottom: 0%;
	    text-align: center;
	    font-size: 1.7rem;
	}
}

@media screen and ( max-width: 768px ) {
	#newton {
	    background-size: contain;
	    background-position: 0 25px;
	}

	.hero-title_newton {
	    height: 190px;
	    padding-top: 90px;
	    font-size: 1.5rem;
	}

	.newton_video_img_area{
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		text-align: center;
	}
	.newton_video_img_area video {
		width: 100%;
		height: auto;
	}
	.newton_video_txt_area{
		width: 100%;
		margin: 1em 0 80px 0;
	}

	.list_procter_02 {
		padding: 20px 0 80px 0;
	}
	.inlist_procter_02 {
		padding-bottom: 0px;
	}
}


@media screen and (max-width: 480px) {
	#newton {
	    background-size: 630px;
	    background-position: -100px 45px;
	}

	.hero-title_newton {
	    height: 220px;
	    padding-top: 90px;
	}


	.newton_video_img_area{
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		text-align: center;
	}

	.list_procter_02 {
		padding: 20px 0 80px 0;
	}

	.inlist_procter_02 {
		padding-bottom: 0px;
	}
	
	.list_procter_operator_02 {
		text-align: left;
		/* padding-top: 20px; */
		/* padding-left: 10px; */
	}	
}


/***********************************************
		���y��ɁEHands on Seminar
***********************************************/
#s_handson_register {
	background: url(../img/s_handson_register-img.png) no-repeat top center fixed;
}

@media screen and ( max-width: 768px ) {
	#s_handson_register {
	    background-size: contain;
	    background-position: 0 25px;
	}
}


@media screen and ( max-width: 480px ) {
	#s_handson_register {
	    background-size: 690px;
	    background-position: -130px 46px;
	}
	
	.pl_1hem{padding-left: 1.5em;}
}


/**************************************************************
			floor map 2019.jun.12th harumimotono
***************************************************************/
#floormap {
    background: url(../img/floormap-img.png) no-repeat center fixed;
    background-size: contain;
    background-position: 0 0;
}


.floormap-contain {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 30px;
}

.menu_ind {
    margin: 10px auto 0;
    padding-bottom: 10px;
    list-style: none;
}

.menu_floormap ul {
   	flex-direction: row;
    display: flex;
    justify-content: center;
}

.menu_floormap ul li:nth-child(n) {
    flex-shrink: 10;
}

.registration_info {
	margin: 50px 0;
}

.registration_info span{
	color:#E32B2A;
	font-size: 1.27em;
}

.registration_info p {
    color: #001751;
    line-height: 1.8;
}

.quasi_height {
    margin-top: -70px;
    padding-top: 70px;
}

.floorguide_img{
	max-width: 100%;
	width: 100%;
	text-align: center;
	padding: 80px 0;
	background: #fafafa;
	margin-bottom: 60px;
}

.f1_floormap img{
	margin-right: auto;
	margin-left: auto;
}

.f2_floormap img{
	margin-right: auto;
	margin-left: auto;
}

.f3_floormap img{
	margin-right: auto;
	margin-left: auto;
}

.mapGuide_onoff {
	display: block;
}

.mapGuide_parent {
	position: relative
}

#mapGuide {
	position: fixed;
	bottom: 30px;
	right:50px;
	z-index: 80;
}

#mapGuide img {
	opacity: 0.9;
}

@media screen and (max-width: 960px) {
	.floormap-contain {
	    max-width: 850px;
	}

	.mapGuide {
		right: 30px;
	}
}

@media screen and (max-width: 860px) {
	.floormap-contain {
	    max-width: 90%;
	    margin: 0 auto;
	}

	.f1_floormap img, .f2_floormap img, .f3_floormap img  {
	    width: 90%;
	}
}

@media screen and (max-width: 768px) {
	#floormap {
	    background-size: contain;
	    background-position: 0 25px;
	}

	.floormap-contain {
	    max-width: 90%;
	    margin: 0 auto;
	}

	.f1_floormap img, .f2_floormap img, .f3_floormap img  {
	    width: 90%;
	}

	.mapGuide {
		right: 30px;
		opacity: 0.9;
	}
}

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

	.mapGuide_onoff {
		display: none;
	}

	.menu_floormap ul li:nth-child(-n+2) {
		margin-right: 10px;
	}

	a.button_ub.floor_ub {
	    width: 80px;
	    height: 60px;
	    line-height: 64px;
	}

	.floorguide_img {
	    padding: 30px 0;
	    margin-bottom: 30px;
	}

@media screen and (max-width: 480px) {
	#floormap {
	    background-size: 630px;
	    background-position: -100px 45px;
	}

	.menu_ind {
	    margin: 30px auto 0;
	}

	.menu_floormap {
    	margin: 0 0 5px 0;   
	}
}