@charset "Shift_JIS";


/*------------------------------
	01.RESET
-------------------------------*/

html, body {
	height: 100%;
}
hr {
	display: none;
}
* {
	margin: 0;
	padding: 0;
	word-break: break-all;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color: #333333;
	word-break: break-word;
}
button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
}
img {
	border: none;
	vertical-align: bottom;
}
ul, ol {
	list-style: none;
}
a {
	color: #003399;
}
a:link, a:visited {
	text-decoration: underline;
}
a:visited {
	color: #990066;
}
a:hover {
	color: #cc0001;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: 0.2s;
	opacity: 0.5;
}
a:active {
	text-decoration: none;
}
input[type="submit"],
input[type="button"],
button {
	-webkit-appearance: none;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: 0.2s;
	opacity: 0.5;
}
em {
	font-weight: bold;
	font-style: normal;
}
input[type="text"],
input[type="password"],
textarea {
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	border: #dddddd 1px solid;
	border-radius: 0;
	-webkit-appearance: none;
	width: 100%;
}
select {
	border: #dddddd 1px solid;
}
em {
	font-weight: bold;
	font-style: normal;
}
select {
	font-size: 16px;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
label {
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	body {
		font-size: 14px;
	}
	input[type="text"],
	input[type="password"],
	textarea {
		font-size: 14px;
		width: auto;
	}
	select {
		font-size: 14px;
	}
}


/*------------------------------
	02.COMMON
-------------------------------*/

a {
	display: block;
}
img {
	max-width: 100%;
}
strong {
    color: #ec1d27;
}
.wrap {
}
.sp {
	display: block;
}
.pc {
	display: none;
}
.hidden {
	display: none;
}
.hidden_sp {
	display: none;
}
.hidden_pc {
	display: block;
}
.vhidden {
	visibility: hidden;
}

.inline_block {
	display: inline-block;
}

.mt0 { margin-top: 0!important;}
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mb0 { margin-bottom: 0!important;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.pt0 { padding-top: 0!important;}
.pb0 { padding-bottom: 0!important;}

.t_left {text-align: left;}
.t_center {text-align: center;}
.t_right {text-align: right;}

.sp_width_100 {
	width: 100%;
}

.sp_m_block {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
}
.sp_p_block {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
}
.border_b {
	border-bottom: 1px solid #CCC;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.sp_wrap {
	margin-left: 10px;
	margin-right: 10px;
}
.sp_t_left {text-align: left;}

/* clearfix */
.clearfix:before,
.clearfix:after{
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}

@media screen and (min-width: 768px) {
	a {
		display: inline-block;
	}
	.sp {
		display: none;
	}
	.hidden_sp {
		display: block;
	}
	.hidden_pc {
		display: none;
	}
	.pc {
		display: block;
	}
	.wrap {
		display: block;
		width: 960px;
		min-width: 960px;
		margin: 0 auto;
	}
	.sp_width_100 {
		width: auto;
	}
	.sp_m_block {
		margin-right: auto;
		margin-left: auto;
	}
	.sp_p_block {
		padding-right: 0;
		padding-left: 0;
	}
	.sp_wrap {
		margin-left: auto;
		margin-right: auto;
	}
	
	.sp_t_left {text-align: center;}
}


/*------------------------------
	03.LAYOUT
-------------------------------*/
#pageTop {
	padding-top: 100px;
}

header {
	position: fixed;
	top: 0;
	background-color: #ffffff;
	width: 100%;
	border-bottom: #00287d 5px solid;
	z-index: 9999;
}
header .text {
	background-color: #779ad4;
	height: 5px;
}
header .logo {
	padding-top: 10px;
	padding-bottom: 10px;
}
header .logo a {
	width: 176px;
	line-height: 0;
	margin: 0 auto;
}
header nav ul.navi1,
header nav ul.navi2 {
	overflow: hidden;
}
header nav ul.navi1 li,
header nav ul.navi2 li {
	float: left;
}
header nav ul.navi2 li {
	width: 33%;
	text-align: center;
}
header nav ul.navi2 li:nth-child(2) {
	width: 34%;
}
header nav ul.navi2 a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	height: 45px;
	padding-top: 3px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ececec 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ececec 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	border: #cccccc 1px solid;
	border-left: none;
	border-bottom: none;
}
header nav ul.navi2 li:nth-child(3) a {
	border-right: none;
	padding-top: 0;
	height: 48px;
	line-height: 48px;
}
header nav ul.navi2 li.active a {
	background: #00287d;
	border: #00287d 1px solid;
	border-bottom: none;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
	#pageTop {
		padding-top: 104px;
	}
	header {
		border-bottom: #00287d 6px solid;
	}
	header .text {
		height: 20px;
	}
	header .text > p {
		width: 960px;
		line-height: 20px;
		margin: 0 auto;
		font-size: 10px;
		color: #ffffff;
	}
	header .logo {
		padding: 0;
		min-width: initial;
		min-width: auto;
	}
	header .logo a {
		width: 255px;
		margin-top: 24px;
	}
	header .wrap {
		overflow: hidden;
		height: 78px;
	}
	header .left {
		float: left;
	}
	header .right {
		float: right;
	}
	header .right.tac-school {
		padding: 24px 20px 0 20px;
	}
	header nav.right {
		position: relative;
		height: 78px;
	}
	header nav ul.navi1,
	header nav ul.navi2.pc {
		position: relative;
		right: 0;
	}
	header nav ul.navi1 {
		top: 12px;
	}
	header nav ul.navi1 li {
		margin-left: 10px;
	}
	header nav ul.navi1 a {
/*		position: relative;*/
		height: 21px;
		line-height: 21px;
		padding-left: 20px;
/*		font-size: 12px;*/
		text-decoration: none;
		color: #333333;
	}
	header nav ul.navi1 a.link_icon02:before {
		top: 5px;
		left: 4px;
	}
	header nav ul.navi1 a.link_icon02:after {
		left: 8px;
		top: 8px;
	}
/*	header nav ul.navi1 a.:before,
	header nav ul.navi1 a:after {
		content: "";
		position: absolute;
		top: 5px;
		left: 4px;
		margin: auto;
		vertical-align: middle;
	}
	header nav ul.navi1 a:before {
		width: 12px;
		height: 12px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #00287d;
	}
	header nav ul.navi1 a:after {
		left: 8px;
		top: 8px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 3px;
		height: 3px;
		border: 3px solid transparent;
		border-left: 5px solid #fff;
	}*/
	header nav ul.navi1 li:nth-child(3) a {
		background-color: #ededed;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	header nav ul.navi2.pc {
		position: absolute;
		bottom: 0;
	}
	header nav ul.navi2 li {
		width: auto;
		margin-left: 2px;
	}
	header nav ul.navi2 li:nth-child(2) {
		width: auto;
	}
	header nav ul.navi2 a {
		height: 36px;
		line-height: 36px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0;
		border: #cccccc 1px solid;
		border-bottom: none;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	header nav ul.navi2 li:nth-child(3) a {
		height: 36px;
		line-height: 36px;
		border-right: #cccccc 1px solid;
	}
}


/* 見出し */
h1, .h1 {
	background-color: #2960ca;
}
h1 span, .h1 span {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
.title_mt {
	margin-top: 1.5em;
}
.title01 {
	background-color: #00287d;
	color: #ffffff;
	font-size: 16px;
	padding: 5px 10px;
	margin-bottom: 1.5em;
}
.title02 {
	background-color: #779ad4;
	color: #ffffff;
	font-size: 14px;
	padding: 5px 10px;
	margin-bottom: 1.5em;
}

@media screen and (min-width: 768px) {
	h1, .h1 {
		min-width: 960px;
	}
	h1 span, .h1 span {
		height: 42px;
		line-height: 42px;
		font-size: 20px;
		text-align: left;
	}
	.wrap p.h1 {
		padding-left: 12px;
	}
}


/* テキスト */
.text_10px { font-size: 10px;}
.text_11px { font-size: 11px;}
.text_12px { font-size: 12px;}
.text_13px { font-size: 13px;}
.text_14px { font-size: 14px;}
.text_15px { font-size: 15px;}
.text_16px { font-size: 16px;}
.bold {
	font-weight: bold;
}
.emphasis,
.emphasis a {
	color: #cc0000;
	font-weight: normal;
}

.color01 {
	color: #ec1d27;
}
.color02 {
	color: #999999;
}

.list01 li {
	text-indent: -1em;
	margin-left: 1em;
}
.list01 li ul {
	margin-top: 8px;
	margin-bottom: 8px;
}
.list01 li a,
.list02 li a,
.list03 li a {
	text-indent: 0;
	margin: 0;
	display: inline;
}

.list02,
.list03 {
	line-height: 1.5;
}
.list02 dd {
	padding-left: 1.5em;
	margin-top: -1.5em;
}
.list03 dd {
	padding-left: 1.8em;
	margin-top: -1.5em;
}
.list02 dd dl,
.list03 dd dl {
	margin-top: 8px;
	margin-bottom: 8px;
}

/* ボタン */
.link_btn_area01 {
	overflow: hidden;
}
.link_btn_area01 li {
	display: inline-block;
	background-color: #ffffff;
	width: 43.75%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.link_btn_area01 li a,
.link_btn_area01 li input {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.link_btn_area01 li input {
	width: 100%;
	border: none;
}
.link_btn_area01 .btn01 {
	float: left;
	margin-left: 4.69%;
}
.link_btn_area01 .btn02 {
	float: right;
	margin-right: 4.69%;
}
.link_btn_area01 .btn_color01 a,
.link_btn_area01 .btn_color01 input {
	background-color: #ff7a00;
}
.link_btn_area01 .btn_color02 a,
.link_btn_area01 .btn_color02 input {
	background-color: #00287d;
}

.link_btn01 a,
.link_btn02 a {
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #cccccc 1px solid;
	text-align: center;
}
.link_btn01 a:hover,
.link_btn02 a:hover {
	text-decoration: none;
}
.link_btn02 .link_icon01:before {
	top: 8px;
}
.link_btn02 .link_icon01:after {
	top: 11px;
}

.link_btn03 a,
.link_btn03 input {
	background-color: #00287d;
	width: 46.67%;
	height: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 35px;
	margin-right: auto;
	margin-left: auto;
}

.link_icon01,
.link_icon02 {
	position: relative;
	font-size: 14px;
	display: inline-block;
	padding-left: 17px;
}
.link_icon01:before,
.link_icon01:after,
.link_icon02:before,
.link_icon02:after {
	content: "";
	position: absolute;
	margin: auto;
	vertical-align: middle;
}
.link_icon01:before,
.link_icon02:before {
	top: 5px;
	left: 0px;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.link_icon01:before {
	background: #ff7a00;
}
.link_icon02:before {
	background: #00287d;
}
.link_icon01:after,
.link_icon02:after {
	top: 8px;
	left: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 5px solid #fff;
}
.link_icon01:visited:after,
.link_icon02:visited:after { 
	border-left: 5px solid #fff;
}
.link_icon01.prev:after,
.link_icon02.prev:after {
	left: 0px;
	border: 3px solid transparent;
	border-right: 5px solid #fff;
}
.link_icon01.next,
.link_icon02.next {
	padding-right: 20px;
	padding-left: 0;
}
.link_icon01.next:before,
.link_icon02.next:before {
	right: -30px;
}
.link_icon01.next:after,
.link_icon02.next:after {
	right: -30px;
}

.text_link02 .link_icon01,
.text_link02 .link_icon02 {
	font-size: 12px;
}
.text_link02 .link_icon01:before,
.text_link02 .link_icon02:before {
	top: 3px;
}
.text_link02 .link_icon01:after,
.text_link02 .link_icon02:after {
	top: 6px;
}

.form_btn {
	padding: 20px 0;
	text-align: center;
}
.form_btn input {
	width: 34.38%;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1em;
	padding-left: 1em;
	background: #5e88d7; /* Old browsers */
	background: -moz-linear-gradient(top, #5e88d7 0%, #2960ca 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5e88d7 0%,#2960ca 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5e88d7 0%,#2960ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e88d7', endColorstr='#2960ca',GradientType=0 ); /* IE6-9 */
	border: #2960ca 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.link_btn_area01 {
		margin-left: -10px;
		text-align: center;
	}
	.link_btn_area01 li {
		float: none!important;
		display: inline-block;
		width: 140px;
		margin-left: 10px;
	}
	.link_btn_area01 li a {
		display: block;
	}
	.link_btn01 a,
	.link_btn02 a {
		width: 140px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.link_btn03 a,
	.link_btn03 input {
		width: 140px;
		height: 36px;
		display: block;
	}
	.text_link_list li {
		display: inline-block;
		margin-right: 30px;
	}
	.form_btn input {
		width: 108px;
	}
}

/* アイコン */
.ico_area {
	position: relative;
}
.ico {
	position: relative;
	display: inline-block;
	height: 13px;
	line-height: 13px;
	margin-right: 3px;
	padding: 1px 4px;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	vertical-align: middle;
	text-decoration: none;
	top: -2px;
}
.ico a {
	color: #ffffff;
	text-decoration: none;
}
.ico.new {
	background-color: #cc0000;
}
.ico.ui_date {
	background-color: #FE6C92;
}
.ico.inexperience {
	background: url("../images/ico_beginner.png") no-repeat center center;
	background-size: 9px auto;
	width: 9px;
	text-indent: -999999px;
}
.ico.special {
	background-color: #99cc00;
}

/* ページャー */
.pager01 {
	display: table;
	width: auto;
	min-width: auto;
	margin-left: auto;
	margin-right: auto;
}
.pager01 div {
	display: inline-block;
}
.pager01 div.pager_prev {
	padding-right: 10px;
}
.pager01 div.pager_count {
	padding: 0 10px;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
}
.pager01 div.pager_next {
	padding-left: 10px;
}
.pager01 a {
	display: inline-block;
}
.pager01 .next:before {
	right: -59px;
}
.pager01 .next:after {
	right: -59px;
}
.pager01 strong,
.pager01 em {
	font-weight: normal;
}

/* ブロック */
.block_base01 {
	margin-bottom: 30px;
}
.block_base01 .block_ttl {
	background-color: #779ad4;
	color: #ffffff;
	font-size: 14px;
	padding: 5px 10px;
}
.block_base01 .block_ttl02 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}
.block_base01 .block_sub_ttl {
	font-weight: bold;
	margin-bottom: 5px;
}
.block_base01 .text_area {
	padding: 10px 10px;
	border-right: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
}
.block_base01 .text_area02 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.block_base01 dl {
	background-color: #eaeaea;
	margin: 0;
	border: #dddddd 1px solid;
}
.block_base01 dt {
	padding: 10px;
	font-weight: bold;
}
.block_base01 dd {
	border-top: #dddddd 1px solid;
	background-color: #ffffff;
	padding: 10px;
}

.block_base01 dd .link_btn03 a,
.block_base01 dd .link_btn03 input {
	width: 50.36%;
}
.block_base01 .layout_btn .area01 p {
	padding: 10px;
	border: #dddddd 1px solid;
}
.block_base01 .layout_btn .area02 {
	padding: 15px 0;
}
.block_base01 label input {
	margin-right: 5px;
}
.block_base01 textarea {
	max-width: 100%;
}
.block_base01 .ml {
	margin-left: 11px;
}
.block_base01 .ml02 {
	margin-left: 23px;
}
.block_base01 .mr {
	margin-right: 11px;
}
.block_base01 .mr02 {
	margin-right: 23px;
}
.block_base01 .width01 {
	width: 100%;
}
.block_base01 .necessary {
	display: inline-block;
	font-size: 11px;
	color: #FFF;
	background-color: #fe9c00;
	padding: 1px 5px;
	margin-left: 10px;
	border-radius: 2px;
}
.block_base01 .scout {
	background-color: #ffffcd;
}
.block_base01 .notes {
	font-size: 12px;
	margin-top: 2px;
}
.block_base01 .btn_area {
	background-color: #ebf3ff;
	border: #dddddd 1px solid;
	text-align: center;
	padding: 15px 0;
}
.block_base01 .btn_area .link_btn03 a,
.block_base01 .btn_area .link_btn03 input {
	width: 46.98%;
}
.block_base01 .link_btn_area01 li {
	width: 46.98%;
}
.block_base01 .link_btn_area01 .btn01 {
	margin-left: 1.34%;
}
.block_base01 .link_btn_area01 .btn02 {
	margin-right: 1.34%;
}
.block_base01 .alert {
	margin: 5px 0 5px 15px;
	font-size: 12px;
	color: #ff0000;
}

.block_base01 .scroll_area {
	padding: 15px 18px;
	background-color: #eaeaea;
}
.block_base01 .scroll_area .scroll {
	overflow: auto;
	height: 120px;
	padding: 5px 5px 10px 5px;
	margin-bottom: 15px;
	border: 1px solid #c0c0c0;
	background-color: #f9f9f9;
	color: #000;
	font-size: 12px;
	overflow-x: hidden;
}
.block_base01 .scroll_area .scroll .ttl {
	font-size: 14px;
}
.block_base01 .scroll_area .scroll p {
	padding: 10px 8px 2px;
}
.block_base01 .scroll_area .scroll dl,
.block_base01 .scroll_area .scroll dt,
.block_base01 .scroll_area .scroll dd {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	width: auto;
}
.block_base01 .scroll_area .scroll dt {
	padding: 10px 5px 2px;
	text-indent: 3px;
	font-weight: normal;
}
.block_base01 .scroll_area .scroll dd {
	padding: 2px 20px;
}
.block_base01 .scroll_area .scroll dd p {
	padding: 0 0 5px;
}
.block_base01 .scroll_area .scroll dd .list02,
.block_base01 .scroll_area .scroll dd .list03 {
	line-height: 1.5;
	padding: 0;
}
.block_base01 .scroll_area .scroll dd .list02 dt,
.block_base01 .scroll_area .scroll dd .list03 dt {
	text-indent: 0;
	padding: 0;
}
.block_base01 .scroll_area .scroll dd .list02 dd,
.block_base01 .scroll_area .scroll dd .list03 dd {
	margin: -1.5em 0 0 0;
	width: auto;
}
.block_base01 .scroll_area .scroll dd .list02 dd {
	padding: 0 0 5px 1.4em;
}
.block_base01 .scroll_area .scroll dd .list03 dd {
	padding: 0 0 0 1.9em;
}
.block_base01 .scroll_area .scroll dd .list02 dd:last-child {
	padding-bottom: 0;
}
.block_base01 .select_area {
	text-align: center;
	clear: both;
}
.block_base01 .select_area label {
	display: inline-block;
	margin-right: 15px;
	margin-left: 15px;
}
.block_list01 {
}
.block_list01 .block_ttl {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	background-color: #2a60ca;
	padding: 6px 15px 6px 9.70%;
	text-align: left;
}
.block_list01 li {
	border-bottom: 1px solid #e5e5e5;
}
.block_list01 li:last-child {
	border-bottom: 1px solid #cccccc;
}
.block_list01 li a {
	position: relative;
	padding: 16px 40px 16px 16px;
	font-size: 14px;
	display: block;	
}
.block_list01 li a:before {
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	border-top: 1px solid #2960ca;
	border-right: 1px solid #2960ca;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
	.block_base01 .block_ttl,
	.block_base01 .text_area,
	.block_base01 .btn_area,
	.block_base01 .scroll_area {
		margin-right: 0;
		margin-left: 0;
	}
	.block_base01 .block_ttl02 {
		margin: 0 0 10px;
	}
	.block_base01 .text_area {
		font-size: 12px;
	}
	.block_base01 .text_area02 {
		margin: 0 0;
		border-top: #dddddd 1px solid;
	}
	.block_base01 dl {
		margin: 0 0;
		font-size: 12px;
		display: table;
		min-height: 38px;
	}
	.block_base01 dl {
		border-bottom: none;
	}
	.block_base01 dl:last-child {
		border-bottom: #dddddd 1px solid;
	}
	.block_base01 dl.bdb {
		border-bottom: #dddddd 1px solid;
	}
	.block_base01 dt {
		width: 150px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: table-cell;
		vertical-align: top;
		min-height: 38px;
	}
	.block_base01 dd {
		border-top: none;
		border-left: #dddddd 1px solid;
		width: 808px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
		min-height: 38px;
	}
	.block_base01 .layout2 {
		display: table;
		margin: 0 0;
	}
	.block_base01 .layout2.border-bottom {
		border-bottom: #dddddd 1px solid;
	}
	.block_base01 .layout2 dl {
		display: table-cell;
		margin: 0;
		border-bottom: none;
	}
	.block_base01 .layout2 dd {
		width: 329px;
		border-bottom: none;
	}
	.block_base01 .layout2 dl:last-child {
		border-left: none;
	}
	.block_base01 .layout2 dl:last-child dd {
		width: 328px;
	}
	
	.block_base01 .layout_btn {
		display: table;
		margin-right: 0;
		margin-left: 0;
	}
	.block_base01 .layout_btn .area01 {
		display: table-cell;
		width: 760px;
		font-size: 12px;
	}
	.block_base01 .layout_btn .area02 {
		display: table-cell;
		width: 200px;
		padding: 0 0;
		vertical-align: middle;
		border-top: #dddddd 1px solid;
		border-right: #dddddd 1px solid;
		border-bottom: #dddddd 1px solid;
	}
	.block_base01 .layout_btn .area01 dl {
		margin: 0;
	}
	.block_base01 .layout_btn .area01 dd {
		width: 608px;
	}
	.block_base01 .layout_btn .area02 .link_btn03 a {
		height: 26px;
		line-height: 26px;
	}
	.block_base01 dd .link_btn03 a,
	.block_base01 dd .link_btn03 input {
		width: 140px;
	}
	.block_base01 dd .link_btn03 a {
		margin-right: 0;
		margin-left: 0;
	}
	.block_base01 .width01 {
		width: auto;
	}
	.block_base01 .btn_area .link_btn03 a,
	.block_base01 .btn_area .link_btn03 input {
		width: 140px;
	}
	.block_base01 .link_btn_area01 li {
		width: 140px;
	}
	.block_base01 .alert {
		margin-right: 0;
		margin-left: 12px;
	}
	.block_base01 .scroll_area .srcoll {
		height: 150px;
	}
	.block_base01 .scroll_area.layout2 {
		display: block;
	}
	.block_base01 .scroll_area.layout2 .scroll_wrap {
		float: left;
		width: 424px;
	}
	.block_base01 .scroll_area.layout2 .scroll_wrap.first {
		margin-right: 15px;
	}

	.block_list01 li a {
		padding: 16px 16px 16px 22px;
	}
	.block_list01 li a:before {
		left: 7px;
		right: auto;
		top: 23px;
		bottom: auto;
		width: 6px;
		height: 6px;
	}
}

/* ナビ */
.page_nav {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding: 25px 10px;
	margin: 15px 0 20px;
	text-align: center;
}
.page_nav li {
	display: inline-block;
	margin-right: 8px;
}
.page_nav li a {
	margin-right: 12px;
}

.page_nav02 {
	margin-bottom: 20px;
}
.page_nav02 li {
	margin: 0 0 0 7px;
	display: inline-block;
}
.page_nav02 li a,
.page_nav02 li span {
	margin: 0 12px 0 0;
}
@media screen and (min-width: 768px) {
	.page_nav02 {
		text-align: right;
	}
}


/* メッセージ */
.message_box {
	margin: 60px 10px 10px 10px;
	padding: 20px 10px;
	border: 3px solid #dddddd;
	text-align: center;
	font-size: 14px;
}
.message_box a {
	display: inline-block;
}
.message_box p.link {
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	#message_box {
		font-size: 16px;
	}
}

/* 完了画面 */
.complete_txt {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	text-align: center;
	padding: 50px 10px;
	margin: 10px 10px 30px 10px;
}
.complete_txt p a {
	display: inline-block;
}


/* 会員履歴書設定
　 メッセージ作成入力　共通 */
#edit_data {
	margin: 20px 10px 0 10px;
}
#edit_data .list {
	padding: 0;
}
#edit_data .list dl,
#edit_data .list li {
	background-color: transparent;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #e5e5e5;
	border-left: none;
}
#edit_data .list dl:last-child,
#edit_data .list ul:last-child li:last-child {
	border-bottom: none;
}
#edit_data .list dl {
	padding: 10px;
}
#edit_data .list li {
	padding: 0;
}
#edit_data .list li label {
	padding: 10px;
	display: block;
}
#edit_data .list .list01 li {
	padding-left: 1em;
}
#edit_data .list dt,
#edit_data .list dd {
	border: none;
	background-color: transparent;
	width: auto;
}
#edit_data .list dt {
	padding: 0 0 5px 0;
	font-weight: normal;
}
#edit_data .list dd {
	padding: 0;
}

#edit_data .job_type .type01 {
	clear: both;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 20em;
}
#edit_data .job_type .type02 {
	float: left;
	margin-bottom: 5px;
	width: 7em;
}
#edit_data .licence dd dt {
	padding: 0;
}
#edit_data .licence dd dd {
	padding: 0;
	margin: 0;
	display: inline-block;
}
#edit_data .licence dd dd .sp {
	display: inline-block;
}
#edit_data .licence dd .item01 {
	width: 4.4em;
}
#edit_data .licence dd .item02 {
	width: 5.4em;
}
#edit_data .licence dd .item03 {
	width: 7.0em;
}
#edit_data .licence dd .item04 {
	width: 4.4em;
	padding-right: 0;
}
#edit_data .licence dd dd .sub {
	font-size: 10px;
}

#edit_data .english dd div {
	border-bottom: 1px solid #e5e5e5;
}
#edit_data .english dd div:last-child {
	border-bottom: none;
}

#edit_data .confirm_list dl,
#edit_data .confirm_list dt,
#edit_data .confirm_list dd {
	padding: 0;
	margin: 0;
	width: auto;
	border: none;
}
#edit_data .confirm_list dd li {
	border: none;
}
#edit_data .confirm_list dl {
	background-color: transparent;
}
#edit_data .confirm_list dt {
	text-align: center;
	background-color: #eaeaea!important;
	font-weight: normal!important;
}

#edit_data .job_type .confirm_list {
	padding-bottom: 2px;
}
#edit_data .job_type .confirm_list dt,
#edit_data .job_type .confirm_list dd {
	display: inline-block;
	padding: 0 8px;
	margin-bottom: 3px;
}
#edit_data .job_type .confirm_list .type01 {
	width: 19em;
}
#edit_data .job_type .confirm_list .type02 {
	width: auto;
}

#edit_data .licence .confirm_list {
	padding-bottom: 2px;
}
#edit_data .licence .confirm_list dl {
	margin-bottom: 8px;
	background-color: transparent!important;
}
#edit_data .licence .confirm_list dt {
	width: 4em;
	padding: 0;
	margin-bottom: 5px;
	display: block;
}
#edit_data .licence .confirm_list dd {
	padding: 0;
	display: block;
	text-align: left;
	width: auto!important;
}
#edit_data .licence .confirm_list dd ul {
	margin-left: 1em;
}

#edit_data .english .confirm_list {
	padding-bottom: 2px;
}
#edit_data .english .confirm_list dl {
	display: block;
	width: auto;
	border: none;
}
#edit_data .english .confirm_list dt,
#edit_data .english .confirm_list dd {
	display: inline-block;
	border: none;
}
#edit_data .english .confirm_list dt {
	width: 4.3em;
	margin-right: 8px;
	margin-bottom: 5px;
	padding: 0;
}
#edit_data .english .confirm_list dd {
	margin-bottom: 8px;
	width: auto;
	padding: 0;
}

@media screen and (min-width: 768px) {
	#edit_data {
		margin: 0;
	}
	#edit_data .list {
		padding: 10px;
	}
	#edit_data .list dl,
	#edit_data .list li {
		padding: 0;
		margin: 0;
		border: none;
	}
	#edit_data .list li {
		margin: 0 0 10px 0;
	}
	#edit_data .list li label {
		padding: 0;
		display: inline;
	}
	#edit_data .pc_fl li {
		float: left;
		width: 115px;
	}
	#edit_data .pc_fl02 li {
		float: left;
		width: 330px;
	}
	#edit_data .pc_fl .first,
	#edit_data .pc_fl02 .first {
		width: 100%;
	}
	#edit_data .pc_fl02 li:nth-child(2n) {
		clear: both;
	}
	#edit_data .pc_fl li:nth-child(6n+1) {
		clear: both;
	}

	#edit_data .licence dd .header_cell {
		margin-bottom: 5px;
		background-color: #eaeaea!important;
	}
	#edit_data .licence dd .header_cell dt,
	#edit_data .licence dd .header_cell dd {
		font-weight: bold;
		text-align: center;
		padding: 6px 0;
	}
	#edit_data .licence dd dl {
		display: table;
		width: 100%;
	}
	#edit_data .licence dd dl:nth-child(odd) {
		background-color: #f3f3f3;
	}
	#edit_data .licence dd dt {
		width: 20%;
		display: table-cell;
		padding: 6px 0 6px 5px;
	}
	#edit_data .licence dd dd {
		width: 20%!important;
		display: table-cell;
		text-align: center;
		padding: 6px 0;
	}
	#edit_data .licence dd dd .sp {
		display: none;
	}
	#edit_data .english dd div {
		border-bottom: 1px solid #e5e5e5!important;
		margin-bottom: 20px;
	}
	#edit_data .english dd div:last-child {
		margin-bottom: 0;
	}
	#edit_data .english dd dl {
		display: table;
		width: 100%;
		border-top: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
	}
	#edit_data .english dd dt,
	#edit_data .english dd dd {
		padding: 8px 10px;
		vertical-align: middle;
	}
	#edit_data .english dd dt {
		background-color: #f3f3f3;
		width: 20%;
		text-align: center;
		font-weight: bold;
		border-right: 1px solid #e5e5e5;
	}
	#edit_data .english dd dd {
		width: 80%;
	}
	.complete_txt {
		margin: 10px 0 30px 0;
	}
}


/* JS関連 */
.accordion_sp .toggle {
	position: relative;
}
.accordion_sp .toggle:before {
	content: "";
	position: absolute;
	right: 20px;
	top: -2px;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	vertical-align: middle;
	border-bottom: 1px solid #959595;
	border-right: 1px solid #959595;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.accordion_sp .toggle.active:before {
	top: 2px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.accordion_sp .toggle {
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.accordion_sp .toggle.toggle {
		cursor: default;
	}
	.accordion_sp .toggle:before {
		content: none;
	}
}

/* フッター */
footer {
	position: relative;
	margin-top: 30px;
	border-top: #cccccc 1px solid;
}
footer .linkList ul li {
	border-bottom: #e5e5e5 1px solid;
}
footer .linkList ul li a {
	position: relative;
	padding: 16px 40px 16px 16px;
}
footer .linkList ul li a:before {
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	vertical-align: middle;
	border-top: 1px solid #959595;
	border-right: 1px solid #959595;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
footer .linkList ul li a {
	color: #333333;
	text-decoration: none;
}
footer .linkList ul:last-child li:last-child {
	border-bottom: #cccccc 1px solid;
}
footer .pageTop {
	opacity: 0.7;
	position: relative;
}
footer .pageTop a {
	position: fixed;
	display: block;
	height: 45px;
	width: 45px;
	bottom: 15px;
	right: 10px;
	text-indent: -999999px;
}
footer .pageTop a:before,
footer .pageTop a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	vertical-align: middle;
}
footer .pageTop a:before {
	width: 45px;
	height: 45px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #999999;
}
footer .pageTop a:after {
	top: 8px;
	left: 15px;
	width: 12px;
	height: 12px;
	border-top: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
footer .copyright {
	border-top: #00287d 5px solid;
}
footer .copyright p {
	padding: 10px 16px 10px 16px;
	font-size: 12px;
	color: #999999;
}

@media screen and (min-width: 768px) {
	footer {
		background-color: #f6f6f6;
		min-width: 960px;
		margin-top: 60px;
		border-top: none;
	}
	footer .linkList {
		overflow: hidden;
		/*margin-left: -20px;*/
		margin: 0 auto;
		width: 800px;
		padding: 22px 0;
	}
	footer .linkList ul {
		float: left;
	}
	footer .linkList ul li {
		border-bottom: none;
		margin-left: 40px;
	}
	footer .linkList ul li a {
		position: relative;
		color: #40210f;
		font-size: 12px;
		padding: 5px 5px 5px 16px;
	}
	footer .linkList ul li a:before {
		content: "";
		position: absolute;
		left: 0;
		right: auto;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 6px;
		height: 6px;
		vertical-align: middle;
		border-top: 1px solid #959595;
		border-right: 1px solid #959595;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	footer .linkList ul:last-child li:last-child {
		border-bottom: none;
	}
	footer .pageTop a {
		height: 60px;
		width: 60px;
	}
	footer .pageTop a:before {
		width: 60px;
		height: 60px;
	}
	footer .pageTop a:after {
		top: 6px;
		left: 22px;
		width: 14px;
		height: 14px;
		border-top: 3px solid #ffffff;
		border-left: 3px solid #ffffff;
	}
	footer .copyright {
		border-top: #00287d 6px solid;
	}
	footer .copyright p {
		width: 960px;
		margin: 0 auto;
		padding: 20px 0 20px 0;
		font-size: 14px;
	}
}
