@charset "UTF-8";

/* ---------------------- #Container_back ---------------------- */
#Container_back {
	display: inline-block;
	background: #FFF;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#Container {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0;
	text-align: left;
	border: none;
}
.inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	#Container {
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 30px;
		margin: 0;
	}
	section { padding: 0 15px 15px  }
	.inner {
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 0 15px;
		margin: 0;
	}
	#Container img,.inner img { max-width: 100%; height: auto; }
}/*/mediaquery*/
/* ---------------------- #L_TowColumn ---------------------- */
/* ---ホームレイアウト--- */
#Home {
	background: #005C9E url(../image/home_dotto_bg.png) repeat;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #333;
	text-align: center;
}
.home_bg {
	background: #FFF url(../image/home_bg.png) center bottom no-repeat;
	height: 250px;
}
#home_bg {
	display: block;
	overflow: hidden;
	background: #eee;
	padding: 0 0 30px;
	width: 100%;
}
#Home p {
	font-size: 13px;
	line-height: 1.7em;
	letter-spacing: 0.2em;
	color: #005C9E;
}
.home_logo {
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 0 0px;
	padding: 40px 0 0;
}
.home_logo span.copy {
	display: block;
	padding: 10px 0;
	margin: 10px 0 0;
	font-size: 18px
}
.home_logo span {
	padding-top: 10px;
	color: #005C9E;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	#Home {
	}
	.home_logo {
		text-align: center;
	}
	.home_logo li {
		float: none;
		margin-right: 0;
	}
	.home_logo img {
		display: inline-block;
	}
	#Home p {
		font-size: 12px;
		letter-spacing: 0.1em;
		text-align: left;
		margin-top: 15px; 
	}
	.home_logo {
		width: 100%;
		margin: 0;
	}
	.home_logo h1 {
		width: 100%;
		font-size: 15px;
	}
}/*/mediaquery*/
#TowColumn {
	background: #FFF;
	float: right;
	width: 630px;
	margin: 0;
	padding: 15px 0 30px 0;
}
#Container h1.head {
	display: block;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #222;
	margin: 0;
	padding: 0;
}
#Container span.head {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #005C9E;
}
#Container h2.head {
	display: block;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #555;
	margin: 0;
	padding: 0;
}
#Container .headline {
	background: url(../image/h_back.jpg) repeat-x;
	margin: 15px 0;
	padding: 0;
}
#Container .headline span {
	border-left: solid 1px #005C9E;
	font-size: 20px;
	font-weight: normal;
	padding: 5px 0 5px 25px;
	height: 60px;
	line-height: 60px;
}
#Container h1.headline span { color: #005C9E; }
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	#TowColumn {
		float: none;
		width: 100%;
		margin: 0;
		padding: 15px 0 0;
	}
	#Container h1 {
		margin: 0;
		font-size: 100%;
	}
	#Container .headline span {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		margin: 0;
	}
	.head_box {
		margin: 0;
	}
	#Container h1.head,
	#Container h2.head {
		font-size: 18px;
	}
	#Container span.head {
		font-size: 12px;
	}
}/*/mediaquery*/
/* ~~ head_box ~~ */
.head_box {
	padding: 0;
	margin: 40px 0 20px;
}
.head_box:first-child {
	margin-top: 15px;
}
.head_title {
	display: block;
	overflow: hidden;
	float: left;
    width: 225px;
}
.head_title p {
	font-size: 26px;
	font-weight: bold;
	color: #005C9E;
	letter-spacing: 0.2em;
	margin: 0 0 25px;
	padding: 0;
}
.head_text {
	margin-left: 225px;
}
.head_text p {
	color: #005C9E;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
h1.ct_head,
h2.ct_head {
	margin: 0;
	padding: 0;
	font-size: 14px;
	letter-spacing: 0.3em;
}
h1.ct_head span,
h2.ct_head span {
	border-top: 2px solid #005C9E;
	padding-top: 15px;
}
.ct_head small {
	font-size: 12px;
}
.head_box table {
}
.head_box table th {
	margin: 0;
	padding-right: 15px;
}
.head_box table td {
	background: url(../image/title_separate.png) left center no-repeat;
	vertical-align: bottom;
	padding-left: 25px;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	.head_title {
		float: none;
		width: 100%;
	}
	.head_text p {
		font-size: 13px;
	}
	.head_text {
		margin-top: 20px;
		margin-left: 0;
	}
	.home_text {
		padding: 10px;
		margin-left: 0;
		border: 1px solid #3f1a00;
	}
}/*/mediaquery*/
.Top_image {
	display: block;
	overflow: hidden;
	margin-top: 15px;
	padding: 0;
	border: 1px solid #444;
}
.Top_image img{
	margin: 1px;
   width: 100%;
   height: auto;
	overflow: hidden;
	display: inline;
}
/* ~~ description ~~ */
.description {
	padding: 10px 0;
	margin: 15px 0;
	overflow: hidden;
}
.description p {
	color: #444;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.description p span {
	color: #444;
}
.description img {
	margin: 0;
	padding: 0;
}
.img_left img {
	display: inline;
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 0;
}
.img_right img {
	display: inline;
	float: right;
	margin: 10px 0px 0px 15px;
	padding: 0;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	.description p { font-size: 12px;}
	.img_left { text-align: center; }
	.img_left p { text-align: left !important; }
	.img_left img { float: none; margin: 0 0 5px; padding: 0; }
}/*/mediaquery*/
/* ~~ detail ~~ */
.detail {
	padding: 0;
	margin: 20px 0 20px;
	overflow: hidden;
}
.detail table {
	font-size: 13px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.detail td {
	margin: 0;
	padding: 0;
}
.detail td p {
	color: #444;
	line-height: 1.7em;
	letter-spacing: 0;
	font-size: 14px;
}
.detail td p:first-child {
	margin-top: 0px;
}
/* photo */
.detail .photoArea {
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
}
.detail .photoArea .photo {
	width: 280px;
	text-align: center;
	overflow: hidden;
	line-height: 0px;
}
.detail .photoArea .photo img {
	border-radius: 140px;
	overflow: hidden;
	display: inline;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	.detail table {
		display: block;
		width: 100%;
		overflow: hidden;
		font-size: 12px;
	}
	.detail td p {
		font-size: 12px;
		letter-spacing: 0.1em;
	}
	.detail .photoArea {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 0 15px;
		padding: 0;
	}
	.detail .photoArea .photo {
		display: inline-block;
	}
}/*/mediaquery*/
/* ~~ Content_box ~~ */
.Content_box {
	border: 1px dotted #005C9E;
	padding: 20px 30px 0;
	margin-bottom: 30px;
}
.Content_box h1 {
	font-weight: bold;
	color: #005C9E;
	margin: 0 0 5px;
	padding: 0;
}
.Content_box h2 {
	font-size: 18px;
	font-weight: bold;
	color: #005C9E;
	margin: 0 0 5px;
	padding: 0;
}
.Content_box p {
	font-size: 13px;
	color: #005C9E;
	margin: 0 0 15px;
}
/* table */
.Content_box table {
	width: 100%;
	margin-bottom: 15px;
	font-size: 13px;
}
.Content_box table tr {
	border-top: 1px solid #ddd;
}
.Content_box table tr:first-child {
	border-top: none;
}
.Content_box table th,
.Content_box table td {
	padding: 13px 0 13px 10px;
}
.Content_box table th {
	vertical-align: top;
	font-weight: bold;
	color: #005C9E;
	width: 25%;
}
/* ul */
.Content_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 3px;
}
.Content_box ul li {
	line-height: 180%;
	padding-left: 13px;
	background: url(../image/ic_list.png) left 7px no-repeat;
	margin-bottom: 4px;
	color: #005C9E;
}
.Content_box ul li a:hover {
	text-decoration: underline;
	color: #005C9E;
}
@media screen and (max-width:420px) {
	.Content_box { padding: 15px 15px 0;}
	.Content_box table th {
		display: block;
		width: 100%;
		font-size: 90%;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.Content_box table td {
		display: block;
		font-size: 90%; 
		padding: 10px;
	}
}/*/mediaquery*/

/* ~~ map ~~ */
.map {
	margin: 15px 0 30px;
	padding: 5px;
	border: 1px dotted #005C9E;
	overflow: hidden;
}
.map iframe {
	margin: 0;
	padding: 0;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {.map iframe { max-width: 100%; height: 190px; }}/*/mediaquery*/
/* ~~ sitemap ~~ */
.site_map {
	padding: 15px 0px ;
	margin: 15px 0;
}
.site_map dl {
	line-height: 2em;
	padding: 0;
	margin: 0;
	color: #444;
}
.site_map dl a:hover {
	color: #005C9E;
	text-decoration: none;
}
.site_map dt {
	display: block;
	background: url(../image/Side_li_mk.png) left center no-repeat;
	font-size: 16px;
	letter-spacing: 0.2em;
	margin: 10px 0;
	padding-left: 20px;
}
.site_map dd {
	background: url(../image/li_line.png) left center no-repeat;
	font-size: 14px;
	padding-left: 12px;
	margin: 0 15px 0;
}
.site_map dd a {
	color: #005C9E;
	text-decoration: underline;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	.site_map dt { font-size: 14px;}
	.site_map dd { font-size: 12px;}
}/*/mediaquery*/
/* ~~ box ~~ */
/* ~~ mail form ~~ */
.content_inner {
	margin: 15px 0;
	padding: 15px 0;
}
.content_inner table {
    font-size: 90%;
    letter-spacing: 0.1em;
    margin: 0px;
    border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	width: 100%;
}
.content_inner table tr {}
.content_inner table tr th {
	background: #FFF;
    color: #005C9E;
    width: 30%;
    text-align: left;
	vertical-align: top;
    padding: 20px;
    border-top: solid 1px #eee;
}
.content_inner table tr td {
	text-align: left;
    padding: 5px 10px;
    border-top: solid 1px #eee;
}
input[type="file"],input[type="email"],input[type="text"],input[type="password"] {
	width: 70%;
	border: 1px solid #e1e1e1;
    box-sizing: border-box;
	margin: 5px 0;
	padding: 7px 5px;
    outline: none;
}
textarea {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #e1e1e1;
    box-sizing: border-box;
	margin: 5px 0;
	padding: 7px 5px;
    outline: none;
}
.tlt{
	text-align: center;
	margin: 5px 0;
}
.presence {
    color: #dc143c; /* 色 */
    padding: 3px; /* 余白 */
}
.presence {
  display: block;
  padding: 0;
  margin: 5px 0 0;
  color: transparent;
  font-size: 70%;
  line-height: normal;
}
.presence::before {
  content: '必須';
  display: inline-block;
  padding: 5px 8px;
  background-color: #ccc;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #FFF;
  font-weight: normal;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	.content_inner table tr th {
		display: block;
		width: 100%;
		font-size: 90%;
		border-left: none; 
		border-right: none;
		border-bottom: none;
		padding: 10px;
		letter-spacing: 1px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.content_inner table tr td {
		display: block;
		font-size: 90%; 
		padding: 10px;
		border-top: none; 
	}
	input[type="file"],input[type="email"],input[type="text"],input[type="password"] {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.red{ display: inline; }
}/*/mediaquery*/
/* ~~ table ~~ */
.table {
	margin: 15px 0;
	padding: 0;
}
.table table {
    font-size: 90%;
	color: #444;
	line-height: 2em;
    letter-spacing: 0.1em;
    margin: 0px;
    border-right: solid 1px #eee;
	border-left: solid 1px #eee;
	width: 100%;
}
.table table tr {
	
}
.table table tr th {
	background: url(../image/th_back.gif) left top repeat;
    color: #000;
    width: 25%;
    text-align: left;
	vertical-align: top;
    padding: 20px;
	font-weight: normal;
	border-top: solid 1px #eee;  
}
.table table tr td {
	text-align: left;
    padding: 20px;
    border-top: solid 1px #eee;
}
.table table tr td a {
	color:#09F ;
	text-decoration: underline;
}
.table table tr td a:hover {
	text-decoration: none;
}
.table table tr th.last {
    border-bottom: solid 1px #eee;
}
.table table tr td.last {
    border-bottom: solid 1px #eee;
}
/* ~~ Amix 専用 ~~ */
table.Company_table {
	border: none;
}
table.Company_table tr th {
	padding: 10px 0;
	border: none;
	color: #005C9E;
	font-weight: bold;
}
table.Company_table tr td {
	border: none;
	padding: 10px;
	color: #005C9E;
}
@media screen and (max-width:420px) {
	.table table tr th {
		background: #fcfcfc;
		display: block;
		width: 100%;
		font-weight: bold;
		font-size: 90%;
		color: #444;
		border-left: none; 
		border-right: none;
		border-bottom: none;
		padding: 10px;
		letter-spacing: 1px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.table table tr td {
		display: block;
		font-size: 90%; 
		padding: 10px;
		border-top: none; 
	}
	table.Company_table tr th {
		background: #FFF;
		display: block;
		width: 100%;
		font-weight: bold;
		font-size: 90%;
		color: #444;
		border-left: none; 
		border-right: none;
		border-bottom: none;
		padding: 10px 0;
		letter-spacing: 1px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	table.Company_table tr td {
		display: block;
		font-size: 90%; 
		padding: 10px 0;
		border-top: none; 
	}
	.table table tr th.last { border: none; border-top: solid 1px #eee; }
}/*/mediaquery*/
/* button_stream
-------------------- */
.button_stream {
	display: block;
	background: url(../image/button_stream_bg.png) no-repeat center;
	width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;	
	margin: 15px auto 0;
	padding: 0;
}
.button_stream span {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
.button_stream:hover span {
	text-decoration: underline;
}
.button_stream:hover {
}
/* ~~ flow ~~ */
.flow {
	display: block;
	border: 1px #e5e4e4 solid;
	margin: 25px 0 0;
	padding: 0;
}
.flow.last {
	margin-bottom: 45px;
}
.flow dt {
	background: url(../image/flow_bg.png) repeat;
	height: 40px;
	line-height: 40px;
	padding: 0 20px 0;
	margin: 10px 0 0;
	color: #FFF;
	font-size: 18px;
}
.flow dd {
	padding: 20px 0;
	margin: 0 20px 0;
	font-size: 12px;
	color: #666;
	line-height: 1.7em;
}
p.arrow {
	overflow: hidden;
	display: block;
	text-indent: -10000px;
	background: url(../image/flow_arrow.png) center bottom no-repeat;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 60px;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	.flow dt {
		font-size: 12px;
		text-align: center;
		word-wrap: break-word;
		height: auto;
		padding:  5px;
		line-height: 1.7em;
	}
}/*/mediaquery*/

/* ~~ map ~~ */
.map {
	margin: 15px 0;
	padding: 0;
}
/* ~~ Square_box ~~ */
.bg_blue {
	background: #00a0e9;
}
.bg_blue2 {
	background: #005c9e;
}
.Square_box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
   align-items: center;
	-webkit-align-items: center;
	color: #FFF;
	margin: 30px 0;
	padding: 30px 15px;
   font-size: 16px;
}
.Square_box .left_img {
	width: 35%;
   overflow: hidden;
   position: relative;
   z-index: 1;
   border-radius: 100%;
}
.Square_box .left_img img {
   width: 100%;
   height: auto;
   transition-duration: 0.3s;
}
.Square_box .txt {
	width: 60%;
}
h3.Square_title {
	margin-bottom: 15px;
	letter-spacing: 0.09em;
   font-size: 1.2em;
}
.Square_box .txt p {
	color: #FFF;
	line-height: 1.7em;
	letter-spacing: 0.09em;
	font-size: 0.75em;
	margin-top: 15px;
}
.Square_box .btn_block span {
	display: block;
	background: none;
   padding: 10px;
   margin-top: 20px;
	width: 40%;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 0.75em;
	border: 1px solid #FFF;
   border-radius: 1px;
}
.Square_box:hover .left_img img {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   transition-duration: 0.3s;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:420px) {
	.Square_box,
   .Square_box .left_img,
   .Square_box .txt {
      display: block;
		overflow: hidden;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
      text-align: center;
	}
   .Square_box,
   .Square_box .txt {
      width: 100%;
   }
	.Square_box .left_img {
      width: 60%;
      margin: 0 auto;
	}
   .Square_box .txt {
      padding-left: 30px;
      padding-right: 30px;
   }
   .Square_box .btn_block span { margin: 0 auto; }
}/*/mediaquery*/
/* ~~ box ~~ */
ul.float_box {
	display: block;
	padding: 0;
	margin: 0;
}
li.box1x1 {
	float: left;
	overflow: hidden;
	margin: 30px 0 0 30px;
}
li.box1x1:first-child {
	margin-left: 0;
}
ul.Tow li.box1x1:first-child {
	float: left;
}
.box1x1 {
    width: 300px;
	box-shadow: 0 3px 0 rgba(8, 1, 2, 0.03);
}
.contents {
    display: block;
    overflow: hidden;
    zoom: 1;
}
.box1x1 .image_block {
    overflow: hidden;
    position: relative;
    width: 300px;
	text-align: center;/**SHIRAE**/
}
.box1x1 .image_block img {
   width: 100%;
   height: auto;
}

.image_block img {
	opacity: 1;
}
.image_block a img:hover {
	opacity:0.8;
    filter:alpha(opacity=80);    
}
hr.style-bl {
	border: 0;
    height: 3px;
	background: #005C9E;
	margin: 2px 0;
}
ul.Three .Ltxt_block {
	margin: 0;
	padding: 0 15px 15px;
	overflow: hidden;
	background: #FFF;
}
ul.One .Ltxt_block {
	margin: 0;
	padding-right: 15px;
	overflow: hidden;
}
.Ltxt_block p {
	font-size: 13px;
	line-height: 1.7em;
	color: #005C9E;
	margin: 10px 0;
	padding: 0;
}
.Ltxt_block p a {
	color: #005C9E;
}
.Ltxt_block p a:hover {
	text-decoration: underline;
}
.box1x1 h2.top {
	font-size: 21px;
	letter-spacing: 0.1em;
	margin: 10px 0;
	padding: 0;
}
.box1x1 h2.top a { color: #005C9E; }
.box1x1 h2.top a:hover { text-decoration: underline; }
.box1x1 span.top {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0;
	border-top: 2px solid #005C9E;
	padding-top: 10px;
}
.link {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.detail_link {
	display: inline-block;
	width: 30%;
	text-align: center;
	color: #005C9E;
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 3px 0;
	background: #FFF;
	border: 1px solid #005C9E;
}
.detail_link:hover {
	background: #005C9E;
	color: #FFF;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
ul.Three .box1x1 {
}
ul.One .box1x1 {
	background: url(../image/one_box_bg.png) repeat;
	width: 100%;
}
ul.One li.box1x1 {
	float: none;
	margin-right: 0;
}
ul.One li.box1x1 .image_block {
	float: left;
	margin-right: 30px;
}
@media screen and (max-width:420px) {
	.box1x1 { width: 100%;}
	li.box1x1 { margin-left: 0; }
	ul.Three li.box1x1 .image_block { float: left; margin-right: 30px; }
	.box1x1 .image_block {
		width: 100%;
		float: none;
		margin: 0;
		position: static;
	}
	.image_block img { opacity: 1; }
	.image_block a img:hover {
		opacity: 1;
	}
	ul.One .Ltxt_block {
		padding: 15px;
	}
	hr.style-bl { clear: both; }
}/*/mediaquery*/

/* ~~ entry btn ~~ */
.entry_btn_area {
	margin: 30px 0 50px;
	font-size: 16px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-around;
    justify-content: space-around;
}
.entry_btn_item {
	width: 40%;
}
.entry_btn_item a {
	display: block;
	position: relative;
	padding: 20px;
	font-size: 1em;
	font-weight: 500;
	text-align: center;
	border-radius: 2px;
	color: #FFF;
	transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}
.entry_btn_item a:after {
	content: '';
	display: inline-block;
	position: relative;
	top: 0;
	width: 20px;
	height: 20px;
	margin-left: 15px;
	vertical-align: middle;
	border-radius: 50%;
	background: url(../image/btn_arrow_circle_FFF.png) no-repeat;
	background-size: 100%;
	transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}
.entry_btn_item a.entry_btn_item_01 {
	background: #aaa;	
}
.entry_btn_item a.entry_btn_item_01:hover {
	background: #999;	
}
.entry_btn_item a.entry_btn_item_02 {
	background: #12acd6;
}
.entry_btn_item a.entry_btn_item_02:hover {
	background: #154bd1;
	color: #FFF;
}
.entry_btn_item a:hover:after {
	content: '';
	display: inline-block;
	position: relative;
	top: 0;
	width: 20px;
	height: 20px;
	margin-left: 15px;
	vertical-align: middle;
	border-radius: 50%;
	background: url(../image/btn_arrow_circle_FFF.png) no-repeat;
	background-size: 100%;
	transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:480px) {
   .entry_area_bg { padding: 0 30px;}
	.entry_btn_area {
		display: block;
		font-size: 14px;
	}
	.entry_btn_item {
		width: 80%;
		margin: 15px auto;
	}
	.entry_btn_item:last-child { margin-top: 30px;}		
	.entry_btn_item a {
		padding: 15px;
		padding-left: 0;
		padding-right: 0;
	}
}/*/mediaquery*/
/* ~~ entry_date ~~ */
.entry_date {
	padding: 15px 30px;
	margin: 50px auto 30px;
	font-size: 16px;
	text-align: center;
	position: relative;
	width: 50%;
}
.entry_date:before,
.entry_date:after { 
    position: absolute;
    top: 0;
    content:'';
    width: 10px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.entry_date:before{
    border-left: solid 1px #222;
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    left: 0;
}
.entry_date:after{
    border-top: solid 1px #222;
    border-right: solid 1px #222;
    border-bottom: solid 1px #222;
    right: 0;
}
.entry_date p {
	color: #222;
	line-height: 1.4em;
	font-size: 0.875em;
	letter-spacing: .05em;
	font-weight: 200;
}
.entry_date p.call_num {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 2em;
	letter-spacing: 0;
	color: #222;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:780px) {
	.entry_date {
		width: 80%;
		margin: 30px auto;
      padding: 15px 0;
	}
	.entry_date .call_num {
		font-size: 100%;
	}
}/*/mediaquery*/
@media screen and (max-width:480px) {
	.entry_date {
		width: 100%;
		font-size: 14px;
	}
}/*/mediaquery*/
/* ~~ entry form ~~ */
.entry_form {
	overflow: hidden;
	background: #FFF;
	margin: 50px 0;
	padding: 0;
	font-size: 16px;
	border: solid 1px #e3e3e3;
	border-radius: 4px;
	padding-bottom: 20px;
}
.entry_form table,
.entry_form tbody {
	width: 100%;
}
.entry_form th {
	background: #FFF;
    color: #000;
	font-size: 1em;
	font-weight: 400;
    width: 30%;
    text-align: left;
	vertical-align: middle;
    padding: 25px 50px 25px 30px;
    border-bottom: solid 1px #e3e3e3;
}
.entry_form td {
	text-align: left;
    padding: 25px 30px 25px;
    border-bottom: solid 1px #e3e3e3;
}
label {
	outline: none;
    position: relative;
    display: block;
    width: 70%;
}
label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #222;
}
select {
	 outline: none;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    padding: 8px 10px;
    color: #000;
    border: none;
    border-radius: 2px;
    background: transparent;
	 border: 1px solid #e3e3e3;
    border-radius: 2px;
	 font-size: 12px;
}
.entry_form ::-ms-expand {
    display: none;
}
.entry_form input[type="name"],
.entry_form input[type="age"],
.entry_form input[type="email"],
.entry_form input[type="tel"],
.entry_form input[type="text"] {
	outline: none;
	width: 50%;
	box-sizing: border-box;
	background: #FFF;
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	margin: 0;
	padding: 8px 10px;
	font-size: 15px;
}
.entry_form input[type="age"] {
	width: 50px;
	margin-right: 15px;
}
.entry_form input[type="email"] {
	margin: 5px 0;
}
.entry_form input[type="name"]:focus,
.entry_form input[type="age"]:focus,
.entry_form input[type="email"]:focus,
.entry_form input[type="tel"]:focus,
.entry_form input[type="text"]:focus,
.entry_form input[type="text"]:focus,
.entry_form textarea:focus {
    box-shadow: 0 0 2px #3498db;
    border: 1px solid #3498db;
}
.entry_form textarea {
	width: 100%;
	background: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #e2e6e8;
    box-sizing: border-box;
	margin: 0;
	padding: 15px 10px;
    outline: none;
	border-radius: 2px;
	font-size: 15px;
}
.entry_form .tlt{
	text-align: center;
	margin: 5px 0;
}
.entry_form input[type="submit"] {
	-webkit-appearance: none;
	font-size: 0.875em;
	letter-spacing: 0.1em;
	cursor: pointer;
	padding: 15px 25px;
	background: #12acd6;
	border-radius: 2px;
	color: #FFF;
	font-weight: 500;
	letter-spacing: 0.095em;
	transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}
.entry_form input[type="submit"]:hover {
	background: #154bd1;
	color: #FFF;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.entry_form input[type="button"] {
	-webkit-appearance: none;
	margin-left: 15px;
	font-size: 0.875em;
	letter-spacing: 0.1em;
	cursor: pointer;
	padding: 10px 30px;
	background: #12acd6;
	border-radius: 2px;
	color: #FFF;
	font-weight: 400;
	letter-spacing: 0.0.5em;
	box-shadow: 0 3px 0px 0px rgba(115, 115, 115, .6);
	transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}
.entry_form input[type="button"]:hover {
	background: #154bd1;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.entry_form span.entry_form_presence {
	display: inline-block;
	vertical-align: middle;
	color: transparent;
	font-size: 0.5625em;
	float: right;
}
span.entry_form_presence::before {
	content: '必須';
	display: inline-block;
	background: #ed1c24;
	color: #FFF;
	border-radius: 2px;
	margin: 0;
	padding: 5px;
}
.entry_form .tipped {
	color: #CCC;
}
/*---------------------------------*/
/*-------    RESPONSIVE    --------*/
/*---------------------------------*/
@media screen and (max-width:480px) {
	.entry_form {
		margin: 30px 0;
	}
	.entry_form table,
	.entry_form table tbody,
	.entry_form table tr,
	.entry_form table th,
	.entry_form table td {
		display: block;
		width: 100%;
		letter-spacing: 1px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.entry_form table {
		border: none;
	}
	.entry_form table th {
		background: none;
		border-bottom: none;
		padding: 20px 15px 10px;
	}
	.entry_form table td {
		padding: 15px 15px 20px;
	}
	.entry_form label { width: 100%;}
	.entry_form input[type="file"],
	.entry_form input[type="email"],
	.entry_form input[type="text"],
	.entry_form input[type="password"] {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.entry_form input[type="name"] { width: 45%; }
	.entry_form span.entry_form_presence {
		float: none;
		margin-left: 15px;
	}
}/*/mediaquery*/

.Confirmation {
	background: #FFF;
	margin: 10px 0 80px;
	padding: 40px 50px;
	font-size: 16px;
	border-radius: 2px;
	border: 2px solid #e3e3e3;
	box-shadow: 0 4px 0 0 rgba(0,0,0,.11);
}
/* table */
.Confirmation table {
	width: 100%;
	line-height: 1.7em;
	margin-bottom: 30px;
}
.Confirmation table th,
.Confirmation table td {
	font-size: 1em;
	padding: 30px 0;
	border-bottom: 1px dotted #e3e3e3;
}
.Confirmation table th {
	width: 25%;
	text-align: left;
	vertical-align: top;
	font-weight: 400;
	color: #222;
	font-size: 1em;
	padding-left: 15px;
	position: relative;
}
.Confirmation table th:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	background: #fada62;
	width: 3px;
	height: 15px;
	border-radius: 2px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.Confirmation table td {
	font-size: 0.9375em;
	font-weight: 200;
	color: #222;
}
.error_messe {
	color: red;
}
@media screen and (max-width:480px) {
	.Confirmation { padding: 30px;}
	.Confirmation table th {
		display: block;
		width: 100%;
		font-size: 1em;
		font-weight: 400;
		padding: 10px 10px 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: none;
	}
	.Confirmation table td {
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		font-size: 1em;
		padding: 0px 10px 10px;
		margin-bottom: 20px;
	}
}/*/mediaquery*/
.headl {
	color: #222;
	font-size: 1.7em;
	font-weight: 500;
	margin: 30px auto;
   text-align: center;
}