@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

h1,
h2,
h3,
h4,
#locationArea,
footer {
    font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", "Noto Sans CJK JP","メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
}
header,
header h1,
#footer .copyright_pc,
body,
button { font-family: "Montserrat", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif!important; font-size: 16px; color: #222; line-height: 1.6;  }

_:lang(x)::-ms-backdrop,
header,
header h1,
#footer .copyright_pc
body { font-family: "メイリオ", Meiryo, sans-serif; font-size: 16px; color: #222; line-height: 1.6;  }

a:hover { opacity: 0.7!important; }
a, a:link, a:active, a:visited {display: inline-block; text-decoration: none; }


.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.sp { display: block!important; }
.pc { display: none!important; }
.st { display: block!important; }
.tp { display: none!important; }
.btn_more_cir img{ width: 80%; }

/*SP → タブレット　→ PC*/
/* iPhone 縦 */
/***************************
　header
****************************/
/*headerTop*/
#headerTop{
	align-items: center;
	padding: 3vw;
  	background-color: #FBFCF0;
}

#headerTop .headLogo, #headerTop .headText{ float: left; }
#headerTop .headLogo{ flex-grow: 1; padding-right: 10vw; }
#headerTop .headLogo img{ max-width: 100%; }
#headerTop .headText{ display: none; }
#headerTop h1{ font-weight: bold; }
#headerTop nav{
	flex-grow: 1;
	float: right;
	text-align: right;
}
#headerTop nav li{
	flex-grow: 1;
    margin-left: 1.6vw;
	display: inline-block;
}
#headerTop nav li img{ width: 100%; }

/*header*/
#header{
    align-items: center;
    padding: 3vw;
    background-color: #FFFFFF;
}

#header .headLogo, #header .headText{ float: left; }
#header .headLogo{ flex-grow: 1; padding-right: 10vw; }
#header .headLogo img{ max-width: 100%; }
#header .headText{ display: none; }
#header h1{ font-weight: bold; }
#header nav{
    flex-grow: 1;
    float: right;
    text-align: right;
}
#header nav li{
    flex-grow: 1;
    margin-left: 1.6vw;
    display: inline-block;
}
#header nav li img{ width: 100%; }
/***************************
　GROBAL NAV
****************************/
#globalNav{
   display: none;
    height: 100%;
    position: initial;
    width: 100%;
    z-index: 98;
    overflow: auto;
}
.gnav__wrap{
    align-items:center;
    display: initial;
    height: 110%;
    justify-content: center;
    position: relative;
    width: 100%;
    overflow: auto;
}
.close_button {
    position: absolute;
    top: 30px;
    right: -95vw;
    height: 40px;
    width: 40px;
    z-index: 120;
}
.close_button img { width: 100%; }
.left_menu, .right_menu{ flex-grow: 1; width: 100%; height: 100%; margin:0 auto; text-align: center;}
.left_menu{ background: rgba(251,202,77,1); }
.right_menu{ background: rgba(255,255,255,1); }

.gnav_tit{ display : block; height: 30px; }
.gnav_tit img{ width: 100%; }
.gnav_text {  display: block;}

.gnav__menu__item{
    margin: 0px 30%;
     text-align: left;
}
.gnav__menu{
    padding: 10vw 0;
}
.other { padding: 0 0 20vw; }
.other li:first-child{ border-top: 1px solid #000; }
.other li:last-child{border-bottom: 1px solid #000; }
.gnav__menu__item a{
    color: #000;
    font-size: 0.85em;
    font-weight: bold;
    padding: 15px 0 15px 0;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    opacity: 0.7;
}
.ex_nonal{position: relative;}
.ex_nonal:after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon_ex_nomal.png) no-repeat;
    background-size: 90%;
    top: 7px;
    right: -30px;
}
.menu_logo{ padding-bottom: 40px; width: 40%; margin: 0 auto;}
.menu_logo img{ width: 60%; }

.menu_address{ font-size: 0.85em; line-height: 1.5; padding-bottom: 40px; }

.contact_list .tel{ padding: 20px 0px;margin: 0 auto; }
.contact_list .tel img{ width: 100%; }
.contact_list .mail, .contact_list .form{
    display: block;
    padding: 0px 0 10px;
    border-radius: 30px;
    border: 1px solid rgba(251,202,77,1);
    position: relative;
    width: 50%;
    margin: 0 auto 10px auto;
}
.contact_list .mail img, .contact_list .form img{
    width: 80%;
}

.company_name {font-weight: bold; font-size: 1.2em;}

.group_list ul{ font-size: 0.85em; font-weight: bold; margin: 10px 10%; }
.group_list ul li{ position: relative; }

.group_list .miraihoiku:after,
.group_list .tsubomi:after,
.group_list .day:after,
.group_list .gakudo:after,
.group_list .pocket:after
{
    content: "";
    display: inline-block;
    width: 20px;
    height: 22px;
}

.group_list .miraihoiku:after{
	background: url(../images/icon_ex_miraihoiku.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
 }
.group_list .tsubomi:after{ 
	background: url(../images/icon_ex_tsubomi.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .day:after{
	background: url(../images/icon_ex_day.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .gakudo:after{
	background: url(../images/icon_ex_gakudo.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .pocket:after{
	background: url(../images/icon_ex_pocket.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.ex_nonal:after{ background: url(../images/icon_ex_nomal@2x.png) no-repeat; background-size: 90%;}

.group_list .miraihoiku:after{
	background: url(../images/icon_ex_miraihoiku@2x.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
 }
.group_list .tsubomi:after{
	background: url(../images/icon_ex_tsubomi@2x.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .day:after{
	background: url(../images/icon_ex_day@2x.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .gakudo:after{
	background: url(../images/icon_ex_gakudo@2x.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .pocket:after{
	background: url(../images/icon_ex_pocket@2x.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}

}
/***************************
　CONTENT
****************************/
#mainContents{ position: relative; }
#pageTop{
	position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
}
#pageTop img{
	width: 70px;
    height: auto;
}


/*============ #recruitArea ===============*/

#recruitArea{
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 35vw;
}
#recruitArea .title_area{ text-align: center; }

#recruitArea h2{
	font-weight: bold;
    letter-spacing: 0.3em;
    padding: 2vh 0;
}
#recruitArea .lead{ padding: 130px 7vw 10vw; }

#recruitArea .rec_contents{
	margin: 0 auto;
	padding: 15vw 0;
	background-color: #F19EBC;
    width: 100vw;
    z-index: 30;
    flex-grow: 1;
    position: relative;
}
#recruitArea .hukidashi_left, #recruitArea .hukidashi_right {
	position: absolute;
	top: 35vw;
}
#recruitArea .hukidashi_left { left: 5%; }
#recruitArea .hukidashi_right { right: 5%; }

#recruitArea .ex_mirai{
	width: 90%;
    margin:0 auto;
	background: #FFFFFF;
	border-radius: 30px;
	border: none;
    padding: 10px 0;
}
#recruitArea .ex_mirai a{
	color: #F19EBC;
    font-size: 0.85em;
    font-weight: 900;
}
#recruitArea .ex_mirai a:after{
	height: 15px;
    width: 15px;
    margin-left: 10px;
    content: "";
    display: inline-block;
    background: url(../images/icon_ex_miraihoiku.png) no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
}


#recruitArea .bk_img_left, #recruitArea .bk_img_right{
	position: absolute;
	bottom:0;
}

#recruitArea .bk_img_left{ left: 0; }
#recruitArea .bk_img_right{ right: 0; }

#recruitArea .bk_parts{ float: left; }

#recruitArea .bk_left1, #recruitArea .bk_left2,
#recruitArea .bk_right1, #recruitArea .bk_right2{
    height: 35vw;
    width: 25vw;
    content: "";
}
#recruitArea .bk_left1{
    background: url(../images/img_recuruit1.jpg) no-repeat;
    background-position-x: 0px;
    background-size: 105%;
}
#recruitArea .bk_left2{
    background: url(../images/img_recuruit2.jpg) no-repeat;
    background-position-x: 0px;
    background-size: 105%;
}
#recruitArea .bk_right1{
    background: url(../images/img_recuruit3.jpg) no-repeat;
    background-position-x: 0px;
    background-size: 105%;
}
#recruitArea .bk_right2{
    background: url(../images/img_recuruit4.jpg) no-repeat;
    background-position-x: 0px;
    background-size: 105%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#recruitArea .bk_left1{
    background: url(../images/img_recuruit1@2x.jpg) no-repeat;
    background-position-x: 0px;
    background-size: 105%;
}
#recruitArea .bk_left2{
    background: url(../images/img_recuruit2@2x.jpg) no-repeat;
    background-position-x: 0px;
    background-size: 105%;
}
#recruitArea .bk_right1{
    background: url(../images/img_recuruit3@2x.jpg) no-repeat;
    background-position-x: 0px;
    background-size: 105%;
}
#recruitArea .bk_right2{
    background: url(../images/img_recuruit4@2x.jpg) no-repeat;
    background-position-x: 0px;
    background-size: 105%;
}
}

/*============ #locationArea ===============*/
#locationArea{
	padding: 60px 0 0;
    overflow: hidden;
}
#locationArea .title_area{ padding: 0 40px 40px; }

#locationArea h2{
	font-weight: bold;
    letter-spacing: 0.3em;
    padding: 2vh 0;
}


#locationArea li{
	padding: 20px 20px 20px 0;
	font-size: 0.85em;
	border-top: 1px solid #999999;
	position: relative;
}
#locationArea li:last-child{
	border-bottom: 1px solid #999999;
}
#locationArea .location_list ul{ padding: 0 40px 60px; }
#locationArea .location_list, #locationArea .location_map{
	width: 100%;
}
#locationArea .location_map img{
	width: 100%;
}

#locationArea strong{
    line-height: 2.5em;
}
#locationArea .mirai_w{ color: #FBCA4D; }
#locationArea .miraihoiku_w{ color: #F0908A; }
#locationArea .tsubomi_w{ color: #F19EBC; }
#locationArea .day_w{ color: #5DC2D0; }
#locationArea .gakudo_w{ color: #69BC82; }
#locationArea .pocket_w{ color: #FFEC3F; }

#locationArea .mirai_w,
#locationArea .miraihoiku_w,
#locationArea .tsubomi_w,
#locationArea .day_w,
#locationArea .gakudo_w,
#locationArea .pocket_w { display: block; }


.miraihoiku_ex,
.tsubomi_ex,
.day_ex,
.gakudo_ex,
.pocket_ex{
	height: 20px;
    width: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 0;
    content: "";
}
.miraihoiku_ex{ background: url(../images/icon_ex_miraihoiku.png) no-repeat;  background-size: 100%; background-position: 50% 50%;}
.tsubomi_ex{ background: url(../images/icon_ex_tsubomi.png) no-repeat;  background-size: 100%; background-position: 50% 50%;}
.day_ex{ background: url(../images/icon_ex_day.png) no-repeat;  background-size: 100%; background-position: 50% 50%;}
.gakudo_ex{ background: url(../images/icon_ex_gakudo.png) no-repeat;  background-size: 100%; background-position: 50% 50%;}
.pocket_ex{ background: url(../images/icon_ex_pocket.png) no-repeat;  background-size: 100%; background-position: 50% 50%;}

.loc_icon{
    width: 15px;
    display: inline-block;
}
.loc_icon img{
    width: 100%;
}
/*============ #contactArea ===============*/

#contactArea{
	background-color: #FBCA4D;
    overflow: hidden;
    position: relative;
}
#contactArea .title_area{ padding: 15vw 7vw; }

#contactArea h2{
	font-weight: bold;
    letter-spacing: 0.3em;
    padding: 2vh 0 0;
}

#contactArea .contact_contents{
	width: 90%;
    margin: 0 auto;
}
#contactArea .contact_contents img{
	width: 100%;
}

#contactArea .title_contact{ width: 50vw;}
#contactArea .title_contact img{ width: 100%;}

#contactArea .hukidashi {
	position: absolute;
    top: 15vw;
    right: 7vw;
    text-align: right;
}

#contactArea .hukidashi img { width: 85%; }

#contactArea .tel, #contactArea .mail, #contactArea .form{
    padding-bottom: 20px;
}
#contactArea .notice{
	margin:0 auto;
	padding: 0 7vw 15vw;
	font-size: 0.8em;
}
/***************************
　FOOTER
****************************/
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited { color: #000; }

#footer .footer_logo{
	padding: 15vw 0;
	text-align: center;
}
#footer .access{
	padding: 0 7vw 15vw;
    font-weight: bold;
    text-align: center;
}
#footer .detail{
	display: block;
    font-size: 0.8em;
}

#footer .copyright{
	text-align: center;
    font-size: 0.7em;
    padding: 10px;
    border-top: 1px solid #999999;
}

#footer .menu_parts,
#footer .footer_location,
#footer .copyright_pc ul{
	display: none;
}
@media screen and (max-width:350px) {
/*　for iPhone Landscape　(iPhone4)　*/

#contactArea .hukidashi img { width: 60%; }

}



@media screen and (min-width:480px) {
/*　for iPhone Landscape　(iPhone 横)　*/
#headerTop .headLogo{ padding-right: 30vw; }
#header .headLogo{ padding-right: 30vw; }

#contactArea .title_area { padding: 10vw 7vw 7vw; }
#contactArea .hukidashi { top: 60px; right: 30px; }
#contactArea .hukidashi img { width: 100%; }
}

@media screen and (min-width:600px){
/***************************
　for iphone 6 横
****************************/
#header .headLogo{ padding-right: 30vw; }
#header .headLogo img { width: 80%; }
#header nav li{ margin-left: 2vw;}

}


@media screen and (min-width:768px){

/***************************
　for iPad 　
****************************/

.sp { display: none!important; }
.pc { display: none!important; }
.tp { display: block!important; }

.btn_more_cir img{ width: 100%; }

.contact_list .tel img{ width: auto; }
.contact_list .mail img, .contact_list .form img{
    width: auto;
}
.contact_list .tel{
	padding: 2vw 0px;
}
.close_button{
	position: absolute;
    top: 30px;
    /*right: 30px;*/
}
.close_button img{ width:70%; }

#headerTop{ padding: 2vw; }
#headerTop .headLogo{ padding-right: 45vw; }
#headerTop nav li{ margin-left: 1.0vw; }

#header{ padding: 2vw; }
#header .headLogo{ padding-right: 50vw; }
#header .headLogo img{ width: 100%; }
#header nav li{ margin-left: 1.0vw; }

#recruitArea{
	height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 0;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#recruitArea .rec_contents{padding: 7vw 0;}
#recruitArea .title_area{ text-align: center; }

#recruitArea h2{
	font-weight: bold;
    letter-spacing: 0.3em;
    padding: 2vh 0;
}
/*#recruitArea .lead{ padding: 60px 0; }*/


#recruitArea .hukidashi_left, #recruitArea .hukidashi_right {
	top: 15vw;
}
#recruitArea .bk_img_left, #recruitArea .bk_img_right{
	position: initial;
	width: 20vw;
	flex-grow: 1;
	bottom:0;
}
#recruitArea .bk_parts {
    height: 25vw;
    float: left;
}

#recruitArea .bk_left1{
    background-position-x: 0px;
    background-size: 100%;
}
#recruitArea .bk_left2{
    background-position-x: 0px;
    background-position-y: -40px;
    background-size: 100%;
}
#recruitArea .bk_right1{
    background-position-x: 0;
    background-size: 80%;
}
#recruitArea .bk_right2{
	background-position-x: 0px;
    background-size: 100%;
}

#recruitArea .ex_mirai{
	width: 70%;
    background: #FFFFFF;
    border-radius: 30px;
    border: none;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
}
#locationArea .mirai_w,
#locationArea .miraihoiku_w,
#locationArea .tsubomi_w,
#locationArea .day_w,
#locationArea .gakudo_w,
#locationArea .pocket_w { display: initial; }


#contactArea .contact_contents{
	width: 55%;
}

#contactArea .title_contact{ width: auto; }
#contactArea .title_contact img{ width: auto; }

#contactArea .tel, #contactArea .mail, #contactArea .form{
	padding-bottom: 30px;
}
#contactArea .notice{
	padding-bottom: 60px;
}
#contactArea .hukidashi{
	top: 32vw;
    bottom: 0;
    right: 2vw;
}
#footer .footer_logo{
    padding: 5vw 0;
    text-align: center;
}
#footer .access{
    padding: 0 7vw 5vw;
}

#footer .copyright_pc{
    text-align: center;
    font-size: 0.85em;
    font-weight: 500;
    padding: 2vw 1vw 3vw;
    margin: 0 10px 20px;
    border-top: 1px solid #999999;
}
#footer .copyright_pc ul{
    display: initial;
    flex-grow: 1;
    float: left;
}
#footer .copyright_pc li{
    padding: 0 20px 0 0;
    text-align: left;
    display: inline-block;
}
#footer .copyright{
    border: none;
    flex-grow: 1;
    font-size: 1em;
    padding: 0;
    text-align: right;
    margin: 0;
    display: inline-block;
    float: right;

}

}
@media screen and (min-width:1024px) {
/***************************
　for PC 　
****************************/
.sp { display: none!important; }
.pc { display: block!important; }
.st { display: none!important; }
.tp { display: block!important; }


#globalNav{
   display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    overflow: auto;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: initial;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100vh;
    /*max-height: 1000px;*/
    overflow: auto;
}
.close_button{
	position: absolute;
	top: 40px;
	right:40px;
}
.close_button img { width: 90%; }
.left_menu, .right_menu{ flex-grow: 1; width: 50%; height: 100%; margin:0 auto; text-align: center;}
.left_menu{ background: rgba(251,202,77,1); }
.right_menu{ background: rgba(255,255,255,1); }

.gnav_tit{ display : block; height: 30px; }
.gnav_tit img{ width: 100%; }
.gnav_text {  display: block;}

.gnav__menu__item{
    margin: 0px 35%;
     text-align: left;
}
.gnav__menu{
    margin: 130px 0 0 0;
    padding: 0 0 0 0;
}
.other { margin-top:120px; padding: 0 0 0vw; }
.other li:first-child{ border-top: 1px solid #000; }
.other li:last-child{border-bottom: 1px solid #000; }
.gnav__menu__item a{
    color: #000;
    font-size: 0.85em;
    font-weight: bold;
    padding: 15px 0 15px 0;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    opacity: 0.7;
}
.ex_nonal{position: relative;}
.ex_nonal:after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon_ex_nomal.png) no-repeat;
    background-size: 90%;
    top: 7px;
    right: -30px;
}
.menu_logo{ padding-bottom: 40px; width: 40%; margin: 0 auto;}
.menu_logo img{ width: 60%; }

.menu_address{ font-size: 0.85em; line-height: 1.5; padding-bottom: 40px; }

.contact_list .tel{ padding: 20px 0px;margin: 0 auto; }
.contact_list .mail, .contact_list .form{
    display: block;
    padding: 0px 0 10px;
    border-radius: 30px;
    border: 1px solid rgba(251,202,77,1);
    position: relative;
    width: 50%;
    margin: 0 auto 10px auto;
}
.company_name {font-weight: bold; font-size: 1.2em;}

.group_list ul{ font-size: 0.85em; font-weight: bold; margin: 10px 20%; }
.group_list ul li{ position: relative; }

.group_list .miraihoiku:after,
.group_list .tsubomi:after,
.group_list .day:after,
.group_list .gakudo:after,
.group_list .pocket:after
{
    content: "";
    display: inline-block;
    width: 20px;
    height: 22px;
}

.group_list .miraihoiku:after{
	background: url(../images/icon_ex_miraihoiku.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
 }
.group_list .tsubomi:after{ 
	background: url(../images/icon_ex_tsubomi.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .day:after{
	background: url(../images/icon_ex_day.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .gakudo:after{
	background: url(../images/icon_ex_gakudo.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}
.group_list .pocket:after{
	background: url(../images/icon_ex_pocket.png) no-repeat;
	background-size: 80%;
	background-position: 4px 6px;
}






#headerTop{
	align-items: center;
 	padding: 2vw 3vw;
  	background-color: #FBFCF0;
}

#headerTop .headLogo, #headerTop .headText{ float: left; }
#headerTop .headLogo{
	flex-grow: 1;
  	max-width: 250px;
  	padding-right: 3vw;
}
#headerTop .headText{
	display: block;
	flex-grow: 2;
	font-size: 0.75em;
    line-height: 1.5;
}
#headerTop nav{ flex-grow: 1; max-width: 250px;}
#headerTop nav li{ margin-left: 1.0vw; }


#header{
    position: relative;
    padding: 20px;
    background-color: #FFFFFF;
}

#header .headLogo{
    flex-grow: 1;
    max-width: 200px;
    padding-right: 0vw;
    float: initial;
    position: absolute;
    left: 42%;
}
#header .headText{
    display: inline-block;
    flex-grow: 1;
    line-height: 1.5;
}
#header .headText .lead{
    font-size: 0.8em;
}
#header nav{ flex-grow: 1; max-width: 250px; }
#header nav li{ margin-left: 20px; }



#recruitArea{
	height: 350px;
}

#recruitArea h2{
	font-weight: bold;
    letter-spacing: 0.3em;
    padding: 2vh 0;
}
#recruitArea .lead{ padding: 10px 0 30px;}

#recruitArea .bk_img_left, #recruitArea .bk_img_right{
	width: 20vw;
	flex-grow: 1;
}
#recruitArea .bk_parts{ width: 50%; }
#recruitArea .bk_left1, #recruitArea .bk_left2,
#recruitArea .bk_right1, #recruitArea .bk_right2{
    width: 100%;
    content: "";
}
#recruitArea .bk_left1{
    background-position-x: -60px;
    background-size: 220%;
}
#recruitArea .bk_left2{
    background-position-x: -50px;
    background-position-y: bottom;
    background-size: cover;
}
#recruitArea .bk_right1{
    background-position-x: center;
    background-size: cover;
}
#recruitArea .bk_right2{
    background-position-x: center;
    background-size: 240%;
}


#recruitArea .rec_contents{
    width: 70vw;
    padding: 5vw 0;
}

#recruitArea .hukidashi_left, #recruitArea .hukidashi_right {
	position: absolute;
	top: 50px;
}


#recruitArea .ex_mirai{
	width: 350px;
	position: initial;
}


#locationArea{
	padding: 0;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#locationArea .location_contents, #locationArea .location_map{
	flex-grow: 1;
	width: 50%;
}
#locationArea .location_contents{
	padding: 7vw;
}
#locationArea .title_area{
	padding: 0 0 20px;
    width: 100%;
    margin: 0 auto;
}
.#locationArea .location_list{
	width: 80%;
    margin: 0 auto;
}
#locationArea .location_list ul{ padding: 0; }
#locationArea .location_map {
	background: url(../images/top_map.png) no-repeat;
	background-size: cover;
    background-position: center;
}
#locationArea .location_map img { display: none; }




#contactArea {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 7vw;
}

#contactArea .title_area, #contactArea .contact_contents{ flex-grow: 1; }
#contactArea .title_area{ padding: 0; }

#contactArea .contact_contents { max-width:440px; position: relative; padding: 0 3vw 0 0;}

#contactArea .tel, #contactArea .mail, #contactArea .form{
	padding-bottom: 30px;
	width: 380px;
}
#contactArea .form{ padding-bottom: 0px; width: 380px; }

#contactArea .notice{
	padding: 0 0 5vw;
    position: absolute;
    bottom: 0;
}
#contactArea .hukidashi{ top: 16%; right: -60px; }
#contactArea .hukidashi img{ width: 90%; }

#footer .footer_pc,
#footer .footer_pc .footer_menu,
#footer .footer_pc .footer_location{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

#footer .footer_pc{
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 15px;
}
#footer .footer_pc .footer_logo{
	flex-grow: 1;
	padding: 0px 0px 30px;
}
#footer .footer_pc .footer_logo img{
	width: 70%;
}

#footer .footer_pc .footer_menu{
	flex-grow: 3;
    display: flex;
    position: relative;
    border-right: solid 1px #999999;
}
#footer .footer_pc .footer_menu .menu_parts{
	flex-grow: 1;
	display: inline-block;
	font-size: 0.85em;
}
#footer .footer_pc .footer_menu .menu_parts .footer_tit{
    padding: 0 0 10px 0;
}
#footer .footer_pc .access{
	position: absolute;
    bottom: 0;
    text-align: left;
    padding: 0;
}

#footer .footer_pc .footer_location{
	flex-grow: 1;
	padding-left: 30px;
	font-size: 0.85em;
}

#footer .footer_pc .footer_location .name{
	flex-grow: 1;
}
#footer .footer_pc .footer_location .space{
	flex-grow: 2;
}
#footer .footer_pc .footer_location .space li{
	padding-bottom: 10px;
	position: relative;
}




#footer .copyright_pc{
    max-width: 1280px;
	text-align: center;
    font-size: 0.85em;
    padding: 1vw 0vw 2vw;
    margin: 0 auto;
    border-top: 1px solid #999999;
}
#footer .copyright_pc ul{
    margin: 0 0 0 20px;
	display: initial;
	flex-grow: 2;
}
#footer .copyright_pc li{
	float: left;
}
#footer .copyright{
	border: none;
    flex-grow: 1;
    font-size: 1em;
    padding: 0;
    text-align: right;
    margin: 0 0 0 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#locationArea .location_map {
	background: url(../images/top_map@2x.png) no-repeat;
	background-size: cover;
    background-position: center;
}
.ex_nonal:after{
    background: url(../images/icon_ex_nomal@2x.png) no-repeat;
    background-size: 90%;
}
}
@media screen and (min-width:1400px) {
/***************************
　for PC 2
****************************/

#headerTop .headLogo{ flex-grow: 1; padding-right: 3vw; }
#headerTop .headText{ flex-grow: 2; font-size: 0.8em; }
#headerTop nav{ flex-grow: 1; max-width: 300px; }

#recruitArea .rec_contents{ padding: 4vw 0; }

#recruitArea .bk_left1{
    background-position-x: -60px;
    background-size: 170%;
}
#recruitArea .bk_left2{
    background-position-x: center;
    background-position-y: top;
    background-size: 160%;
}
#recruitArea .bk_right1{
    background-position-x: center;
    background-size: 200%;
}
#recruitArea .bk_right2{
    background-position-x: center;
    background-size: 200%;
}
#contactArea{padding: 5vw 15vw;}
#contactArea .tel, #contactArea .mail, #contactArea .form{ width: 400px; }
#contactArea .form{ width: 400px; }
#contactArea .hukidashi{ top: 16%; /*right: 60px; */}

}