@charset "UTF-8";
* {margin: 0; padding: 0;}

@font-face{ 
	font-family: "Noto Serif TC", serif;
	src: url('../fonts/NotoSerifCJKjp-Medium.otf') format('opentype'),
		url('../fonts/NotoSerifCJKjp-Medium.woff2') format('woff2'),
		url('../fonts/NotoSerifCJKjp-Medium.woff') format('woff');
  font-weight: 500;
}

#x-h2cp {
  font-family:"Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
/*	font-family: 'Noto Sans JP', sans-serif;*/
  color: #221814;
  font-weight: 500;
  -webkit-font-smoothing: subpixel-antialiased;
	margin-bottom: -32px;
}
@media (min-width: 768px) {
  #x-h2cp{ min-width:1100px; }
}

#x-h2cp a,#x-h2cp a img,#x-h2cp a span {  transition: color 0.2s, opacity 0.2s,background-color 0.2s, border-color 0.2s, text-decoratin 0.2s; }
#x-h2cp a:link,#x-h2cp a:visited{
    color:#6F6F6F;
}
#x-h2cp p{
  margin: 0;
  padding: 0;
	font-size: 15px;
	line-height: 1.6;
}
#x-h2cp .container {width: 1100px; margin: 0 auto; padding: 0 0 0 0;}
#x-h2cp img {
  width: 100%;
  height: auto;
  display: block;
}




#x-h2cp .mainimg {
	width: 100%;
	/*height: 455px;*/
	height:auto;
/*	padding-top: 47.7%;*/
/*	background: url("../images/main_image.jpg") center center no-repeat;*/
/*	background-size: cover;*/
/*  position: relative;*/
}
#x-h2cp .mainimg h2 {
/*  width: 747px;*/
	widtj:100%;
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
}
#x-h2cp .mainimg .note {
  line-height: 1.2em;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 30px;
}
@media only screen and (max-width: 767px) {
	#x-h2cp .mainimg {
		width: 100% !important;
		/*height: 455px;*/
		height: auto !important;
	/*	padding-top: 47.7%;*/
		background: none;
		background-size: cover;
	  position: relative;
	  padding: 0 0 0 0 !important;
	}
	#x-h2cp .mainimg h2 {
	  width: 100% !important;
	  position: relative !important;
	  top: inherit !important;
	  left: inherit !important;
	}
	#x-h2cp .mainimg h2 img {
	  width: 100%;
	  height: auto;
	  display: block;
	}
	#x-h2cp .mainimg .note {
	  line-height: 1.2em;
	  font-size: 7px !important;
	  position: absolute;
	  bottom: 7px !important;
	  right: 7px !important;
	}
	#x-h2cp .mainimg {
		background-size: 110% auto;
		width: 100%;
		/*background-color: #eee;*/
		/*height: 255px;*/
		padding-top: 47.7%;
		height: auto;
	}
}



@media (min-width: 768px) {
	.sp_only {display:none!important;}
	.pc_only {display:block;}
}
@media (max-width: 767px) {
	.sp_only {display:block;}
	.pc_only {display:none!important;}
}


#x-h2cp .intro {
  margin: 0 0 30px 0;
  padding: 65px 0 20px 0;
  overflow: hidden;  
}
#x-h2cp .intro h3 {
  margin:0 0 0 0;
	padding:0 0 30px 0;
	line-height:1.4em;
	font-size:34px;
	font-family:"Noto Serif TC",serif;
/*	letter-spacing:-2px;*/
	color:#a8803d;
	text-align:center;
}
#x-h2cp .intro p {
	text-align:center;
	font-size:16px;
	padding-bottom:20px;
}
#x-h2cp .intro_box {
	width:100%;
	height:auto;
	background-color:#f7f0e2;
	padding:30px 30px 30px;
	margin:20px 0 40px;
}
#x-h2cp .intro_box::after {
 content:"";
 display:block;
 clear:both;
}
#x-h2cp .intro_box .left {
	float:left;
	width:68%;
}
#x-h2cp .intro_box .left .tit {
	line-height:1.6em;
	font-size:25px;
/*	font-size:27px;*/
	font-family:"Noto Serif TC",serif;
/*	letter-spacing:-2px;*/
	color:#a8803d;
	text-align:left;
	padding-bottom:0px;
}
#x-h2cp .intro_box .left p {
	font-size:15px;
	text-align:left;
	margin:0 0 15px;
}
#x-h2cp .intro_box .left p:last-of-type {
	margin:0;
}
#x-h2cp .intro_box .left p span {
	font-size:12px;
}

#x-h2cp .intro .right {
	float:right;
	width:30%;
}
#x-h2cp .intro .right img {
	max-width:200px;
}

#x-h2cp .intro_box a.flow {
	color:#fff;
	font-size:bold!important;
	text-decoration:none;
	padding:1.8em 3em 1.8em 2em;
	background-color:#007740;
	margin:20px auto 30px auto;
	display:inline-block;
	position: relative;
	text-align: center;
	line-height:0;
	font-size:16px;	
}
#x-h2cp .intro_box a.flow strong {
	font-size:18px;
	display:inline-block;
	margin-top:1.7em;
	padding:0;
}
#x-h2cp .intro_box a.flow::after {
	position: absolute;
	content: "　";
	background-image: url(../images/arrow_03.png);
	background-repeat:no-repeat;
	background-size:8px;
	width:10px;
	height:16px;
	margin-left:2em;
	top:40%;
	right:2%;
}
#x-h2cp .intro_box a.flow:hover {
	opacity:.75;
	transition-delay:100ms;
}


#x-h2cp .intro_box .commentary {
	width:100%;border:solid 1px #777777;padding:20px 40px;position:relative;height:auto;
}
#x-h2cp .intro_box .commentary::after {
 content:"";
 display:block;
 clear:both;
}
#x-h2cp .intro_box .commentary .tit01 {
	position:absolute;font-size:18px;font-weight:bold;top:-20px;background-color:#f7f0e2;padding:5px 10px;
	font-family:"Noto Serif TC",serif;
	color:#a8803d;
}
#x-h2cp .intro_box .commentary .name {
	font-size:18px;font-weight:bold;
	font-family:"Noto Serif TC",serif;
	color:#a8803d;
	padding-top:20px;
}
#x-h2cp .intro_box .commentary .name span.bk1 {
	font-size:30px;
	display:block;
}
#x-h2cp .intro_box .commentary .name span.bk2 {
	font-size:15px;display:block;margin-top:10px;font-weight:normal;
	font-family:"Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	color: #221814;
}
#x-h2cp .intro_box .commentary .left {
	display:inline-block;width:68%;margin-bottom:0;
}
#x-h2cp .intro_box .commentary .left .name { 
	font-size:15px;
}

#x-h2cp .intro_box .commentary .right {
	display:inline-block;width:22%;text-align:right;
}

#x-h2cp .intro_box.online_commentary {
	position:relative;
	padding:30px 30px 20px;
}
#x-h2cp .intro_box.online_commentary .point {
	background-color:#a8803d;
/*	padding:5px 15px;*/
	height:4.5em;
	width:4.5em;
/*	padding:1.1em 0 0 .2em;*/
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border-radius:50%;
	position:absolute;
	top:-1em;
	left:1.5em;
/*	transform:rotate(-10deg);*/
}
#x-h2cp .intro_box.online_commentary .point span {
	position:absolute;
	top:1.4em;
	left:.5em;
}
#x-h2cp .intro_box.online_commentary .tit {
	font-size:24px;
	font-family:"Noto Serif TC",serif;
	color:#a8803d;
	font-weight:bold;
}
#x-h2cp .intro_box.online_commentary .explan {
	text-align:left;
}
#x-h2cp .intro_box.online_commentary .season {
	font-size:24px;
/*	font-weight:bold;*/
	line-height:1;
	color:#a8803d;
}





@media (max-width: 767px) {
	#x-h2cp .intro p {
		text-align:left;
	}
	#x-h2cp .intro_box {
		padding:20px 20px 10px 20px;
	}
	#x-h2cp .intro_box .left {
		float:none;
		max-width:100%;
/*		margin-left:1%!important;*/
	}
	#x-h2cp .intro_box .left .tit {
		font-size:20px;
			padding-bottom:5px;
	}
	#x-h2cp .intro_box .left img.sp_only {
		max-width:70%;
		margin:0 auto 20px;
	}
	#x-h2cp .intro_box a.flow {
		font-size:14px;
		padding:1.5em 2em 1.5em 1.5em;
	}
	#x-h2cp .intro_box a.flow strong {
			font-size:15px;
/*		margin-top:2em;*/
	}
	#x-h2cp .intro h3 {
	  margin:0 0 0 0;
		padding:0 0 30px 0;
		line-height:1.4em;
		font-size:25px;
	}
	
	#x-h2cp .intro_box .commentary {
		padding:10px 10px;
	}
	#x-h2cp .intro_box .commentary .tit01 {
		font-size:16.5px;	
	}
	#x-h2cp .intro_box .commentary .left {
		display:block;
		width:100%;
		max-width:95%;
		margin:10px auto 0!important;
		padding:0;
		float:none;
	}
	#x-h2cp .intro_box .commentary .left .name { 
		text-align:center;
		line-height:1.4;
		padding-top:10px;
		font-size:15px;
	}
	#x-h2cp .intro_box .commentary .left .name .bk1 { 
		display: block;
		margin:10px auto 15px;
		font-size:26px;
	}
	#x-h2cp .intro_box .commentary .left .name .bk2 { text-align:left;line-height:1.8; }
	#x-h2cp .intro_box .commentary .right {
		display:block;
		width:100%;
		text-align:center;
	}
	#x-h2cp .intro_box.online_commentary {
		padding:25px 15px 15px
	}
	#x-h2cp .intro_box.online_commentary .explan {
		font-size:15px;
	}
	#x-h2cp .intro_box .commentary .left img {
		margin:10px auto 20px;
		width:65%;
		float:none;
	}
	#x-h2cp .intro_box .commentary .right img {
		margin:0 auto;
		width:70%;
		float:none;
	}
	#x-h2cp .intro_box.online_commentary .tit {
		text-align:center;
		font-size:20px;
		line-height:1.6;
		padding-top:15px;
		padding-bottom:10px;
	}
	#x-h2cp .intro_box.online_commentary .season {
		font-size:18px;
		line-height:1.6;
		text-align: center;
	}
}



#x-h2cp .base_title {
	font-weight:700;
  margin: 0 0 25px 0;
  padding: 0 0 20px 10px;
  line-height: 1.2em;
  font-size: 35px;
  font-family: "Noto Serif TC", serif;
  color: #007740;
  background: url("../images/title_back_01.png") repeat-x left bottom;
}

#x-h2cp .sec01 {
  margin: 0 0 80px 0;
  padding: 0 0 0px 0;
  text-align: center;
}
#x-h2cp .sec01 p {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  line-height: 1.6em;
  font-size:16px;
  color: #000000;
/*   font-weight:bold;*/
	text-align: left;
}

#x-h2cp .sec02 {
  margin: 0 0 80px 0;
  padding: 0 0 0 0;
  text-align: left;
}
#x-h2cp .sec02 .date {
	font-weight:bold;
	  font-size:20px;
	  line-height: 1.6em;
	text-align:center;
	margin-bottom:20px;
}
#x-h2cp .sec02 p {
  padding: 0 0 0 0;
  line-height: 1.4em;
  font-size: 16px;
  color: #000000;
/*  font-weight:bold;*/
}

#x-h2cp p.note {
  margin: 0 0 20px 10px;
  padding: 0 0 0 1em;
  position: relative;
	font-size:14px;
}
#x-h2cp p.note:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

#x-h2cp p.note_s span {
	  margin: 10px 0 0px 0px;
	text-indent:-1em;
  padding-left:1em;
	font-size:14px;
	display:inline-block;
}


#x-h2cp .sec03 {
  margin: 0 0 0 0;
  padding: 0 0 80px 0;
  text-align: left;
  overflow: hidden;
}
#x-h2cp .sec03 p {
  margin: 15px auto 15px;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 20px;
  color: #000000;
}
#x-h2cp .sec03 .product {
	display:inline-block;
	width:31%;
	text-align:center;
	margin-right:2%;
}
#x-h2cp .sec03 .product:first-of-type p {
	padding-bottom:1em;
}
#x-h2cp .sec03 .product:last-of-type {
	margin-right:0;
}
#x-h2cp .sec03 .product img {
	margin:0 auto 15px;
	width:90%;
}
/*
#x-h2cp .sec03 .product a.txt_link {
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
	position:relative;
	margin-left:1em;
	color:#000;
}
#x-h2cp .sec03 .product a.txt_link span {
	padding-bottom:5px;
	border-bottom:3px solid #000;
	padding-right:20px;
}
#x-h2cp .sec03 .product a.txt_link::after {
	position:relative;
	content:"　";
	background-image: url(../images/arrow_01.png);
	background-repeat:no-repeat;
	background-size:8px;
	width:2px;
	height:10px;
	margin-left:0px;
	top:2px;
	left:-8px
}
#x-h2cp .sec03 .product a.txt_link:hover {
	opacity:.75;
	transition-delay:100ms;
}
#x-h2cp .sec03 .product a.txt_link:hover span {
	border-bottom:none;
}
*/




#x-h2cp .sec03 .product p.link {
  margin: 0 0 0 0;
  padding: 0 0px 0 0;
  line-height: 1.2em;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}
#x-h2cp .sec03 .product p.link a {
  margin: 0 0 0 0;
  padding: 0 10px 9px 0;
  line-height: 1.2em;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  background: url("../images/arrow_01.png") no-repeat right 3px;
  background-size: 8px auto;
  display: inline-block;
  position: relative;
	padding-right:15px;
}

#x-h2cp .sec03 .product p.link a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 1.1s;
  z-index: 1;
}
#x-h2cp .sec03 .product p.link a:hover::after {
  transform: scale(0.8, 1) translateX(180px);
}
#x-h2cp .sec03 .product p.link a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #000;
  transform: scale(1, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#x-h2cp .sec03 .product p.link a:hover::before {
  transform: scale(0, 1);
}





#x-h2cp .sec04,#x-h2cp .sec05,#x-h2cp .sec07 {
  margin: 0 0 0 0;
  padding: 0 0 80px 0;
  text-align: left;
  overflow: hidden;
}

#x-h2cp .sec06 {
  margin: 0 0 0 0;
  padding: 0 0 50px 0;
  text-align: left;
  overflow: hidden;
}
#x-h2cp .sec04 p,#x-h2cp .sec05 p {
	font-size:20px;
	text-align: center;
}
#x-h2cp .sec06 p {
	font-size:20px;
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:30px;
}
#x-h2cp .sec06 p.link {
	margin-bottom:0px;
}
#x-h2cp .sec06 p.link a {
	color:#000;
	text-decoration:none;
}
#x-h2cp .sec06 p.link a:hover {
	border-bottom:1px solid #000;
}
#x-h2cp .sec06 .flowbox {
	text-align:center;line-height:1;margin:0;padding:0;
}
#x-h2cp .sec06 .flowbox .flow {
	color:#fff;
	font-size:bold!important;
	text-decoration:none;
	padding:20px 10px 20px 20px;
	background-color:#dcbb7d;
	margin:0px auto 10px;
	display:inline-block;
	position: relative;
	font-size:16px;
	font-weight:bold;
}
#x-h2cp .sec06 .flowbox .flow::after {
	position: relative;
	content: "　";
	background-image: url(../images/arrow_03.png);
	background-repeat:no-repeat;
	background-size:8px;
	width:2px;
	height:10px;
	margin-left:.5em;
	top:2px;
}
#x-h2cp .sec06 a.flow:hover {
	opacity:.75;
	transition-delay:100ms;
}
#x-h2cp .sec06 .flow_img {
	width:80%;max-width:800px;margin:20px auto;
}
#x-h2cp .sec06 .step_inner {
	font-size:16px;display:inline-block;text-indent:0;padding:0;
}


#x-h2cp .sec07 p {
	font-size:16px;
	text-align:left;
	margin-bottom:20px;
}
#x-h2cp .sec07 p:last-of-type {
	margin-bottom:0px;
}
#x-h2cp .sec08 {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  text-align: left;
  overflow: hidden;
}
#x-h2cp .sec08 p {
  margin: 0 0 25px 0;
  padding: 0 0 0 0;
  line-height: 1.8em;
  font-size: 16px;
  color: #000000;
}
#x-h2cp .sec08 .box {
  margin: 0 0 0 0;
  padding: 20px 25px 20px 25px;
  border: 1px solid #b8b8b8;
  overflow: hidden;
}
#x-h2cp .sec08 .box h5 {
  margin: 0 0 0 0;
  padding: 0 0 20px 0;
  line-height: 1.4em;
  font-size: 22px;
  font-weight: 700;
  color: #000000;
}
#x-h2cp .sec08 .box p {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  line-height: 1.6em;
  font-size: 16px;
  color: #000000;
}
#x-h2cp .sec08 .box p .note {
  line-height: 1.6em;
  font-size: 14px;
}

#x-h2cp .sec09 {
  margin: 0 0 0 0;
  padding: 0 0 20px 0;
  text-align: left;
  overflow: hidden;
}
#x-h2cp .sec09 p {
	font-size:16px;
	text-align:left;
}
	
#x-h2cp .qa {
  margin: 0 0 80px 0;
  padding: 0 0 0 0;
  line-height: 1.8em;
  font-size: 16px;
  color: #000000;
}
#x-h2cp .qa dl {
	width:100%;
}
#x-h2cp .qa dl dt {
	font-weight:bold;
	text-indent:-1.8em;
	padding-left:1.8em;
	font-size:15px;
}
#x-h2cp .qa dl dd {
	text-indent:-1.8em;
	padding-left:1.8em;
	margin:10px 0 30px 0;
	font-size:15px;
}

#x-h2cp .inquiry_link {
	width:100%;
}
#x-h2cp .inquiry_link a {
	display:inline-block;
	margin-right:80px;
	text-decoration:none;
	color:#000;
	position: relative;
	font-weight:bold;
	font-size:15px;
}
#x-h2cp .inquiry_link a span {
	border-bottom:1px solid #000;
}
#x-h2cp .inquiry_link a::before {
	position: relative;
	content:"　";
	background-image: url(../images/arrow_04.png);
	background-repeat:no-repeat;
	background-size:8px;
	width:2px;
	height:8px;
	top:1px;
	left:5px;
	text-decoration:none;
}
#x-h2cp .inquiry_link a:hover {
	opacity:.7;
}
#x-h2cp .inquiry_link a:hover span {
	border-bottom:none;
}


@media (max-width: 767px) {
	#x-h2cp .container {
		width:96%!important;
		margin:0 10px 0 10px;
	}
	#x-h2cp .sec01,#x-h2cp .sec02 {
	  margin: 0 auto;
	  padding: 0 0 40px 0;
	  width: 91.2%!important;
	  text-align: left;
	}
	#x-h2cp .sec02 .date {
		text-align:left;
	}
	#x-h2cp .sec03 {
	  margin: 0 auto 0px;
	  padding: 0 0 0px 0;
	  width: 91.2%!important;
	  text-align: left;
	  overflow: hidden;
	}
	#x-h2cp .sec03 .product {
		display:block;
		width:100%;
		text-align:center;
		margin-right:0;
		margin-bottom:30px;
		border-bottom:1px solid #ccc;
		padding-bottom:40px;
	}
	#x-h2cp .sec03 .product:first-of-type p {
		padding-bottom:0;
	}
	#x-h2cp .sec03 p {
	  margin: 25px auto 20px;
	  padding: 0 0 0 0;
	  line-height: 1.4em;
	  font-size:18px;
	}
	#x-h2cp .sec03 .product:last-of-type {
		border:none;
	}
	#x-h2cp .sec03 .product img {
		margin:0 auto 15px;
		width:75%;
		max-width:500px;
	}
	#x-h2cp .sec06 .flow_img {
	width:100%;max-width:800px;margin:20px auto;
	}
	#x-h2cp .sec06 .step_inner {
		font-size:14px;display:inline-block;text-indent:0;padding:0;
	}
	
	#x-h2cp .sec04,#x-h2cp .sec05,#x-h2cp .sec06,#x-h2cp .sec07,#x-h2cp .sec08,#x-h2cp .qa {
	  margin: 0 auto;
	  padding: 0 0 40px 0;
	  width: 91.2%!important;
	  text-align: left;
/*	  overflow: hidden;*/
	}
	#x-h2cp .sec09 {
	  margin: 0 auto;
	  padding: 0 0 20px 0;
	  width: 91.2%!important;
	  text-align: left;
/*	  overflow: hidden;*/
	}
	#x-h2cp .sec04 p,#x-h2cp .sec05 p,#x-h2cp .sec06 p {
		font-size:16px;
		text-align:left;
	}
	#x-h2cp .sec09 p {
		font-size:14px;
		text-align:left;
	}
	#x-h2cp .qa dl dd {
		margin:10px 0 30px 0;
	}
	#x-h2cp p.note {
	  margin: 0 0 20px 10px;
	  padding: 0 0 0 1em;
	  position: relative;
	}
	#x-h2cp p.note:before {
	  content: "※";
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	#x-h2cp .inquiry_link a {
		display:block;
		margin:10px 0 5px 1em;
		font-size:14px;
	}
}
















.taC { text-align: center; }
.taL { text-align: left; }
.taR { text-align: right; }



#x-h2cp .row {
    margin-right: -15px;
    margin-left: -15px;
}
.table {
    width:inherit;
    max-width:inherit;
    margin-bottom:inherit;
}







/*pc sp switch*/
#x-h2cp .pc{ display:block !important;}
#x-h2cp .pc2{ display:inline-block !important;}
#x-h2cp span.pc{ display: inline !important;}
#x-h2cp .sp{ display:none !important;}
#x-h2cp .xs{ display:none;}
@media only screen and (max-width: 767px){
	#x-h2cp {min-width:auto;}
	#x-h2cp .pc{ display:none !important;}
	#x-h2cp .pc2{ display:none !important;}
	#x-h2cp .sp{ display:block !important;}
	#x-h2cp span.sp{ display: inline !important;}


/*#x-h2cp .container {width: 100%; margin: 0 auto; padding: 0 0 0 0;}*/
#x-h2cp .intro {
  margin: 0 auto;
  padding: 25px 0 20px 0;
  width: 91.2%;
  overflow: hidden;  
}
#x-h2cp .base_title {
  margin: 0 auto 10px auto;
  padding: 0 0 15px 5px;
  width: 91.2%;
  line-height: 1.2em;
  font-size: 18px;
  font-family: "Noto Serif TC", serif;
  color: #007740;
  background: url("../images/title_back_01-sp.png") repeat-x left bottom;
  box-sizing: border-box;
}
#x-h2cp .intro .left {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  float: none;
}
#x-h2cp .intro .left p {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  line-height: 1.8em;
  font-size: 14px;
  color: #000000;
}
#x-h2cp .intro .left h3 {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  line-height: 1.4em;
  font-size: 18px;
  font-family: "Noto Serif TC", serif;
  font-weight:700;
  letter-spacing: -2px;
  color: #000000;
}

	
#x-h2cp .sec08 p {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  line-height: 1.8em;
  font-size: 14px;
  color: #000000;
}
#x-h2cp .sec08 .box {
  margin: 0 0 0 0;
  padding: 10px 15px 10px 15px;
  border: 1px solid #b8b8b8;
  overflow: hidden;
}
#x-h2cp .sec08 .box h5 {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  line-height: 1.4em;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#x-h2cp .sec08 .box p {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  line-height: 1.6em;
  font-size: 12px;
  color: #000000;
}
#x-h2cp .sec08 .box p .note {
  line-height: 1.6em;
  font-size: 10px;
}

	
	


	
	
	
	
	
	
	

/*
#x-h2cp .sec01 p {
  margin: 0 0 0 0;
  padding: 0 0 30px 0;
  line-height: 1.6em;
  font-size: 14px;
  color: #000000;
}

#x-h2cp .sec02 p {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 14px;
  color: #000000;
}

#x-h2cp .sec02 p.note {
  margin: 0 0 45px 0;
  padding: 0 0 0 1em;
  line-height: 1.6em;
  font-size: 8px;
  color: #000000;
  position: relative;
}
#x-h2cp .sec02 p.note .icon {
  position: absolute;
  top: 0;
  left: 0;
}

#x-h2cp .sec02 p.text01 {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  font-weight: bold;
}
#x-h2cp .sec02 p.text02 {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 12px;
}
#x-h2cp .sec02 .product01 {
  margin: 0 auto 25px auto;
  padding: 0 0 0 0;
  width: 100%;
  text-align: left;
}
#x-h2cp .sec02 .product01 img {
  margin: 0 auto 15px auto;
  padding: 0 0 0 0;
  width: 78.7%;
  height: auto;
  display: block;
}
#x-h2cp .sec02 .product01 p.link {
  margin: 0 0 0 0;
  padding: 0 14px 0 0;
  line-height: 1.2em;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
#x-h2cp .sec02 .product01 p.link a {
  margin: 0 0 0 0;
  padding: 0 10px 9px 0;
  line-height: 1.2em;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  background: url("../images/arrow_01.png") no-repeat right 3px;
  background-size: 4px auto;
  display: inline-block;
  position: relative;
}

#x-h2cp .sec02 .product01 p.link a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 1.1s;
  z-index: 1;
}
#x-h2cp .sec02 .product01 p.link a:hover::after {
  transform: scale(0.8, 1) translateX(180px);
}
#x-h2cp .sec02 .product01 p.link a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  transform: scale(1, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#x-h2cp .sec02 .product01 p.link a:hover::before {
  transform: scale(0, 1);
}

#x-h2cp .sec02 .product02 {
  margin: 0 auto 30px auto;
  padding: 0 0 0 0;
  width: 37.9%;
  text-align: left;
}
#x-h2cp .sec02 .product02 img {
  width: 100%;
  height: auto;
  display: block;
}

#x-h2cp .sec04 h5 {
  margin: 0 0 0 0;
  padding: 0 0 10px 1.3em;
  line-height: 1.4em;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  position: relative;
}
#x-h2cp .sec04 h5 .num {
  position: absolute;
  top: 0;
  left: 0;
}

#x-h2cp .sec04 p.link {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 100%;
}
#x-h2cp .sec04 p.link span {
	margin: 0 0 0 0;
	padding: 15px 0;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	background-color: #CCCCCC;
	background-image: url(../images/arrow_03.png);
	background-repeat: no-repeat;
	background-position: 94% center;
}

#x-h2cp .sec05 {
  margin: 0 auto;
  padding: 0 0 30px 0;
  width: 91.2%;
  text-align: left;
  overflow: hidden;
}
#x-h2cp .sec05 h5 {
  margin: 0 0 0 0;
  padding: 0 0 10px 1.3em;
  line-height: 1.4em;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  position: relative;
}
#x-h2cp .sec05 h5 .num {
  position: absolute;
  top: 0;
  left: 0;
}
#x-h2cp .sec05 p {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 12px;
  color: #000000;
}

#x-h2cp .sec06 {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 91.2%;
  text-align: left;
  overflow: hidden;
}
#x-h2cp .sec06 h5 {
  margin: 0 0 0 0;
  padding: 0 0 5px 0;
  line-height: 1.4em;
  font-size: 14px;
  font-weight: bold;
  color: #17A58F;
}
#x-h2cp .sec06 p {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  line-height: 1.8em;
  font-size: 12px;
  color: #000000;
}
*/

}







@media only screen and (max-width: 320px){
	#x-h2cp .xs{ display:block;}
}
#x-h2cp #container{ padding-top:0;}
#x-h2cp.fixed #container{padding-top:54px;}

#x-h2cp .listfr{
	display: -webkit-flex;
	display: flex; 
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 767px){
  #x-h2cp{min-width:auto; }
  #x-h2cp #container{padding-top:0px;padding-bottom:0;}
  #x-h2cp.fixed #container{padding-top:83px !important;}
}

#x-h2cpheader{
  position:relative;
  margin: 0 auto;
  /*  top:0;left:0; position:fixed; width:100%;*/
    background-color:rgba(255,255,255,1);
    padding-top:0 !important;
    padding-bottom:0 !important;
		z-index:1;
		text-align: right;

}
#x-h2cpheader .container{
  width: 1100px;
  margin: 0 auto;
}
#x-h2cpheader>.container{
	height: 106px;
}
#x-h2cp #contents{

}
#x-h2cpheader .rightmenu{
    display: inline-block;
    vertical-align: top;
    text-align: right;
		letter-spacing: -.4em;
    padding: 33px 0 0 0;
}
#x-h2cp .snsarea a{
    width: 40px;
    height: 40px;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    color: #fff;
  	 font-weight: 700;
    font-size: 11px;
    border-radius: 50%;
    line-height: 40px;
    margin-left: 15px;
  	background-color: #313131;
    text-decoration: none;
}
#x-h2cp .snsarea a i{
    line-height: 40px;
		color: #fff;
		font-size: 22px;
}
#x-h2cp .snsarea a:hover,
#x-h2cp .snsarea a:focus,
#x-h2cp .snsarea a:active{
  opacity: .8;
}
#x-h2cpheader .logo{
	position: absolute;
	left: 50%;
	margin-left: -271px;
	/*transform: translateX(-50%);*/
	top:27px;
}
#x-h2cp .globalmenu{
	border-top: 5px solid #01906D;
	border-bottom: 1px solid #BFBFBF;
	background-color: #fff;
}
#x-h2cp.fixed .globalmenu{
		width: 100%;
		top:0;left:0; position:fixed;
		z-index: 1;
}
#x-h2cp .globalmenu .container{
  position: relative;
}
#x-h2cp .globalmenu ul {
    float: none !important;
    margin: 0 0 0 0;
 		display: -webkit-flex;
   display: flex;
    width: 100%;
}
#x-h2cp .globalmenu ul > li{
		width: 20%;
		float: none;
    display: block;
    text-align: center;
		position: relative;
}
#x-h2cp .globalmenu ul > li:before{
	position: absolute;
	left: 0;
	top:50%;
	transform: translateY(-50%);
	content: "";
	width: 1px;
	height: 30px;
	background-color: #CACACA;
	z-index: 1;
}
#x-h2cp .globalmenu ul > li:last-child:after{
	position: absolute;
	right: 0;
	top:50%;
	transform: translateY(-50%);
	content: "";
	width: 1px;
	height: 30px;
	background-color: #CACACA;
	z-index: 1;
}
#x-h2cp .globalmenu ul>li>a {
	 height: 50px;
    line-height:1.3;
    padding:0px;
    color: #000;
    display: block;
    transition: 0.2s;
    font-size: 14px;
    border-radius:0;
    position: relative;
    font-weight: 700;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-flow: column;
	 flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
	 position: relative;
	 text-decoration: none;
}
#x-h2cp .globalmenu ul>li>a:hover{
	opacity: .6;
}
#x-h2cp .globalmenu ul>li>a span{
	display: block;
	background-color: #01906D;
	color: #fff;
	line-height: 18px;
	height: 18px;
	border-radius: 9px;
	text-align: center;
	padding: 0 10px;
  font-size: 12px;
	margin-top: 1px;
}
#x-h2cp .globalmenu ul>li>a i{
	position: absolute;
	right: 8px;
	top:50%;
	transform: translateY(-50%);
}
#x-h2cp .globalmenu ul>li>a.disable {
	color: #979797;
	pointer-events: none;
}
#x-h2cp .globalmenu ul>li>a.disable span{
	background-color: #979797;
}

@media only screen and (max-width: 320px){
	 #x-h2cpheader .logo {
		right: 10px!important;
		width: 235px!important;
	}
}

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

   #x-h2cpheader{
    		width: 100%;
        /*top:0;left:0; position:fixed; */
        top:auto;left:auto; position:relative;
        background-color:rgba(255,255,255,1);
        padding-top:0 !important;
        padding-bottom:0 !important;
   }
  #x-h2cpheader .logo {
			position: absolute;
			left: auto;
			right: 30px;
			transform:none;
			top: 5px;
			width: 254px;
			height: auto;
			margin: 0;
	}
	#x-h2cpheader .rightmenu {
    	display: none;
  }
  #x-h2cp .globalmenu {
    margin:0;
		border-top: 3px solid #01906D;
  }
  #x-h2cp.fixed .globalmenu {
    margin:0;
    top: 0px;
    position: fixed !important;
    z-index: 10000;
  }
  #x-h2cpheader .container {
    width: auto;
  }
  #x-h2cp .globalmenu .container{
    margin: 0;
    width: auto;
  }
  #x-h2cp .globalmenu ul {
    float: none !important;
    margin: 0 0 0 0;
    display: block;
    width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap:wrap;
		flex-wrap: wrap;
		text-align: left;
	}
  #x-h2cp .globalmenu ul > li {
    display: block;
    width: 33.3333%;
    vertical-align: top;
    text-align: center;
    float: none;
    height:auto;
    padding-right: 0px;
	 border-bottom: 1px solid #BFBFBF;
  }
	#x-h2cp .globalmenu ul > li:before{
		position: absolute;
		left: 0;
		top:50%;
		transform: translateY(-50%);
		content: "";
		width: 1px;
		height: 25px;
		background-color: #CACACA;
		z-index: 1;
	}
	#x-h2cp .globalmenu ul > li:nth-child(4),
	#x-h2cp .globalmenu ul > li:nth-child(5){
		border-bottom:none;
	}	
	#x-h2cp .globalmenu ul > li:first-child:before,
	#x-h2cp .globalmenu ul > li:nth-child(4):before{
		display: none;
	}
  #x-h2cp .globalmenu ul > li> a{
    font-size: 11px;
    line-height: 45px;
    height: 45px;
	 line-height: 1.3;
	 letter-spacing: -0.05em;
  }
  #x-h2cp .globalmenu ul > li> a>span{
		display: inline-block;
    line-height: 12px;
    height: 14px;
    border-radius: 6px;
    text-align: center;
    padding: 1px 8px;
    font-size: 10px;
    margin-top: 1px;
		font-weight: normal;
  }
	#x-h2cp .globalmenu ul>li>a i {
			right: 5px;
			top: auto;
			bottom:5px; 
			transform:none;
	}
/*
	#x-h2cp .container {
			width: 100%;
			padding-left:0;
      padding-right:0;
	}
*/
	#x-h2cpheader>.container {
			height:33px; 
	}
  #x-h2cp .row {
    margin-right: 0px;
    margin-left: 0px;
  }
}

/*==================================================
 * footer
 *================================================*/
/**
 * .footbanner
 */
#x-h2cp .footbanner {
  text-align: center;
	background-color: #F6F6F6;
}

#x-h2cp .footbanner .container{
  width: 1100px;
  margin: 0 auto;
}
#x-h2cp .footbanner .container .row{
  padding: 70px 0 70px;
}

#x-h2cp .footbanner .footbtns ul{
  margin: 0 -25px;
}
#x-h2cp .footbanner .footbtns ul li{
  margin-bottom: 74px;
}
#x-h2cp .footbanner .footbtns ul li a{
  display: inline-block;
  border: 1px solid #CCCCCC;
  background-repeat: no-repeat;
  background-position: center 40px;
  background-color: #fff;
  background-size: auto 63px;
  width: 300px;
  height: 200px;
  padding: 130px 0 0 0;
  text-align: center;
  color: #524941;
  text-decoration: none;
  position: relative;
}
#x-h2cp .footbanner .footbtns ul li a i{
  position: absolute;
  font-size: 24px;
  right: 12px;
  bottom: 7px;
  font-weight: normal;
}
#x-h2cp .footbanner .footbtns ul li.btn1 a{
  background-image: url(../images/btn_foot01.png);
}
#x-h2cp .footbanner .footbtns ul li.btn2 a{
  background-image: url(../images/btn_foot02.png);
}
#x-h2cp .footbanner .footbtns ul li.btn3 a{
  background-image: url(../images/btn_foot03.png);
}
#x-h2cp .footbanner .footbtns ul li a:hover{
  background-color: #F4F4F4;
  opacity: 1;
}
#x-h2cp .footbanner .footbtns a .ttl{
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 1;
  color: #524941;
}
#x-h2cp .footbanner .footbtns a span{
  font-size: 12px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1;
  color: #524941;
}
#x-h2cp .footbanner .bannerarea .ttl{
  font-size: 38px;
	line-height: 1;
  margin-bottom: 30px;
  font-weight: normal;
}
#x-h2cp .footbanner .bannerarea p{
	text-align: left;
  font-size: 16px;
	line-height: 1.6;
	margin-bottom: 40px;
}
#x-h2cp .footbanner .bannerarea ul{
  margin: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#x-h2cp .footbanner .bannerarea ul li{
  width: 524px;
	margin-bottom: 30px;
}
#x-h2cp .footbanner .bannerarea ul li a{
  display: inherit;
}
#x-h2cp .footbanner .bannerarea ul li a img{
	max-width: 100%;
}
#x-h2cp .footbanner ul li a:hover{
  opacity: .8;
}

@media only screen and (max-width: 767px){
  #x-h2cp .footbanner .container .row{
    padding: 25px 0 25px;
    margin-right: 15px;
    margin-left: 15px;
  }
  #x-h2cp .footbanner .bannerarea .ttl {
    font-size: 20px;
    margin-bottom: 15px;
  }
	#x-h2cp .footbanner .bannerarea p {
    text-align: left;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px;
	}
	#x-h2cp .footbanner .snsarea {
		padding-bottom: 30px;
	}
	#x-h2cp .footbanner .snsarea a {
			margin: 0 8px;
	}
  #x-h2cp .footbanner .container{
    width: 100%;
    margin: 0 auto;
  }
  #x-h2cp .footbanner .bannerarea {
    padding-top: 0px;
		margin-bottom: 10px;
  }
  #x-h2cp .footbanner .bannerarea ul {
    margin: 0px;
  }
  #x-h2cp .footbanner .bannerarea ul li {
    width: 100%;
    margin-bottom: 15px;
  }
  #x-h2cp .footbanner .bannerarea ul li a{
    margin:0px;
  }
  #x-h2cp .footbanner .bannerarea ul li a img{
    width: 100%;
    height: auto;
  }
}

/**
 * contents
 */


#x-h2cp section {
	padding: 50px 0 30px;
  display:block;
  position:relative;
}
#x-h2cp section .ancer{
    position:absolute;
    top:-0px;
    width:1px;
    height:1px;
}
#x-h2cp section h2{
	font-family: "Noto Serif TC", serif;
	font-size: 36px;
	line-height: 1;
	margin: 0 0 25px;
	padding-bottom: 10px;
	border-bottom: 4px solid #01906D;
	position: relative;
	color: #01906D;
	display:block;
	position: relative;
}
#x-h2cp section h2 span{
	font-size: 30px;
}
#x-h2cp section h2:after{
	position: absolute;
	bottom: -7px;
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	font-size: 36px;
	margin: 3px 0 0 0;
	border-bottom: 1px solid #01906D;
}
#x-h2cp section p{
  margin: 0;
  padding: 0;
	font-size: 15px;
	line-height: 1.6;
}
#x-h2cp section a{
	text-decoration: underline;
	color: #6F6F6F;
}
#x-h2cp section a:hover{
	opacity: .8;
}
#x-h2cp section table a:hover,#x-h2cp #photographer a:hover{
	opacity: 1;
}
#x-h2cp section .box{
	border: 1px solid #C5C5C5;
	padding: 30px 30px;
}
#x-h2cp section .box .listfr>li{
	width: 50%;
}
#x-h2cp section .box .listfr li dt{
	font-size: 17px;
	line-height: 1;
	margin-bottom: 5px;
}
#x-h2cp section .box .listfr li dd{
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
}
#x-h2cp section .box .listfr li dd:last-child{
	margin-bottom: 0;
}
#x-h2cp section .box .listfr li dt:before{
	content: "\25cf";
	margin-right: 5px;
	color: #01906D;
	display: inline-block;
	line-height: 1;
	font-size: 14px;
}
#x-h2cp section .box .listfr li dd ul li{
	position: relative;
	line-height: 1.6;
	padding-left: 1em;
	font-size: 13px;
}
#x-h2cp section .box .listfr li dd ul li:before{
	content: "\30fb";
	position: absolute;
	left: 0;
	top:0;
	line-height: 1.6;
}
#x-h2cp section .box .listfr li dd ul.note li{
	position: relative;
	line-height: 1.6;
	padding-left: 1em;
	font-size: 13px;
}
#x-h2cp section .box .listfr li dd ul.note li:before{
	content: "\203b";
	position: absolute;
	left: 0;
	top:0;
	line-height: 1.6;
}
#x-h2cp section .pdf{
	text-align: center;
	padding: 25px 0;
}
#x-h2cp section .pdf a{
	display: inline-block;
	height: 32px;
	line-height: 32px;
}
#x-h2cp section .pdf a span{
	display: block;
	background: url("../images/icon_pdf.png") no-repeat;
	background-size: auto 32px;
	padding-left: 42px;
	line-height: 32px;
	font-size: 17px;
}
@media only screen and (max-width: 320px){
	#x-h2cp section h2 span{
		font-size: 15px!important;
		font-weight: bold;
	}
}
@media only screen and (max-width: 767px){
	#x-h2cp section {
		padding: 30px 15px 30px;
	}
	#x-h2cp section .ancer{
			position:absolute;
			top:-40px;
	}
	#x-h2cp section h2{
		font-size: 27px;
		line-height: 25px;
		margin: 0 0 20px;
		padding-bottom: 10px;
		border-bottom: 2px solid #01906D;
		font-weight: 700;
	}
	#x-h2cp section h2 span{
		font-size: 18px;
		font-weight: bold;
	}
	#x-h2cp section h2:after{
		bottom: -5px;
	}
	#x-h2cp section p{
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 1.6;
	}
	#x-h2cp section .pdf{
		text-align: center;
		padding: 25px 0 0;
	}
	#x-h2cp section .pdf a{
		width: 100%;
		display: block;
		background:#959595;
		height: 68px;
		line-height: 68px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		
	}
	#x-h2cp section .pdf a span{
		display: inline-block;
		text-decoration: none;
		color: #fff;
		background: url("../images/icon_pdf.png") no-repeat;
		background-size: auto 32px;
		background-position: 0 center;
		padding-left: 35px;
		height: auto;
		line-height: 32px;
		font-size: 15px;
		min-height: 32px;
		text-align: center;
	}
	#x-h2cp section .box {
			padding: 15px 15px;
	}
	#x-h2cp section .box .listfr>li{
		width: 100%;
	}
	#x-h2cp section .box .listfr>li:first-child{
		margin-bottom: 20px;
	}		
	#x-h2cp section .box .listfr li dt{
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 5px;
		position: relative;
		padding-left: 1.1em;
	}
	#x-h2cp section .box .listfr li dd{
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	#x-h2cp section .box .listfr li dt:before{
		font-size: 23px;
		width: 10px;
		height: 10px;
		content: "";
		border-radius: 50%;
		background-color:#01906D; 
		position: absolute;
		top:6px;
		left: 0;
		line-height:1;
	}
	#x-h2cp section .box .listfr li dd ul li{
		position: relative;
		line-height: 1.5;
		padding-left: 1em;
		font-size: 12px;
	}
	#x-h2cp section .box .listfr li dd ul li:before{
		content: "\30fb";
		position: absolute;
		left: 0;
		top:0;
		line-height: 1.5;
	}
	#x-h2cp section .box .listfr li dd ul.note li{
		position: relative;
		line-height: 1.5;
		padding-left: 1em;
		font-size: 12px;
	}
	#x-h2cp section .box .listfr li dd ul.note li:before{
		content: "\203b";
		position: absolute;
		left: 0;
		top:0;
		line-height: 1.5;
	}	
}
@media only screen and (max-width: 320px){
	#x-h2cp section .pdf a span{
		font-size: 13px;
		line-height: 1.3;
	}

}
#x-h2cp .sec_lead{
	padding: 50px 0 30px;
}
#x-h2cp .sec_lead .ttl{
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 20px;
}
#x-h2cp .sec_lead p{
	font-size: 16px;
	line-height: 1.6;
}
@media only screen and (max-width: 767px){
	#x-h2cp .sec_lead{
		padding: 30px 15px 10px;
	}
	#x-h2cp .sec_lead .ttl{
		font-size: 23px;
		line-height: 1.3;
		margin-bottom: 15px;
	}
	#x-h2cp .sec_lead p{
		font-size: 15px;
		line-height: 1.6;
	}
}
#x-h2cp .sec_place{
	padding: 50px 0 20px;
}
#x-h2cp .sec_place:after {
	display: table;
	content: " ";
	clear: both;
}
#x-h2cp .sec_place h3{
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: bold;
}
#x-h2cp .sec_place .listfr {
	width: 100%;
 		display: -webkit-flex;
   display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#x-h2cp .sec_place .img{
	width: 524px;
}
#x-h2cp .sec_place dl {
	width: 100%;
	margin: 0;
}
#x-h2cp .sec_place dt {
	width: 6em;
	float: left;
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 5px;
	line-height: 1.5;
}
#x-h2cp .sec_place dd {
	margin-left: 6em;	
	font-size: 17px;
	margin-bottom: 5px;
	line-height: 1.5;
}
#x-h2cp .sec_place dd span{
	font-size: 14px;
}
@media only screen and (max-width: 767px){
	#x-h2cp .sec_place{
		padding: 30px 15px 20px;
	}
	#x-h2cp .sec_place h3{
		margin: 0 0 10px;
		font-size: 18px;
		font-weight: bold;
	}
	#x-h2cp .sec_place .listfr {
		width: 100%;
		display: block;
	}
	#x-h2cp .sec_place .txt{
		margin-bottom: 20px;
	}
	#x-h2cp .sec_place .img{
		width: 100%;
	}
	#x-h2cp .sec_place dt {
		width: 6em;
		float: left;
		font-size: 13px;
		font-weight: normal;
		margin-bottom: 5px;
		line-height: 1.5;
	}
	#x-h2cp .sec_place dd {
		margin-left: 6em;	
		font-size: 13px;
		margin-bottom: 5px;
		line-height: 1.5;
	}
	#x-h2cp .sec_place dd span{
		font-size: 12px;
	}
}

#x-h2cp .sec_booth{
	padding: 50px 0 30px;
}
#x-h2cp .sec_booth h3{
	margin: 0 0 -20px;
	font-size: 22px;
	font-weight: bold;
}
#x-h2cp .sec_booth .img{
	width: 100%;
	background: url("../images/boothmap.png") no-repeat;
	height: 454px;
	position: relative;
}
#x-h2cp .sec_booth .img .bname{
	width: 195px;
	text-align: center;
	font-size: 24px;
	position: absolute;
	color: #fff;
	top: 75px;
  right: 81px;
}
@media only screen and (max-width: 767px){
	#x-h2cp .sec_booth{
		padding: 30px 15px 30px;
	}
	#x-h2cp .sec_booth h3{
		margin: 0 0 0px;
		font-size: 18px;
		font-weight: bold;
	}
	#x-h2cp .sec_booth .img{
		width: 100%;
		background: url("../images/boothmap_sp.png") no-repeat;
		background-size: 100% auto;
		padding-top: 40.9009009009009%;
		height: auto;
	}
	#x-h2cp .sec_booth .img .bname{
		width: 195px;
		text-align: center;
		font-size: 24px;
		position: absolute;
		color: #fff;
		top: 75px;
		right: 81px;
	}
}
#x-h2cp .sec_info{
	padding: 50px 0 45px;
}
#x-h2cp .sec_info .box.gray{
	/*background-color: #F6F6F6;*/
	margin-bottom: 40px;
}
#x-h2cp .sec_info .box .listfr{
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	width: 100%;
}
#x-h2cp .sec_info .box .listfr>li{
	width: 490px;
}
#x-h2cp .sec_info .box.gray .listfr>li{
	margin-bottom: 20px;
}
#x-h2cp .sec_info .box .listfr>li strong{
	display: block;
	word-break: break-all;
	font-size: 18px;
}
#x-h2cp .sec_info .block{
	padding: 45px 0;
	position: relative;
}
#x-h2cp .sec_info .block>.listfr{
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	width: 100%;
}
#x-h2cp .sec_info .block>.listfr+.box{
	margin-top: 45px;
}
#x-h2cp .sec_info .block .listfr .txt{
	width: 728px;
}
#x-h2cp .sec_info .block .listfr .img{
	width: 332px;
}
#x-h2cp .sec_info .block .listfr .img span{
	text-align: center;
	display: block;
	margin: 5px 0 0 0;
}
#x-h2cp .sec_info .block h3{
	font-family: "Noto Serif TC", serif;
	font-size: 32px;
	line-height: 1.3;
	margin: 0 0 20px;
	color: #01906D;
	display: block;
}
#x-h2cp .sec_info p{
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
	margin-top: 10px;
}
#x-h2cp .sec_info li p{
	font-size: 13px;
	line-height: 1.6;
}
#x-h2cp .sec_info .subtitle{
	font-size: 17px;
  line-height: 1;
  margin-bottom: 20px;
	font-weight: bold;
	position: relative;
	padding-left: 1.1em;
}
#x-h2cp .sec_info .subtitle span{
		font-size: 23px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background-color:#01906D; 
		position: absolute;
		top:1px;
		left: 0;
		line-height:1;
}
#x-h2cp .sec_info .thumblist{
	margin-bottom: 50px;
}
#x-h2cp .sec_info .thumblist>div{
	width: 312px;
	text-align: center;
}
#x-h2cp .sec_info .thumblist>div span{
	display: inline-block;
	margin: 10px 0;
}
#x-h2cp .sec_info .banner{
	
}
#x-h2cp .sec_info .banner a{
	display: block;
	width: 525px;
	height: 114px;
	font-size: 19px;
	position: relative;
	line-height: 114px;
	text-decoration: none;
	font-weight: bold;
}
#x-h2cp .sec_info .banner a.b_xseries{
	background: #1B1B1B url("../images/icon_x_logo.png") 38px center no-repeat;
	color: #fff;
	padding-left: 165px;
}
#x-h2cp .sec_info .banner a.b_about{
	border: 1px solid #CACACA;
	background:url("../images/icon_camera.png"),-moz-linear-gradient(top, #ffffff 0%, #ade3ca 100%);
	background:url("../images/icon_camera.png"),-webkit-linear-gradient(top, #ffffff 0%,#ade3ca 100%);
	background:url("../images/icon_camera.png"),linear-gradient(to bottom, #ffffff 0%,#ade3ca 100%);
	background-repeat: no-repeat;
	background-position: 38px center,0;
	padding-left: 165px;
	color: #000;
}
#x-h2cp .sec_info .banner a i {
    font-size: 36px;
		font-weight: normal;
    position: absolute;
    right: 15px;
    line-height: 114px;
}
#x-h2cp .sec_info .cornermap {
	background: url(../images/cornermap.png) center center no-repeat;
	background-size: 100% auto;
	height: 440px;
}

@media only screen and (max-width: 767px){
	#x-h2cp .sec_info {
			padding: 30px 15px 25px;
	}
	#x-h2cp .sec_info .box.gray{
		margin-bottom: 20px;
	}
	#x-h2cp .sec_info .box .listfr{
		-webkit-flex-wrap:wrap;
		flex-wrap: wrap;
		width: 100%;
	}
	#x-h2cp .sec_info .box.gray .listfr>li{
		width: 48%;
	}
	#x-h2cp .sec_info .box .listfr>li strong{
		display: block;
		word-break: break-all;
		font-size: 13px;
		line-height: 1.3;
		margin-bottom: 5px;
	}
	#x-h2cp .sec_info .block{
		padding: 20px 0;
	}
	#x-h2cp .sec_info .block>.listfr+.box{
		margin-top: 20px;
	}
	#x-h2cp .sec_info .block .listfr .txt{
		width: 100%;
	}
	#x-h2cp .sec_info .block .listfr .img{
		width: 100%;
	}
	#x-h2cp .sec_info .block .listfr .img span{
		text-align: center;
		display: block;
		margin: 5px 0 0 0;
		font-size: 13px;
	}
	#x-h2cp .sec_info .block h3{
		font-size: 22px;
		line-height: 1.3;
		margin: 0 0 15px;
		font-weight: 700;
	}
	#x-h2cp .sec_info p{
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	#x-h2cp .sec_info .subtitle{
		font-size: 17px;
		line-height: 1;
		margin-bottom: 20px;
		font-weight: bold;
		position: relative;
		padding-left: 1.0em;
	}
	#x-h2cp .sec_info .subtitle span{

		font-size: 23px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color:#01906D; 
		position: absolute;
		top:4px;
		left: 0;
		line-height:1;
	}
	#x-h2cp .sec_info .thumblist{
		margin-bottom: 0px;
	}
	#x-h2cp .sec_info .thumblist>div{
		width: 100%;
		text-align: center;
	}
	#x-h2cp .sec_info .thumblist>div span{
		display: inline-block;
		margin: 10px 0 20px;
		font-size: 12px;
	}
	#x-h2cp .sec_info .banner{

	}
	#x-h2cp .sec_info .banner a{
		display: block;
		width: 100%;
		height: 74px;
		font-size: 19px;
		position: relative;
		line-height: 1.3;
		text-decoration: none;
		font-weight: bold;
		padding-top: 13px;
		margin: 8px 0;
	}
	#x-h2cp .sec_info .banner a.b_xseries{
		background: #1B1B1B url("../images/icon_x_logo.png") 20px center no-repeat;
		background-size: 50px auto;
		color: #fff;
		padding-left: 105px;
	}
	#x-h2cp .sec_info .banner a.b_about{
		background-size: 55px auto, 100%;
		background-repeat: no-repeat;
		background-position: 17px center,0;
		padding-left: 105px;
		color: #000;
	}
	#x-h2cp .sec_info .banner a i {
			font-size: 30px;
			font-weight: normal;
			position: absolute;
			right: 15px;
			top:0;
			line-height: 74px;
	}
	#x-h2cp .sec_info .banner a.b_about i{
		color: #747D78;
	}
	#x-h2cp .sec_info .cornermap {
		background: url(../images/cornermap_sp.png) center center no-repeat;
		background-size: 100% auto;
		width: 100%;
		height: auto;
		padding-top: 39.7%;
	}
}

#x-h2cp .sec_photowalk .subttl {
    margin: 50px 0 15px 0;
    line-height: 1;
    font-size: 25px;
}

#x-h2cp .sec_photowalk .btns{
	position: relative;
	text-align: center;
	padding: 30px 0 70px;
}
#x-h2cp .sec_photowalk .btns a{
	display: inline-block;
	line-height: 80px;
	height: 80px;
	width: 470px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	background-color: #01906D;
	text-align: center;
	position: relative;
}
#x-h2cp .sec_photowalk .btns a i{
	font-size: 30px;
	position: absolute;
	right: 15px;
	line-height: 80px;
}

#x-h2cp .nav-tabs {
   border:none;
	margin-top:48px;
}
#x-h2cp section .nav-tabs>li{
	width: 25%;
}
#x-h2cp section .nav-tabs>li>a {
    margin-right: 0;
    line-height: 42px;
		text-align: center;
		text-decoration: none;
    border-right: none;
    border-left: 1px solid #ADADAD;
    border-top: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
    border-radius: 0;
		background-color: #F6F6F6;
		padding: 0;
		font-size: 19px;
		cursor: pointer !important;
		font-weight: bold;
		color: #010101;
		position: relative;display: block;
}
#x-h2cp section .nav-tabs>li.past>a:hover,
#x-h2cp section .nav-tabs>li.active.past>a:hover,
#x-h2cp section .nav-tabs>li>a:hover,
#x-h2cp section .nav-tabs>li.active>a, #x-h2cp section .nav-tabs>li.active>a:focus, #x-h2cp section .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #01906D;
    border: 1px solid #01906D;
    border-bottom-color: transparent;
		opacity: 1;
}
#x-h2cp section .nav-tabs>li>a:hover {
		/*background-color: #F6F6F6;
    border: 1px solid #028F6D;
	*/
}
#x-h2cp section .nav-tabs>li.active.past>a,
#x-h2cp section .nav-tabs>li.past>a {
  background-color: #999;
	color: #010101;
	border-color: #ADADAD;
}
#x-h2cp section .nav-tabs>li.past.active>a {
	color: #fff;
  background-color:#01906D;
	border-color: #01906D;
}
#x-h2cp section .nav-tabs>li.active.past>a span{
	color: #fff;
}

#x-h2cp section .nav-tabs>li:last-child a{
    border-right: 1px solid #ADADAD;
}
#x-h2cp section .nav-tabs>li>a span{
	font-size: 16px;
}
#x-h2cp section .nav-tabs>li>a span.sat{
	color: #0075A8;
}
#x-h2cp section .nav-tabs>li>a span.sun{
	color: #A40000;
}
#x-h2cp section .nav-tabs>li>a:hover span,
#x-h2cp section .nav-tabs>li.active>a span, 
#x-h2cp section .nav-tabs>li.active>a:focus span, 
#x-h2cp section .nav-tabs>li.active>a:hover span{
	color: #fff;
}
#x-h2cp section .nav-tabs>li a:before{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top:-15px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7.5px 0 7.5px;
	border-color: #959595 transparent transparent transparent;
}
#x-h2cp section .nav-tabs>li>a:hover:before,#x-h2cp section .nav-tabs>li.active>a:before, #x-h2cp section .nav-tabs>li.active>a:focus:before, #x-h2cp section .nav-tabs>li.active>a:hover:before {
	border-color: #01906D transparent transparent transparent;
}

#x-h2cp section .nav-tabs>li a:after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top:-17px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 7.5px 0 7.5px;
	border-color: #fff transparent transparent transparent;
}
#x-h2cp section .datehead{
	margin: 10px 0 0 0;
	line-height:72px;
	font-size: 25px;
	position: relative;
}
#x-h2cp section .datehead .note{
	font-size: 16px;
	font-weight: bold;
	color: #c51a1a;
	display: inline-block;
	padding-left: 40px;
}
#x-h2cp section .tab-content .sclist{
	margin: 0 -10px;
}
#x-h2cp section .tab-content table{
	width: 100%;
	border-collapse:separate;
	border-spacing: 10px;
}
#x-h2cp section .tab-content td{
	background-color: #F6F6F6;
	vertical-align: middle;
	word-break: break-all;
	width: 886px;
	table-layout: fixed;

}
@media only screen and (min-width: 768px){
	#x-h2cp section .tab-content td{
		width: 886px;
		table-layout: fixed;
	}
	
}
#x-h2cp section .tab-content td:first-child{
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	width: 204px;
	min-width: 204px;
	height:73px;
	padding: 0;
}
#x-h2cp section .tab-content td:nth-child(2){
}
#x-h2cp section .dialogbtn{
	display: block;
	cursor: pointer;
	text-decoration: none;
	display: -webkit-flex;
	display: flex;
	position:relative;
	align-items: center;
	height: 90px;
	padding: 0px 20px;
	border: 1px solid transparent;
	color: #000;
}
#x-h2cp section .dialogbtn:hover{
	border: 1px solid #028F6D;
}

#x-h2cp section .dialogbtn .ename{
	width: 150px;
	font-size: 18px;
	text-align: left;
	min-width: 150px;
	line-height: 23px;
}
#x-h2cp section .dialogbtn .ename2{
	width: 180px;
	font-size: 18px;
	text-align: left;
	min-width: 180px;
	line-height: 23px;
}
#x-h2cp section .dialogbtn .etitle{
	font-weight: bold;
	font-size: 18px;
	padding-right: 30px;
	word-break: break-all;
	width: 590px;
	min-width: 590px;
}
#x-h2cp section .dialogbtn .btn{
	position: absolute;
	right: 16px;
	top:18px;
	width: 75px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #C0C0C0;
	border-radius: 0;
	padding: 0;
}
#x-h2cp section .dialogbtn:hover .btn{
	border: 1px solid #01906D;
	background-color: #01906D;
	color: #fff;
}



@media only screen and (max-width: 767px){
	#x-h2cp .sec_photowalk .btns{
		text-align: center;
		padding: 20px 0 0px;
	}
	#x-h2cp .sec_photowalk .btns a{
		display: inline-block;
		line-height: 1.3;
		height: auto;
		padding: 15px 0;
		width: 100%;
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		background-color: #01906D;
		text-align: center;
		position: relative;
	}
	#x-h2cp .sec_photowalk .btns a i{
		font-size: 30px;
		position: absolute;
		right: 15px;
		top:50%;
		transform: translateY(-50%);
		line-height:1;
	}
	#x-h2cp .sec_photowalk .subttl {
		margin: 30px 0 15px 0;
		line-height: 1;
		font-size: 18px;
		text-align: center;
	}
	#x-h2cp .nav-tabs {
		border:none;
		margin-top:38px;
	}
	#x-h2cp .nav-tabs:after {
		display: table;
		content: " ";
		clear: both;
	}	
	#x-h2cp section .nav-tabs>li>a {
		margin-right: 0;
		line-height: 15px;
		padding: 10px 0;
		font-size: 12px;
		text-align: center;
	}
	#x-h2cp section .nav-tabs>li:last-child a{
			border-right: 1px solid #ADADAD;
	}
	#x-h2cp section .nav-tabs>li>a span{
		font-size: 10px;
	}
	#x-h2cp section .nav-tabs>li a:before{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top:-12px;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 5px 0 5px;
		border-color: #959595 transparent transparent transparent;
	}
	#x-h2cp section .nav-tabs>li>a:hover:before,#x-h2cp section .nav-tabs>li.active>a:before, #x-h2cp section .nav-tabs>li.active>a:focus:before, #x-h2cp section .nav-tabs>li.active>a:hover:before {
		border-color: #01906D transparent transparent transparent;
	}

	#x-h2cp section .nav-tabs>li a:after{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top:-14px;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
	}
	#x-h2cp section .datehead{
		margin: 20px 0;
		line-height:24px;
		font-size: 18px;
	}	
	#x-h2cp section .datehead .note {
		font-size: 16px;
		display: block;
		padding-left: 0px;
		text-align: center;
		line-height: 1;
		margin:10px 0 10px;
	}
	#x-h2cp section .tab-content .sclist{
		margin: 0 -4px;
	}
	#x-h2cp section .tab-content table{
		border-spacing: 4px;
	}
	#x-h2cp section .tab-content td:first-child{
		text-align: left;
		vertical-align: middle;
		font-size: 12px;
		width: 70px;
		height:auto;
		padding: 0 0 0 8px;
		min-width:70px; 
	}
	#x-h2cp section .tab-content td:nth-child(2){
	}
	#x-h2cp section .dialogbtn{
		display: block;
		height: auto;
		padding: 10px 10px;
	}
	#x-h2cp section .dialogbtn:hover{
		border: 1px solid #028F6D;
	}

	#x-h2cp section .dialogbtn .ename, #x-h2cp section .dialogbtn .ename2{
		width: auto;
		font-size: 13px;
		display: block;
		margin-bottom: 5px;
		line-height: 19px;
	}
	#x-h2cp section .dialogbtn .etitle{
		font-weight: bold;
		font-size: 13px;
		padding-right: 0px;
		line-height: 1.3;
		width: auto;
		min-width: auto;
	}
	#x-h2cp section .dialogbtn .btn{
		position: absolute;
		right: 6px;
		top:10px;
		bottom: auto;
		width: auto;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border: 1px solid #C0C0C0;
		border-radius: 0;
		padding: 0 10px;
		font-size: 10px;
	}

}

/*@media only screen and (max-width: 320px){

	#x-h2cp section .dialogbtn .ename{
		width: 12em;
		min-width:auto;
	}
}*/


/*講師*/
#x-h2cp .sec_instructor{
	padding: 50px 0 30px;
}
#x-h2cp .sec_instructor .listfr {
		display: -webkit-flex;
    display: flex;
		-webkit-justify-content: flex-start;
    justify-content: flex-start;
		-webkit-flex-wrap:wrap;
    flex-wrap: wrap;
		margin: 0 -10px;
}
#x-h2cp .sec_instructor .listfr>li{
		width: 25%;
		text-align: center;
		margin: 10px 0;
}
#x-h2cp .sec_instructor .listfr>li:nth-child(35),li:nth-child(36),li:nth-child(37){
		display:none;
}

#x-h2cp .sec_instructor .dialogbtn {
    margin: 0 10px;
    cursor: pointer;
    text-decoration: none;
		display: -webkit-flex;
    display: flex;
    position: relative;
    align-items: center;
    height: 106px;
		width: 260px;
    padding: 15px;
    border: 1px solid transparent;
    color: #000;
		background-color: #F6F6F6;
}
#x-h2cp .sec_instructor .dialogbtn .img{
		width: 74px;
}
#x-h2cp .sec_instructor .dialogbtn .ename {
   	line-height: 1;
		padding: 0 0 26px 20px;
}
#x-h2cp .sec_instructor .dialogbtn .btn {
    position: absolute;
    right: 16px;
    top: auto;
		bottom: 15px;
		height: 24px;
    line-height: 24px;
		width: 100px;
}
@media only screen and (max-width: 767px){
	#x-h2cp .sec_instructor{
		padding: 30px 15px 30px;
	}
	#x-h2cp .sec_instructor .listfr{
	}

	#x-h2cp .sec_instructor .listfr>li{
			width: 33.3333%;
			text-align: center;
			margin: 6px 0;
	}
	#x-h2cp .sec_instructor .dialogbtn {
    margin: 0 6px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    position: relative;
    align-items: center;
    height: auto;
    width: auto;
    padding: 15px 0 7px;
	}
	#x-h2cp .sec_instructor .dialogbtn .btn {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0 5px;
    font-size: 10px;
		letter-spacing: -0.1em;
	}
	#x-h2cp .sec_instructor .dialogbtn .img {
    width: 50%;
		text-align: center;
		margin: 0 auto 5px;
		display: block;
	}
	#x-h2cp .sec_instructor .dialogbtn .img img{
    width: 100%;
		height: auto;
	}
	#x-h2cp .sec_instructor .dialogbtn .ename {
		line-height: 1;
		padding: 0 0 5px 0px;
		min-width: auto;
		font-size: 12px;
		text-align: center;
		display: block;
		width: auto;
	}	
	#x-h2cp .sec_instructor .dialogbtn .ename2 {
		line-height: 1;
		padding: 0 0 5px 0px;
		min-width: auto;
		font-size: 12px;
		text-align: center;
		display: block;
		width: auto;
	}	
	
}
/*dialog*/
.remodal {
	border-radius: 5px;
	padding: 30px;
}
.remodal-close {
    top: -25px;
    left:auto;
    width: 48px;
    height: 48px;
		right: -25px;
    overflow: visible;
		border: 2px solid #fff;
		border-radius: 50%;
		background-color: #535353;
		text-align: center;
		line-height: 50px;
    text-decoration: none;
    color: #fff;
}
.remodal-close:before {
    font-size: 30px;
    line-height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 44px;
    content: "\2715";
    text-align: center;
}
.remodal-close:hover, .remodal-close:focus {
    color: #DBDBDB;
}
.remodal .head{
	text-align: left;
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 10px;
}
.remodal .title{
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}
.remodal .title+p{
	text-align: left;
	margin-bottom: 20px;
}
.remodal .rfr{
	padding: 0px 0 20px;
	display: -webkit-flex;
	display: flex;
}
.remodal .rfr .inner{
	padding: 0;
	display: -webkit-flex;
	display: flex;
}
.remodal .title+p+.rfr{
	border-top: 1px solid #6F6F6F;
	padding: 40px 0 40px;
}
.remodal .img{
	width: 185px;
	min-width: 185px;
}
.remodal .txt{
	padding-left: 40px;
}
.remodal .txt .ttl{
	text-align: left;
	margin-bottom: 20px;
	font-size:30px;
	line-height: 1;
}
.remodal .txt p{
	text-align: left;
	font-size: 16px;
	line-height: 1.6;
}
.remodal .txt p a{
	text-decoration: underline;
	color: #6F6F6F;
}
.remodal .txt p a:hover{
	opacity: .8;
}
@media only screen and (min-width: 641px){
	.remodal {
			max-width: 870px;
	}
}
@media only screen and (max-width: 767px){
	/*dialog*/
	.remodal {
		border-radius: 5px;
		padding: 15px;
		width: 90%;
		margin-top: 15px;
	}
	.remodal-close {
			top: -15px;
			left:auto;
			width: 30px;
			height: 30px;
			right: -15px;
			overflow: visible;
			border: 2px solid #fff;
			border-radius: 50%;
			background-color: #535353;
			text-align: center;
			line-height: 30px;
			text-decoration: none;
			color: #fff;
	}
	.remodal-close:before {
			font-size: 18px;
			line-height: 26px;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 26px;
			content: "\2715";
			text-align: center;
	}
	.remodal .head{
		text-align: left;
		font-size: 12px;
		line-height: 1.3;
		margin-bottom: 5px;
	}
	.remodal .title{
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.3;
		margin-bottom: 5px;
	}
	.remodal .title+p{
		text-align: left;
		margin-bottom: 10px;
	}
	.remodal .rfr{
		padding: 10px 0 0;
		display: block;
	}
	.remodal .rfr .inner{
		padding: 0;
		display: block;
	}
	.remodal .title+p+.rfr{
		border-top: 1px solid #6F6F6F;
		padding: 15px 0 20px;
	}
	.remodal .img{
		width: 92px;
		min-width: 92px;
	}
	.remodal .txt{
		padding-left: 0px;
		margin-top: -92px;
	}
	.remodal .txt .ttl{
		text-align: center;
		margin-bottom: 15px;
		font-size:18px;
		display: block;
		height: 60px;
		line-height: 20px;
		padding-left: 92px;
		margin-top: 30px;
	}
	.remodal .txt p{
		text-align: left;
		font-size: 12px;
		line-height: 1.6;
	}
}

.text-Xsmall {
	font-size: 10px!important;
	vertical-align: top;
}
.text-XsmallS {
	font-size: 10px!important;
	line-height: 12px!important;
	margin-top: 5px!important;
}
.num {
	width: 30px;
	margin-right: 3px;
	vertical-align: bottom;
}
.c_title {
	font-size: 18px;
	font-weight: bold;
}
@media only screen and (max-width: 767px){
	.text-Xsmall {
		font-size: 8px!important;
		vertical-align: bottom!important;
	}
	.text-XsmallS {
		font-size: 8px!important;
		vertical-align: bottom!important;
		text-align: center!important;
	}
	.num {
		width: 15px;
		margin-right: 1px;
		vertical-align: sub;
	}
	.sec_info ul img {
		display:inline;
	}
	.sec_info ul p {
		font-size: 11px!important;
   	line-height: 1.5!important;
   	margin-bottom: 20px;
	}
	.c_title {
		font-size: 13px;
	}
}
.nomargin {
	margin-bottom: 0px!important;
}
.smallMargin {
	margin-bottom: 10px!important;
}
.underline {
	text-decoration: underline;
}

/*#teday2 .sclist tr:last-child .dialogbtn,
#teday3 .sclist tr:last-child .dialogbtn,
#teday4 .sclist tr:last-child .dialogbtn{
	pointer-events: none;
}

#teday2 .sclist tr:last-child .dialogbtn .btn,
#teday3 .sclist tr:last-child .dialogbtn .btn, 
#teday4 .sclist tr:last-child .dialogbtn .btn{
	display: none;
}*/

/*** for note***************************/

#x-h2cp section .datehead .note{
  display: none;
}
#x-h2cp section .past .datehead .note{
  display: inline-block;
}
#x-h2cp.allpast .datehead .note{
  display: inline-block;
}
.intro .end {
	color: #F00 !important;
	font-weight:bold !important;
	padding: 15px!important;
	border: 2px solid #F00;
	text-align: center;
	margin-bottom: 15px !important;
}