@charset "utf-8";
/*
Theme Name: company
Theme URI: http://sphere-links.co.jp/
Description: company
Version: 1.0
Author: sphere-links
Author URI: http://sphere-links.co.jp/
Tags: company

*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,ol {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    transition: 0.5s;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

/*************************************************************

ここまでリセット

*************************************************************/

/*共通*/

body {
	font-size: 16px;
	line-height: normal;/*詰まりすぎを防ぐ*/
	color: #222222;
	font-family: "Noto Sans JP", sans-serif;
}
.contents_box {
    max-width: 1190px;
    margin: 0 auto;
    /* padding: 0 10px; */
    padding: 0 40px;
    position: relative;
}

/* ヘッダー＆グローバルナビ　ここから */

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff!important;
    z-index: 200;
	  -webkit-transition: -webkit-transform .4s ease;
	  transition: -webkit-transform .4s ease;
	  transition: transform .4s ease;
	  transition: transform .4s ease, -webkit-transform .4s ease;
}

header {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

header.fixed {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
	background: #fff;
}

main{
	margin-top: 100px;
}

.under header{
	border-bottom: 2px solid #CAB274;
}
.header_top {
    display: flex;
    justify-content: space-between;
    background: #1167C4;
	color: #fff;
}
.header_top ul {
    display: flex;
    margin-left: auto;
}
.header_top ul li{
	padding: 10px 0;
	padding-left: 25px;
	box-sizing: border-box;
	margin-right: 25px;
}
.header_top ul li:first-child {
    background: url(../../images/renewal/header_icon1.png) no-repeat left center;
}
.header_top ul li:nth-child(2){
	background: url("../../images/renewal/header_icon2.png") no-repeat left center;
}
.header_top ul li:nth-child(3){
	background: url("../../images/renewal/header_icon3.png") no-repeat left center;
}
.header_top ul li a {
    color: #fff;
    font-size: 12px;
}
.header_top ul li.bg{
	margin-right: 0;
	padding-right: 25px;
}
.header_top ul li.bg.bg1 {
    background: url(../../images/renewal/header_icon4.png) no-repeat left 10px center #068E6E;
    padding-left: 30px;
}
.header_top ul li.bg.bg2{
	background: #FE6A06;
}
.header_top ul li.bg.bg2 a{
	background: #FE6A06;
	font-size: 14px;
}


.header_top ul li.bg.bg3{
	background: #b3b3b3;
}
.header_top .contents_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1220px;
}
.header_btn{
    display: flex;
    flex-wrap: wrap;
} 
.header_btn li{
    margin-right: 15px;
}
.header_btn .tel{
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    color:#589BD9;
    font-size: 10px;
    padding: 5px 15px;
}
.c_nav .header_btn .tel{
    border: 1px solid #589BD9;
    box-sizing: border-box;
}

.logo {
    max-width: 400px;
    width: 35%;
}
.logo a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.logo a h1 {
    width: 140px;
    margin-right: 10px;
    line-height: 1;
}
.logo a h1 img{
	max-width: 100%;
}
.logo .c_logo{
	display: none;
}
.logo div{
	font-size: 8px;
	font-weight: normal;
	font-family: 'Noto Serif JP', sans-serif;
}
.logo div h2 {
    font-size: 12px;
    margin-bottom: 0;
}
.c_nav .logo .g_logo{
	display: none;
}
.c_nav .logo .c_logo{
	display: block;
}

.header_box {
	/*max-width: 1440px;*/
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    /*padding: 7px 40px;*/
    margin: 0 auto;
    max-width: 1400px;
    padding: 7px 20px;
}
.header_box.header_box_premium{
    padding-top: 14px;
}
.header_box .flex {
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    width: 98%;
    align-items: center;
    margin: 0 auto;
    padding: 0;
}

.header_box .right_box {
    width: 25%;
    max-width: 360px;
}

@media screen and (max-width: 1200px){
.header_box {
        width: 98%;
	padding: 10px;
 }
span.new_job_icon_list {
    margin-left: 3px;
    margin-right: 2px;
    font-size:9px;
    padding: 4px 8px;
    color: #fff;
    border-radius: 10px;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: -2px;
}
}


/*ナビ*/

#g_nav {
    width: 69%;
    align-items: flex-end;
    margin-left: auto;
    margin-right: 0;
}
#g_nav .nav_box {
    display: flex;
    margin-left: auto;
}
#g_nav .header_btn{
    display: none;
}
.right_box p {
    font-size: 11px;
    margin-bottom: 5px;
}
#g_nav ul.btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.c_nav_h1{
    background: #2d4052;
    color: #fff;
    padding: 6px 0;
}
.c_nav_h1 p {
    max-width: 1220px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 12px;
    margin: 0 auto;
    font-weight: bold;
}
.clone_nav .c_nav_h1{
    display: none;
}

#g_nav .clone_nav {
    width: 100%;
    overflow: hidden;
    max-width: 1320px;
    margin: 0 auto;
}


#g_nav ul, .c_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #fff;
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
}
#g_nav .nav_box ul li, .c_nav .nav_box ul li {
    position: relative;
    margin: 0;
    display: block;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px;
    padding: 0;
	margin-left: 30px;
}

#g_nav ul.dropdown,.c_nav ul.dropdown{
        display: none;
        position: absolute;
        padding: 0;
		width: 100%;
}
#g_nav ul.dropdown li,.c_nav ul.dropdown li{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0;
}
#g_nav ul li a, .c_nav ul li a {
    display: block;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 14px;
}
.c_nav .header_top ul li a{
    font-size: 12px;
}


#g_nav ul li a{
	color: #1167C4;
}
@media screen and (max-width: 1300px){
#g_nav ul li a, .c_nav ul li a {
    font-size: 12px;
}
#g_nav .nav_box ul li, .c_nav .nav_box ul li {
    margin-left: 15px;
}
.logo {
    width: 40%;
}
.logo div h2 {
    font-size: 11px;
}
span.new_job_icon_list {
    margin-left: 3px;
    margin-right: 2px;
    font-size:9px;
    padding: 4px 8px;
    color: #fff;
    border-radius: 10px;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: -2px;
}
}

#g_nav ul.dropdown a,.c_nav ul.dropdown a{
	height: 35px;
	padding: 6px 0 0px;
}
#sp_g_nav{
    display: none;
}

/*ナビクローン用*/
.c_nav #g_nav .header_btn {
    display: flex;
    flex-basis: 36%;
}
.c_nav #g_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    max-width: 100%;
    width: 70%;
}
.c_nav {
    position: fixed;
    top: -120px;
    width: 100%;
    z-index: 200;
    transition: top 0.25s;
    background-color: #fff;
    height: 100px;
    box-sizing: border-box;
    max-width: 100%;
}
.c_nav:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    height: 5px;
    width: 100%;
    background: #f0dc8c;
}
.c_nav .nav_box {
    max-width: 1320px;
    margin: 0;
}



@media screen and (max-width:768px){
	.c_nav {
		display: none;
	}
    .header_top {
        display: none;
    }

    span.new_job_icon_list {
        margin-left: 3px;
        margin-right: 2px;
        font-size:9px;
        padding: 0 8px;
        color: #fff;
        border-radius: 10px;
        white-space: nowrap;
        display: inline-block;
        position: relative;
        top: -2px;
    }
}

.visible {
    top: 0;
}

@media screen and (max-width: 834px){
	
.contents_box {
   padding: 0 20px;
}
.main_wrapper.clearfix .contents_box {
   padding: 0 5px;
}
main {
    margin-top: 60px;
}
main.premium_main {
    background: #F6F6F6;
}
header {
    height: 60px;
    border-bottom: 1px solid #A98855;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    box-sizing: border-box;
}
.c_nav{
	display: none!important;
}

.header_box,.h1_box {
    display: none;
}
	#sp_g_nav{
		display: block;
		z-index: 20;
		width: 100%;
	}
#sp_g_nav h1 {
    max-width: 120px;
}
	#g_nav{
		display: none;
	}

.sp_logo {
    position: absolute;
    top: 9px;
    left: 10px;
    text-align: left;
    width: 250px;
    line-height: 1.1;
}
	
	
	

	
.sp_logo img {
    width: 100%;
    width: 120px;
}

.sp_logo div {
    font-weight: normal;
    padding-left: 0;
    margin-top: -2px;
    font-size: 8px;
    display: block;
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
}
.sp_logo div h2{
	display: inline;
	font-size: 9px;
}
	
.sp_logo .premium_logo + div {
    margin-top: 2px;
}

.premium.sp_logo {
    top: 12px;
}
.premium.sp_logo div {
    margin-top: 2px;
}

.lg_m {
    text-align: right;
    height: 60px;
    border-bottom: 2px solid #A98855;
    background: #fff;
    box-sizing: border-box;
    border-top: 5px solid #1167C4;
}

.favorite_link, .history_link, .menu-trigger {
    font-size: 10px;
    text-align: center;
    padding-top: 17px;
    box-sizing: border-box;
}
.favorite_link {
    background: url(../../images/renewal/grade.png) no-repeat center top;
    width: 40px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 95px;
}
.history_link {
    background: url(../../images/renewal/alarm.png) no-repeat center top;
    width: 40px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 50px;
}
.logout_btn{
    font-size: 10px;
    position: absolute;
    top: 10px;
    right: 150px;
    background: #ccc;
    color: #fff;
    padding: 4px 10px;
    border-radius: 15px;
}
	

	/*メニューの動き*/
	.menu-trigger,
	.menu-trigger span{
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	  cursor :pointer;
	}
.menu-trigger {
    position: absolute;
    width: 40px;
    height: 32px;
    z-index: 2;
    right: 5px;
    top: 10px;
    padding-top: 22px;
}
.menu-trigger span {
    position: absolute;
    background: #000000;
    width: 15px;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
}
.menu-trigger span:nth-of-type(1) {
    top: 5px;
}
	.menu-trigger span:nth-of-type(2){
	  top: 0;
	  bottom: 0;
	}
.menu-trigger span:nth-of-type(3) {
    bottom: 20px;
}
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
    top: -2px;
}
.menu-trigger.active span:nth-of-type(2){
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
    bottom: auto;
}
	/*メニューの動き END*/

#sp_g_nav .sp_nav ul {
    display: block;
    padding: 50px 30px 30px;
    color: #fff;
    text-align: left;
}
#sp_g_nav .sp_nav ul.dropdown{
	border-top: 1px solid #fff;
}
.sp_nav {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 3;
    height: calc( 100vh - 60px );
    overflow-y: scroll;
    background: rgba(33,37,41,0.9);
}
#sp_g_nav .sp_nav li {
    text-align: center;
    width: 100%;
    border-bottom: solid 1px #434f56;
    position: relative;
}
#sp_g_nav .sp_nav li:last-child{
		border-bottom: none;
}
#sp_g_nav .sp_nav li a {
    display: block;
    padding: 12px 0;
    color: #fff;
    font-size: 16px;
    text-align: left;
}
#sp_g_nav .sp_nav .link_btn {
    max-width: 311px;
    margin: 0 auto;
    background: none;
}
#sp_g_nav .sp_nav .link_btn a {
    color: #fff;
    border: 1px solid #fff;
    background: rgba(255,255,255,0.4);
    font-size: 16px;
    padding: 10px;
}
	
.sp_nav div{
		display: flex;
		justify-content: center;
		background-color: #e6e6e6;
		opacity: 0.9;
		width: 100%;
	}
	.sp_nav span.txt_en{
		display: none;
	}
}

/* footer */
.pagetop {
    position: fixed;
    right: 85px;
    bottom: 20px;
    z-index: 100;
}
.pagetop img{
	max-width: 53px;
}

footer a:hover p{
	opacity: 0.8;
}

footer{
    background: #064FA1!important;
}
footer .footer_wrapper .footer_search_contents_area {
    max-width: 1220px !important;
    padding: 90px 0 32px;
}

footer .footer_contents_list_title_area {
    padding: 0px 0px 15px 0;
}
footer .text_wrapper p{
    color: #fff !important;
}
footer .footer_wrapper .text_link_arrow_wrapper p{
    margin-top: 40px;
    color: #0098BC !important;
    text-decoration: underline;
    cursor: pointer;
}
footer .footer_wrapper .text_link_arrow_wrapper p span{
    color: #0098BC !important;
    position: relative;
}
footer .footer_wrapper .text_link_arrow_wrapper p span:after{
    position: absolute;

    top: 2px;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: -17px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #0098BC;
    border-right: 2px solid #0098BC;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

footer .footer_contents_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer .footer_contents_list >li{
    width:32%;
	max-width: 362px;
}
footer .footer_contents_list >li:last-of-type{
	width: 100%;
	max-width: 100%;
}

footer .footer_contents_list dl{
	display: flex;
	font-size: 12px;
}

footer .footer_contents_list_title_wrapper {
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}
footer .footer_contents_list_title_wrapper p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer_list_item_wrapper{
    display: inline-block;
}

footer .footer_contents_list_item_wrapper > ul{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
footer .footer_contents_list_item_wrapper > ul li {
    width: auto;
    padding-right: 12px !important;
    font-size: 12px;
    margin-bottom: 12px;
}
footer .footer_contents_list_item_wrapper dl{
	margin-bottom: 20px;
}
footer .footer_contents_list_item_wrapper dl dt {
    display: table !important;
    width: 65% !important;
    font-weight: 500;
}
footer .footer_contents_list_item_wrapper dl .footer_list_item_wrapper{
    display: table !important;
    width: 100% !important;
}
footer .footer_contents_list_item_wrapper dl .footer_list_item_wrapper dd{
	margin-bottom: 5px;
}
.footer_contents_list_right_area2 dl{
	display: block!important;
}
.footer_contents_list_right_area2 .text_wrapper{
	margin-bottom: 5px;
}
footer .footer_contents_list_right_area2 dl dt {
    font-size: 14px;
    width: 100%!important;
	font-weight: bold;
}
footer .footer_wrapper .footer_menu_area{
    border-top: 0 solid rgba(221, 221, 221, 0.5);
}
footer .footer_wrapper .footer_menu_area .footer_menu_wrapper{
    padding: 16px 0;
    margin: 0 0;
}

.footer_tel_number_wrapper.flex{
	justify-content: flex-start;
	margin-bottom: 20px;
	display: flex;
}
.footer_tel_number_wrapper.flex .image_wrapper {
    margin-right: 20px;
    max-width: 236px;
}
.footer_tel_number_wrapper.flex .image_wrapper img{
	width: 100%;
}
.footer_tel_number_wrapper.flex p.tel{
	font-size: 24px;
	font-weight: bold;
}
.footer_tel_number_wrapper.flex p.small{
	font-size: 12px;
}

.footer_menu_list_wrapper ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer_menu_list_wrapper ul li{
	font-size: 12px;
	padding: 0 16px;
    border-right: 1px solid #ffffff;
	box-sizing: border-box;
}
.footer_menu_list_wrapper ul li:last-child{
	border-right: none;
}

footer .footer_wrapper .footer_menu_area .footer_menu_wrapper .footer_top_link_area .footer_top_link_wrapper .text_link_wrapper .text_wrapper.icon_houritsu a p.houmu:before{
    background: url(../../../images/renewal/www/icon_houritsujimushoku.png);
}

footer .footer_wrapper .footer_menu_area .footer_menu_wrapper .footer_top_link_area .footer_top_link_wrapper .text_link_wrapper .text_wrapper.icon_somukyujin a p.somu:before{
    background: url(../../../images/renewal/www/icon_somukyujin.png);
}


footer .footer_wrapper .footer_copyright_area {
    border-top: 0 solid rgba(221, 221, 221, 0.5);
    padding-bottom: 32px;
    text-align: center;
    font-size: 11px;
	font-family: 'Noto Serif JP', serif;
}

footer .footer_wrapper .footer_copyright_area p{
	color: #fff;
}

footer .footer_wrapper .footer_menu_area .footer_menu_wrapper .footer_menu_list_area .footer_menu_list_wrapper > ul li{
    display: block !important;
}

.footer_top_link_area {
    display: flex;
    flex-wrap: wrap;
    max-width: 870px;
    margin-bottom: 20px;
}
.footer_top_link_area li{
	flex-basis: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
	padding-left: 28px;
	background: url("../../images/renewal/footer_icon1.png") no-repeat left top 5px;
	box-sizing: border-box;
	line-height: 2;
}
.footer_top_link_area li.jimu{
	background: url("../../images/renewal/footer_icon2.png") no-repeat left top 5px;
}
.footer_top_link_area li.houmu{
	background: url("../../images/renewal/footer_icon3.png") no-repeat left top 5px;
}
.footer_top_link_area li.somu{
	background: url("../../images/renewal/footer_icon4.png") no-repeat left top 5px;
}

.footer_top_link_area li:nth-child(even){
	margin-right: 0;
}
.footer_top_link_area li a{
	color: #fff;
	font-size: 12px;
}

span.new_job_icon_list {
    margin-left: 3px;
    margin-right: 2px;
    font-size:9px;
    padding: 4px 8px;
    color: #fff;
    border-radius: 10px;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: -2px;
}
span.icon_bg1 {
    background: #F56A61;
}
span.icon_bg2 {
    background: #FE6A06;
}
span.icon_bg3 {
    background: #1167C4;
}


@media screen and (max-width: 834px){
    
span.new_job_icon_list {
    margin-left: 3px;
    margin-right: 2px;
    font-size:9px;
    padding: 0 8px;
    color: #fff;
    border-radius: 10px;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: -2px;
}
    
.pagetop {
    display: none;
    bottom: 85px;
    right: 18px;
}
.sp_fixed1 {
    position: fixed;
    right: 85px;
    bottom: 10px;
    z-index: 100;
    max-width: 66px;
}
.sp_fixed2 {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 100;
    max-width: 66px;
}
.sp_fixed1.zi,.sp_fixed2.zi{
	z-index: 30;
}

	
footer .footer_wrapper .footer_search_contents_area {
    padding: 15px 0px;
}
footer .footer_contents_list >li {
    width: 100%;
    max-width: 100%;
}
footer .footer_contents_list_title_wrapper p {
    margin-bottom: 8px;
}
footer .footer_contents_list_title_wrapper {
    margin-bottom: 20px;
}
footer .footer_contents_list_title_area {
    padding: 0;
}
footer .footer_contents_list_item_wrapper > ul li {
    padding-right: 25px !important;
    margin-bottom: 10px;
	font-size: 13px;
}
.footer_contents_list_right_area{
	margin-top: 20px;
}
footer .footer_contents_list dl {
    display: block;
	margin-bottom: 15px;
}
footer .footer_contents_list_item_wrapper dl dt {
    width: 100%;
    font-size: 14px;
    margin-bottom: 8px;
	font-weight: 500;
}
.footer_tel_number_wrapper.flex .image_wrapper {
    margin-right: 0;
    max-width: 200px;
    margin-bottom: 20px;
}
.footer_tel_number_wrapper.flex .text_wrapper p {
    margin-bottom: 5px;
    font-size: 15px;
}
.footer_tel_number_wrapper.flex .text_wrapper p a{
	color: #fff;
}
.footer_top_link_area {
    display: block;
    max-width: 100%;
    margin-bottom: 20px;
}
	
.footer_menu_list_wrapper ul {
    display: block;
}
.footer_menu_list_wrapper ul li {
    padding: 0;
    margin-bottom: 8px;
    border-right: none;
}
footer .footer_wrapper .footer_menu_area .footer_menu_wrapper {
    padding:0;
    margin: 0;
}
footer .footer_wrapper .footer_copyright_area {
    padding-bottom: 15px;
    font-size:9px;
    font-family: 'Noto Sans JP', serif;
}

}