@charset "UTF-8";
/* CSS Document */

/* PCとスマホ共通 */



/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 751px){
	
		.sp{
			display: none;
		}
	
/* ここからヘッダー */
	
	.header_w{
		width: 100%;
		background-color: #000000;
		color: #FFFFFF;
		
	}

	.header_box{
		width: 90%;
		max-width: 1250px;
		margin: auto;
		display: flex;
		justify-content: space-between;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.logo_img{
		width: 5vw;
	}
	.logo_img img{
		width: 100%;
	}
	.menu_w{
		padding-top: 1vw;
	}
	.menu_w p{
		font-size: 1.8vw;
		padding-bottom: 0.8vw;
		padding-left: 15px;
	
	}
	.menu_w p span{
		font-size: 1.2vw;
		
	}
	#menu ul{
		display: flex;
		
		
	}
	#menu ul li{
		border-right: solid 1px #FFFFFF;
		
	}
	#menu ul li:last-child{
		border-right: none;
		
	}
	#menu ul li a{
		text-decoration: none;
		color: #FFFFFF;
		padding: 0px 15px;
		
		font-size: 1vw;
	}
	#menu ul li a:hover{
		color: #a0f100;
	}
	
	/* ここからフロントページ */
	
	.front_w{
		width: 100%;
		
	}
	
	.front_box{
		width: 100%;
		margin: auto;
		
	
	}
	.front_main_img{
		width: 100%;
		height: 45vw;
		margin: auto;
		background-image: url("../img/FOURS_top_img.jpg");
		background-position: auto;
		background-size: 100%;
		
		
	}
	.front_main_img img{
		width: 100%;
	}
	.cont_01_w{
		width: 100%;
		background-color: #a0f100;
		color: #000000;
		padding: 4vw 0vw;
		clip-path: polygon(0% 10%, 100% 0%,100% 90%,0% 100%);/* 斜め */
		margin-top: -15vw;
		z-index: 10;
		position: relative;
	}
	.cont_01_box{
		width: 90%;
		max-width: 1250px;
		margin: auto;
		
		
		
		
	}
	
	
	.cont_01_p_01{
		font-size: 36px;
		width: 50vw;
		padding-left: 200px;
		padding-top: 50px;
	
	}
	.cont_01_list{
		width: 90vw;
		margin: auto;
		display: flex;
		justify-content: space-between;
		
	}
	.cont_01_list_left{
		width: 45%;
		padding-top: 5%;
		
	}
	.cont_01_list_right{
		width: 50%;
		padding-left: 5%;
		padding-top: 5%;
	}
	
	.cont_01_list ul{
		border-left: solid 2px #000000;
		padding: 10% 0% 10% 5%;
		
		
	}
	.cont_01_list li{
		padding: 1% 0%;
		font-size: 3vw;
		font-weight: bold;
	}
	.cont_01_list li span{
		font-size: 1.2vw;
		padding-left: 5%;
		font-weight: normal;
	}
	.cont_01_list_left_text{
		font-size: 1.5vw;
		text-align: center;
		line-height: 1.5;
		padding-top: 3%;
		
	}
	
	.cont_01_p_02{
		margin-top: 2.5vw;
		line-height: 1.5;
		text-align: center;
		font-size: 2vw;
		padding-bottom: 5vw;
	}
	.cont_01_p_02 p{
		text-align: center!important;
	}

	
	/* ここから会社の理念 */
	.cont_02_w{
		width: 100%;
		background-color: #000000;
		color: #FFFFFF;
		padding-bottom: 10vw;
		margin-top: -10vw;
		z-index: 5;
		position: relative;
	}
	.cont_02_box{
		width: 90%;
		max-width: 1250px;
		margin: auto;
		padding-top: 20vw;
		padding-bottom: 5vw;
		
	}
	.cont_title{
		text-align: center;
		font-size: 2vw;
		font-weight: bold;
		
		
	}
	.line{
		height: 2vw;
		border-bottom: solid 5px #a0f100;
		width: 2.5vw;
		margin: auto;
	}
	.cont_sub_title{
		text-align: center;
		padding-top: 2vw;
		color: #a0f100;
		font-size: 1vw;
	}
	.cont_02_text_box{
		width: 90%;
		max-width: 1250px;
		margin: auto;
		padding: 5vw 0vw;
	}
	.cont_02_p_01{
		font-weight: bold;
		font-size: 1.5vw;
		text-align: center;
	}
	.line_02{
		height: 1vw;
		width: 41vw;
		background-color: #ffd931;
		margin: auto;
		margin-top: -0.5vw;
	}
	.cont_02_p_02{
		font-size: 1vw;
		padding-top: 2vw;
		line-height: 1.5;
		text-align: center;
	}
	.section_img_w{
		background-image: url("../img/fours_background_01.svg");
		height: 25vw;
		width: 100%;
		background-size: 100%;
		background-position: top;
		clip-path: polygon(0% 40%, 100% 0%,100% 60%,0% 100%);/* 斜め */
		z-index: 10;
		position: relative;
		margin-top: -10vw;
	}
	.cont_03_w{
		width: 100%;
		background-color: #000000;
		color: #FFFFFF;
		padding-bottom: 100px;
		margin-top: -10vw;
		padding-top: 10vw;
		
	}
	.cont_03_box{
		padding-top: 10vw;
		padding-bottom: 5vw;
	}
	.cont_03_table_w{
		width: 80vw;
		margin: auto;
		padding: 5vw 0vw;
	}
	.prpfile_table_box{
		width: 50vw;
		margin: auto;
		padding: 50px 0px;
		
	}
	.prpfile_table_box tr{
		border-bottom: dotted 1px #a0f100;
		font-size: 1vw;
	
	}
	.prpfile_th{
		width: 6vw;
		padding: 5px;
	}
	.prpfile_td{
		width: 10vw;
		padding: 20px;
		text-align: left;
		line-height: 1.5;
	}
	#footer{
		padding-top: 5vw;
		padding-bottom: 10vw;
		background-color: #181818;
		width: 100%;
	}
	.bt_w{
		width: 90%;
		max-width: 1250px;
		margin: auto;
	}
	.bt_box{
		display: flex;
		justify-content: space-between;
		width: 35vw;
		margin: auto;
		
		
	}
	.footer_bt_01{
		padding: 0px 3px;
	}
	.footer_bt_01 a{
		width: 16vw;
		font-size: 1vw;
		padding: 1vw 0vw;
		display: block;
		text-align: center;
		background-color: #a0f100;
		margin: auto;
		border-radius: 5px;
		color: #000000;
		text-decoration: none;
		
	}
	.footer_bt_01 a img{
		width: 1.1vw;
		vertical-align: top;
		margin-right: 0.6vw;
		
	}
	.footer_bt_02{
		padding: 0px 3px;
	}
	
	.footer_bt_02 a{
		width: 16vw;
		font-size: 1vw;
		padding: 1vw 0vw;
		display: block;
		text-align: center;
		background-color: #a0f100;
		margin: auto;
		border-radius: 5px;
		color: #000000;
		text-decoration: none;
	}
	.footer_bt_02 a img{
		width: 1.1vw;
		vertical-align: top;
		margin-right: 0.6vw;
		
	}
	.footer_bt_01 a:hover{
		width: 16vw;
		font-size: 1vw;
		padding: 1vw 0vw;
		display: block;
		text-align: center;
		background-color: #a0f15c;
		margin: auto;
		border-radius: 5px;
		color: #000000;
	   
	}
	.footer_bt_02 a:hover{
	width: 16vw;
		font-size: 1vw;
		padding: 1vw 0vw;
		display: block;
		text-align: center;
		background-color: #a0f15c;
		margin: auto;
		border-radius: 5px;
		color: #000000;
	}
	.footer_m{
		width: 100%;
		padding-top: 3vw;
	}
	#menu_footer ul{
		width: 34vw;
		margin: auto;
		display: flex;
		justify-content: space-between;
		
		
	}
	#menu_footer ul li{
		border-right: solid 1px #FFFFFF;
		
	}
	#menu_footer ul li:last-child{
		border-right: none;
		
	}
	#menu_footer ul li a{
		text-decoration: none;
		color: #FFFFFF;
		padding: 0px 20px;
		
		font-size: 1.2vw;
	}
	#menu_footer ul li a:hover{
		color: #a0f100;
	}
	#copyright{
		color: #FDFDFD;
		text-align: center;
		padding-top: 30px;
		letter-spacing: 0.2em;
	}
	
/* ここから募集要項(応募ボタン) */
	
	.recruit_bt_box a{
		width: 16vw;
		font-size: 1vw;
		padding: 1vw 0vw;
		display: block;
		text-align: center;
		background-color: #a0f100;
		margin: auto;
		border-radius: 5px;
		color: #000000;
		text-decoration: none;
	}
　　　.recruit_bt_box a:hover{
		width: 16vw;
		font-size: 1vw;
		padding: 1vw 0vw;
		display: block;
		text-align: center;
		background-color: #a0f15c!important;
		margin: auto;
		border-radius: 5px;
		color: #FFFFFF!important;
	   
	}
/* ここからお問い合わせフォーム */
	.form_w{
		width: 50%;
		margin: auto;
	}
	.contact_label{
		font-size: 18px;
		font-weight: 700;
		width: 600px;
		margin: auto;
		padding-bottom: 5px;
	}
	.wpcf7-text{
		width: 570px;
        height: 50px;
        font-size: 16px;
        border: none;
        border-radius: 5px !important;
        padding: 5px 10px;
	}
	.wpcf7-form-control wpcf7-select{
		width: 200px;
		height: 30px;
	}
	.wpcf7-textarea{
		width: 570px;
        height: 200px;
        font-size: 16px;
        border: none;
        border-radius: 5px !important;
        padding: 5px 10px;

	}
	.wpcf7-submit{
		width: 16vw;
        font-size: 1vw;
        padding: 1vw 0vw;
        display: block;
        text-align: center;
        background-color: #a0f100;
        margin: auto;
        border-radius: 5px!important;
        color: #000000;
        text-decoration: none;
	
	}
	.submiit_bt{
		padding-top: 30px;
	}

}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:750px){
	
		.pc{
			display: none;
		}
	
	
	/* ここからヘッダー */
	
	
	.header_w{
		width: 100%;
		background-color: #000000;
		color: #FFFFFF;
		
	}

	.header_box{
		width: 90%;
		margin: auto;
		display: flex;
		justify-content: space-between;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.logo_img{
		width: 80%;
		margin: auto;
		text-align: center;
	}
	.logo_img img{
		width: 13%;
		
	}
	.h1_text{
		
		vertical-align: 63%;
		font-size: 16px;
		padding-left: 5%;
	}
	.menu_w{
		padding-top: 5px;
	}
	.menu_w p{
		font-size: 12px;
		padding-bottom: 5px;
		padding-left: 5px;
	
	}
	.menu_w p span{
		font-size: 10px;
		
	}
	#menu ul{
		display: flex;
		justify-content: space-between;
		
		
	}
	#menu ul li{
		border-right: solid 1px #FFFFFF;
		padding-bottom: 5px;
	}
	#menu ul li:last-child{
		border-right: none;
		
	}
	#menu ul li a{
		text-decoration: none;
		color: #FFFFFF;
		padding: 0px 5px;
		
		font-size: 8px;
	}
	#menu ul li a:hover{
		color: #a0f100;
	}
	
	/* ここからフロントページ */
	
	.front_w{
		width: 100%;
		
	}
	
	.front_box{
		width: 100%;
		margin: auto;
		
	
	}
	.front_main_img{
		width: 100%;
		height: 300px;
		margin: auto;
		background-image: url("../img/fours_top.jpg");
		background-size: 100%;
		
	}
	.front_main_img img{
		width: 100%;
	}
	.cont_01_w{
		width: 100%;
		background-color: #a0f100;
		color: #000000;
		padding: 50px 0px;
		clip-path: polygon(0% 10%, 100% 0%,100% 90%,0% 100%);/* 斜め */
		margin-top: -85px;
		z-index: 10;
		position: relative;
		
	}
	.cont_01_box{
		width: 90%;
		margin: auto;
		
		
		
		
	}
	
	

	.cont_01_list{
		width: 100%;
		margin: auto;
	
		
	}
	.cont_01_list_left{
		width: 80%;
		margin: auto;
		padding-top: 25px;
		
	}
	.cont_01_list_left_text{
		font-size: 14px!important;
	}
	.cont_01_list_right{ 
		width: 80%;
		margin: auto;
		padding-top: 5%;
	}
	
	.cont_01_list ul{
		
		padding: 10% 0% 10% 0%;
		
		
	}
	.cont_01_list li{
		padding: 1% 0%;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}
	.cont_01_list li span{
		font-size: 12px;
		padding-left: 5%;
		font-weight: normal;
		
	}
	.cont_01_list_left_text{
		font-size: 1.5vw;
		text-align: center;
		line-height: 1.5;
		padding-top: 3%;
		
	}
	
	.cont_01_p_02{
		margin-top: 10px;
		line-height: 1.5;
		text-align: center;
		font-size: 14px;
		padding-bottom: 20px;
	}
	.cont_01_p_02 p{
		text-align: center;
	}

	
	/* ここから会社の理念 */
	.cont_02_w{
		width: 100%;
		background-color: #000000;
		color: #FFFFFF;
		padding: 50px 0px;
		margin-top: -75px;
		z-index: 5;
		position: relative;
		
	}
	.cont_02_box{
		width: 90%;
		margin: auto;
		padding-top:80px;
		padding-bottom: 30px;
		
	}
	.cont_title{
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		
		
	}
	.line{
		height: 1px;
		border-bottom: solid 3px #a0f100;
		width: 20px;
		padding-top: 10px;
		margin: auto;
	}
	.cont_sub_title{
		text-align: center;
		padding-top: 10px;
		color: #a0f100;
		font-size: 10px;
	}
	.cont_02_text_box{
		width: 90%;
		margin: auto;
		padding: 30px 0px;
	}
	.cont_02_p_01{
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		line-height: 1.5;
	}
	.line_02{
		height: 8px;
		width: 88%;
		background-color: #ffd931;
		margin: auto;
		margin-top: -7px;
	}
	.line_02_02{
		height: 8px;
		width: 60%;
		background-color: #ffd931;
		margin: auto;
		margin-top: -33px;
	}
	.cont_02_p_02{
		font-size: 12px;
		margin-top: 60px;
		line-height: 1.5;
		text-align: center;
	}
	.section_img_w{
		background-image: url("../img/fours_background_01.svg");
		height: 150px;
		width: 100%;
		background-size: 150%;
		background-position: top;
		clip-path: polygon(0% 40%, 100% 0%,100% 60%,0% 100%);/* 斜め */
		z-index: 10;
		position: relative;
		margin-top: -70px;
		background-color: #000000;
	}
	.cont_03_w{
		width: 100%;
		background-color: #000000;
		color: #FFFFFF;
		margin-top: -60px;
		padding: 60px 0px 180px 0px;
		
		
	}
	.cont_03_box{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.cont_03_table_w{
		width: 80%;
		margin: auto;
		padding-top: 30px;
	}
	.prpfile_table_box{
		width: 90%;
		margin: auto;
		padding: 50px 0px;
		
	}
	.prpfile_table_box tr{
		
		font-size: 12px;
	
	}
	.prpfile_table_box th{
		width: 	20%;
		padding: 5px;
		border-bottom: solid 1px #a0f100;
		vertical-align: middle;
	}
	.prpfile_table_box td{
		width: 60%;
		padding: 20px 10px;
		text-align: left;
		line-height: 1.5;
		border-bottom: solid 1px #a0f100;
	}
	#footer{
		padding: 20px 0px;
		background-color: #181818;
		width: 100%;
		position: fixed;
		bottom: 0px;
		z-index: 20;
	}
	.menu_sp_w{
		color: #FFFFFF;
		width: 100%;
		margin: auto;
		font-size: 16px;
		padding-bottom: 10px;
	}
	.menu_sp_w p{
		text-align: center;
	}
	.menu_sp_w span{
		font-size: 12px;
		padding-left: 5px;
	}
	.bt_w{
		width: 100%;
		margin: auto;
	}
	.bt_box{
		display: flex;
		justify-content: space-between;
		width: 80%;
		margin: auto;
		
		
	}
	.footer_bt_01{
		padding: 0px 3px;
		width: 50%;
		
	}
	.footer_bt_01 a{
		width: 100%;
		font-size: 12px;
		padding: 10px 10px;
		display: block;
		text-align: center;
		background-color: #a0f100;
		margin: auto;
		border-radius: 5px;
		color: #000000;
		text-decoration: none;
		
	}
	.footer_bt_01 a img{
		width: 15px;
		vertical-align: -19%;
		margin-right: 3px;
		
	}
	.footer_bt_02{
		padding: 0px 3px;
		width: 50%;
		
	}
	
	.footer_bt_02 a{
		width: 100%;
		font-size: 12px;
		padding: 10px 10px;
		display: block;
		text-align: center;
		background-color: #a0f100;
		margin: auto;
		border-radius: 5px;
		color: #000000;
		text-decoration: none;
	}
	.footer_bt_02 a img{
		width: 15px;
		vertical-align: -19%;
		margin-right: 3px;
		
	}
	

	#copyright{
		font-size: 10px;
		color: #FDFDFD;
		text-align: center;
		padding-top: 10px;
		letter-spacing: 0.2em;
	}
/* ここから募集要項(応募ボタン) */
	.recruit_bt_box{
		padding-top: 30px;
	}
	.recruit_bt_box a{
		
		width: 50%;
		font-size: 12px;
		padding: 10px 10px;
		display: block;
		text-align: center;
		background-color: #a0f100;
		margin: auto;
		border-radius: 5px;
		color: #000000;
		text-decoration: none;
	}

	


}