@charset "utf-8";
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");

/* BASE
================================================== */
html, body {
	margin: 0;
	padding: 0;
}
body {
	color: #111111;
	font-family: "Mplus 1p", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	background: #ffffff;
	font-size: 14px;
	line-height: 1.75em;
	letter-spacing: 1px;
	-webkit-text-size-adjust: 100%;
}

#container {
	width: 100%;
	margin: 0;
}
.block {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 5%;
}
.block_area {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 7%;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
/* ----- CLEAR ----- */
.clearfix:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
	/*
	font-size: 0.1em;
	line-height: 0;
	*/
}
.clearfix {
	zoom : 1; 
}
.clearfix {
 display: inline-block;
}
/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
section:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
	/*
	font-size: 0.1em;
	line-height: 0;
	*/
}
section {
	zoom: 1;
}
section {
 display: inline-block;
}
/* Hide from IE-mac \*/
* html section {height: 1%;}
section {display:block;}
/* End hide from IE-mac */

/* ----- PAGETOP ----- */
.backtotop {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 10;
	display: none;
	text-align: center;
}
.backtotop a:link,
.backtotop a:visited,
.backtotop a:active {
	width: 50px;
	height: 50px;
	display: block;
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-size: 24px;
	line-height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.backtotop a:hover {
	color: #ffffff;
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
@media screen and (max-width:640px){
	.backtotop a:link,
	.backtotop a:visited,
	.backtotop a:active {
		width: 40px;
		height: 40px;
		font-size: 24px;
		line-height: 35px;
	}
}



/* ----- EFFECT ----- */
._move {
	-webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* HEADER
================================================== */
header {
	width: 100%;
	margin: 0;
	padding: 100px 0 75px;
}
	header.detail {
		padding: 20px 0 17px;
	}
header h1 {
	display: table;
}
	header.large h1 {
		margin: 0 auto 40px;
	}
	header.small h1 {
		margin: 0 auto 15px;
	}
	header.detail h1 {
		text-align: left;
		margin: 0;
	}
header h1 div {
	display: inline;
}
header h1 span {
	display: inline-table;
	background: #ffffff;
	text-align: center;
	font-weight: normal;
}
	header.large h1 span {
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin-right: 4px;
		margin-bottom: 4px;
		font-size: 44px;
		line-height: 1.3em;
	}
	header.small h1 span,
	header.detail h1 span {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 3px;
		margin-bottom: 3px;
		font-size: 22px;
	}
header h2 {
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 50px;
	line-height: 1.3em;
	letter-spacing: 1px;
}
header h2 span {
	display: inline;
}
header p {
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 36px;
}
header p span {
	display: block;
}
header p br {
	display: none;
}
@media screen and (max-width:780px){
	header.large {
		padding: 40px 0;
	}
	header.large h1 {
		margin: 0 auto 2em;
	}
	header.large h1 div:nth-child(1) {
		display: block;
	}
	header p {
		font-size: 14px;
		line-height: 24px;
		text-align: left;
	}
}
@media screen and (max-width:640px){
	header.small {
		padding: 20px 0 15px;
	}
	header.small h1 {
		margin: 0 0 12px 0;
	}
	header h1 span,
	header.small h1 span,
	header.detail h1 span {
		display: inline-table;
		width: 22px;
		height: 22px;
		line-height: 22px;
		margin-right: 3px;
		margin-bottom: 3px;
		font-size: 15px;
	}
	header.large h1 div {
		display: block;
	}
	header.small h1 div:nth-child(1) {
		display: block;
	}
	header h2 {
		text-align: left;
		font-size: 30px;
		letter-spacing: 0;
		margin: 0;
	}
	header.detail h1 div:nth-child(1) {
		display: block;
	}
}

/* MENU
================================================== */
.section_drawer {
	font-size: 14px;
	line-height: 40px;
	max-width: 960px;
	/*height: 122px;*/
	margin: 0 auto;
}
.section_drawer {
	display: none;
}
.section_drawer .trigger {
	z-index: 100;
	height: 40px;
	background: rgba(51,51,51,1);
}
.section_drawer .trigger a {
	padding-left: 5%;
	position: relative;
	display: block;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: .7s all ease;
					transition: .7s all ease;
}
.section_drawer .active a {
	color: #ffffff;
}
.section_drawer .active a:before,
.section_drawer .active a:after {
	background-color: #fff;
}
.section_drawer .active a:before {
	top: 14px;
	right: 16px;
	height: 16px;
}
.section_drawer .active a:after {
	top: 14px;
	right: 16px;
	height: 16px;
}
.section_drawer .section_drawer_list li {
	padding-right: 0;
	border-bottom: 1px #ffffff solid;
}
.section_drawer .section_drawer_list li img {
	width: 16px;
	height: auto;
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

/* ----- BUTTON ----- */
.btn_hamburger {
	width: 24px;
	height: auto;
	position: absolute;
	right: 5%;
	top: 22px;
}
.btn_hamburger a {
	position: relative;
	display: block;
	height: 23px;
	-webkit-transition: all .4s;
					transition: all .4s;
	box-sizing: border-box;
}
.btn_hamburger span {
	position: absolute;
	display: inline-block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #ffffff;
	-webkit-transition: all .4s;
					transition: all .4s;
	box-sizing: border-box;
}
.btn_hamburger span:nth-of-type(1) {
	top: 0;
}
.btn_hamburger span:nth-of-type(2) {
	top: 9px;
}
.btn_hamburger span:nth-of-type(3) {
	bottom: 0;
}
.btn_hamburger span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #ffffff;
	-webkit-transition: all .4s;
					transition: all .4s;
}
.btn_hamburger .active span:nth-of-type(2) {
	-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
}
.btn_hamburger .active span:nth-of-type(2)::after {
	-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
					transform: rotate(90deg);
}
.btn_hamburger .active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) scale(0);
			-ms-transform: translateY(20px) scale(0);
					transform: translateY(20px) scale(0);
}
.btn_hamburger .active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) scale(0);
			-ms-transform: translateY(-20px) scale(0);
					transform: translateY(-20px) scale(0);
}
@media screen and (min-width:768px){
	.btn_hamburger {
		display: none;
	}
	.section_drawer {
		position: absolute;
		right: 5%;
		top: 15px;
		display: block !important;
	}
	.section_drawer .trigger {
		background: rgba(51,51,51,0);
	}
	.section_drawer .trigger a {
		padding-left: 0;
		color: #555555;
	}
	.section_drawer .section_drawer_list {
		*zoom: 1;
		margin: 0 auto;
	}
	.section_drawer .section_drawer_list:after {
		content: "\0020";
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
	}
	.section_drawer .section_drawer_list li {
		position: relative;
		float: left;
		font-size: 14px;
		box-sizing: border-box;
		border-bottom: 0;
		padding-right:15px;
	}
	.section_drawer .section_drawer_list li img {
		width: 16px;
		height: auto;
		vertical-align: middle;
		margin: 0 5px 2px 0;
	}
	.section_drawer .section_drawer_list a {
		color: #FFFFFF;
	}
}



/* #layout
================================================== */
#layout {
	width: 100%;
	padding: 0;
	margin-top: 80px;
	font-size: 14px;
	line-height: 24px;
}
#layout p {
	margin-bottom: 1.25em;
}
#layout h2 {
	font-size: 50px;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 40px;
	text-align: center;
}
#layout h2.small,
#layout h3 {
	font-size: 28px;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 40px;
	text-align: center;
}
#layout h2 span {
	display: inline;
}
#layout h3 span,
#layout p span {
	display: block;
}
#layout h3 br {
	display: none;
}
#layout .table {
	margin: 60px 0;
}
#layout .frame {
	max-width: 100%;
	max-height: 400px;
	overflow-y: scroll;
	font-size: 14px;
	padding: 15px;
	border: 2px solid #dddddd;
}
@media screen and (max-width:640px){
	#layout {
		margin-top: 40px;
		font-size: 12px;
		line-height: 20px;
	}
	#layout h2 {
		font-size: 28px;
		line-height: 1.3em;
		margin-bottom: 30px;
	}
	#layout h2.small,
	#layout h3 {
		font-size: 22px;
		line-height: 1.3em;
		margin-bottom: 30px;
	}
	#layout h2 br {
		display: none;
	}
	#layout h2.small br,
	#layout h2 span,
	#layout h3 br {
		display: block;
	}
	#layout h3 span,
	#layout p span {
		display: inline;
	}
	#layout .table {
		margin: 40px 0;
	}
	#layout .frame {
		max-height: 300px;
	}
}



/* #my
================================================== */
#my {
	width: 100%;
	margin-top: 80px;
	padding: 0;
	font-size: 14px;
	line-height: 24px;
}
#my p {
	margin-bottom: 1.25em;
}
#my h3 {
	font-size: 18px;
	font-weight: normal;
	color: #E74C3C;
	border-bottom: solid #E74C3C 1px;
	padding-bottom: 7px;
	margin-bottom: 15px;
}
#my h3 img {
	width: 23px;
	height: auto;
	vertical-align: middle;
	margin: 0 5px 2px 0;
}
#my .news {
	float: left;
	width: 65%;
	margin-bottom: 40px;
}
#my .news .table {
	margin: 0px;
}
#my .news .table dt {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	width: 28%;
	margin-bottom: 40px;
}
#my .news .table dd {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 1.75em;
}
#my .interview {
	float: right;
	width: 30%;
	margin-bottom: 40px;
}
#my .now {
	width: 100%;
	margin-bottom: 40px;
}
#my .before {
	width: 100%;
}
#my .now ul,
#my .before ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#my .before ul {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: dotted #E74C3C 1px;
}
#my .now ul li:nth-child(1) {
	display: table-cell;
	vertical-align: middle;
	width: 36%;
}
#my .now ul li:nth-child(2) {
	display: table-cell;
	vertical-align: middle;
	padding: 0 2%;
	width: 30%;
	white-space: nowrap;
}
#my .now ul li:nth-child(3) {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	white-space: nowrap;
}
#my .before ul li:nth-child(1) {
	display: table-cell;
	vertical-align: middle;
	width: 68%;
	padding-right: 2%;
}
#my .before ul li:nth-child(2) {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	white-space: nowrap;
}
#my .bt_more {
	text-align: center;
	color: #E74C3C;
}
#my .bt_more:hover {
	cursor: pointer;
}
#my input[type=button] {
	font-size: 18px;
	line-height: 40px;
	width: 100%;
	color: #111111;
	border-style: none;
}
#my input[type=submit] {
	font-size: 18px;
	line-height: 40px;
	width: 100%;
	color: #111111;
	border-style: none;
}
#my .red input[type=button] {
	background: #E74C3C;
    color: #FFFFFF;
	border: 1px solid #E74C3C;
}
#my .red input[type=submit] {
	background: #E74C3C;
    color: #FFFFFF;
	border: 1px solid #E74C3C;
}
#my .green input[type=button] {
	background: #1ABC9C;
    color: #FFFFFF;
	border: 1px solid #1ABC9C;
}
#my input[type=button]:hover {
	cursor: pointer;
	opacity: 0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
@media screen and (max-width:768px){
	#my {
		margin-top: 40px;
		font-size: 12px;
		line-height: 20px;
	}
	#my .news {
		float: none;
		width: 100%;
	}
	#my .interview {
		float: none;
		width: 100%;
	}
	#my .news .table dl {
		width: auto;
	}
	#my .news .table dt {
		padding: 0;
		margin: 0;
		width: auto;
	}
	#my .news .table dd {
		padding: 0;
		margin-bottom: 0.5em;
	}
	#my .now ul,
	#my .before ul {
		display: block;
		width: 100%;
	}
	#my .now ul li:nth-child(1),
	#my .now ul li:nth-child(2),
	#my .now ul li:nth-child(3),
	#my .before ul li:nth-child(1),
	#my .before ul li:nth-child(2) {
		display: block;
		padding: 0;
		width: 100%;
	}
	#my .now ul li:nth-child(1),
	#my .now ul li:nth-child(2),
	#my .before ul li:nth-child(1) {
		margin-bottom: 10px;
	}
}



/* #colum
================================================== */
#colum {
	width: 100%;
	margin-top: 80px;
	padding: 60px 0 40px;
	background: #F7941E;
}
#colum p {
	margin-bottom: 1.25em;
}
#colum h3 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 1.75px;
	margin-bottom: 2em;
	color: #ffffff;
	font-weight: normal;
}
#colum ul {
	width: 100%;
	margin-top: 2%;
}
#colum ul li {
	float: left;
	width: 30%;
	margin-bottom: 2%;
}
#colum ul li:nth-child(2),
#colum ul li:nth-child(3n+2) {
	margin-left: 5%;
	margin-right: 5%;
}
#colum .category {
	width: auto;
	text-align: center;
	font-size: 12px;
	line-height: 2em;
	background: #F7941E;
	color: #FFFFFF;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
#colum .bt_title {
	width: auto;
	text-align: center;
}

#colum input[type=button] {
	font-size: 18px;
	line-height: 40px;
	width: 100%;
	color: #F7941E;
	border-style: none;
}
#colum .orange input[type=button] {
	background: #ffffff;
}
#colum input[type=button]:hover {
	cursor: pointer;
	opacity: 0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
@media screen and (max-width:768px){
	#colum ul {
		margin-top: 0.75em;
	}
	#colum ul li {
		float: none;
		width: 100%;
		margin-bottom: 2em;
	}
	#colum ul li:nth-child(2),
	#colum ul li:nth-child(3n+2) {
		margin-left: 0;
		margin-right: 0;
	}
}



/* #check
================================================== */
#check {
	width: 100%;
	padding: 0;
	margin: 50px 0 40px;
	font-size: 18px;
	line-height: 36px;
}
#check p {
	text-align: center;
	margin-bottom: 1.25em;
}
#check h2 {
	font-size: 50px;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 40px;
	text-align: center;
}
#check h3.large {
	font-size: 45px;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 40px;
	text-align: center;
}
#check h2.small {
	font-size: 26px;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 0;
	text-align: center;
}
#check h3 {
	font-size: 26px;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 40px;
	text-align: center;
}
#check done {
	margin-top: 80px;
}
#check h2 span {
	display: inline;
}
#check h3 span,
#check p span {
	display: block;
}
#check .table {
	margin: 60px 0;
}
#check .frame {
	max-width: 100%;
	max-height: 400px;
	overflow-y: scroll;
	font-size: 14px;
	padding: 15px;
	border: 2px solid #dddddd;
}
#check .frame p {
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}
#check .area {
	width: 100%;
	height: 300px;
	position: relative;
}
#check .area h3 {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
#check .bt4 {
	margin: 10px auto;
}

@media screen and (max-width:768px){
	#check {
		margin-top: 40px;
		font-size: 14px;
		line-height: 24px;
	}
	#check h2,
	#check h3.large {
		font-size: 26px;
		line-height: 1.3em;
		margin-bottom: 30px;
	}
	#check h3 {
		font-size: 22px;
		line-height: 1.3em;
		margin-bottom: 30px;
	}
	#check h2.small {
		font-size: 14px;
		line-height: 1.3em;
	}
	#check h2 br {
		display: none;
	}
	#check h2.small br,
	#check h2 span {
		display: block;
	}
	#check h3 span,
	#check p span {
		display: inline;
	}
	#check .table {
		margin: 40px 0;
	}
	#check .frame {
		max-height: 300px;
	}
	#check .area {
		height: 200px;
	}
}
@media screen and (max-width:640px){
	#check p {
		text-align: left;
	}
}



/* ITEM
================================================== */
/* ----- button ----- */
/*20190212 n.sakuraya 変更　C180019*/
.bt,
.bt2,
.bt4 {
	overflow: hidden;
	width: 100%;

}

.bt{ margin: 20px auto;}

.bt2,
.bt4 {margin: 40px auto;}



.bt li,
.bt2 li,
.bt4 li {
	text-align: center;
}
.bt li {
	width: 100%;
}
.bt2 li {
	float: left;
	width: 50%;
}
.bt4 li {
	float: left;
	width: 25%;
}
input[type=button] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.bt input[type=button],
.bt input[type=submit],
.bt2 input[type=button] {
	font-size: 24px;
	line-height: 1.3em;
	padding: 12px 0;
	width: 90%;
	color: #FFFFFF;
	border-style: none;
}
.bt4 input[type=button] {
	font-size: 18px;
	line-height: 1.3em;
	padding: 16px 0;
	width: 95%;
	color: #FFFFFF;
	margin-top: 30px;
	border-style: none;
}
.bt input[type=button],
.bt input[type=submit],
.bt2 input[type=button],
.bt4 input[type=button] {
	max-width: 320px;
}
	.bt .blue input[type=button],
	.bt2 .blue input[type=button],
	.bt4 .blue input[type=button] {
		background: #3498DB;
		border: 1px solid #3498DB;
	}
	.bt .red input[type=button],
	.bt .red input[type=submit],
	.bt2 .red input[type=button],
	.bt4 .red input[type=button] {
		background: #E74C3C;
		border: 1px solid #E74C3C;
	}
	.bt .orange input[type=button],
	.bt2 .orange input[type=button],
	.bt4 .orange input[type=button] {
		background: #F7941E;
		border: 1px solid #F7941E;
	}
	.bt .green input[type=button],
	.bt2 .green input[type=button],
	.bt4 .green input[type=button] {
		background: #1ABC9C;
		border: 1px solid #1ABC9C;
	}
	.bt .choice_b input[type=button],
	.bt2 .choice_b input[type=button],
	.bt4 .choice_b input[type=button] {
		background: #ffffff;
		border: 1px solid #3498DB;
		color: #3498DB;
	}
	.bt .choice_r input[type=button],
	.bt2 .choice_r input[type=button],
	.bt4 .choice_r input[type=button] {
		background: #ffffff;
		border: 1px solid #E74C3C;
		color: #E74C3C;
	}
	.bt .choice_o input[type=button],
	.bt2 .choice_o input[type=button],
	.bt4 .choice_o input[type=button] {
		background: #ffffff;
		border: 1px solid #F7941E;
		color: #F7941E;
	}
	.bt .choice_g input[type=button],
	.bt2 .choice_g input[type=button],
	.bt4 .choice_g input[type=button] {
		background: #ffffff;
		border: 1px solid #1abc9c;
		color: #1abc9c;
	}

.bt input[type=button]:hover,
.bt2 input[type=button]:hover,
.bt4 input[type=button]:hover {
	cursor: pointer;
	opacity: 0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
	.bt .choice_b input[type=button]:hover,
	.bt2 .choice_b input[type=button]:hover,
	.bt4 .choice_b input[type=button]:hover {
		background: rgba(52,152,219,0.1);
	}
	.bt .choice_r input[type=button]:hover,
	.bt2 .choice_r input[type=button]:hover,
	.bt4 .choice_r input[type=button]:hover {
		background: rgba(231,76,60,0.1);
	}
	.bt .choice_o input[type=button]:hover,
	.bt2 .choice_o input[type=button]:hover,
	.bt4 .choice_o input[type=button]:hover {
		background: rgba(247,148,30,0.1);
	}
	.bt .choice_g input[type=button]:hover,
	.bt2 .choice_g input[type=button]:hover,
	.bt4 .choice_g input[type=button]:hover {
		background: rgba(26,188,156,0.1);
	}

.back {
	font-size: 18px;
	line-height: 20px;
	display: table;
	width: auto;
	margin: 2em auto 0;
}
.back li {
	padding: 0 1em;
	display: table-cell;
}
.back li span {
	display: inline-block;
	transform: rotateZ(90deg);
	vertical-align: top;
}
.next li span {
	display: inline-block;
	transform: rotateZ(30deg);
	vertical-align: top;
}
.area-button {
    display: flex;
    justify-content: space-between;
    width: 98%;
    margin: 2em auto 0;
}
.area-button .back {
    display: block;
    margin: 0;
}
.area-button .back li {
    padding: 0;
}
.block_area .back,
.area-button .back,
.area-button .next {
	cursor: pointer;
}

@media screen and (max-width:768px){
	.bt4 {
		margin: 40px auto;
	}
	.bt4 li {
		width: 50%;
		float: left;
		margin-bottom: 2%;
	}
	.bt4 input[type=button] {
		font-size: 12px;
		line-height: 1.3em;
		padding: 15px 0;
		margin: 0;
	}
    .area-button {
        margin: 0.5em auto 0;
    }
    .back, .area-button .next {
        font-size: 12px;
    }
}
@media screen and (max-width:640px){
	.bt,
	.bt2 {
		margin: 40px auto;
	}
	.bt li,
	.bt2 li {
		width: 100%;
		float: none;
		margin-bottom: 1.25em;
	}
	.bt input[type=button],
	.bt2 input[type=button] {
		width: 100%;
		max-width: none;
	}
	.back {
		margin: 0.5em auto 0;
	}
	.back li {
		padding: 0 0.5em;
	}
    .area-button {
        margin: 0.5em auto 0;
    }
}

/* ----- table ----- */
.table {
	margin: 0;
}
.table dl,
.table dt,
.table dd {
	margin: 0;
}
.table dl {
	display: table;
	border-style: none solid none solid;
	width: 100%;
}
.table dt {
	font-weight: nomal;
	vertical-align: middle;
	display: table-cell;
	padding: 0.75em 1em 0.75em 0;
	min-height: 1.5em;
	width: 22%;
}
.table dd {
	display: table-cell;
	min-height: 1.5em;
	padding: 0.5em 0;
}
.table dd img.pass {
	vertical-align: middle;
	padding-left: 10px;
	width: 22px;
	height: auto;
}
@media screen and (max-width:640px){
	.table dt,
	.table dd,
	.table dl {
		display: block;
	}
	.table dl {
		width: auto;
	}
	.table dt {
		padding: 0.25em 0 0;
		width: auto;
	}
	.table dd {
		padding: 0.25em 0 0.5em;
	}
}
@media screen and (max-width:640px){
	.table {
		margin: 2em 0;
	}
	.table dt span {
		display: block;
	}
}
/* ----- form ----- */
input, button, textarea, select {
	border: 2px solid #dddddd;
	font-size: 14px;
	padding: 5px;
}
input:focus, textarea:focus, select:focus {
	border: 2px solid #000000;
	-webkit-transition: .4s all ease;
					transition: .4s all ease;
}
input[type=text] {
	width: 97%;
}
input[type=password] {
	width: 88%;
}
select {
	width: 100%;
}
textarea {
	width: 97%;
}
input[type=text].birthday {
	width: 15%;
}
input[type=text].zip {
	width: 50%;
}
@media screen and (max-width:640px){
	input[type=password] {
		width: 82%;
	}
	input[type=text].birthday {
		width: 50%;
		margin: 0.25em 0;
	}
	input[type=text].zip {
		margin: 0.25em 0;
	}
}
/*20190212 n.sakuraya 追加　C180019*/
#link_login {color: #E74C3C;}


/* FOOTER
================================================== */
footer {
	width: 100%;
	margin: 20px 0;
	text-align: center;
}
footer small {
	font-size: 10px;
	line-height: 2em;
}
@media screen and (max-width:640px){
	footer {
		margin: 10px 0;
	}
}



/* DECORATION
================================================== */
/* ----- text-align ----- */
.t_left {text-align: left;}
.t_right {text-align: right;}
.t_center {text-align: center;}
.t_top {vertical-align: top;}
.t_middle {vertical-align: middle;}
.t_bottom {vertical-align: bottom;}

/* ----- text-color ----- */
.t_r {color: #E74C3C;}
.t_b {color: #3498DB;}
.t_g {color: #1ABC9C;}
.t_o {color: #F7941E;}

/* ----- float ----- */
.f_left {float: left;}
.f_right {float: right;}

/* ----- margin ----- */
.m_top {margin-top: 1.75em;}
.m_bottom {margin-bottom: 1.75em;}
.m1_top {margin-top: 1em;}
.m1_bottom {margin-bottom: 1em;}
.m2_top {margin-top: 2em;}
.m2_bottom {margin-bottom: 2em;}
.m3_top {margin-top: 3em;}
.m3_bottom {margin-bottom: 3em;}

/* ----- padding ----- */
.p_top {padding-top: 1.75em;}
.p_bottom {padding-bottom: 1.75em;}
.p1_top {padding-top: 1em;}
.p1_bottom {padding-bottom: 1em;}
.p2_top {padding-top: 2em;}
.p2_bottom {padding-bottom: 2em;}
.p3_top {padding-top: 3em;}
.p3_bottom {padding-bottom: 3em;}

.for_copy{
	width: 16px;
	height: auto;
	vertical-align: middle;
	margin: 0 5px 2px 0;
}