/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }

.mt10 {	margin-top: 10px; }
.mt20 {	margin-top: 20px; }
.mt30 {	margin-top: 30px; }
.mt40 {	margin-top: 40px; }
.mt90 {	margin-top: 90px; }

/* text-align */
.txt_al_c{text-align:center;}

/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {
	
}
	ul li {
		list-style:none;	
	}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
ul { 
}
* html ul {
	zoom: 100%;
}
*:first-child+html ul {
	display: inline-block;
}
ul:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


/* 幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.w_100p{
	width:100%;
	}



/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #000;
	transition: 0.4s;
	-webkit−transition: 0.4s;
}
a:hover {
	color: #808080;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}
.indent{
	margin-left:1em;
	text-indent:-1em;
	}
.fw_bold{
	font-weight:bold;
	}





/* 公開前設定 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.nolink {pointer-events: none;opacity:0.5;}
.nolink2 {pointer-events: none;}





/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	color: #212121;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	-webkit-text-size-adjust: 100%;
	position:relative;
}


/* table */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.table{
	width:100%;
	box-sizing:border-box;
	border-collapse: collapse;
}
.table th{
	background-color:#f3f3f3;
	padding:22px 20px 18px 20px;
	text-align:left;
	width:116px;
	box-sizing:border-box;
	font-weight:bold;
}
.table td{
	padding:22px 10px 20px 20px;
}
.table tr th,.table tr td{
	border-top:1px solid #aaaaaa;
}
.table tr:last-child th,.table tr:last-child td{
	border-bottom:1px solid #aaaaaa;
}

.orange{
	color:#ed6d1e;
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	.sp {display: none !important;}
	
	body{
		min-width:1240px;
		}
	
	/* ヘッダー pc */
	#header {
		height:100px;
		}
		#header > div{}
		#header h1{
			padding:25px 0 25px 30px;
			float:left;
			}
			#header h1 img{
				vertical-align:bottom;
				}
				
		#header nav{
			float:right;
			}
			#header nav .menu_block,
			#header nav .entry
			{
				float:left;
				display:block;
				box-sizing:border-box;
				}
			#header nav .menu_block{
				margin-right:40px;
				margin-top:35px;
				display:block!important;
				}
				#header nav .menu_block > ul > li{
					float:left;
					margin-right: 15px;
					font-weight:bold;
					position:relative;
					}
				#header nav .menu_block > ul > li:last-child{
					margin-right:0px;
					}
					#header nav .menu_block > ul > li > ul{
						position:absolute;
						width:200px;
						left:50%;
						margin-left:-100px;
						background:rgba(0,0,0,0.8);
						box-sizing:border-box;
						transition: .5s;
						opacity:0;
						visibility: hidden;
						pointer-events: none;
						top:0px;
						z-index:999;
						}
					#header nav .menu_block > ul > li:nth-child(3) > ul{
						width:430px;
						}
					#header nav .menu_block > ul > li:hover > ul{
						opacity: 1;
						visibility: visible;
						transition: .5s;
						pointer-events: auto;
						top:100%;
						}
						#header nav .menu_block > ul > li > ul > li{
							}
							#header nav .menu_block > ul > li > ul > li a{
								color:#fff;
								display:block;
								padding:8px 10px 6px;
								}
							#header nav .menu_block > ul > li > ul > li a span{
								font-size:79%;
								}
							#header nav .menu_block > ul > li > ul > li a:hover{
								opacity:0.6;
								}				
							#header nav .menu_block > ul > li > ul > li:not(:last-child) a{
								border-bottom:1px solid #fff;
								}
					
			#header nav .entry{
				background-color:#000;
				height:100px;
				width:150px;
				text-align:center;
				padding-top:33px;
				transition:500ms;
				}
			#header nav .entry:hover{
				opacity:0.8;
				transition:500ms;
				}
			
	/* ヘッダー pc end */
	
	
	/* フッター pc  */
	#footer {
		}
		.footer_wrap{
			width:1240px;
			margin:auto;
			text-align:center;
			padding-top:160px;
			padding-bottom:20px;
			position:relative;
			}
		.footer_wrap .footer_txt{
			margin-top:20px;
			font-size:129%;
			font-weight:bold;
			}
		.footer_wrap .copyright{
			text-align:center;
			font-size:86%;
			margin-top:100px;
			}
			.footer_link{
				position:absolute;
				bottom:20px;
				right:0;
				font-size:86%;
				}
				.footer_link li{
					float:left;
					margin-left:20px;
					position:relative;
					padding-left:15px;
					}
				.footer_link li::before{
					content:"";
					width:10px;
					height:9px;
					background-image:url(https://www.tutuanna.co.jp/cms/tutuanna/recruit/national/common/img/icon_window.png);
					position:absolute;
					left:0;
					top:50%;
					margin-top:-4px;
					}
	/* フッター pc end */
	
	
	/*  contents  */
	#sub_contents{
		}
		#sub_contents .wrap{
			max-width:1040px;
			margin:auto;
			}
		#sub_contents > section:not(:first-child){
			margin-top:65px;
			}
	/* contents  end */

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	.pc {display: none !important;}
	
	body{
		top:40px;
		}
	body.open{
		height: 100%;
		height: 100vh;
		/*overflow:hidden;*/
	}
	
	.fixed {
	  position: fixed;
	  width: 100%;
	  height: 100%;
	}
	
	
	/* ヘッダー sp */
	#header {
		position:fixed;
		padding:10px;
		height: 40px;
		box-sizing: border-box;
		width:100%;
		top:0;
		background-color:#fff;
		z-index:9999;
		}
		#header h1{
			position:absolute;
			left:10px;
			top:-9px;
			width: 100px;
			}
		#header h1 img{
			vertical-align:middle;
			width:100%;
			}
		#header nav{
			position:absolute;
			right:0px;
			top:0px;
			display:table;
			}
			.entry,.login,.menu_btn{
				display:table-cell;
				vertical-align:middle;
				height: 40px;
				}
			.entry{
				background-color:#000;
				padding: 0 5px;
				}
			.entry img{
				width:auto;
				vertical-align: middle;
				width:35px;
				}
			.menu_btn{
				background-color:#fff;
				cursor:pointer;
				width:40px;
				text-align:center;
				position: relative;
				}
			.open .menu_btn{
				background: rgba(0,0,0,0.5);
				}
				.menu_btn .line{
					display:inline-block;
					width: 20px;
					height: 1px;
					margin: 0 0 0 0;
					background: #000;
					-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;
					position:absolute;
					top:50%;
					left:50%;
					margin-left:-10px;
					}
				.menu_btn .line:before,.menu_btn .line:after{
					content: "";
					width: 20px;
					height: 1px;
					display: block;
					background: #000;
					position: absolute;
					-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;
					}
				.menu_btn .line:before{
					top:-6px;
					}
				.menu_btn .line:after{
					top:6px;
					}
					
				.open .menu_btn .line{
					background: rgba(0,0,0,0);
					}
				.open .menu_btn .line:before{
					top:0px!important;
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					-mo-transform: rotate(45deg);
					transform: rotate(45deg);
					background-color:#fff;
					}
				.open .menu_btn .line:after{
					top:0px!important;
					-webkit-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
					-mo-transform: rotate(135deg);
					transform: rotate(135deg);
					background-color:#fff;
					}
			/*#menu_block{
				position:fixed;
				top:0;
				left:0;
				width: 100%;
				height: 100%;
				height: 100vh;
				}
			*/
				.menu_block{
					background: rgba(0,0,0,0.5);
					display:none;
					width:100%;
					position:fixed;
					left:0;
					top:40px;
					padding:20px 10px;
					z-index:999;
					box-sizing:border-box;
					}
					.menu_block > div{
						}
						.menu_block > ul{
							margin-top:-10px;
							overflow: scroll;
							height: 90vh;
							width: 100%;
							}
							.menu_block > ul > li{
								width:100%;
								margin-top:10px;
								}
							.menu_block > ul > li:last-child{
								margin-bottom:80px;
								}
								.menu_block > ul > li > a{
									display:block;
									background-color:#fff;
									text-align:center;
									color:#000;
									padding:15px 0 13px;
									font-weight:bold;
									}
									.menu_block ul li span{
									display:block;
									background-color:#fff;
									text-align:center;
									color:#000;
									padding:15px 0 13px;
									font-weight:bold;
									}
									.menu_block > ul > li > ul{
										padding:0 15px;
										background-color:#fff;
										border-top:1px solid #000;
										}
									.menu_block > ul > li > ul >  li a{
										display:block;
										text-align:center;
										color:#000;
										padding:12px 0 11px;
										font-size:90%;
										}
									.menu_block > ul > li > ul >  li:not(:last-child){
										border-bottom:1px dotted #000;
										}
	/* ヘッダー sp end */
	
	
	
	/* フッター sp  */
	#footer {
		}
		.footer_wrap{
			padding:0 10px;
			text-align:center;
			padding-top:80px;
			padding-bottom:10px;
			position:relative;
			}
		.footer_wrap .footer_txt{
			margin-top:20px;
			font-size:100%;
			font-weight:bold;
			}
		.footer_wrap .copyright{
			text-align:center;
			font-size:86%;
			margin-top:20px;
			}
			.footer_link{
				margin-top:100px;
				font-size:86%;
				text-align:center;
				}
				.footer_link li{
					text-align:left;
					margin-left:20px;
					position:relative;
					padding-left:15px;
					margin-top:5px;
					display:inline-block;
					}
				.footer_link li::before{
					content:"";
					width:10px;
					height:9px;
					background-image:url(https://www.tutuanna.co.jp/cms/tutuanna/recruit/national/common/img/icon_window.png);
					position:absolute;
					left:0;
					top:50%;
					margin-top:-4px;
					}
	/* フッター sp end */	
	
	
	/*  contents sp  */
	#sub_contents{
		}
	#sub_contents .wrap{
			padding:0 10px;
			}
		#sub_contents > section:not(:first-child){
			margin-top:45px;
			}
		.anker{
			position:relative;
			}
			.anker_span{
				position:absolute;
				top:-40px;
				}
	/* contents sp end */
	

	
}