@charset "UTF-8";



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

	File Name   : etc.css

	Description : Etc Page's Layout CSS

	Editor      : Bface Takahira

	Last Editor : Bface Saeki



	Update Description :

	[207/3/8]フォトギャラリーページを準備中に　執行追記

	[2016/10/04] セミナー詳細（お知らせ詳細）追記

	[2016/08/26] フォトギャラリ−／サイトマップ追記

	[2016/08/01] 新規作成

	[2016/05/18] 新規作成



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



/*========== Style Contents ==========



	1. Page "Sitemap"

		- Media Queries [sitemap]



	2. Page "Information"

		- Media Queries [information]

		- Page "Information01"

		- Page "Information - Bishoku"



	3. Page "Faq"

		- Media Queries [faq]



	4. Page "PhotoGallery"

		- Media Queries [photogallery]



	5. Page "Access"

		- Media Queries [access]



	6. Page "Press"

		- Media Queries [press]



	7. Page "Form"

		- Media Queries [form]



	8. Page "Download"

		- Media Queries [download]



	9. Page "Caution"

		- Media Queries [caution]



	10. Page "Press"

	- Media Queries [press]



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











/*===== ■1. Page "Sitemap"  =====*/



/* 2 column */



#section_sitemap > div {

	width: 45%;

	min-width: 492px;

	margin: 0 2% 60px;

}



#section_sitemap > div > ul > li:not(:last-child) {

	margin-bottom: 1px;

	padding-bottom: 1px;

	border-bottom: 1px dotted transparent;

}



#section_sitemap > div > ul a {

	color: #333;

	text-decolation: none;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 1;

}



#section_sitemap > div > ul:not(#sitemap_gray) a:hover { opacity: 0.5;}



#section_sitemap > div > ul:not(#sitemap_gray) > li > a {

	display: block;

	padding: 20px 20px 20px 10px;

	font-weight: bold;

	font-size: 18px;

	font-size: 1.8rem;

	text-decoration: none;

}



#section_sitemap > div > ul > li > a:before {

	float: left;

	width: 10px;

	height: 10px;

	margin: 2px 10px 0 0;

	border-top: 2px solid transparent;

	border-right: 2px solid transparent;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	content:'';



}



/* /2 column */











#section_sitemap {

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	width: 100%;

	max-width: 1440px;

	margin: 40px auto 0;

}



#section_sitemap > ul {

	width: 45%;

	min-width: 492px;

	margin: 0 2% 60px;

}



#section_sitemap > ul > li:not(:last-child) {

	margin-bottom: 1px;

	padding-bottom: 1px;

	border-bottom: 1px dotted transparent;

}



#section_sitemap ul#sitemap_red { border-left: 5px solid #EB0000;}

#section_sitemap ul#sitemap_red > li { border-color: #EB0000;}



#section_sitemap ul#sitemap_orange { border-left: 5px solid #E67C00;margin: 0 0 30px;}

#section_sitemap ul#sitemap_orange > li { border-color: #E67C00;}



#section_sitemap ul#sitemap_green { border-left: 5px solid #009C74;}

#section_sitemap ul#sitemap_green > li { border-color: #009C74;}



#section_sitemap ul#sitemap_gray {

	width: 100%;

	max-width: none;

	padding: 20px;

	background: #eee;

	text-align: center;

}



#section_sitemap ul#sitemap_gray li {

	display: inline-block;

	margin: 0 20px;

}



#section_sitemap > ul a {

	color: #333;

	text-decolation: none;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 1;

}



#section_sitemap > ul:not(#sitemap_gray) a:hover { opacity: 0.5;}



#section_sitemap > ul:not(#sitemap_gray) > li > a {

	display: block;

	padding: 20px 20px 20px 10px;

	font-weight: bold;

	font-size: 18px;

	font-size: 1.8rem;

	text-decoration: none;

}



#section_sitemap ul#sitemap_red > li > a { background: #FDDEDE;}

#section_sitemap ul#sitemap_orange > li > a { background: #FAE4C8;}

#section_sitemap ul#sitemap_green > li > a { background: #E1EBCE;}



#section_sitemap > ul > li > a:before {

	float: left;

	width: 10px;

	height: 10px;

	margin: 2px 10px 0 0;

	border-top: 2px solid transparent;

	border-right: 2px solid transparent;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	content:'';



}

#section_sitemap ul#sitemap_red > li > a:before { border-color: #EB0000;}

#section_sitemap ul#sitemap_orange > li > a:before { border-color: #E67C00;}

#section_sitemap ul#sitemap_green > li > a:before { border-color: #009C74;}

#section_sitemap ul#sitemap_gray > li > a:before {

	width: 6px;

	height: 6px;

	margin: 5px 8px 0 0;

	border-color: #333;

}



#section_sitemap ul ul {

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	padding: 25px 20px 5px 30px;

}



#section_sitemap ul#sitemap_red ul { background: #FEEFEF;}

#section_sitemap ul#sitemap_orange ul { background: #FCF3E8;}

#section_sitemap ul#sitemap_green ul { background: #F0F5E5;}



#section_sitemap ul ul li {

	width: 50%;

	margin-bottom: 20px;

	line-height: 1;

}



#section_sitemap ul ul li:before {

	float: left;

	width: 6px;

	height: 6px;

	margin: 0 7px 0 0;

	border-radius: 100%;

	-webkit-transform: translateY(50%);

	transform: translateY(50%);

	content: '';

}

#section_sitemap ul#sitemap_red ul li:before { background: #EB0000;}

#section_sitemap ul#sitemap_orange ul li:before { background: #E67C00;}

#section_sitemap ul#sitemap_green ul li:before { background: #009C74;}





/* Media Queries [sitemap] */

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



	/* 2 column */

	#section_sitemap > div {

		width: 100%;

		min-width: inherit;

		margin: 0 0 30px;

	}



	#section_sitemap > div > ul a {

		font-size: 12px;

		font-size: 1.2rem !important;

	}



	/* /2 column */



	#section_sitemap {

		width: auto;

		max-width: none;

		margin: 20px 15px 0;

	}



	#section_sitemap > ul {

		width: 100%;

		min-width: inherit;

		margin: 0 0 30px;

	}



	#section_sitemap ul#sitemap_gray { text-align: left;}



	#section_sitemap ul#sitemap_gray li { margin: 0 20px 0 0;}



	#section_sitemap > ul a {

		font-size: 12px;

		font-size: 1.2rem;

	}



	#section_sitemap > ul:not(#sitemap_gray) > li > a {

		font-size: 14px;

		font-size: 1.4rem;

	}



	#section_sitemap > ul > li > a:before {

		width: 6px;

		height: 6px;

		margin: 2px 6px 0 0;

	}



	#section_sitemap ul ul {

		padding: 10px 20px 10px 30px;

	}



	#section_sitemap ul ul li {

		width: 50%;

		margin: 0;

		line-height: 1;

	}



	#section_sitemap ul ul li a {

		display: inline-block;

		padding: 10px 0;

	}



	#section_sitemap ul ul li:before {

		width: 4px;

		height: 4px;

		margin: 12px 5px 0 0;

	}

}



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

	#section_sitemap ul#sitemap_gray { padding: 10px 15px;}



	#section_sitemap ul#sitemap_gray li {

		display: block;

		margin: 0;

	}



	#section_sitemap ul#sitemap_gray li a {

		display: inline-block;

		padding: 10px 20px 10px 0;

	}



	#section_sitemap > ul#sitemap_gray > li > a:before { margin: 2px 8px 0 0;}



	#section_sitemap ul ul li { width: 100%;}



	#section_sitemap ul ul li a {

		display: block;

		padding: 10px 0;

	}

}









/*===== ■2. Page "Information"  =====*/







/* Media Queries [information] */

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

}











/* Page "Information01" */

p#info01_intro {

	margin: 40px 15px 0;

	font-size: 1.6rem;

	line-height: 180%;

	text-align: center;

}



p#info01_intro strong {

	font-weight: bold;

	font-size: 1.8rem;

}



#info01_osaka p a {

	display: block;

	position: relative;

	width: 310px;

	margin: 60px auto 0;

	padding: 15px 30px 12px;

	border-radius: 50px;

	background: #009B74;

	color: #fff;

	font-weight: bold;

	font-size: 2.0rem;

	text-align: left;

	text-decoration: none;

}



#info01_osaka p a:after {

	position: absolute;

	top: 0;

	right: 0;

	width: 12px;

	height: 12px;

	margin: 20px 30px 0 0;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	content:'';

}



#info01_osaka p a:hover { background: #3DBE93;}



#bishoku_outline .info01_detail table {

  max-width: 850px;

}



#bishoku_intro {

  margin: 0 15px;

  font-size: 1.6rem;

  line-height: 180%;

}



#bishoku_intro h2 span { line-height: 160%; }



#bishoku_intro > p {

  margin: 0 auto 30px;

  max-width: 800px;

}



#bishoku_intro ul {

  display: block;

  width: 100%;

  max-width: 660px;

  margin: 0 auto 30px;

  font-size: 1.6rem;

}

#bishoku_intro ul li:before {

  background: #8b968d none repeat scroll 0 0;

  content: "";

  height: 8px;

  left: 0;

  position: absolute;

  top: 7px;

  transform: rotate(45deg);

  width: 8px;

}

#bishoku_intro ul li {

  position: relative;

  padding-left: 16px;

  margin: 0 0 14px;

  /*font-weight: bold;*/

}



#bishoku_intro > p  strong {

  display: block;

  margin-bottom: 30px;

  text-align: center;

  font-size: 1.8rem;

  font-weight: bold;

}

#bishoku_intro > p.caution {

  font-size: 1.4rem;

  font-weight: bold;

  text-indent: -1.4rem;

  padding-left: 1.4rem;

  margin-bottom: 0;

}



#bishoku_btn {

  width: 100%;

  margin-top: 50px;

}



#bishoku_btn a {

	display: block;

	position: relative;

	width: 300px;

	margin: 0 auto;

	padding: 15px 30px;

	border-radius: 50px;

	background: #EB0000;

	color: #fff !important;

	font-weight: bold;

	font-size: 2.0rem;

	text-align: center;

	text-decoration: none;

}



#bishoku_btn a:after {

	position: absolute;

	top: 50%;

	right: 0;

	width: 12px;

	height: 12px;

	margin-right: 30px;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: translateY(-50%) rotate(45deg);

	transform: translateY(-50%) rotate(45deg);

	content:'';

}



#bishoku_btn a:hover { opacity: 0.6;}



/* Media Queries [info-bishoku] */

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



  #bishoku_intro h2 span { line-height: 1.2;}



  #bishoku_intro > p {

    margin-bottom: 10px;

    font-size: 1.2rem;

  }



  #bishoku_intro > p  strong {

    margin-bottom: 10px;

    text-align: left;

    font-size: 1.4rem;

  }



  #bishoku_intro ul { margin-bottom: 10px; }



  #bishoku_intro ul li {

    font-size: 1.2rem;

    margin-bottom: 0;

  }





  #bishoku_btn {

    margin-top: 20px;

  }



  #bishoku_btn a {

    width: 100%;

    box-sizing: border-box;

  }



}



.info01_detail { margin: 0 15px;}



.info01_detail table {

	display: table;

	width: 100%;

	max-width: 800px;

	margin: 0 auto 10px;

	border-bottom: 1px dotted #8B968D;

}



.info01_detail th {

	width: 20%;

	background: #FECBAD;

	font-weight: bold;

	font-size: 1.8rem;

	text-align: center;

	border-top: 1px dotted #8B968D;

	vertical-align: middle;

}



.info01_detail td {

	width: 80%;

	background: #FFFFFF;

	font-size: 1.6rem;

	border-top: 1px dotted #8B968D;

}



#info01_fukuoka .info01_detail table,

#info01_fukuoka .info01_detail tr:first-child th,

#info01_fukuoka .info01_detail tr:first-child td { border: none;}



.info01_detail table span {

	display: block;

	padding: 15px 20px;

}



.info01_detail td strong {

	display: block;

	font-weight: bold;

	font-size: 1.8rem;

}



.info01_detail > p {

	max-width: 800px;

	margin: 0 auto 40px;

	font-weight: bold;

}



.info01_detail + ul {

  margin-top: 60px;

}

.info01_detail + ul li a {

  display: block;

  position: relative;

  width: 300px;

  margin: 0 auto;

  padding: 15px 30px 12px;

  border-radius: 50px;

  background: #009B74;

  color: #fff;

  font-weight: bold;

  font-size: 2.0rem;

  text-align: left;

  text-decoration: none;

}

.info01_detail + ul li a:after {

  position: absolute;

  top: 0;

  right: 0;

  width: 12px;

  height: 12px;

  margin: 20px 30px 0 0;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  content:'';

}

.info01_detail + ul li a:hover {

  background: #3DBE93;

}





/* Page "Information - Seminar" */

#seminar_outline h2 b {

	display: block;

	margin-top: 8px;

	font-size: 2.4rem;

	letter-spacing: 0;

}



#seminar_outline > p {

	max-width: 1080px;

	margin: 0 auto 50px;

	font-size: 1.6rem;

	line-height: 180%;

}



#seminar_outline .seminar_detail table {

	display: table;

	width: 100%;

	max-width: 1080px;

	margin: 0 auto 25px;

	border-bottom: 1px dotted #8B968D;

}



#seminar_outline .seminar_detail th {

	width: 20%;

	background: #FECBAD;

	font-weight: bold;

	font-size: 1.8rem;

	text-align: center;

	border-top: 1px dotted #8B968D;

	vertical-align: middle;

}



#seminar_outline .seminar_detail td {

	width: 80%;

	background: #FFFFFF;

	font-size: 1.6rem;

	border-top: 1px dotted #8B968D;

}



#seminar_outline .seminar_detail table,

#seminar_outline .seminar_detail tr:first-child th,

#seminar_outline .seminar_detail tr:first-child td { border: none;}



#seminar_outline .seminar_detail table div,

#seminar_outline .seminar_detail table ul {

	display: block;

	padding: 15px 20px;

}



#seminar_outline .seminar_detail table li {

	position: relative;

	padding-left: 16px;

}

#seminar_outline .seminar_detail table li:not(:last-child) { margin-bottom: 10px;}



#seminar_outline .seminar_detail table li:before {

	position: absolute;

	top: 7px;

	left: 0;

	width: 8px;

	height: 8px;

	background: #8B968D;

	-webkit-transform: rotate(45deg);

	transfrom: rotate(45deg);

	content: '';

}



#seminar_outline .seminar_detail table em {

	display: block;

	margin: 0 15px 15px;

	font-weight: bold;

	font-size: 14px;

	font-size: 1.4rem;

}



#seminar_outline .seminar_detail table span {

	display: block;

	margin-bottom: 15px;

}



#seminar_outline .seminar_detail table span:nth-last-of-type(1) { margin-bottom: 0;}



#seminar_outline .seminar_detail table span b {

	display: block;

	position: relative;

	padding-left: 20px;

	font-weight: bold;

	font-size: 1.8rem;

}



#seminar_outline .seminar_detail table span b:before,

#seminar_outline .seminar_detail table span b:after {

	position: absolute;

	content:'';

}

#seminar_outline .seminar_detail table span b:before {

	top: 4px;

	left: 8px;

	box-sizing: border-box;

	width: 8px;

	height: 8px;

	border: 8px solid transparent;

	border-left: 8px solid #8B968D;

}

#seminar_outline .seminar_detail table span b:after {

	top: 4px;

	left: 0;

	width: 12px;

	height: 8px;

	border-left: 8px solid #8B968D;

	margin-top: 4px;

}



#seminar_outline .seminar_detail p {

	width: 100%;

	max-width: 1070px;

	margin: 0 auto 10px;

	font-weight: bold;

	font-size: 1.4rem;

	padding-left: 1em;

	text-indent: -1em;

	line-height: 1.4;

}



#seminar_outline aside {

	max-width: 1080px;

	margin: 40px auto;

	padding: 15px;

	background: #ebebeb;

	box-sizing: border-box;

}



#seminar_outline aside h3 {

	margin-bottom: 15px;

	font-weight: bold;

	font-size: 1.6rem;

}



#seminar_outline aside figure {

	display: -webkit-flex;

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

}



#seminar_outline aside figure > span img { width: auto;}



#seminar_outline aside figcaption {

	margin-left: 20px;

	line-height: 1.8;

}



#seminar_outline > a {

	display: block;

	position: relative;

	width: 300px;

	margin: 0 auto;

	padding: 15px 30px 12px;

	border-radius: 50px;

	background: #009B74;

	color: #fff;

	font-weight: bold;

	font-size: 2.0rem;

	text-align: left;

	text-decoration: none;

}



#seminar_outline > a:after {

	position: absolute;

	top: 0;

	right: 0;

	width: 12px;

	height: 12px;

	margin: 20px 30px 0 0;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	content:'';

}





/* Media Queries [info01] */

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

	p#info01_intro {

		margin: 20px 15px 0;

		font-size: 1.2rem;

		text-align: left;

	}



	p#info01_intro strong { font-size: 1.4rem;}



	#info01_osaka p { margin: 0 15px;}



	#info01_osaka p a {

		width: auto;

		margin: 30px auto;

		padding: 10px 15px;

		font-size: 1.4rem;

	}



	#info01_osaka p a:after {

		width: 8px;

		height: 8px;

		margin: 15px 15px 0 0;

	}



.info01_detail + ul li {

  margin: 0 15px;

}

.info01_detail + ul li a {

  width: auto;

  margin: 15px auto;

  padding: 10px 15px;

  font-size: 1.4rem;

}



.info01_detail + ul li a:after {

  width: 8px;

  height: 8px;

  margin: 15px 15px 0 0;

}





	.info01_detail table th,

	.info01_detail table td {

		display: block;

		width: 100%;

		font-size: 1.2rem;

		border: none;

	}



	.info01_detail table {border-bottom: none; }

	.info01_detail table th span { padding: 5px;}

	.info01_detail table td span { padding: 10px 10px 20px;}



	.info01_detail td strong { font-size: 1.4rem;}



	.info01_detail > p {

		margin: 0 auto 30px;

	}





	/* Page "Information - Seminar" */

	#seminar_outline { margin: 0 15px;}



	#seminar_outline h2 b { font-size: 1.4rem;}



	#seminar_outline > p { font-size: 1.2rem;}



	#seminar_outline .seminar_detail th,

	#seminar_outline .seminar_detail td {

		display: block;

		width: 100%;

		font-size: 1.2rem;

		border: none;

	}



	#seminar_outline .seminar_detail table th div { padding: 5px;}



	#seminar_outline .seminar_detail table div,

	#seminar_outline .seminar_detail table ul {

		display: block;

		padding: 10px 10px 20px;

	}



	#seminar_outline .seminar_detail table li { padding-left: 12px;}



	#seminar_outline .seminar_detail table li:before {

		top: 5px;

		width: 6px;

		height: 6px;

	}



	#seminar_outline .seminar_detail table em {

		margin: 0 10px 20px;

		font-size: 12px;

		font-size: 1.2rem;

	}



	#seminar_outline .seminar_detail table span {

		margin-bottom: 10px;

	}



	#seminar_outline .seminar_detail table span b {

		padding-left: 15px;

		font-size: 1.4rem;

	}



	#seminar_outline .seminar_detail table span b:before {

		top: 4px;

		left: 6px;

		width: 6px;

		height: 6px;

		border: 6px solid transparent;

		border-left: 6px solid #8B968D;

	}

	#seminar_outline .seminar_detail table span b:after {

		top: 4px;

		width: 10px;

		height: 6px;

		border-left: 6px solid #8B968D;

		margin-top: 3px;

	}



	#seminar_outline .seminar_detail p {

		font-weight: bold;

		font-size: 1.1rem;

	}



	#seminar_outline aside h3 {

		margin-bottom: 15px;

		font-size: 1.2rem;

	}



	#seminar_outline aside figure > span img { width: 150px;}





	#seminar_outline > a {

		width: auto;

		margin: 15px 15px;

		padding: 10px 15px;

		font-size: 1.4rem;

	}



	#seminar_outline > a:after {

		width: 8px;

		height: 8px;

		margin: 15px 15px 0 0;

	}

}

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

	#seminar_outline aside figure { display: block;}

	#seminar_outline aside figure span { display: block; margin-bottom: 10px; text-align: center;}

	#seminar_outline aside figcaption { margin: 0;}

}











/*===== ■3. Page "Faq"  =====*/







/* Media Queries [faq] */

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

}











/*===== ■4. Page "PhotoGallery"  =====*/





#junbi {

	text-align:center;

	font-size:18px;

	font-weight:bold;

	margin-top:80px;

	margin-bottom:50px;

	}





p#photogallery_intro {

	margin: 40px 15px 60px;

	font-size: 1.8rem;

	line-height: 180%;

	text-align: center;

}



#photogallery_btn {

	margin: 50px auto 20px;

	text-align: center;

}



#photogallery_btn p {font-size: 1.8rem; }



#photogallery_btn a {

	display: inline-block;

	position: relative;

	margin: 50px auto 30px;

	padding: 15px 50px 15px 30px;

	border-radius: 45px;

	background: #E80000;

	color: #fff;

	font-weight: bold;

	font-size: 2.0rem;

	line-height: 1;

	text-align: left;

	text-decoration: none;

}



#photogallery_btn a:hover {

	opacity: 0.6;

}



#photogallery_btn a:after {

	position: absolute;

	top: 50%;

	right: 0;

	width: 12px;

	height: 12px;

	margin: -6px 20px 0 0;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	content: '';

}



ul#photogallery_list img { width: auto;}



ul#photogallery_list {

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-justify-content: center;

	justify-content: center;

	margin: 0 2%;

}



ul#photogallery_list li { margin: 0 10px 20px;}



ul#photogallery_list li a:hover img { opacity: 0.6;}





/* Media Queries [photogallery] */

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

	p#photogallery_intro { font-size: 1.6rem;}

}



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

	p#photogallery_intro {

		margin: 20px 15px 30px;

		font-size: 1.2rem;

		text-align: left;

	}



  #photogallery_btn p {

    padding: 0 10px;

  }



  #photogallery_btn a {

    font-size: 1.4rem;

    padding: 15px 30px;

  }



	ul#photogallery_list li {

		width: 50%;

		margin: 0;

		padding: 0 10px 20px;

		box-sizing: border-box;

	}



	ul#photogallery_list li img { width: 100%;}

}











/*===== ■5. Page "Access"  =====*/







/* Media Queries [access] */

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

}











/*===== ■6. Page "Press"  =====*/







/* Media Queries [press] */

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

}











/*===== ■7. Page "Form"  =====*/

article#form h1 { background: url(../images/bg-title-g.png);}



article#form h1 span { border-bottom: 4px solid #009C74;}



article#form section h2 span:before,

article#form section h2 span:after { background: rgba(105,157,17,0.2);}



article#form section:nth-of-type(2n) h2 span:before,

article#form section:nth-of-type(2n) h2 span:after { background: rgba(139,150,141,0.3);}



article#form section p {

	margin: 0 15px 30px;

	font-size: 1.6rem;

	line-height: 180%;

	text-align: center;

}



article#form section p em {

	display: block;

	margin-top: 10px;

	font-weight: bold;

	font-size: 1.4rem;

}



article#form section p em a:hover {

	background: url(../images/mark-blank.png) no-repeat right center / 15px 15px;

	color: #FF4D4D;

}



article#form section li a {

	display: block;

	position: relative;

	width: 300px;

	margin: 0 auto;

	padding: 15px 30px 12px;

	border-radius: 50px;

	background: #009B74;

	color: #fff;

	font-weight: bold;

	font-size: 2.0rem;

	text-align: left;

	text-decoration: none;

}



article#form section li a:after {

	position: absolute;

	top: 0;

	right: 0;

	width: 12px;

	height: 12px;

	margin: 20px 30px 0 0;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	content:'';

}



article#form section a:hover { background: #3DBE93;}



article#form section a.soon { background: #8B968D; }







/* Media Queries [form] */

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

	article#form h1 span em { letter-spacing: -5px;}



	article#form section p {

		font-size: 1.2rem;

		text-align: left;

	}



	article#form section p em { font-size: 1.2rem;}





	article#form section li { margin: 0 15px;}



	article#form section li a {

		width: auto;

		margin: 15px auto;

		padding: 10px 15px;

		font-size: 1.4rem;

	}



	article#form section li a:after {

		width: 8px;

		height: 8px;

		margin: 15px 15px 0 0;

	}

}











/*===== ■8. Page "Download"  =====*/

/* Page terms */

#download_intro {

	max-width: 1260px;

	margin: 40px auto 0;

	font-size: 1.8rem;

	line-height: 180%;

	text-align: center;

}



#download_terms div { margin: 0 15px;}



#download_terms ul {

	max-width: 1260px;

	margin: 0 auto 40px;

	padding: 30px;

	box-sizing: border-box;

	background: #FDDEDE;

}



#download_terms li {

	position: relative;

	padding-left: 15px;

	font-weight: bold;

	font-size: 1.8rem;

	line-height: 1.5;

}

#download_terms li:not(:last-child) { margin-bottom: 15px;}



#download_terms li:before {

	position: absolute;

	top: 9px;

	left: 0;

	width: 7px;

	height: 7px;

	background: #8B968D;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	content: '';

}



#download_terms a {

	display: block;

	position: relative;

	width: 300px;

	margin: 0 auto;

	padding: 15px 30px;

	border-radius: 50px;

	background: #EB0000;

	color: #fff;

	font-weight: bold;

	font-size: 2.0rem;

	text-align: left;

	text-decoration: none;

}



#download_terms a:after {

	position: absolute;

	top: 50%;

	right: 0;

	width: 12px;

	height: 12px;

	margin-right: 30px;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: translateY(-50%) rotate(45deg);

	transform: translateY(-50%) rotate(45deg);

	content:'';

}



#download_terms a:hover { opacity: 0.6;}





/* Page detail */

#download_detail { padding-top: 45px;}



#download_detail .wrapper {

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-justify-content: space-around;

	justify-content: space-around;

}



#download_detail .wrapper section {

	width: 43.75%;

	margin: 0 1.25%;

}



#download_detail .wrapper h3 {

	margin-bottom: 30px;

	text-align: center;

}



#download_detail .wrapper h3 span {

	display: inline-block;

	padding: 0 20px 15px;

	border-bottom: 4px solid #EB0000;

	font-weight: bold;

	font-size: 2.4rem;

	line-height: 1;

}



#download_detail #logo div {

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-flex-direction: row;

	flex-direction: row;

	-webkit-align-items: center;

	align-items: center;

	-webkit-justify-content: space-around;

	justify-content: space-around;

}



#download_detail #logo figure {

	max-width: 300px;

	margin: 0 10px 25px;

}



#download_detail #logo ul {

	width: 300px;

	margin: 0 10px;

}



#download_detail #logo li:first-child { margin-bottom: 20px;}



#download_detail #logo li a {

	display: block;

	position: relative;

	max-width: 100%;

	margin: 0 auto;

	padding: 15px 30px;

	box-sizing: border-box;

	border-radius: 50px;

	background: #EB0000;

	color: #fff;

	font-weight: bold;

	font-size: 2.0rem;

	text-align: left;

	text-decoration: none;

}



#download_detail #logo li a:after {

	position: absolute;

	top: 50%;

	right: 0;

	width: 12px;

	height: 12px;

	margin-right: 30px;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: translateY(-50%) rotate(45deg);

	transform: translateY(-50%) rotate(45deg);

	content:'';

}



#download_detail #logo li a:hover { opacity: 0.6;}



#download_detail #banner li figure {

	display: -webkit-flex;

	display: flex;

	-webkit-flex-direction: row;

	flex-direction: row;

	-webkit-align-items: center;

	align-items: center;

	-webkit-justify-content: space-around;

	justify-content: space-around;

	margin-bottom: 16px;

	padding-bottom: 12px;

	border-bottom: 1px dotted #999;

}



#download_detail #banner li figure span { margin-right: 30px;}

#download_detail #banner li:nth-child(-n+2) figure span { margin-right: 90px;}



#download_detail #banner li figure img { width: auto;}



#download_detail #banner li figcaption {

	width: 100%;

	padding-bottom: 10px;

}



#download_detail #banner li figcaption label { font-size: 1.4rem;}



#download_detail #banner li figcaption input {

	width: 96%;

	padding: 5px;

	box-shadow: border-box;

	font-size: 1.4rem;

}









/* Media Queries [download] */

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

	#download_intro {

		margin: 20px 15px 0;

		font-size: 1.4rem;

		text-align: left;

	}



	#download_terms ul { padding: 15px;}



	#download_terms li {

		font-size: 1.2rem;

		margin-bottom: 10px;

		padding-left: 12px;

	}



	#download_terms li:before { top: 5px;}



	#download_terms a {

		width: auto;

		margin: 0 15px;

		padding: 10px 15px;

		font-size: 1.4rem;

	}



	#download_terms a:after {

		width: 8px;

		height: 8px;

		margin-right: 15px;

	}





	/* Page Detail */

	#download_detail .wrapper {

		display: block;

		margin: 0 15px;

	}



	#download_detail .wrapper section {

		width: auto;

		margin: 0 0 25px;

	}

	#download_detail .wrapper section+section { margin: 0;}



	#download_detail .wrapper h3 {

		margin-bottom: 15px;

		text-align: center;

	}



	#download_detail .wrapper h3 span {

		display: block;

		padding: 0 10px 10px;

		border-bottom: 2px solid #009C74;

		font-weight: bold;

		font-size: 1.4rem;

		line-height: 1.5;

	}



	#download_detail #logo div {

		-webkit-flex-direction: column;

		flex-direction: column;

	}



	#download_detail #logo figure { width: 65%;}



	#download_detail #logo ul {

		width: 100%;

		margin: 0;

	}



	#download_detail #logo li a {

		display: block;

		width: auto;

		margin: 0 15px;

		padding: 10px 15px;

		font-size: 1.4rem;

	}



	#download_detail #logo li a:after {

			width: 8px;

			height: 8px;

			margin-right: 15px;

	}

}











/*===== ■9. Page "Caution"  =====*/

/* Section [caution_intro] */

#caution_intro {

	margin: 0 auto;

	max-width: 1000px;

	text-align: center;

}



#caution_intro strong {

	display: block;

	margin: 0 15px;

	color: #EB0000;

	font-weight: bold;

	font-size: 2.0rem;

}



#caution_intro p {

	margin: 40px 15px 0;

	font-size: 1.6rem;

	line-height: 180%;

	text-align: left;

}



#caution_intro p:last-child { text-align: right;}



#caution_intro p span { font-size: 1.4rem;}



#caution_intro p em { font-weight: bold;}







/* Media Queries [caution] */

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

	/* Section [caution_intro] */

	#caution_intro { text-align: left;}



	#caution_intro strong { font-size: 1.4rem;}



	#caution_intro p {

		margin: 20px 15px 0;

		font-size: 1.2rem;

	}



	#caution_intro p span { font-size: 1.1rem;}

}



/*===== ■10. Page "Press"  =====*/



#press_coverage > p {

	font-size: 1.6rem;

    line-height: 180%;

    margin: 0 auto 20px;

    max-width: 1080px;

}



#press_coverage dl {

	margin: 0 auto 14px;

    max-width: 1080px;

}



#press_coverage dt {

	border-bottom: 1px dotted #8b968d;

	font-weight: bold;

	font-size: 1.6rem;

}



#press_coverage dd p {

	font-size: 1.4rem;

	line-height: 180%;

}



#press_coverage .notes {

	font-size: 1.4rem;

	font-weight: bold;

}



#press_coverage #press_entry,

#press_coverage #coverage_notes {

	margin: 40px auto 10px;

	max-width: 1080px;

}





#press_coverage #press_entry h3,

#press_coverage #coverage_notes h3 {

	background: #eee;

	font-weight: bold;

	font-size: 1.6rem;

	margin: 0 0px 10px;

	padding: 10px 10px 6px;

}



#press_coverage #press_entry p,

#press_coverage #coverage_notes p {

	font-size: 1.4rem;

}



#press_coverage #press_entry small,

#press_coverage #coverage_notes p b {

	display: block;

	margin-top: 20px;

	font-weight: bold;

}



#press_coverage #press_entry small a {

	font-weight: normal;

}



#press_release ul,

#press_release2 ul {

	margin: 20px auto 10px;

	max-width: 1080px;

}



#press_release li,

#press_release2 li {

    border-bottom: 1px dotted #999999;

    font-size: 1.4rem;

    margin: 0 10px 0px;

    padding: 15px 10px 15px;

	background: #fff;

}



#press_photo_dl p,

#press_logo_dl p,

#press_photo_gallery p {

	margin: 0px auto 10px;

	max-width: 1080px;

	font-size: 1.6rem;

	text-align: center;

}





#press_coverage>a,

#press_logo_dl a,

#press_photo_gallery a {

	display: block;

	position: relative;

	width: 330px;

	margin: 0 auto;

	padding: 15px 50px 15px 30px;

	box-sizing: border-box;

	border-radius: 45px;

	background: #E80000;

	color: #fff;

	font-weight: bold;

	font-size: 2.0rem;

	line-height: 1;

	text-align: center;

	text-decoration: none;

}

#press_coverage>a:hover,

#press_logo_dl a:hover,

#press_photo_gallery a:hover { opacity: 0.6;}



#press_coverage>a:after,

#press_logo_dl a:after,

#press_photo_gallery a:after{

	position: absolute;

	top: 50%;

	right: 0;

	width: 12px;

	height: 12px;

	margin: -6px 20px 0 0;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	content: '';

}



/* Media Queries [press] */

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

	#press_coverage,

	#press_release,

	#press_release2,

	#press_logo_dl,

	#press_photo_gallery {

		padding-left:15px;

		padding-right: 15px;

	}



	#press_coverage > p {

    font-size: 1.2rem;

	}





	#press_coverage dt,

	#press_coverage dd p,

	#press_coverage .notes {

		font-size: 1.2rem;



	}





	#press_coverage #press_entry h3,

	#press_coverage #coverage_notes h3 {

    font-size: 1.4rem;

	}





	#press_coverage #press_entry p,

	#press_coverage #coverage_notes p {

    font-size: 1.2rem;

	}



	#press_release p, #press_release2 p {

    font-size: 1.2rem;

	}



	#press_coverage>a, #press_logo_dl a, #press_photo_gallery a {

    font-size: 1.2rem;

		width: 240px;

	}



	#press_coverage>a:after, #press_logo_dl a:after, #press_photo_gallery a:after {

		width: 8px;

    height: 8px;

	}

}


.message-box{ width:550px; margin:30px auto}
.message-box .ku{ border:1px solid #dbdbdb; height:36px; padding-left:10px; box-sizing:border-box; border-radius:5px; width:100%}
.message-box p{ line-height:40px; font-size:16px;}
.message-box span{ display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center;white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; margin-left:5px}
.message-box .ms-red{ background:#d9534f}
.message-box li{ margin-bottom:20px}
.message-box .ms-black{ background:#78909C}
.message-box textarea{box-sizing:border-box; border-radius:5px; width:100%;border:1px solid #dbdbdb; padding:5px 10px; height:100px}
.message-box .imgg{box-sizing:border-box; border-radius:5px; width:100%;border:1px solid #dbdbdb; padding:10px}
.message-box .tijiao{ background:#FF9800; color:#fff; text-align:center; line-height:40px; width:100%;border-radius:5px; border:0; font-size:20px}

@media screen and (max-width: 678px) {
    .message-box{ width:95%; margin:0 0 0 10px}
}
.msg-page{ color:#666}
.msg-page dl{ width:550px; margin:30px auto;overflow:hidden; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc;}
.msg-page dl dt{ color:#333}
.msg-page .page1 dt{ font-size:30px; text-align:center}
.msg-page .page1 dd{ text-align:center; font-size:16px; line-height:30px}
.msg-page .page1 p{ border-bottom:1px solid #ccc; display:block; width:100px; height:1px; margin:30px auto}

.msg-page .page2 dt{ font-size:24px; }
.msg-page .page2 dd{ font-size:16px; line-height:30px}
.msg-page .page2 dd a{ background:none}