/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ mobile : common
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ==================================================
= reset
================================================== */
/* --------------------------------------------------
- style
-------------------------------------------------- */
/* common */
.wrapp1column { width: 100%; }
.wrapp2column{ width: 100%; }
/* strongpoint */
.box_style_01{ width: auto; }
.box_style_01 .title { margin: 14px 14px 0 14px; }/* strongpoint */
.box_style_01 .title .text{ width: auto; height: auto; margin: 7px 0 0 0px; padding: 0; background: none; }
/* morgagebank */
.box_style_02{ width: auto; }
.box_style_02 .title { margin: 14px 14px 0 14px; }/* morgagebank */
.box_style_02 .title .text{ width: auto; height: auto; margin: 7px 0 0 0px; padding: 0; background: none; }
.box_style_02 .point { width: auto; }
.box_style_02 .point .top { width: auto; background: none; background-color: #F3F9FF; border: 2px solid #209DE4;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.box_style_02 .point .top .inner2 { width: auto; background: url(../images/mobile_mcj_saiyo_parts.png) no-repeat -200px -74px; }
.box_style_02 .point .middle { width: auto; background: none; }
.box_style_02 .point .middle .inner3 { width: auto; }
.box_style_02 .point .bottom { width: auto; background: none; }
/* company */
.f_style_01 { line-height: 1.8em; }
/* --------------------------------------------------
- width
-------------------------------------------------- */
/* header */
#header{ width: 100%; height: auto; }
/* bread */
#bread{ width: auto; margin: 10px 0 6px; padding: 0 0 0 5px; }

/* body > #page > #wrapper > #main{100%} > #contents */
#contents{ width: 100%; }
/* body > #page > #wrapper > #main{100%} > #contents > .wrapp2column > .left */
#contents .left{ width: 100%; }

/* body > #page > #wrapper > #main{100%} > #contents > .wrapp2column > .left > .pagename */
#contents .left .pagename{ width: 100%; }

/* body > #page > #wrapper > #main{100%} > #contents > .wrapp2column > .left > .content */
#contents .left .content{ width: auto; }
#contents .left .content{margin: 24px 5px 0 5px;}

/* body > #page > #wrapper > #main{100%} > #contents > .wrapp2column > .left > .content > .inner */
#contents .left .content .inner{ width: auto; }
#page.about.topmessage .left .content .inner { width: auto; }

/* page top */
#pagetop{ width: 100%; }

/* --------------------------------------------------
- none
-------------------------------------------------- */
/* header */
/*#header{ display: none; }*/
#header #navi{ display: none; }

/* global menu */
#globalmenu{ display: none; z-index: 10; min-width: 100%; }
#globalmenu.right{ display: none; }

/* bread */
/*#bread{ display: none; }*/

/* contents */
#contents .right{ display: none; }

/* page top */
#pagetop{ display: none; }

/* ==================================================
= change
================================================== */
/* --------------------------------------------------
- common
-------------------------------------------------- */
.f_size18{
	font-size: 1.4em;
}
/* --------------------------------------------------
- header
-------------------------------------------------- */
#logo { width: 100%; float: none; background: url(../images/mobile_mcj_saiyo_bg_logo.png) repeat-x left bottom; }
#logo h1{ margin: 0 auto; width: 193px;/*290px;*/ clear: none; }
#logo h1 a {
	margin: 10px 0 20px;
	height: 43px;
	width: 193px;/*280px;*/
	background: url(../images/mobile_mcj_saiyo_logo.svg) no-repeat 0 0;
	-webkit-background-size:193px 43px; /* webkit系 */
	background-size: 193px 43px;
	/* ie8 hack */
	background: url(../images/mobile_mcj_saiyo_logo-ie8.png) no-repeat 0 0\9; /* IE8 以下 */
}
#logo h1 a:hover{
	background-position: 0 0;
}
/* --------------------------------------------------
- global menu
-------------------------------------------------- */
#globalmenu{ position: absolute; left: 0px; top: 40px; width: 170px; min-width: 170px; height: auto; }
#globalmenu .floatLeft.first{ clear: both; }
/* left */
#globalmenu .left {
	width: auto;
	margin-left: 0;
}
/* first */
#globalmenu .left li.first { width: 160px; height: 60px; border-bottom: 1px dotted #fff; }
#globalmenu .left li.first.recruit { border-bottom: none; }
#globalmenu .left li.first a.first{
	text-indent: 0;
	background: none;
	font-size: 0.9em;
	line-height: 60px;
	padding-left: 10px;
	padding-bottom: 30px;
	width: 150px;
}
#globalmenu .left li.first a.first:hover{
	color: #555;
	background-color: #EFEDE6;
}
/* second */
#globalmenu .left ul.second{
	left: 162px;
	top: 0px;
}
#globalmenu .left li.second a {
	height: 60px;
}
#globalmenu .left .people li.second a {
	width: 170px;
}
#globalmenu .left li.second a .inner4 {
/*display: block;
font-size: 12px;
line-height: 1.2em;
padding: 12px 10px 8px 10px;*/
	line-height: 60px;
	padding: 0px 10px 0px 10px;
}
#globalmenu .left .people li.second a .inner4{
	line-height: 1.4em;
	padding-top: 14px;
}
#globalmenu .left ul.second li.second.bottom{
	border-bottom: none;
}

/* --------------------------------------------------------------------------------
- icon
-------------------------------------------------------------------------------- */
/* pc */
#globalmenu .left .people li.second:nth-child(3) a{
	background-image: url(../images/mobile_mcj_saiyo_icon_pc_14_white.png);
	background-repeat: no-repeat;
	background-position: 96% 90%;
}
#globalmenu .left .people li.second:nth-child(3) a:hover{
	background-image: url(../images/mobile_mcj_saiyo_icon_pc_14.png);
}
/* outlink */
#globalmenu .left .recruit li.second:nth-child(5) a{
	background-image: url(../images/mobile_mcj_saiyo_icon_globalmenu_outlink.png);
	background-repeat: no-repeat;
	background-position: 96% 90%;
}
#globalmenu .left .recruit li.second:nth-child(5) a:hover{
	background-image: url(../images/mobile_mcj_saiyo_icon_sitemap_outlink_14.png);
}
/*
-------------------------------------------------------------------------------- */


/* --------------------------------------------------
- #contents :  .left .pagename
-------------------------------------------------- */
#contents .left .pagename {
	width: auto;
	height: auto;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 0;
	padding: 10px;
}
#contents .pagename h2 {
	display: inline;
	text-indent: 0px;
	width: auto;
	height: auto;
	z-index: 0;/* -1; */
	background: none;
	font-size: 1.8em;
	font-weight: normal;
}

/* --------------------------------------------------
- footer
-------------------------------------------------- */
#footer{ margin-top: 60px; }
/* --------------------------------------------------
- sitemap
-------------------------------------------------- */
#footer #sitemap{ height: auto; margin: 0; padding: 0; background: none; min-width: 100%; /* padding: 10px 0 0;*/ }
#footer #sitemap .wrapp1column h3{ float: none; display: none; }
#footer #sitemap .wrapp1column .sitemap{ float: none; width: auto; padding: 0; /* padding-top: 20px; */ }
/* first */
#footer #sitemap .wrapp1column .sitemap ul.first { height: auto; }
#footer #sitemap .wrapp1column .sitemap li.first{ float: none; height: auto; margin: 0; padding: 0;
/* margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; */ }
/*#footer #sitemap .wrapp1column .sitemap li.first:nth-child(4){ border-bottom: none; margin-bottom: 10px; }*/
#footer #sitemap .wrapp1column .sitemap li.first .outer { width: auto; }
/* title */
#footer #sitemap .sitemap li.first .title { text-indent: 0; width: auto; height: auto; /*font-size: 1.2em;*/
padding: 5px 0 5px 10px; color: #dfdfdf; font-size: 1.1em; line-height: 1.8em; margin: 0; }
#footer #sitemap .sitemap li.first .title.about { background: #555; }
#footer #sitemap .sitemap li.first .title.business { background: #555; }
#footer #sitemap .sitemap li.first .title.people { background: #555; }
#footer #sitemap .sitemap li.first .title.recruit { background: #555; }
/* second */
#footer #sitemap .sitemap ul.second{ margin: 0;/* margin-top: 10px; margin-left: 3px;*/ }
/*#footer #sitemap .sitemap li.second{ width: auto;
padding: 0px 0 0px 20px; margin: 0; background: #efefef; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}*/
#footer #sitemap .sitemap li.second{ width: auto; /* margin-top: 14px; */
padding: 0; margin: 0; border-bottom: 1px solid #cFcDc6; border-top: 1px solid #fFfDf6;}

/* --------------------------------------------------------------------------------
- icon
-------------------------------------------------------------------------------- */
/* pc */
#footer #sitemap .sitemap ul li.first:nth-child(3) li.second:nth-child(3){
	background: url(../images/mobile_mcj_saiyo_icon_sitemap_pc.png) no-repeat 260px 12px;
	background-color: #EFEDE6;
}
/* outlink */
#footer #sitemap .sitemap ul li.first:nth-child(4) li.second:nth-child(5){
	background: url(../images/mobile_mcj_saiyo_icon_sitemap_outlink_14.svg) no-repeat 260px 14px;
	background-color: #EFEDE6;
}
/*
-------------------------------------------------------------------------------- */
#footer #sitemap .sitemap li.second{
	background-color: #EFEDE6;
}
#footer #sitemap .sitemap li.second a { display: block; line-height: 40px; font-size: 0.9em; color: #333333;
background: url(../images/mobile_mcj_saiyo_bg_sitemap_allow.svg) no-repeat 96% 0; padding-left: 20px;
}
/* --------------------------------------------------
- copyright
-------------------------------------------------- */
#footer #copyright { height: auto; line-height: 1em; min-width: 100%; }
#footer #copyright p { font-size: 0.5em; padding-right: 5px; }

/* ==================================================
= mobile
================================================== */
.mobile{ display: block; }
/* --------------------------------------------------
- header
-------------------------------------------------- */
.mobile.header{
	width: 100%;
	height: 42px;
	background: url(../images/mobile_mcj_saiyo_bg_topbar.png) repeat-x 0 0;
}
.mobile.header .menu,
.mobile.header .rntry{
	width: 24%;
}
.mobile.header .title{
	width: 52%;
}
/* Menu */
.mobile.header .menu a{
	display: block;
	width: 64px;
	height: 42px;
	text-indent: -9999px;
	background: url(../images/mobile_mcj_saiyo_parts.svg) no-repeat 6px 0;
}
/* Title */
.mobile.header .title p{
	font-size: 1.1em;
	color: #fff;
	line-height: 40px;
	display: block;
	width: 120px;
	margin: 0 auto;
}
.mobile.header .title a{
	display: block;
	font-size: 1.1em;
	color: #fff;
	line-height: 42px;
	display: block;
	width: 120px;
	height: 42px;
	margin: 0 auto;
	background: url(../images/mobile_mcj_saiyo_parts.svg) no-repeat -137px 0;
	padding-left: 22px;
	text-decoration: none;
}
/* Entry */
.mobile.header .entry a{
	display: block;
	width: 72px;
	height: 42px;
	text-indent: -9999px;
	background: url(../images/mobile_mcj_saiyo_parts.svg) no-repeat -65px 0;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ mobile : contents
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ==================================================
= home
================================================== */
#page.home {}
#page.home #submenu{ display: none; }
/* left */
#page.home #mainvisual{ width: 100%; min-width: 100%; height: auto; } 
#page.home #mainvisual .left{ width: 100%; height: auto; }
#page.home #mainvisual .left .slide{ margin-left: 0; width: 100% }
#page.home #mainvisual .left .slide li{ height: auto; } 
#page.home #mainvisual .left .slide img{ height: auto; } 


#page.home #mainvisual .left .slide img{width: 100%;}

/* right */
#page.home #mainvisual .right{ display: none; }
#page.home #mainvisual .frame{ display: none; }
#page.home #mainvisual .control{ display: none; }
/* contentsmenu */
#page.home #contentsmenu{ width: 100%; margin: 20px 0 40px; background-color: #F3F3ED; }

#contentsmenu ul.left{ width: 100%; }
#contentsmenu ul.right{ width: 100%; }
#page.home #contentsmenu li.floatLeft{ width: 100%; margin: 20px 0 20px; padding: 0px 0 20px; float: none;}


/* bar green, blue, red */
#page.home #contentsmenu li .bar{ width: 100%;
 display: block; height: 4px; background: url(../images/mobile_mcj_saiyo_bg_top_contentsmenu2.jpg) repeat-x 0 0px; 
}
#page.home #contentsmenu li .bar span{ display: block; width: 50%; height: 4px; background: url(../images/mobile_mcj_saiyo_bg_top_contentsmenu2.jpg) repeat-x 0 -4px; }
#page.home #contentsmenu ul.right li.floatLeft:nth-last-child(1){ border-bottom: 1px solid #ccc; margin: 0px 0 0px; padding: 0px 0 30px; }
#page.home #contentsmenu li .top{ width: 100%; padding: 20px 0 0; background: none; }
#page.home #contentsmenu li .top p{ padding: 0 0 0 10px; margin: 0; text-align: left; }
#page.home #contentsmenu li .top .middle{ width: 100%; background: none; }
#page.home #contentsmenu li .top .middle .inner{ width: 100%; }
#page.home #contentsmenu li .top .middle .bottom{ width: 100%; background: none; display: none; }
/* business about */
#page.home #contentsmenu li.business_about ul { margin: 0; }
/* entry */
#page.home #contentsmenu .recruit_entry .box{ text-align: center; background-color: #dfdfdf; width: 240px; padding: 2px 12px 8px; margin: 10px auto 0; border-radius: 10px; border: solid 1px #cfcfcf; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset; }
#page.home #contentsmenu .recruit_entry a{ margin: 10px auto 0; }
/* ==================================================
= about
================================================== */
/* --------------------------------------------------
- topmessage
-------------------------------------------------- */
/* inner */
#page.about.topmessage .left .content .inner{ padding-left: 10px; }
/* title */
#page.about.topmessage .left .content .inner h3.title { margin-bottom: 10px; }
/* photo */
#page.about.topmessage .left .content .inner .floatRight{ width: 50%; margin-left: 5px; }
#page.about.topmessage .left .content .inner img.photo{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	margin: 0;
}
/* signature */
/*
#page.about.topmessage .signature { width: 160px; height: 100px; margin-right: 0px;}
#page.about.topmessage .signature {
	-webkit-background-size:90% 90%;
	background-size: 90% 90%;
}
*/
/* --------------------------------------------------
- personalimage
-------------------------------------------------- */
/* photo */
#page.about.personalimage .left .mainvisual img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	margin: 0;
}
/* --------------------------------------------------
- strongpoint
-------------------------------------------------- */
#page.about.strongpoint{}
/* title */
#page.about.srtongpoint .left .content h3.title .text{ font-size: 0.9em; line-height: 1.6em; /*width: 88%;*/ }
/* text */
#page.about.srtongpoint .left .content .inner { width: auto; margin: 20px 10px 0 10px; }
#page.about.srtongpoint .left .content .box_style_01:nth-child(2) .inner .floatRight{ width: 60%; margin-left: 5px; }
#page.about.srtongpoint .left .content .box_style_01:nth-child(3) .inner .floatRight{ width: 46%; margin-left: 5px; }
#page.about.srtongpoint .left .content .inner img.photo{ max-width: 100%; height: auto; }
#page.about.srtongpoint .left .content .inner img.photo_right { max-width: 100%; height: auto; margin-left: 0px; }
/* --------------------------------------------------
- company
-------------------------------------------------- */
#page.about.company .document li { width: auto; }
#page.about.company .document span.label { width: auto; font-size: 1.4em; display: block; float: none; }
#page.about.company .document span.data { width: auto; font-size: 0.9em; display: block; margin-top: 10px; float: none; }
/* accessmap */
#page.about.company .accessmap h3 { width: auto; }
#page.about.company .accessmap img{ max-width: 100%; float: none; }
#page.about.company .station.inner{ float: none; margin: 20px 0 0px 0; }
#page.about.company .station.inner p{ margin-left: 5px; }
#page.about.company .station.inner li.first { margin-left: 5px; }
/* ==================================================
= business
================================================== */
/* --------------------------------------------------
- business_about
-------------------------------------------------- */
#page.business.business_about{}
/* title */
#page.business.business_about .left .content #no1 .title {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 -234px; width: 264px; height: 42px; }
#page.business.business_about .left .content #no2 .title {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 -278px; width: 264px; height: 42px; }
#page.business.business_about .left .content #no3 .title {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 -322px; width: 264px; height: 42px; }
/* text */
#page.business.business_about .left .content .inner { width: auto; margin: 20px 10px 0 10px; }
#page.business.business_about .left .content .inner img{ max-width: 100%; height: auto; }
/* navi */
#page.business.business_about .left .content .link_box{ margin: 40px 0 30px 0px; }
#page.business.business_about .left .content .link_box .link_in_page .left{ float: left; }
#page.business.business_about .left .content .link_box .link_in_page .center{ display: none; }
#page.business.business_about .left .content .link_box .link_in_page .right{ float: right; }

#page.business.business_about .left .content .link_in_page .left, #page.business.business_about .left .content .link_in_page .right,
#page.business.business_about .left .content .link_in_page .left a, #page.business.business_about .left .content .link_in_page .right a { width: 132px; height: 58px; }

#page.business.business_about .left .content #no1 .link_in_page .left a {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 -58px; }
#page.business.business_about .left .content #no1 .link_in_page .right a {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 -172px; }
#page.business.business_about .left .content #no2 .link_in_page .left a {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 0; }
#page.business.business_about .left .content #no2 .link_in_page .right a {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 -172px; }
#page.business.business_about .left .content #no3 .link_in_page .left a {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 0; }
#page.business.business_about .left .content #no3 .link_in_page .right a {
background: url(../files/images/mobile_business_about_common.png) no-repeat 0 -115px; }
/* ==================================================
= people
================================================== */
/* --------------------------------------------------
- interview
-------------------------------------------------- */
#page.people.interview_list #contents .pagename h2 { font-size: 1.2em; }
#page.people.interview_list .content.list{ margin: 24px 0px 0 0px; }
#page.people.interview_list .content.list ul{ width: auto; height: auto; clear: none; }
#page.people.interview_list .content.list li{ max-width: 98%; height: auto; margin: 0 auto; width: 358px; float: none; padding-right: 10px; }
#page.people.interview_list .content.list li .inner{ max-width: 100%; height: auto; margin-right: 0; }
#page.people.interview_list .content.list li .inner a{ max-width: 100%; height: auto; }
#page.people.interview_list #contents .left .content.list li .inner img{ max-width: 100%; height: auto; }
/* --------------------------------------------------
- interview 01-04
-------------------------------------------------- */
/* mainvisual */
#page.people.interview #contents .left .mainvisual{ width: 100%; height: auto; }
#page.people.interview #contents .left .mainvisual img{ width: 100%; height: auto; }
#page.people.interview #contents .left .profile{ width: 100%; height: auto; margin-left: 0; }
#page.people.interview #contents .left .profile img{ width: 100%; height: auto; }
/* content */
#page.people.interview #contents .left .content .box_style_03 h3{ width: 100%; font-size: 1.4em; }
#page.people.interview #contents .left .content .inner{ padding: 0 5px; }
#page.people.interview #contents .left .content .inner .floatLeft{ max-width: 60%; height: auto; margin-right: 5px; }
#page.people.interview #contents .left .content .inner .floatRight{ max-width: 60%; height: auto; margin-left: 5px; }
#page.people.interview #contents .left .content .inner img{ max-width: 100%; height: auto; }
#page.people.interview #contents .left .content .inner img.photo_left { margin: 0; }
#page.people.interview #contents .left .content .inner img.photo_right { margin: 0; }
/* --------------------------------------------------
- questionnaire
-------------------------------------------------- */
#page.people.questionnaire{}
#page.people.questionnaire #contents .left .content { margin: 24px 0px 0 0px; }
#page.people.questionnaire #contents .left .content .quession_menu .questionnaire { margin-right: 0; /*margin-bottom: 20px;*/ }
#page.people.questionnaire #contents .left .content .quession_menu .questionnaire li { width: calc(33% - 10px); }
#page.people.questionnaire #contents .left .content .quession_menu .constitution li { width: calc(50% - 10px); }
#page.people.questionnaire #contents .left .content .quession_menu a { height: 80px; }
#page.people.questionnaire #contents .left .content .box_style_02 h3{ width: 100%; }
#page.people.questionnaire #contents .left .content .box_style_02 img{ width: calc(100% - 20px); height: auto; }
/* ==================================================
= recruit
================================================== */
/* --------------------------------------------------
- entry
-------------------------------------------------- */
#page.recruit.entry{}
#page.recruit.entry .document{ margin-bottom: 40px; padding: 0 5px; }
/* リクナビ */
#page.recruit.entry .document .box{ text-align: center; background-color: #dfdfdf; width: 240px; padding: 2px 12px 8px; margin: 0 auto; border-radius: 10px; border: solid 1px #cfcfcf; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset; }
#page.recruit.entry .document a{ margin: 10px auto 0; }
/* --------------------------------------------------
- handbook
-------------------------------------------------- */
#page.recruit.handbook{}
#page.recruit.handbook .document li { width: 100%; }
#page.recruit.handbook .document span.label { width: 90px; padding: 0px 0 0 10px; }
#page.recruit.handbook .document span.data { padding: 0px; margin-left: 120px; width: auto; }
/* --------------------------------------------------
- flow
-------------------------------------------------- */
#page.recruit.flow{}
#page.recruit.flow .document .step { width: 100%; border: 1px solid  #21A431; }
#page.recruit.flow .document .step .label { width: 26%; padding-left: 4%; }
#page.recruit.flow .document .step .label .f_size18 { font-size: 1.2em; }
#page.recruit.flow .document .step .data { width: 70%; }
/* next */
#page.recruit.flow .document .next{ text-align: center; margin: 20px 0 20px 0px; width: 100%; }
/* step1 */
#page.recruit.flow .document .step.step1 { border: none; }
#page.recruit.flow .document .step.step1 .stepin { border: 1px solid #21A431; width: 100%; }
#page.recruit.flow .document .step.step1 .point { width: 100%; padding: 10px 0 0;
border-top: none;
border-left: 1px solid #21A431;
border-right: 1px solid #21A431;
border-bottom: 1px solid #21A431;
}
#page.recruit.flow .document .step.step1 .point .inner{ padding: 10px;}
/* リクナビ */
/*#page.recruit.flow .document .step.step1 .box*/
#page.recruit.flow .document .step.step1 .point .box-wrapper .box{ text-align: center; background-color: #dfdfdf; width: 240px; height: 110px; padding: 10px 12px 8px; margin: 0 auto 10px; border-radius: 10px; border: solid 1px #cfcfcf; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset; }
#page.recruit.flow .step.step1 a{ margin: 10px auto 0; }

#page.recruit.flow .document .step.step1 .point .text { width: 100%; margin-bottom: 10px; }
#page.recruit.flow .document .step.step1 .point .floatLeft  { float: none; }
/* guide */
#page.recruit.flow .document .guide { width: 100%; margin-top: 60px; border: 1px solid #21A431; overflow: hidden; }
#page.recruit.flow .document .guide .label {
	width: 100%;
	height: auto;
	float: none;
	padding: 0;
	border: solid 1px #21A431;
}
#page.recruit.flow .document .guide .label span{ margin: 10px; display: block; }
#page.recruit.flow .document .guide .data { width: 100%; height: auto; }
#page.recruit.flow .document .guide .data ul { margin: 20px 10px 20px 10px; }
#page.recruit.flow .document .guide .data li{text-indent: -1em; margin-left: 1em; padding: 0px; width: auto; }
/* --------------------------------------------------
- policy
-------------------------------------------------- */
#page.recruit.policy{}
#page.recruit.policy .document{ padding: 0 2%; width: 96%; }
#page.recruit.policy .document h3{ width: 98%; height: auto; line-height: 1.8em; padding-left: 2%; }
#page.recruit.policy .document li{ width: 100%; }
/**/
#page.recruit.policy .document .contact { width: 100%; margin-top: 60px; }
#page.recruit.policy .document .contact .label { width: 24%; height: 180px; padding: 20px 3%; }
#page.recruit.policy .document .contact .data { width: 64%; padding: 10px 0 2% 4%; height: 180px; }
/* --------------------------------------------------
- faq
-------------------------------------------------- */
#page.recruit.faq .content p.lead { padding: 0 0px 0 10px; }
#page.recruit.faq .content .document li{ width: 100%; padding: 14px 0 14px 0px; }
/* quetion */
#page.recruit.faq .content .document li .quetion{ width: 100%; background: none; height: auto; }
#page.recruit.faq .content .document li .quetion span.left {
margin-left: 0px;
width: 20%; background-color: #EA5348;
padding-left: 0;
border: 1px solid #EA5348;
height: 50px;
text-align: center;
padding-top: 10px;
font-size: 1.2em;
}
#page.recruit.faq .content .document li .quetion span.right {
width: 70%; margin-left: 0; padding-left: 4%; padding-right: 2%; border: solid 1px #EA5348; height: 60px; }
/* answer */
#page.recruit.faq .document li .answer { padding: 0 10px; margin-top: 10px; }