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

/* *********************************************************************************************
  RESET CSS
************************************************************************************************ */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; }

body { font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";x font-size:87.5%; line-height:1.5em; color:#333; background-color:#FFF; text-align:center; }/* 87.5%は16px相当を14pxに変更 */
html>/**/body { font-size:16px; }

h1,x h2,x h3, h4, h5, h6 { margin:0; padding:0; line-height:1.4em; }
table {}
td {}
td p { text-align:left; }

/* *********************************************************************************************
  共通
************************************************************************************************ */
a { color:#000; }
a:hover,
a:visited:hover { color:#09F; }
a:visited { color:#000; }

a:hover img { opacity: 0.7; }


.smp { display:none; }




/* 新規リクルートページ
********************************************************************************* */

#spsite_rec {
}

#wrap { width:100vw; margin:0 auto; text-align:left;
}



/* 左メニュー */


#left_column {
	position:fixed;
	display:block;
	width:240px;
	height:100vh;
	float:left;
	background-color: #993;
	background-color: #fff;
	border-right:solid 0.5px #969696;
	z-index:10;
}


#left_column img.left_rogo {
	display:block;
	width:125px;
	margin:35px auto 20px;
}

#left_column img.left_link {
	display:block;
	width:160px;
	margin:20px auto 0;
}

#left_column ul {
	display:block;
	width:160px;
	margin:20px 0 0 0;
	list-style-type:none;
}

#left_column ul li {
	display:block;
	width:160px;
	margin:0 0 1.2em 0;
	font-size:88%;
	font-weight:bold;
	list-style-type:none;
}

#left_column a {
	text-decoration:none;
}



/* 右コンテンツ */


#right_column {
	display:block;
	width:calc( 100% - 240px );
	float:right;
}

.right_content {
	display:block;
	width:960px;
	margin:0 auto;
}


h1 { font-size:0;}
h2 { font-size:162.5%; margin-top:1.8em; text-align:center;}
h2:after {
	content: "\A" ;
	white-space: pre ;

	display:block;
	width:2.2em;
	height:2px;
	margin:1em auto 0;
	
	background: #0b318f; /* Old browsers */
	background: -moz-linear-gradient(left, #0b318f 0%, #9dcb15 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0b318f 0%,#9dcb15 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0b318f 0%,#9dcb15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b318f', endColorstr='#9dcb15',GradientType=1 ); /* IE6-9 */
	
	overflow:hidden;
}



/* Top　プロモーションエリア */

.bg-slider {
	display:block;
	width:100%;
	height:730px;
	overflow:hidden;
	background-size: cover;
	background-position:left -40px;
}

/* Top　プロモーションエリア トリミング*/
.bg-slider {
	overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 730px;/* トリミングしたい枠の高さ */
    position: relative;
  height: 60vw;
}
.bg-slider img {
	position: absolute;
  top: calc( 50% + 2px );
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 60vw;
}


#about_us h3 {
	margin:3em 0 0 40px;
	padding-left:0.5em;
	color:#0b318f;
	border-left: solid 4px #0b318f;
}

.flt_left { float:left;}
.flt_right { float:right;}

.w50 { width:50%;}
.w46 { width:46%;}
.w40 { width:40%;}

div img { width:100%; }

.bg-white {
	background-color:#fff;
	padding:2em 0 5em 0;
	overflow:hidden;
}
.bg-gray {
	background-color:#f0f0f0;
	padding:2em 0 5em 0;
	overflow:hidden;
}

.image_right {
	display:block;
	margin:-6em 40px 0 2em; 
	float:right;
}
.image_right img {
	width:100%;
}


/* 宮田会計について */


#about_us {
}

#about_us p {
	margin:1em 40px 1em 40px;
}

#about_us p strong {
	margin:1em 0 1em 0;
	font-size:125%;
}



/* 宮田会計で働く魅力 */


#our_attraction ul {
	margin:0 40px 0 40px;
	list-style-type:none;
}

#our_attraction ul li {
	display:inline-block;
	width:237px;
	margin:0 0 0 34px;
}

#our_attraction ul li:first-child {
	margin:0 0 0 0;
}

#our_attraction ul li .point_no {
	display:block;
	margin:2em 0 1em;
	text-align:center;
	font-weight:bold;
	color:#0b318f;
}
#our_attraction ul li h3 {
	font-size:112.5%;
	color:#0b318f;
}

#our_attraction ul li img {
	display:block;
	width:100%;
}

#our_attraction ul li p {
	font-size:87.5%;
}


/* 先輩社員の声 */


.senior_staff_area {
	display:block;
	width:calc( 100% - 160px );
	margin:4.5em auto 0;
	padding:40px;
	background-color:#fff;
	overflow:hidden;
}

.senior_staff_photo {
	overflow:hidden;
}

.senior_staff_photo img {
	width:100%;
}

.staff_name {
	font-weight:bold;
	font-size:75%;
}
.staff_name h3 {
	margin:0;
	font-size:170%;
	line-height:0.8em;
}
.staff_name h3 span {
	font-size:45%;
}
.staff_name h3 span.green {
	color:#329b00;
}
.staff_name h3 span.blue {
	color:#0a3291;
}
.staff_name h3 span:before {
	content: "\A" ;
	white-space: pre ;
}

.senior_staff_area h4 {
}
.senior_staff_area h4:after {
	content: "\A" ;
	white-space: pre ;

	display:block;
	width:40px;
	height:1px;
	margin-top:1em;
	overflow:hidden;
}
.senior_staff_area h4.green:after {
	background-color:#329b00;
}
.senior_staff_area h4.blue:after {
	background-color:#0a3291;
}

.staff_introduce {
	display:block;
	margin-bottom:3em;
	overflow:hidden;
}
.staff_schedule {
}


/* 福利厚生 */


#welfare_program ul {
	list-style-type:none;
	margin:1em 0 0 40px;
	
   x width:100%;
   x margin:1em 0 0 0;
   x padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
				
}

#welfare_program ul li {
	display:inline-block;
	width:180px;
	margin:2em 0 0 30px;
}

#welfare_program ul li:first-child {
	margin:2em 0 0 0;
}

#welfare_program ul li:nth-child(5) {
	margin:2em 0 0 0;
}
#welfare_program ul li h3 {
	text-align:center;
	font-size:105%;
	color:#0b318f;
}

#welfare_program ul li img {
	display:block;
	width:73%;
	margin:0 auto;
}

#welfare_program ul li p {
	font-size:87.5%;
}


/* 募集要項 */


.recruiting_outline {
	display:block;
	width:calc( 100% - 160px );
	margin:0 auto;
}

.recruiting_outline h3 {
	margin:4em auto 2em;
	text-align:center;
}

/* 募集要項　アコーディオン */

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	
	margin: 0 auto 2em;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	
	text-align:center;
}

.cp_actab label:hover { opacity: 0.7; }

.miyata label {
	background: #0b318f;
}
.romu label {
	background: #73c300;
}
.manage label {
	background: #3caa87;
}

.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
.cp_actab-content div {
	margin:-1em 0 0 0;
	padding:1em 10px 0;
	background: #fff;
	border-bottom:solid 5em #f0f0f0;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
x	max-height: 43em;
	max-height: 46em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.cp_actab input[type=checkbox] + label span::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
	margin-left:1em;
  margin-top: -6px;
}
.cp_actab input[type=checkbox]:checked + label span::after {
	transform: rotate(315deg);
  margin-top: -4px;
}

/* 募集要項　エリア */

.cp_actab-content {
	display:block;
	overflow:hidden;
}
.cp_actab-content div dl,
.cp_actab-content div dt,
.cp_actab-content div dd {
  box-sizing: border-box;
}
.cp_actab-content div dl {
	margin-bottom:0;
}
.cp_actab-content div dt,
.cp_actab-content div dd {
  padding: 1em 10px 0 10px;
	border-top:solid 1px #c1c1c1;
}
.cp_actab-content div dt:first-child,
.cp_actab-content div dd:nth-child(2) {
	margin-top:0;
	padding-top:0;
	border-top:none;
}
.cp_actab-content div dt {
  width: 8em;
  float: left;
		font-weight:bold;
}
.miyata dt {
		color:#0b318f;
}
.romu dt {
		color:#73c300;
}
.manage dt {
  color:#3caa87;
}
.cp_actab-content div dd {
  margin-left: 8em;
  padding-bottom: 1em;
		color:#000;
}
.cp_actab-content div dd:after {
  content: '';
  display: block;
  clear: both;
}


/* 募集要項　応募方法 */

.subscription_method, .selection_method {
	margin:5em 0 3em 0;
	text-align:center;
}
.subscription_method h4, .selection_method h4 {
	font-size:112.5%;
	font-weight:bold;
		color:#0b318f;
}
.selection_method div img {
	display:block;
	width:580px;
	margin:1.2em auto 0em;
}


/* お問い合わせ */

#contact_us p {
	margin:5em auto 0;
	text-align:center;
}
#contact_us p a {
	color:#0046a0;
	font-weight:bold;
}
#contact_us p a:hover { color:#09F; }

.contact_alert {
	display:block;
	margin:0.3em 0 0.3em 0.5em;;
	font-size:80%;
	font-weight:bold;
	color:#bd00a0;
}


.inquiryForm {
	display:block;
	width:calc(100% - 80px);
	margin:3em 40px 0 40px;
	font-size:1.125rem;
}
.inquiryForm_confirm {
	display:block;
	width:calc(100% - 80px);
	margin:2.5em 40px 0 40px;
	font-size:1.125rem;
}

.inquiryForm dl {
}
.inquiryForm dt {
	display:inline-block;
	width: 10em;
	margin:0.5em 0 0 40px;
	padding:1em;
	vertical-align:top;
	color:#3d3d3d;
	font-size:90%;
	font-weight:bold;
}
.inquiryForm dd {
	display:inline-block;
	width:calc(100% - 80px - 11em);
	margin-left:0em;
	margin-bottom:0em;
	padding:1em;
	background-color:#fff;
}

.ftBox input {
	width:calc(100% - 2em);
	padding:0.5em;
	font-size:80%;
	border-radius:5px;
	border:solid 1px #c1c1c1;
}
.telBox input {
	padding:0.5em;
	font-size:80%;
	border-radius:5px;
	border:solid 1px #c1c1c1;
}
.teBox textarea {
	width:calc(100% - 2em);
	padding:0.3em;
	font-size:80%;
	border-radius:5px;
	border:solid 1px #c1c1c1;
}
.preferredJobtype {
	padding:0.3em;
	font-size:1rem;
}
#contact_us .preferredJobtype p.contact_form_miyata {
	display:block;
	margin:-1.0em 0 0.3em;
	padding:0;
	font-weight:bold;
	text-align:left;
	color:#0b318f;
}
#contact_us .contact_confirm p.contact_form_miyata {
	display:block;
	margin:0em 0 0.3em;
	padding:0;
	font-weight:bold;
	text-align:left;
	color:#0b318f;
}
#contact_us .preferredJobtype p.contact_form_romu, #contact_us .contact_confirm p.contact_form_romu {
	display:block;
	margin:1.0em 0 0.3em;
	padding:0;
	font-weight:bold;
	text-align:left;
	color:#73c300;
}
#contact_us .preferredJobtype p.contact_form_manage, #contact_us .contact_confirm p.contact_form_manage {
	display:block;
	margin:1.0em 0 0.3em;
	padding:0;
	font-weight:bold;
	text-align:left;
 color:#3caa87;
}
.sBox select {
	padding:0.3em;
	font-size:14px;
	
	font-size:80%;
}
.sCheck_select {
	display:block;
}
.sCheck_select::before {
	content:"・";
}

.agreement span {
	font-size:95%;
}

.contact_note {
	display:block;
	margin:2em 0 0 0;
	padding:0.5em 1em;
	border:solid 1px #000;
	border-radius:0.5em;
}
.note_heading {
	line-height:0.5em;
	font-weight:bold;
	font-size:125%;
	color:#036eb8;
	line-height:1.2em;
}

.contact_note ul {
	margin-left:1em;
	font-size:81%;
}
.contact_note ul li {
	margin-bottom:0.4em;
	padding-left:0.6em;
	text-indent:-0.8em;
}
.contact_note ul li::before {
  position: relative;
  top: 0em;
  left: -0.3em;
 
  display: inline-block;
 
  width: 0.8em;
  height: 0.8em;
 
  content: '';
 
  border-radius: 100%;
  background:#000;
}

.sRadio span {
	display:inline-block;
	margin:0.2em 1.2em 0 0;
	vertical-align:middle;
	font-size:16px;
	color:#3d3d3d;
	
	font-size:90%;
}

.p_req {
	display:inline-block;
	width:3em;
	height:1.5em;
	margin:0 0.5em 0 0;
	padding:0.2em 0.5em 0.2em 0.5em;
	line-height:1.2em;
	text-align:center;
	font-size:80%;
	background-color:#c30d23;
	color:#fff;
}

.inquiryForm dt .req {
	display:inline-block;
	width:2.4em;
	height:1.3em;
	margin:0 0.5em 0 1em;
	padding:0.2em 0.2em 0em 0.2em;
	text-align:center;
	font-size:60%;
	color:#e65a24;
	border:solid 1px #e65a24;
	line-height:1;
	vertical-align:middle;
}

.inquiryForm dt .any {
	display:inline-block;
	width:3em;
	height:1.5em;
	margin:0 0.5em 0 1em;
	padding:0.2em 0.5em 0.2em 0.5em;
	text-align:center;
	font-size:80%;
	background-color:#57cdf3;
	background-color:#d5d5d5;
	color:#fff;
	color:#3d3d3d;
}

.mwform-radio-field-text a {
	text-decoration:underline;
	color:#231815;
}

.submitButton {
	display:block;
	width:100%;
	margin:3em 0 5em;
	float:left;
	text-align:center;
}

.submitButton input:hover {
}

.submitButton input {
	display:inline-block;
	width:20%;
	height:2.6em;
	padding:0.5em 0 0.5em 0;
	line-height:1em;
	font-size:18px;
	color:#fff;
	text-align:center;
	border:none;
	background-color:#0076c1;
	
	font-size:100%;
}

.submitButton .form_botton_confirm input, .submitButton .form_botton_send input {
	color:#fff;
	background-size:22px;
	background-repeat:no-repeat;
	background-position:11em 0.6em;
	background-color:#7bcb15;
}
.submitButton .form_botton_back input {
	color:#666;
	background-color:#ccc;
	background-size:22px;
	background-repeat:no-repeat;
	background-position:5.6em 0.6em;
}
.submitButton .form_botton_confirm_ng input {
	color:#666;
	background-color:#ccc;
	background-size:22px;
	background-repeat:no-repeat;
	background-position:11em 0.6em;
}

.submitButton .form_botton_back input {
 margin-left:25%;
	color:#3d3d3d;
	background-color:#d5d5d5;
	float:left;
}

.submitButton .form_botton_send input {
 margin-right:25%;
	color:#fff;
	float:right;
	background-color:#7bcb15;
}

.submitButton .form_botton_confirm input:hover, .submitButton .form_botton_send input:hover {
 cursor : pointer;
	 opacity: 0.7;
}

.submitButton .form_botton_back input:hover {
 cursor : pointer;	
	 opacity: 0.7;
}

dl.contact_confirm {
	border-top:solid 1px #d5d5d5;
	padding:1em 0 0 0;
}

.contact_confirm dt {
	padding:0;
	text-align:left;
	font-weight:bold;
	color:#0076c1;
}

.contact_confirm dd {
	display:inline-block;
	width:100%;
	margin:0 0 1em 0;
	padding:1em 0 1em 2em;
	vertical-align:top;
	font-size:112.5%;
	font-size:100%;
	color:#3d3d3d;
	border-bottom:solid 1px #d5d5d5;
}


/* 電話でのお問い合わせ */

.contact_telcontact {
	clear:both;
	display:block;
	overflow:hidden;
}
.contact_telcontact p {
	display:block;
	font-size:0.88rem;
	font-weight:bold;
	text-align:center;
}

span.contact_phone {
	display:block;
	font-size:2.2rem;
	line-height:1.5em;
}

span.contact_phone:before {
	display:inline-block;
	content:"";
	width:1.4em;
	height:1.4em;
	background:url(../img/image_tel_icon.png) no-repeat;
	background-size:contain;
	
 vertical-align: top;
}

a[href^="tel:"] {
		pointer-events: none;
		text-decoration:none;
	color:#0b318f;
}

.contact_time {
	display:block;
	font-weight:normal;
}



/* ページの先頭へ */

.page_top {
	display:block;
	width:65px;
	height:65px;
	position:fixed;
	bottom:2.8em;
	right:2em;
}


/* footer */

#footer {
	padding:2em 0 1em;
	background-color:#0b318f;
	color:#fff;
	line-height:1.0em;
	text-align:center;
	font-size:75%;
}

#footer a {
	text-decoration:none;
	color:#fff;
}

#footer strong {
	font-weight:bold;
	font-size:120%;
}



 @media screen and (max-width : 1200px), projection {
		

.right_content {
	display:block;
	width:100%;
}

/* 宮田会計で働く魅力 */


 #our_attraction ul {
	display:block;
	margin:0 auto;
	padding:0;
	width:90%;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#our_attraction ul li {
	display:inline-block;
	width:30%;
	margin:0 0 0 4%;
}

#our_attraction ul li:first-child {
	margin:0 0 0 0;
}



/* 福利厚生 */


#welfare_program ul {
	width:90%;
	margin:1em auto 0;
 padding:0;
				
}

#welfare_program ul li {
	width:30%;
	margin:2em 0 0 5%;
}

#welfare_program ul li:first-child {
	margin:2em 0 0 0;
}

#welfare_program ul li:nth-child(4) {
	margin:2em 0 0 0;
}
#welfare_program ul li:nth-child(5) {
	margin:2em 0 0 5%;
}
#welfare_program ul li:nth-child(7) {
	margin:2em 0 0 0;
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* リセットここまで */



#footer {
	font-size:70%;
}
		
	}
	
	

 @media screen and (max-width : 980px), projection {
		
#left_column {
	display:none;
}

#right_column {
	width:100%;
	float:none;
}


.pc { display:none; }
.smp { display:inline-block; }



/* 宮田会計で働く魅力 */


 #our_attraction ul {
	display:block;
	margin:0;
	padding:0;
	width:100%;
}

#our_attraction ul li {
	display:block;
	width:60%;
	margin:3em auto 0;
}

#our_attraction ul li:first-child {
	margin:3em auto 0;
}



/* 福利厚生 */


#welfare_program ul {
	width:90%;
	margin:1em auto 0;
 padding:0;
				
}

#welfare_program ul li {
	width:30%;
	margin:2em 0 0 5%;
}

#welfare_program ul li:first-child {
	margin:2em 0 0 0;
}

#welfare_program ul li:nth-child(4) {
	margin:2em 0 0 0;
}
#welfare_program ul li:nth-child(5) {
	margin:2em 0 0 5%;
}
#welfare_program ul li:nth-child(7) {
	margin:2em 0 0 0;
}


/* お問い合わせ */

#contact_us p {
	margin:5em auto 0;
	text-align:center;
	
	text-align:left;
	margin:5em 5% 0 5%;
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* リセットここまで */


/* 電話でのお問い合わせ */


#contact_us .contact_telcontact p {
	text-align:center;
}

span.contact_phone:before {
 vertical-align: top;
	width:1.0em;
	height:1.0em;
}

a[href^="tel:"] {
	pointer-events: auto;
}

/* footer */

#footer {	
	line-height:2.0em;
}
	
	}
	

 @media screen and (max-width : 750px), projection {
		
		

x body { font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; font-size:100%; line-height:1.5em; color:#333; background-color:#FFF; text-align:center; }/* 87.5%は16px相当を14pxに変更 */
x html>/**/body { font-size:16px; }


body {
	font: 18px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	-webkit-text-size-adjust: 80%;
	min-width:640px;
	min-width:100%;/* iPad右切れハック */
}
html>/**/body { font-size:16px; }


.pc { display:none; }
.smp { display:inline-block; }





#left_column {
	display:none;
}



/* 右コンテンツ */


#right_column {
	width:100%;
	float:none;
}

.right_content {
	display:block;
	width:94%;
	margin:3% auto;
}


h1 { font-size:0;}
h2 { font-size:162.5%; margin-top:1.8em; text-align:center;}
h2:after {
x	content: "\A" ;
x	white-space: pre ;

x	display:block;
x	width:2.2em;
x	height:2px;
x	margin:1em auto 0;
	
x	background: #0b318f; /* Old browsers */
x	background: -moz-linear-gradient(left, #0b318f 0%, #9dcb15 100%); /* FF3.6-15 */
x	background: -webkit-linear-gradient(left, #0b318f 0%,#9dcb15 100%); /* Chrome10-25,Safari5.1-6 */
x	background: linear-gradient(to right, #0b318f 0%,#9dcb15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
x	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b318f', endColorstr='#9dcb15',GradientType=1 ); /* IE6-9 */
	
	overflow:hidden;
}



/* Top　プロモーションエリア */

.bg-slider {
x	display:block;
x	width:100%;
x	height:730px;
x	overflow:hidden;
x	background-size: cover;
x	background-position:left -40px;
	
	height:380px;
	height:240px;
	height:190px;
	height:220px;
	background-position:-20px -20px;
	background-position:-30px 0px;
	background-position:center 0px;
}

/* Top　プロモーションエリア トリミング*/
.bg-slider {
x	overflow: hidden;
x    width: 100%;/* トリミングしたい枠の幅 */
x    height: 730px;/* トリミングしたい枠の高さ */
x    position: relative;
				
	height:380px;
	height:240px;
	height:260px;
	height:290px;
}
.bg-slider img {
x	position: absolute;
x  top: 50%;
x  left: 50%;
x  -webkit-transform: translate(-50%, -50%);
x  -ms-transform: translate(-50%, -50%);
x  transform: translate(-50%, -50%);
x  width: auto;
x  height: 100%;
		
  width: auto;
  height: 100%;
}

x .flt_left { float:left;}
x .flt_right { float:right;}

.w50 { width:100%;}
.w46 { width:100%;}
.w40 { width:100%;}

x div img { width:100%; }

.bg-white {
x	background-color:#fff;
x	padding:2em 0 5em 0;
x	overflow:hidden;
}
.bg-gray {
x	background-color:#f0f0f0;
x	padding:2em 0 5em 0;
x	overflow:hidden;
}

.image_right {
x	display:block;
x	margin:-6em 40px 0 1em; 
x	float:right;
	
	width:100%;	
	margin: 0; 
}
.image_right img {
	display:block;
	width:80%;
	margin: 0 auto 2em; 
}


/* 宮田会計について */


#about_us {
}

#about_us h3 {
x	margin:3em 0 0 40px;
x	padding-left:0.5em;
x	color:#0b318f;
x	border-left: solid 4px #0b318f;

	margin:3em 0 0 3%;
}

#about_us p {
x	margin:1em 40px 1em 40px;

	margin:1em 3% 1em 3%;
}

x #about_us p strong {
	margin:1em 0 1em 0;
	font-size:125%;
}



/* 宮田会計で働く魅力 */


 #our_attraction ul {
x	margin:0 40px 0 40px;
x	list-style-type:none;
	
	display:block;
	margin:0;
	padding:0;
	width:100%;
}

#our_attraction ul li {
x	display:inline-block;
x	width:237px;
x	margin:0 0 0 34px;
	
	display:block;
	width:94%;
	margin:0 auto;
}

#our_attraction ul li:first-child {
	margin:0 auto;
}

x #our_attraction ul li .point_no {
	display:block;
	margin:2em 0 1em;
	text-align:center;
	font-weight:bold;
	color:#0b318f;
}
x #our_attraction ul li h3 {
	font-size:112.5%;
	color:#0b318f;
}

#our_attraction ul li img {
x	display:block;
x	width:100%;
	
	width:80%;
	margin:0 auto;
}

x #our_attraction ul li p {
	font-size:87.5%;
}


/* 先輩社員の声 */


.senior_staff_area {
	display:block;
	width:calc( 100% - 160px );
	margin:4.5em auto 0;
	padding:40px;
	background-color:#fff;
	overflow:hidden;
	
	width:88%;
	padding:1em;
}

.senior_staff_photo {
	overflow:hidden;
}

.senior_staff_photo img {
	width:100%;
	margin-bottom:3em;
}

.staff_name {
	font-weight:bold;
	font-size:75%;
}
.staff_name h3 {
	margin:0;
	font-size:170%;
	line-height:0.8em;
}
.staff_name h3 span {
	font-size:45%;
}
.staff_name h3 span.green {
	color:#329b00;
}
.staff_name h3 span.blue {
	color:#0a3291;
}
.staff_name h3 span:before {
	content: "\A" ;
	white-space: pre ;
}

.senior_staff_area h4 {
}
.senior_staff_area h4:after {
	content: "\A" ;
	white-space: pre ;

	display:block;
	width:40px;
	height:1px;
	margin-top:1em;
	overflow:hidden;
}
.senior_staff_area h4.green:after {
	background-color:#329b00;
}
.senior_staff_area h4.blue:after {
	background-color:#0a3291;
}

.staff_introduce {
	display:block;
	margin-bottom:3em;
	overflow:hidden;
}
.staff_schedule {
}


/* 福利厚生 */


#welfare_program ul {
	list-style-type:none;
	margin:1em 0 0 40px;
	
   x width:100%;
   x margin:1em 0 0 0;
   x padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
				
	width:94%;
	margin:1em 0 0 3%;
 padding:0;
				
}

#welfare_program ul li {
x	display:inline-block;
x	width:180px;
x	margin:2em 0 0 30px;
	
	display:block;
	width:47%;
	margin:2em 0 0 6%;
}

#welfare_program ul li:first-child {
x	margin:2em 0 0 0;
	
	margin:2em 0 0 0;
}

#welfare_program ul li:nth-child(2n+1) {
	margin:2em 0 0 0;
}
#welfare_program ul li:nth-child(2n) {
	margin:2em 0 0 6%;
}
x #welfare_program ul li h3 {
	text-align:center;
	font-size:105%;
	color:#0b318f;
}

x #welfare_program ul li img {
	display:block;
	width:73%;
	margin:0 auto;
}

x #welfare_program ul li p {
	font-size:87.5%;
}


/* 募集要項 */


.recruiting_outline {
x	display:block;
x	width:calc( 100% - 160px );
x	margin:0 auto;
	
	width:88%;
}

x.recruiting_outline h3 {
	margin:4em auto 2em;
	text-align:center;
}

/* 募集要項　アコーディオン */

x .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}
x .cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
x	font-weight: bold;
x	line-height: 3;
x	position: relative;
x	display: block;
x	padding: 0 0 0 1em;
x	cursor: pointer;
x	margin: 0 0 1px 0;
	
	font-size:80%;
	text-align:center;
	text-indent:-1em;
}

x .cp_actab label:hover { opacity: 0.7; }

x .miyata label {
	background: #0b318f;
}
x .romu label {
	background: #73c300;
}
x .manage label {
	background: #3caa87;
}

x .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
x .cp_actab-content div {
	margin:-1em 0 0 0;
	padding:1em 10px 0;
	background: #fff;
	border-bottom:solid 5em #f0f0f0;
}
x .cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
x .cp_actab input:checked ~ .cp_actab-content {
	max-height: 43em;
}
/* Icon */
x .cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.cp_actab input[type=checkbox] + label span::after {
 x content: '';
 x width: 8px;
 x height: 8px;
 x border: 0px;
 x border-top: solid 2px #fff;
 x border-right: solid 2px #fff;
 x -ms-transform: rotate(135deg);
 x -webkit-transform: rotate(135deg);
 x transform: rotate(135deg);
 x position: absolute;
 x top: 50%;
	x	margin-left:1em;
 x margin-top: -6px;
		
  width: 5px;
  height: 5px;
		margin-left:0.2em;
}
x .cp_actab input[type=checkbox]:checked + label span::after {
	transform: rotate(315deg);
  margin-top: -4px;
}

/* 募集要項　エリア */

x .cp_actab-content {
	display:block;
	overflow:hidden;
}
x .cp_actab-content div dl,
x .cp_actab-content div dt,
x .cp_actab-content div dd {
  box-sizing: border-box;
}
x .cp_actab-content div dl {
	margin-bottom:0;
}
.cp_actab-content div dt,
.cp_actab-content div dd {
  padding: 1em 10px 0 10px;
		border-top:solid 1px #c1c1c1;
		
		font-size:80%;
  padding: 0.5em 0 0.5em 0;
}
x .cp_actab-content div dt:first-child,
x .cp_actab-content div dd:nth-child(2) {
	margin-top:0;
	padding-top:0;
	border-top:none;
}
x .cp_actab-content div dt {
  width: 8em;
  float: left;
		font-weight:bold;
}
x .miyata dt {
		color:#0b318f;
}
x .romu dt {
		color:#73c300;
}
x .manage dt {
  color:#3caa87;
}
x .cp_actab-content div dd {
  margin-left: 8em;
  padding-bottom: 1em;
		color:#000;
}
x .cp_actab-content div dd:after {
  content: '';
  display: block;
  clear: both;
}


/* 募集要項　応募方法 */

.subscription_method, .selection_method {
x	margin:5em 0 3em 0;
x	text-align:center;
	
	text-align:left;
}
.subscription_method h4, .selection_method h4 {
x	font-size:112.5%;
x	font-weight:bold;
x		color:#0b318f;
}
.selection_method div img {
x	display:block;
x	width:580px;
x	margin:1.2em auto 0em;
	
	width:100%;
}


/* お問い合わせ */

#contact_us p {
	margin:5em auto 0;
	text-align:center;
	
	text-align:left;
	margin:5em 3% 0 3%;
}

x .contact_alert {
	display:block;
	margin:0.3em 0 0.3em 0.5em;;
	font-size:80%;
	font-weight:bold;
	color:#bd00a0;
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* リセットここまで */



.inquiryForm {
x	display:block;
x	width:calc(100% - 80px);
x	margin:3em 40px 0 40px;
x	font-size:1.125rem;
	
	width:100%;
	margin:3em 3% 0 3%;
	padding:0;
}
.inquiryForm_confirm {
x	display:block;
x	width:calc(100% - 80px);
x	margin:2.5em 40px 0 40px;
x	font-size:1.125rem;
	
	width:94%;
	margin:3em 3% 0 3%;
	padding:0;
}

.inquiryForm dl {
	display:block;
	width:94%;
	margin:0;
	padding:0;
}
.inquiryForm dt {
x	display:inline-block;
x	width: 10em;
x	margin:0.5em 0 0 40px;
x	padding:1em;
x	vertical-align:top;
x	color:#3d3d3d;
x	font-size:90%;
x	font-weight:bold;
	
	width: 100%;
	margin:0.5em 0 0 0;
}
.inquiryForm dd {
x	display:inline-block;
x	width:calc(100% - 80px - 11em);
x	margin-left:0em;
x	margin-bottom:0em;
x	padding:1em;
x	background-color:#fff;
	
	width:90%;
	margin-left:5%;
}

x .ftBox input {
	width:calc(100% - 2em);
	padding:0.5em;
	font-size:80%;
	border-radius:5px;
	border:solid 1px #c1c1c1;
}
x .telBox input {
	padding:0.5em;
	font-size:80%;
	border-radius:5px;
	border:solid 1px #c1c1c1;
}
x .teBox textarea {
	width:calc(100% - 2em);
	padding:0.3em;
	font-size:80%;
	border-radius:5px;
	border:solid 1px #c1c1c1;
}
x .preferredJobtype {
	padding:0.3em;
	font-size:1rem;
}
x #contact_us .preferredJobtype p.contact_form_miyata {
	display:block;
	margin:-1.0em 0 0.3em;
	padding:0;
	font-weight:bold;
	text-align:left;
	color:#0b318f;
}
x #contact_us .contact_confirm p.contact_form_miyata {
	display:block;
	margin:0em 0 0.3em;
	padding:0;
	font-weight:bold;
	text-align:left;
	color:#0b318f;
}
x #contact_us .preferredJobtype p.contact_form_romu, #contact_us .contact_confirm p.contact_form_romu {
	display:block;
	margin:1.0em 0 0.3em;
	padding:0;
	font-weight:bold;
	text-align:left;
	color:#73c300;
}
x #contact_us .preferredJobtype p.contact_form_manage, #contact_us .contact_confirm p.contact_form_manage {
	display:block;
	margin:1.0em 0 0.3em;
	padding:0;
	font-weight:bold;
	text-align:left;
 color:#3caa87;
}
x .sBox select {
	padding:0.3em;
	font-size:14px;
	
	font-size:80%;
}
x .sCheck_select {
	display:block;
}
x .sCheck_select::before {
	content:"・";
}

x .agreement span {
	font-size:95%;
}

x .contact_note {
	display:block;
	margin:2em 0 0 0;
	padding:0.5em 1em;
	border:solid 1px #000;
	border-radius:0.5em;
}
x .note_heading {
	line-height:0.5em;
	font-weight:bold;
	font-size:125%;
	color:#036eb8;
	line-height:1.2em;
}

x .contact_note ul {
	margin-left:1em;
	font-size:81%;
}
x .contact_note ul li {
	margin-bottom:0.4em;
	padding-left:0.6em;
	text-indent:-0.8em;
}
x .contact_note ul li::before {
  position: relative;
  top: 0em;
  left: -0.3em;
 
  display: inline-block;
 
  width: 0.8em;
  height: 0.8em;
 
  content: '';
 
  border-radius: 100%;
  background:#000;
}

x .sRadio span {
	display:inline-block;
	margin:0.2em 1.2em 0 0;
	vertical-align:middle;
	font-size:16px;
	color:#3d3d3d;
	
	font-size:90%;
}

x .p_req {
	display:inline-block;
	width:3em;
	height:1.5em;
	margin:0 0.5em 0 0;
	padding:0.2em 0.5em 0.2em 0.5em;
	line-height:1.2em;
	text-align:center;
	font-size:80%;
	background-color:#c30d23;
	color:#fff;
}

x .inquiryForm dt .req {
	display:inline-block;
	width:2.4em;
	height:1.3em;
	margin:0 0.5em 0 1em;
	padding:0.2em 0.2em 0em 0.2em;
	text-align:center;
	font-size:60%;
	color:#e65a24;
	border:solid 1px #e65a24;
	line-height:1;
	vertical-align:middle;
}

x .inquiryForm dt .any {
	display:inline-block;
	width:3em;
	height:1.5em;
	margin:0 0.5em 0 1em;
	padding:0.2em 0.5em 0.2em 0.5em;
	text-align:center;
	font-size:80%;
	background-color:#57cdf3;
	background-color:#d5d5d5;
	color:#fff;
	color:#3d3d3d;
}

x .mwform-radio-field-text a {
	text-decoration:underline;
	color:#231815;
}

x .submitButton {
	display:block;
	width:100%;
	margin:3em 0 5em;
	float:left;
	text-align:center;
}

.submitButton input:hover {
}

.submitButton input {
x	display:inline-block;
x	width:20%;
x	height:2.6em;
x	padding:0.5em 0 0.5em 0;
x	line-height:1em;
x	font-size:18px;
x	color:#fff;
x	text-align:center;
x	border:none;
x	background-color:#0076c1;
	
x	font-size:100%;
	width:40%;
}

x .submitButton .form_botton_confirm input, .submitButton .form_botton_send input {
	color:#fff;
	background-size:22px;
	background-repeat:no-repeat;
	background-position:11em 0.6em;
	background-color:#7bcb15;
}
x .submitButton .form_botton_back input {
	color:#666;
	background-color:#ccc;
	background-size:22px;
	background-repeat:no-repeat;
	background-position:5.6em 0.6em;
}
x .submitButton .form_botton_confirm_ng input {
	color:#666;
	background-color:#ccc;
	background-size:22px;
	background-repeat:no-repeat;
	background-position:11em 0.6em;
}

.submitButton .form_botton_back input {
x margin-left:25%;
x	color:#3d3d3d;
x	background-color:#d5d5d5;
x	float:left;
	
 margin-left:5%;
}

.submitButton .form_botton_send input {
x margin-right:25%;
x	color:#fff;
x	float:right;
x	background-color:#7bcb15;
	
 margin-right:5%;
}

x .submitButton .form_botton_confirm input:hover, .submitButton .form_botton_send input:hover {
 cursor : pointer;
	 opacity: 0.7;
}

x .submitButton .form_botton_back input:hover {
 cursor : pointer;	
	 opacity: 0.7;
}

dl.contact_confirm {
x	border-top:solid 1px #d5d5d5;
x	padding:1em 0 0 0;
	
	width:100%;
}

x .contact_confirm dt {
	padding:0;
	text-align:left;
	font-weight:bold;
	color:#0076c1;
}

.contact_confirm dd {
x	display:inline-block;
x	width:100%;
x	margin:0 0 1em 0;
x	padding:1em 0 1em 2em;
x	vertical-align:top;
x	font-size:112.5%;
x	font-size:100%;
x	color:#3d3d3d;
x	border-bottom:solid 1px #d5d5d5;
	
	width:calc( 100% - 2em );
}


/* 電話でのお問い合わせ */

.contact_telcontact {
x	clear:both;
x	display:block;
x	overflow:hidden;
}
#contact_us .contact_telcontact p {
x	display:block;
x	font-size:0.88rem;
x	font-weight:bold;

	text-align:center;
}

x span.contact_phone {
	display:block;
	font-size:2.2rem;
	line-height:1.5em;
}

span.contact_phone:before {
x	display:inline-block;
x	content:"";
x	width:1.4em;
x	height:1.4em;
x	background:url(../img/image_tel_icon.png) no-repeat;
x	background-size:contain;
	
 vertical-align: top;
	width:1.0em;
	height:1.0em;
}

a[href^="tel:"] {
x	pointer-events: none;
x	text-decoration:none;
x	color:#0b318f;
	
	pointer-events: auto;
}

x .contact_time {
	display:block;
	font-weight:normal;
}



/* ページの先頭へ */

.page_top {
x	display:block;
x	width:65px;
x	height:65px;
x	position:fixed;
x	bottom:4.8em;
x	right:2em;
	
	display:none;
}


/* footer */

#footer {
x	padding:2em 0 1em;
x	background-color:#0b318f;
x	color:#fff;
x	line-height:1.0em;
x	text-align:center;
x	font-size:75%;
	
	line-height:1.8em;
}

x #footer strong {
	font-weight:bold;
	font-size:120%;
}

	}