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

body{margin:0; padding:0; font-family:sans-serif;}

@media(max-width:599px){}

.div_container{}

.div_header{position: fixed; width:100%; height:80px; background-color: #fff; margin:0 auto 20px auto; padding:10px 0 10px 0; }
@media(max-width:599px){.div_header{width:100%; height:80px; margin:0; }}

.img_logo_header{float:left; margin:0 20px 0 20px;}
@media(max-width:599px){.img_logo_header{width:220px; margin:0px 15px 0 10px;}}

h1{float:left; font-size:2.0em; width:70%; margin:0; padding:20px 0 0 0;}
@media(max-width:599px){h1{float:none; font-size: 1.0em; width:auto; font-weight:normal; margin:0 0 0 5px; padding:5px 0 0 0;}}

.p_h1_sub{float:left; width:70%; font-size:1.1em; margin:0; padding:25px 0 0 0; }
@media(max-width:599px){.p_h1_sub{float:left; width:auto; font-size:0.8em; padding:15px 0 0 0;}}


.main_bnr{clear:both; width:100%; height:600px; background-image: url("../images/main-bnr01.jpg"); background-size:cover; margin:80px 0 0 0;
}
@media(max-width:599px){.main_bnr{background-image: url("../images/main-bnr01sp.jpg"); margin:60px 0 0 0;}}
	
.div_top_img_main{ text-align: center; padding:80px 0 0 0;}
@media(max-width:599px){.div_top_img_main{}}

.div_top_img_main{margin:50px 0 0 0;}
@media(max-width:599px){}

.img_top_main_pc{}
@media(max-width:599px){.img_top_main_pc{display: none;}}

.img_top_main_sp{display: none;}
@media(max-width:599px){.img_top_main_sp{display: block; width:90%; margin: 0 auto;}}

h2{background-color:#2993ca; color:#FFF; padding:10px;}
@media(max-width:599px){h2{width:90%; margin:20px auto 30px auto; text-align: center;}}

/* ----------------------------- */

.div_lead{width:800px; margin:0 auto 30px auto; }
@media(max-width:599px){.div_lead{width:90%;}}

.h3_lead{text-align: center;}
@media(max-width:599px){.h3_lead{}}

.p_lead{line-height: 24px;}
@media(max-width:599px){.p_lead{}}


/*
.div_cont00{width:800px; margin:0 auto 30px auto; text-align: center;}
@media(max-width:599px){.div_cont00{width:100%;}}

*/

/* ----------------------------- */

.div_cont01{width:800px; margin:0 auto 30px auto; text-align: center;}
@media(max-width:599px){.div_cont01{width:100%;}}

.img_shigoto_nagare{width:100%; margin:20px auto 20px auto;}
@media(max-width:599px){.img_shigoto_nagare{display: none;}}

.img_shigoto_nagare_sp{display: none;}
@media(max-width:599px){.img_shigoto_nagare_sp{display: block; width:90%; margin:20px auto 20px auto; }}

.arrow01{width:96px; margin:5px auto 5px auto;}
@media(max-width:599px){.arrow01{width:80px;}}


/*
.p_gyomu_tit{width:100%; margin:0 0 2px 0; font-weight:bolder;}
@media(max-width:599px){}

.p_gyomu_setsumei{width:100%; margin:0; font-size: 0.9em}
@media(max-width:599px){}

.div_sonota_gyomu{background-color: #215099; width: 300px; margin: 0 auto 0 auto; padding: 15px 0 15px 0; text-align: center; border-radius: 30px;}
@media(max-width:599px){.div_sonota_gyomu{width:60%; }}

.p_sonota_gyomu{color:#fff; font-weight: bolder; margin: 0; }
@media(max-width:599px){}
*/

/* ----------------------------- */

.div_cont02{width:800px; margin: 0 auto 30px auto;}
@media(max-width:599px){.div_cont02{width:100%;}}

.div_cont02_left{float:left; width:380px;}
@media(max-width:599px){.div_cont02_left{float:none; width:95%;  margin: 0 auto 30px auto;}}

.div_cont02_right{float:right; width:400px;}
@media(max-width:599px){.div_cont02_right{float:none; width:95%;  margin: 0 auto 30px auto;}}

.img_nagare_right{}
@media(max-width:599px){.img_nagare_right{width:100%;}}
	
.cont02 ul{}
.cont02_list_start{padding:5px 0 5px 0;}
.cont02_list{padding:5px 0 5px 0;}
.cont02_list_end{padding:5px 0 5px 0;}


/* ----------------------------- */

.div_cont03{width:800px; margin: 0 auto 30px auto;}
@media(max-width:599px){.div_cont03{width:100%;}}

.div_cont03_left{float:left; width:460px;}
@media(max-width:599px){.div_cont03_left{float:none; width:90%;  margin: 0 auto 20px auto;}}

.div_cont03_right{float:right; width:310px; text-align: right;}
@media(max-width:599px){.div_cont03_right{float:none; width:95%; margin: 0 auto 20px auto; text-align:center;}}

.img_cont03_right{width:300px;}
@media(max-width:599px){.img_cont03_right{width:90%; margin: 0 auto 20px auto;}}

.div_daihyo_aisatsu{background-color:#b2dff2; padding:20px 20px 15px 20px;}
@media(max-width:599px){.div_daihyo_aisatsu{width:100%; padding:20px 0 30px 0;}}

.div_daihyo_aisatsu_left{float:left; width:200px;}
@media(max-width:599px){.div_daihyo_aisatsu_left{float:none; text-align:center; margin:0 auto 0 auto;}}

.div_daihyo_aisatsu_left p{margin:7px auto 10px auto;}

.img_daihyo_aisatsu{}
@media(max-width:599px){.img_daihyo_aisatsu{float:none; width:120px;}}

.div_daihyo_aisatsu_right{float:right;}
@media(max-width:599px){.div_daihyo_aisatsu_right{}}

.div_daihyo_aisatsu_right p{width:530px; margin:20px 0 0 20px; line-height:24px;}
@media(max-width:599px){.div_daihyo_aisatsu_right p{float:none; width:90%; margin:20px auto 0 auto;}}


/* ----------------------------- */

.div_cont04{width:800px; margin: 0 auto 0 auto;}
@media(max-width:599px){.div_cont04{width:100%;}}

.div_entry_nagare{width:600px; margin: 0 auto 5px auto;}
@media(max-width:599px){.div_entry_nagare{width:90%; margin: 0 auto 15px auto; }}

.img_entry_nagare{}
@media(max-width:599px){.img_entry_nagare{width:100%;}}

/*
.p_entry_nagare{}
@media(max-width:599px){}
.div_entry_nagare01{background-image:url("../images/oubo-nagare-bg01.jpg"); background-repeat:no-repeat; width:600px; height:60px; text-align: center}
.p_entry_nagare{margin:20px 0 0 0; font-weight: bolder; font-size:2.0em;}
*/

/* ----------------------------- */

.div_cont05{width:800px; margin: 0 auto 0 auto;}
@media(max-width:599px){.div_cont05{width:100%;}}

.div_cont05 table{width: 100%; margin:15px 0 40px 0;border:solid 1px #ccc; border-collapse: collapse;}
@media(max-width:599px){.div_cont05 table{width: 90%; margin:15px auto 40px auto; }}


.div_cont05 table th{text-align: left; font-weight:normal; padding:20px; border:solid 1px #ccc; }

.div_cont05 table td{ background-color: #ededed; padding:20px; border:solid 1px #ccc; } 

.question{color:#00a1fa; }
@media(max-width:599px){.question{}}


/* ----------------------------- */

.div_cont06{width:800px; margin: 0 auto 0 auto;}
@media(max-width:599px){.div_cont06{width:100%;}}

.div_top_boshu{
    background-color: #215099;
    width: 400px;
    margin: 15px auto 30px auto;
    padding: 20px;
    /*border-radius: 40px; */
	box-shadow: 3px 3px 4px gray;
}
@media(max-width:599px){.div_top_boshu{width:70%;}}

.div_top_boshu p{color:#fff; font-weight:bolder; font-size:1.6em; margin:0; text-align: center; }
@media(max-width:599px){.div_top_boshu p{font-size:1.2em;}}



.div_top_toaiwase{width:400px; margin:5px auto 30px auto; border:solid 1px #ccc; text-align: center;}
@media(max-width:599px){.div_top_toaiwase{width:70%; margin:5px auto 40px auto;}}

.div_top_toaiwase p{font-weight:bolder;}
@media(max-width:599px){}


.p_top_tel{font-size:1.6em; color:#00a1fa;}
.p_top_tel{}
.p_top_tel a:link, a:visited {text-decoration: none; color:#00a1fa;}
.p_top_tel a:hover, a:active {text-decoration: none; color:#00a1fa;}


.div_footer{margin:20px 0; }


/*----- 募集内容のページ -----*/


.sub_page_bnr{margin:100px 0 20px 0;}

.table_boshu_naiyo {
	width: 90%;
	margin: 0 auto 0 auto;
	border: 1px solid #666;
	border-collapse:collapse;
}

@media(max-width:599px){.table_boshu_naiyo {}}


.table_boshu_naiyo tr th {
	width: 20%;
	padding: 10px 0 10px 0;
	font-weight: bolder;
	vertical-align: middle;
	border: 1px solid #666;
	background-color: #EFF;
	color: #333;
}
@media(max-width:599px){
.table_boshu_naiyo tr th {
	font-weight: normal;
	width: 30%;

}
}


.table_boshu_naiyo tr td {
	padding: 10px;
	border: 1px solid #666;
	line-height: 20px;
	text-align: left;
}
@media(max-width:599px){
.table_boshu_naiyo tr td {
	padding: 5px;
	width: auto;
}
}



/*----- 会社概要ののページ -----*/
.table_company{width:95%; margin:10px auto; border:solid 1px #ccc; border-collapse: collapse;}
@media(max-width:599px){.table_company{}}
	
.table_company tr{}


.table_company th{width:25%; text-align: left; padding:10px 20px; border:solid 1px #ccc; background-color: #efefef; font-weight: normal;}


.table_company td{text-align: left; padding:10px 20px; border:solid 1px #ccc; }

/*----- -----*/

.br_sp{display: none;}
@media(max-width:599px){.br_sp{display: block;}}

.p_corp_hp{text-underline-offset:8px;}


/*----- ページ下部にメニューを固定 -----*/
/* @media screen and (max-width:599px) */
 
    #sp-fixed-ft-menu {
        position: fixed;
        width: 100%;
        bottom: 0px;
        font-size: 0;
        opacity: 0.9;
        z-index: 99;
    }
    /*メニューを横並びにする*/
    #sp-fixed-ft-menu ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #sp-fixed-ft-menu li {
        justify-content: center;
        align-items: center;
        width: 50%;
        padding: 0;
        margin: 0;
        font-size: 12px;
        border-right: 1px solid #fff;
    }
    /*左側メニューの色*/
    #sp-fixed-ft-menu li:first-child {background:#00a1fa;}

    #sp-fixed-ft-menu li{ background:#00a1fa;}

    /*右側メニューの色*/
    #sp-fixed-ft-menu li:last-child {background:#00a1fa;}

    /*ボタンを調整*/
    #sp-fixed-ft-menu li a {
        color: #fff;
        text-align: center;
        display: block;
        width: 100%;
        padding: 10px 0;
        text-decoration: none;
        font-size: 1.0rem;
    }
    /*フッターボタン分だけページ最下部に余白を空ける*/
    #div_ft_navi_contact {
        margin-bottom: 60px;
    }


/* ----------- メールフォーム ----------- */

.h3_entry_form{
	width:90%;
	margin:10px auto;
	padding:7px;
	color:#fff;
	background-color:#555;
}

/* for table */
.form-tbl {
	width:90%;
    margin-left: auto;
    margin-right: auto;
	padding-bottom:20px;

}
@media(max-width:599px){
.form-tbl {	
	}
}

.form {
	border-collapse: collapse;
	border: 1px solid #666;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
}

.red{
	color: red;
}


.form th, .form td {
	border: 1px solid #666;
	padding: 15px;


}
.form th {
    width: 20%;
    background: #ffffff;
    border: 1px solid #666;
    font-weight: normal;
    color: #666666;	
}
@media(max-width:599px){
	.form th {
		width: 30%;
	}
}

.form td {
	background: #fff;
	text-align: left;
	border: 1px solid #666;
	color: #666666;	
}


.form_input{
    border: 1px solid #CCCCCC;
}
@media(max-width:599px){
	.form_input{
	}
}

p.btn input {
	width: 110px;
	height: 32px;
}

/* for title */
h2 {
	font-size: 1.4em;
	text-align: center;
	width: 800px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom:15px;
	
}
@media(max-width:599px){
	h2{
		width: 95%;
	}
}



/* for message */
p.msg {
	color: #666666;
	/*margin: 2em;*/
}

#body ol {
	margin:0px;
}
#body ol li {
    list-style-type: none;
	margin:0px;

}
@media(max-width:599px){
	#body ol li {
		width :90%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
}

#body ul {
		margin:0px;
}

#body ul li {
    list-style-type: none;
	margin:0px;
	padding:0px;
}
@media(max-width:599px){
	#body ul li {
		width :90%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
}



span.msg {
	color: #ff0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}


/* メールフォームここまで　------------------ */

a:link, a:visited {border: 0; text-decoration:none}
a:hover, a:active {border: 0; text-decoration:none}

.p_sonota_gyomu a:link, a:visited {color:#fff; text-decoration:none;}
.p_sonota_gyomu a:hover,a:active {color:#fff; text-decoration:none;}

.div_top_boshu a:link, a:visited {color:#fff; text-decoration:none;}
.div_top_boshu a:hover,a:active {color:#fff; text-decoration:none;}


a:link, a:visited {
	filter:Alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

a:hover, a:active {
	filter:Alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}


.div_kara{float:none; clear:both; height:5px;}