@charset "utf-8";
@media (max-width: 480px) {



/*/////////////////////////////////////////////////////////////
common.css
//////////////////////////////////////////////////////////////*/


	.title_words {
		width:100%;
		margin:3vw 0 3vw 0;

	}

	.font_Bebas_Neue_1 {
		font-size:5.0vw;

	}
	.font_Bebas_Neue_white {

		font-size:8.0vw;

	}
	.font_Bebas_Neue_recruit {
		font-size:8.0vw;
	}

/*-------------------------------------------
noscript
-------------------------------------------*/


/* Landscape phones and down */
	.noscript {
		display:none;
	}



/*--------------------------------------------------------------
body
---------------------------------------------------------------- */
/* Landscape phones and down */

	body {
		min-width: 320px;
		font-size:5vw;
	}


/* link
--------------------------------------------------------------- */



/*--------------------------------------------------------------
wrapper
---------------------------------------------------------------- */


/*--------------------------------------------------------------
container
---------------------------------------------------------------- */


/* ------------------------------------------------------------
header
-------------------------------------------------------------- */
	#header-wrap {

	}

	#header {
		
	}

	#header_block{
		margin: 10vw auto 6vw auto;
	}

	#header_menu ul{
		flex-wrap:wrap;
		text-align: right;
	}
	#header_menu li{
		width:100%;
	}
	
	#header_menu a.logout_link_btn {
	
		-moz-border-radius: 20vw;
		-webkit-border-radius: 20vw;
		border-radius: 20vw;
		padding: 1.5vw 2.5vw;
	
	}

	.header_menu_font{
		font-size: 4.0vw;	
	}
	.header_menu_link_btn{
		font-size: 4.0vw;
		margin-top: 4vw;
	}
	/*　ハンバーガーメニューボタン　*/
	.hamburger {
		display : block;
		position: fixed;
		z-index : 3;
		right : 20px;
		top   : 10px;
		width : 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
	}
	.hamburger span {
		display : block;
		position: absolute;
		width   : 30px;
		height  : 2px ;
		left    : 6px;
		background : #000;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: 10px;
	}
	.hamburger span:nth-child(2) {
		top: 20px;
	}
	.hamburger span:nth-child(3) {
		top: 30px;
	}

	/* スマホメニューを開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top : 16px;
		left: 6px;
		background :#fff;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 16px;
		background :#fff;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
	}

	/* メニュー背景　*/
	nav.globalMenuSp {
		position: fixed;
		z-index : 2;
		top  : 0;
		left : 0;
		color: #fff;
		background-color:#000;
		text-align: center;
		width: 100%;
		transform: translateX(100%);
		transition: all 0.6s;
		height: 100%;
		padding-top: 15%;
	}

	nav.globalMenuSp ul {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}

	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
		transition: .4s all;
	}
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
	}
	nav.globalMenuSp ul li:hover{
		background :#ddd;
	}

	nav.globalMenuSp ul li a {
		display: block;
		color: #fff;
		padding: 1em 0;
		text-decoration :none;
		font-size: 5vw;
	}

	/* クリックでjQueryで追加・削除 */
	nav.globalMenuSp.active {
		opacity: 100;
		display: block;
		transform: translateX(0%);
		height: 100%;
		padding-top: 15%;
	}


	#recruit_entry_bottan_sp_div a:hover{
		opacity:0.6;
	}
	#recruit_entry_bottan_sp{
		width: 30%;
		margin-left: 75vw;
		margin-top: 18vw;
	}

	#header_logo img{
		width:100%;
	
	}

	.header_logo_class{
		top:4.0vw;
	}

	#header_logo_block{
		width:22vw;
	}
	#body_main{
		min-height: 160vw;
	}
	#body_main:after{
		border-width: 150vw 110vw 0vw 0vw;
	}
/* ------------------------------------------------------------
contents
-------------------------------------------------------------- */
	#contents {
		width:100%;
	}




/* ------------------------------------------------------------
content
-------------------------------------------------------------- */
	.content{
		width:96%;
		margin:0 auto;
	}

/* ------------------------------------------------------------
共通ページヘッダー
-------------------------------------------------------------- */
	.common_sction_header{
		margin:14vw 0 7vw 0;
	}

	.common_sction_header_recruit{
		margin:30vw 0 0vw 0;
	}

/* ------------------------------------------------------------
common_button
-------------------------------------------------------------- */
	.work_btn{
		flex-wrap:wrap;
		width: 95%;
		margin: 0 auto;
		padding: 10% 0;
	}
	.work_btn_common{
		width: 31%;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 2%;
		height: 28vw;
		
	}
	.work_btn_common img{
		margin-top: 7%;
		width: 85%;
	}
	/* ------------------------------------------------------------
	common_title
	-------------------------------------------------------------- */
	.common_title{
		padding: 1vw 0 5vw 0;
	}
	.common_title h2{

	}
/* ------------------------------------------------------------
common_alert
-------------------------------------------------------------- */
	.div_common_msg{
		margin: 0 auto ;
		font-size: 3.5vw;
		padding:3vw 0 3vw 0;
	}
	.div_common_message_error{
		padding: 3vw 0;
	}
	.div_common_message_notice{
		margin-top: 1vw;
		padding: 3vw 0;
	}

/* ------------------------------------------------------------
footer
-------------------------------------------------------------- */
/* footer copy
----------------------------- */

	.logo-access dt{
		width:80px;
	}
	.logo-access dt img{
		width:100%;
	}
	.logo-access dd{
		margin-left:85px;
	}
	.logo-access p img{
		text-align: center;
		max-width: 35%;
		margin: 4vw 0;
	}
	.logo-center{
		text-align: center !important;
	}

	.logo-access{
		width:96%;
		float:none;
		margin:0 auto;
	}
	.copy-inr01{width:96%;}
	.copy-link{
		width:96%;
		float:none;
		margin:0 auto;
		text-align:left;
		padding: 3vw 0;
	}

	.copy-link ul{
		margin-top:2vw;
		width:100%;
	}
	.copy-link p{
		font-size:0.8vw;
	}
	.copy-link ul li{
		display:inline;
		margin:0 1.5vw 0 0 ;
	}


	.copy-inr02{
		width:100%;
		flex-wrap:wrap;
	}
	.copy-inr02_1{
		width:100%;
	}
	.copy-inr02_1 img {
		width:10%;
		padding-left:5vw;
	}
	.copy-inr02_2{
		width:100%;
		padding-left:5vw;
	}
	/*==================================================
	セクション共通サービスフッター
	===================================*/
	.sction_common_service_footer{

	}

	.div_common_service_footer{
		width:80%;
	}


	.common_service_footer_img{
	}

	.common_service_footer_img a:hover{

	}

	.common_service_footer_img_1{

	}

	.common_service_footer_img_2{

	}
	.common_contact_btn_div{

	}

	.common_contact_descrpit{

	}
	.common_contact_btn_div2{
		margin-top: 8vw;
	}
	.common_contact_btn_div3{
		margin-bottom: 8vw;
	}

	/*==================================================
	ボタン共通設定
	===================================*/
	/*---------------------------------
	黒→白
	----------------------------------*/

	.btn{
		padding: 1.5vw 14vw;
	}

	/*ボタン内spanの形状*/
	.btn span {
		font-size:5vw;
		letter-spacing: 0.35vw;
	}

	.btn:hover span{

	}

	/*== 背景が流れる（左から右） */
	.bgleft:before {

	}

	/*hoverした際の形状*/
	.bgleft:hover:before{

	}

	/*---------------------------------
	白→黒
	----------------------------------*/

	.btn2{
		width:23vw;
		padding: 1.3vw 6vw;
	}

	/*ボタン内spanの形状*/
	.btn2 span {

	}

	.btn2:hover span{

	}

	/*== 背景が流れる（左から右） */
	.bgleft2:before {

	}

	/*hoverした際の形状*/
	.bgleft2:hover:before{

	}


	/*==================================================
	スタート時は要素自体を透過0にするためのopacity:0;を指定する
	===================================*/
	.flex{

	}

	.box{

	}

	.box{

	}

	.hidden_opacity{

	}

	.hidden_opacity2{

	}

	/*--------------------------------------------------------------
	文字
	--------------------------------------------------------------*/
	.small1_moji{
		font-size: 3.5vw;
	}

	.small2_moji{
		font-size: 7.0vw;
	}
	.small3_moji{
		font-size: 6.0vw;
		padding-top: 5vw;
		padding-left: 3vw;
	}
	.week1_moji{
		border-radius: 10vw;
		padding: 1.9vw 2.5vw;
		font-size: 6.0vw;
	}
	/*--------------------------------------------------------------
	入力
	--------------------------------------------------------------*/
	input[type=text],input[type=password]  {
	  border-radius: 10vw;
	  padding: 2vw 4vw;
	  width: 90%;
	}

	.common_input{
		width: 90%;
		padding: 0vw 0 5vw 0;
	}
	.common_input_block{
		padding: 4vw 0 0 0 ;
		width: 100% !important;
	}
	.common_input_block2{
	
	}
	.common_input_block2_0{
		margin-bottom: -6vw;
		margin-top: 6vw;
	}
	.common_input_block2_1{
		flex-wrap:wrap;
	}

	.common_input_title{
		padding: 2vw 0;
		border-top-left-radius: 3vw;
		border-top-right-radius: 3vw;
		font-size: 4.0vw;
	  
	}
	.common_input_comment{
		border-bottom-left-radius: 3vw;
		border-bottom-right-radius: 3vw;
		padding: 3vw 5vw;
		
	}
	.common_input_comment ul{

	}
	
	.common_input_comment ul li label{
		margin-left: 1.0vw;
	}
	.common_input_comment textarea{
		width: 100vw;
		height: 40vw;
	}
	.common_input_comment2{
		border-radius: 3vw;

		padding: 3vw 1vw;
		
	}
	.common_input_comment2 ul{

	}
	
	.common_input_comment2 ul li label{
		margin-left: 1.0vw;
	}
	
	.common_input_comment3{
		border-bottom-left-radius: 3vw;
		border-bottom-right-radius: 3vw;
		padding: 1vw 8vw;
		
	}
	.common_input_comment3 ul{

	}
	
	.common_input_comment3 ul li label{
		margin-left: 1.0vw;
	}
	.common_input_comment3 textarea{
		width: 90vw;
		height: 40vw;
	}
	.common_input_comment4{
		border-bottom-left-radius: 3vw;
		border-bottom-right-radius: 3vw;
		padding: 3vw 6vw;
		
	}
	.min_hight_input4{
		font-size: 2.8vw;
		padding: 3vw 4vw 3vw 4vw;
	}
	.min_hight_input5{
		padding: 3vw 6vw 3vw 8vw;
	}
	.min_hight_input6{
		padding: 3vw 6vw 3vw 8vw;
	}
	.min_hight_input6 ul li{
		
	}
	
	.min_hight_input7{
		padding: 3vw 6vw 3vw 8vw;
	}
	.min_hight_input7 ul li{
		
	}
	/*---------------------------------
	入力セレクトボックス
	-----------------------------------*/
	.select_container {
	}
	.select_container select {
		font-size: 12.0vw;
		padding-right: 3vw;
		padding-left: 5vw;
	}
	.select_container select::-ms-expand {
	}
	/* セレクトボックスの矢印デザイン変更 */
	.select_container::before {
		border-bottom: 2.5vw solid #3c3390;
		border-left:  2.0vw solid transparent;
		border-right: 2.0vw solid transparent;
		right: -2vw;
		top: 5.0vw;
	}
	.select_container::after {
		border-left: 2.0vw solid transparent;
		border-right: 2.0vw solid transparent;
		border-top: 2.5vw solid #3c3390;
		right: -2vw;
		top: 10.0vw;
	}

	.select_container2 {
	}
	.select_container2 select {
		font-size: 5.0vw;
		border-radius: 20vw;
		padding: 0.2vw 10vw 0.2vw 5vw;
		border:0.3vw solid;
	}
	.select_container2 select::-ms-expand {
	}
	/* セレクトボックスの矢印デザイン変更 */
	.select_container2::before {
		border-bottom: 1.8vw solid #3c3390;
		border-left:  1.5vw solid transparent;
		border-right: 1.5vw solid transparent;
		right: 5vw;
		top: 1.7vw;
	}
	.select_container2::after {
		border-left: 1.5vw solid transparent;
		border-right: 1.5vw solid transparent;
		border-top: 1.8vw solid #3c3390;
		right: 5vw;
		top: 5.0vw;
	}
	
	/*--------------------------------------------------------------
	ボタン
	--------------------------------------------------------------*/
	.common_back_btn_space{
		margin: 0 auto;
		padding: 10vw 0 30vw 0;
	}
	.common_back_btn{

		padding: 2.0vw 10vw;
		
		/* 角丸の指定 */
		-moz-border-radius: 20vw;
		-webkit-border-radius: 20vw;
		border-radius: 20vw;

	}
	.common_back_btn:hover{
	}
	.common_search_btn{

		padding: 1.0vw 10vw 1.0vw 3vw;
		
		/* 角丸の指定 */
		-moz-border-radius: 20vw;
		-webkit-border-radius: 20vw;
		border-radius: 20vw;

	}
	.common_search_btn:hover{
	}

	.common_search_btn2{

		padding: 1.0vw 7vw 1.0vw 7vw;
		
		/* 角丸の指定 */
		-moz-border-radius: 20vw;
		-webkit-border-radius: 20vw;
		border-radius: 20vw;

	}
	.common_search_btn2:hover{
	}
	
	.common_blue_btn{

		padding: 1.0vw 7vw;
		
		/* 角丸の指定 */
		-moz-border-radius: 20vw;
		-webkit-border-radius: 20vw;
		border-radius: 20vw;

	}
	.common_blue_btn:hover{
	}
	
	.top_work_btn_space {
		width: 94%;
		padding-bottom: 5vw;
		position:fixed;
		z-index: 10;
		bottom: 0%;
		left:3%;
		transform: translate3d(0, 0, 0);
	}
	.top_work_btn_space ul{

	}

	.top_work_btn_space ul li{
		margin: 0 0.5vw;
	}
	
	.top_work_btn_space2 {
		width: 94%;
		padding-bottom: 5vw;
		margin-top: -15vw;

	}
	.top_work_btn_space2 ul{

	}

	.top_work_btn_space2 ul li{
		margin: 0 0.5vw;
	}

	.top_work_btn_space3 {
		width: 94%;
		padding-bottom: 5vw;
		margin-top: 10vw;

	}
	.top_work_btn_space3 ul{

	}

	.top_work_btn_space3 ul li{
		margin: 0 0.5vw;
	}
	
	.top_work_btn_space3 ul li:nth-of-type(3){
		margin: 3vw 0.5vw 0 0.5vw;
	}
	
	.top_work_btn_space3 ul li:nth-of-type(4){
		margin: 3vw 0.5vw 0 0.5vw;
	}
	
	.top_work_btn{
		padding: 2.0vw 9.0vw;
	}
	
	.top_work_btn2{
		padding: 2.0vw 0vw !important;
		margin-left: 4vw !important;
		margin-bottom: 1vw !important;
	}
	
	.top_work_btn3{
		padding: 2.0vw 9.0vw;
	}
	#confirmBox p{
		font-size: 5vw;
	}
	/*--------------------------------------------------------------
	一覧共通
	--------------------------------------------------------------*/
	.common_top_header{
		font-size: 3.5vw;
	}
	
	.top_header_common{
		margin: 0 0.5%;
		padding: 2vw 0;
	}
	.top_detail_common{
		padding: 1vw 0;
	}
	.common_top_detail{
		margin: 3% 0;
		font-size: 4.0vw;
	}
	.common_top_detail:nth-of-type(2n+1){

	}

	.top_common_blue{

	}
	.top_common_red{

	}


	.sp_center1{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 0 4vw 0 0 ;
	}
	.sp_center2{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.sp_center3{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 0 7vw 0 0 ;
	}
	/*--------------------------------------------------------------
スマホ版：締め処理 未完了バッジ
--------------------------------------------------------------*/

/* バッジ位置の基準 */
.sp-only-display .work_btn_common a {
	position: relative;
	display: block;
}

/* 未完了バッジ */
.sp-only-display .menu_notice_badge {
	position: absolute;
	top: -6px;
	right: -6px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;
	padding: 0;

	background-color: #f04438;
	color: #ffffff;

	font-size: 14px;
	font-weight: bold;
	line-height: 1;

	border: 2px solid #ffffff;
	border-radius: 50%;
	box-sizing: border-box;

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);

	z-index: 10;
}
}