@charset "utf-8";

body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8em;
}

#wrapper {
	margin: 0;
	width: 100%;
}

.wrapper_contents {
	margin: 0;
	width: 100%;
}

/*.contents {
	margin: 0 auto;
	width: 100%;
	max-width: 980px;
	padding: 30px 20px;
}*/
.contents {
	margin: 0 auto;
	width: 980px;
	padding: 30px 20px;
}

img { display: block; }

/*div { outline: 1px solid #ddd; }*/

/*-----------共通*/

.none { display: none; }

.inline { display: inline-block; }

.bold { font-weight: bold; }

.btn { font-size: inherit; }

.form-control {
	font-size: inherit;
	height: auto;
}

.shadow {
	-moz-box-shadow: 3px 3px 10px 3px #CCC;
	-webkit-box-shadow: 3px 3px 10px 3px #CCC;
	box-shadow: 3px 3px 10px 3px #CCC;
}

.f_box { overflow: hidden; }

.relative { position: relative; }

.pt2 { padding-top: 2px; }

.w50p { width: 50%; }
.w33p { width: 33.33%; }

/*文字サイズボタン（.btn-gray）*/
/*.btn-gray{color:#fff;background-color:#aaa;border-color:#fff}
.btn-gray.active,.btn-gray.focus,.btn-gray:active,.btn-gray:focus,.btn-gray:hover,.open>.dropdown-toggle.btn-gray{color:#fff;background-color:#333;border-color:#fff}
.btn-gray.active,.btn-gray:active,.open>.dropdown-toggle.btn-gray{background-image:none}
.btn-gray.disabled,.btn-gray.disabled.active,.btn-gray.disabled.focus,.btn-gray.disabled:active,.btn-gray.disabled:focus,.btn-gray.disabled:hover,.btn-gray[disabled],.btn-gray[disabled].active,.btn-gray[disabled].focus,.btn-gray[disabled]:active,.btn-gray[disabled]:focus,.btn-gray[disabled]:hover,fieldset[disabled] .btn-gray,fieldset[disabled] .btn-gray.active,fieldset[disabled] .btn-gray.focus,fieldset[disabled] .btn-gray:active,fieldset[disabled] .btn-gray:focus,fieldset[disabled] .btn-gray:hover{background-color:#aaa;border-color:#fff}
.btn-gray .badge{color:#aaa;background-color:#fff}*/

/*.btn-default:link { color: #333; }
.btn-default:visited { color: #333; }*/

h1 {
	margin: .67em 0 1em;
	font-size: 2em;
}

h3 {
	font-size: 1.3em;
	text-align: left;
	font-weight: inherit;
}

a { text-decoration: none; }
a:link {
	text-decoration: none;
	color: inherit;
}
a:visited {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
a:active {
	text-decoration: none;
	color: inherit;
}

a.link_main:hover {
	color: #CBA364;
}
a.link_main:active {
	color: #CBA364;
}

p { color: #604720; }

.font_inherit { color: inherit; }
.font_main { color: #604720; }
.font_red { color: #ff0000; }
.font_orange { color: #df8800; }
.font_pink { color: #FFAD9E; }
.font_blue { color: #b2e2f6; }
.font_conv { color: #0f8b43; }

.square_pink {
	background-color: #FFD4CC;
	border: 1px solid #FFAD9E;
}
.square_blue {
	background-color: #D4EEFA;
	border: 1px solid #b2e2f6;
}
.square2_pink {
	border: 1px solid #FFAD9E;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	border-radius: 0.9em;
}
.square2_blue {
	border: 1px solid #b2e2f6;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	border-radius: 0.9em;
}

.bg_white { background-color: #fff; }
.bg_main { background-color: #ede6d8; }

.bb_pink {
	line-height: 1em;
	background: linear-gradient( transparent 60%, #FFAD9E 0% );
}
.bb_blue {
	line-height: 1em;
	background: linear-gradient( transparent 60%, #b2e2f6 0% );
}
.bb_green {
	line-height: 1em;
	background: linear-gradient( transparent 60%, #ADF6CC 0% );
}

.fs_l1 { font-size: 1.1em }
.fs_l2 { font-size: 1.2em }
.fs_l3 { font-size: 1.3em }
.fs_l4 { font-size: 1.4em }
.fs_l5 { font-size: 1.5em }

/*コンバージョンボタン（.btn-conv）*/
.btn-conv,.btn-conv:link,btn-conv:visited{color:#fff;background-color: #0f8b43;border-color: #0A6A32;}
.btn-conv.active,.btn-conv.focus,.btn-conv:active,.btn-conv:focus,.btn-conv:hover,.open>.dropdown-toggle.btn-conv{color:#fff;background-color: #20AD5B;border-color: #168645;}
.btn-conv.active,.btn-conv:active,.open>.dropdown-toggle.btn-conv{background-image:none}
.btn-conv.disabled,.btn-conv.disabled.active,.btn-conv.disabled.focus,.btn-conv.disabled:active,.btn-conv.disabled:focus,.btn-conv.disabled:hover,.btn-conv[disabled],.btn-conv[disabled].active,.btn-conv[disabled].focus,.btn-conv[disabled]:active,.btn-conv[disabled]:focus,.btn-conv[disabled]:hover,fieldset[disabled] .btn-conv,fieldset[disabled] .btn-conv.active,fieldset[disabled] .btn-conv.focus,fieldset[disabled] .btn-conv:active,fieldset[disabled] .btn-conv:focus,fieldset[disabled] .btn-conv:hover{background-color:#0f8b43;border-color: #0A6A32;}
.btn-conv .badge{color: #0f8b43;background-color:#fff}

/*オレンジボタン（.btn-orange）*/
.btn-orange,.btn-orange:link,btn-orange:visited{color:#fff;background-color: #df8800;border-color: #C37700;}
.btn-orange.active,.btn-orange.focus,.btn-orange:active,.btn-orange:focus,.btn-orange:hover,.open>.dropdown-toggle.btn-orange{color:#fff;background-color: #FFA213;border-color: #F09200;}
.btn-orange.active,.btn-orange:active,.open>.dropdown-toggle.btn-orange{background-image:none}
.btn-orange.disabled,.btn-orange.disabled.active,.btn-orange.disabled.focus,.btn-orange.disabled:active,.btn-orange.disabled:focus,.btn-orange.disabled:hover,.btn-orange[disabled],.btn-orange[disabled].active,.btn-orange[disabled].focus,.btn-orange[disabled]:active,.btn-orange[disabled]:focus,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange,fieldset[disabled] .btn-orange.active,fieldset[disabled] .btn-orange.focus,fieldset[disabled] .btn-orange:active,fieldset[disabled] .btn-orange:focus,fieldset[disabled] .btn-orange:hover{background-color:#df8800;border-color: #C37700;}
.btn-orange .badge{color: #df8800;background-color:#fff}

.btn-lg { font-size: 1.2em; }

.btn_soudan span {
	color: #fff;
}

.btn_soudan span.img img {
	display: inline-block;
	width: 50px;
	height: 50px;
}

img.logo {
	display: inline-block;
	margin-right: 5px;
	vertical-align: bottom;
	background-color: #fff;
}

/*-------------見出し1*/

.midashi_1 {
	background-color: #fff;
}

.midashi_1 .contents {
	padding: 0;
	position: relative;
}

/*.midashi_1 .contents img {
	width: 980px;
	height: 330px;
}*/

.midashi_1 .question {
	position: absolute;
	top: 80px;
	left: 20px;
	font-size: 2.8em;
	color: #333;
	line-height: 1.5em;
	background-color: rgba(255,255,255,0.5);
}

.midashi_1 .question span {
	font-size: 1.5em;
	color: #df8800;
}

/*-------------見出し2*/

.midashi_2 {
	background-color: #604720;
	background-image: url(../img/yajirushi_bg.png);
	background-repeat: repeat-x;
}

.midashi_2 .contents {
	padding: 0
}

.midashi_2 img {
	margin: 0 auto;
}

.midashi_2 .soudan {
	padding: 30px 0;
	font-size: 2.2em;
	color: #FFF;
	line-height: 1.5em;
	text-align: center;
}

.midashi_2 .soudan .span_1 {
	font-size: 1.3em;
	color: #FFC365;
}
.midashi_2 .soudan .span_2 {
	font-size: 1.15em;
	color: #47EB8C;
}

/*-------------見出し3*/
.midashi_3 {
	background-image: url(../img/pattern.png);
	background-repeat: repeat;
}

.midashi_3 .contents {
	padding: 0;
	position: relative;
}

.midashi_3 .contents img {
	width: 100%;
	max-width: 980px;
	height: auto;
}

.midashi_3 .zenkoku {
	position: absolute;
	top: 70px;
	right: 20px;
}

.midashi_3 .zenkoku .white {
	padding: 15px;
	font-size: 1.35em;
	line-height: 1.5em;
	color: #604720;
	background-color: rgba(255,255,255,1);
	-moz-box-shadow: 0 0 16px 16px #fff;
	-webkit-box-shadow: 0 0 16px 16px #fff;
	box-shadow: 0 0 16px 16px #fff;
}

.midashi_3 .btn-block {
	text-align: center;
	margin: 30px 0 10px;
}

/*-------------優先調達法とは*/

.houritsu {
	background-color: #ede6d8;
	background-image: url(../img/yajirushi_bg.png);
	background-repeat: repeat-x;
}

.houritsu .houritsu_1 {
	margin: 0 20px;
	padding: 20px;
	background-color: #fff;
	color: #604720;
	border-top: 2px solid #FFAD9E;
	border-left: 2px solid #FFAD9E;
	border-right: 2px solid #b2e2f6;
	border-bottom: 2px solid #b2e2f6;
}

/*-------------大阪の優先調達実績*/

.osaka .jutyuu, .osaka .naiyou {
	clear: both;
	padding-bottom: 20px;
}

.osaka .osaka-fu, .osaka .osaka-shi { overflow: hidden; }

.osaka .naiyou .osaka-shi { margin-top: 30px; }

.osaka .hanrei {
	padding: 20px;
	border: 1px solid #ccc;
}

.osaka .jutyuu .hanrei { margin-top: 100px; }

.osaka .naiyou .hanrei { margin-top: 50px; }

.sagyousyo { color: #3399ff; }
.kyoudou { color: #f79646; }
.tokurei { color: #9bbb59; }

.jimuyouhin { color: #4f81bd; }
.syokuryouhin { color: #c0504d; }
.komono { color: #9bbb59; }
.buppin { color: #8064a2; }
.insatsu { color: #4bacc6; }
.cleaning { color: #f79646; }
.seisou { color: #2c4d75; }
.jousyo { color: #772c2a; }
.insyokuten { color: #5f7530; }
.yakusyoku { color: #4d3b62; }

.osaka .comment {
	padding: 10px;
	margin: 0 20px;
	font-size: 1.1em;
	border: 1px solid #df8800;
}

.osaka .comment span {
	font-size: 1.4em;
}

.osaka .kousatsu {
	margin: 20px;
	padding: 20px;
	color:#604720;
	background-color: #fff;
	border-top: 2px solid #ffad9e;
	border-left: 2px solid #ffad9e;
	border-right: 2px solid #b2e2f6;
	border-bottom: 2px solid #b2e2f6;
}

.osaka .kousatsu .btn-block {
	margin: 20px 0 10px;
	text-align: center;
}

/*-------------有限会社奥進システムについて*/

/*.okushin {
	background-color: #ede6d8;
}*/

/*.okushin .bg_white { padding: 20px; }*/

.okushin .btn-block {
	margin: 20px 0 10px;
	text-align: center;
}

/*-------------有限会社奥進システムができる仕事*/

.business {
	background-color: #ede6d8;
}

.business .bg_white { padding: 20px; }

.business .gamen {
	margin: 10px auto;
	-moz-box-shadow: 3px 3px 10px 3px #CCC;
	-webkit-box-shadow: 3px 3px 10px 3px #CCC;
	box-shadow: 3px 3px 10px 3px #CCC;
}

.business .contents2 {
	padding: 20px;
}

.business .hp .contents2 {
	margin-top: 0;
	border: 4px solid #FFE6E1;
}

.business .system .contents2 {
	margin-top: 0;
	border: 4px solid #D9F0FA;
}

.business .btn-block {
	margin: 20px 0 10px;
	text-align: center;
}

.business .toiawase {
	margin: 30px 20px 20px;
	padding: 20px;
	color:#604720;
	background-color: #fff;
	border-top: 2px solid #ffad9e;
	border-left: 2px solid #ffad9e;
	border-right: 2px solid #b2e2f6;
	border-bottom: 2px solid #b2e2f6;
}

/*-------------PDFチラシダウンロード*/

.pdf {
	background-color: #ede6d8;
}

.pdf .btn-block {
	margin: 20px 0 10px;
	text-align: center;
}

/*-------------会社概要*/

.company {
	background-color: #0f8b43;
	color: #fff;
}

/*レスポンシブ*/
/*～980、～768、～481、480～*/

@media (min-width: 980px) {
	
	.none-980 { display: none; }
	
}

@media (min-width: 768px) {
	
	.none-768 { display: none; }
	
}

@media (max-width: 979px) {
	
	.none-979 { display: none; }
	
	.contents {
		width: 768px;
		padding: 30px 20px;
	}
	
	/*-----------------見出し1*/
	
	.midashi_1 .contents img {
		width: 768px;
		height: auto;
		margin: 0 auto;
	}
	
	.midashi_1 .question {
		font-size: 2.2em;
		top: 70px;
	}
	
	/*-----------------見出し2*/
	
	.midashi_2 .soudan {
		font-size: 1.8em;
	}
	
	/*-----------------見出し3*/
	
	.midashi_3 .contents img {
		width: 768px;
		height: auto;
		margin: 0 auto;
	}
	
	.midashi_3 .zenkoku {
		top: 50px;
		width: 510px;
	}
	
	.midashi_3 .zenkoku .white {
		padding: 10px;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
}

@media (max-width: 767px) {
	
	.none-767 { display: none; }
	
	.contents {
		width: 481px;
		padding: 30px 20px;
	}
	
	/*-----------------見出し1*/
	
	.midashi_1 .contents img {
		width: 481px;
		height: auto;
		margin: 0 auto;
	}
	
	.midashi_1 .question {
		font-size: 1.4em;
		top: 50px;
	}
	
	/*-----------------見出し2*/
	
	.midashi_2 .soudan {
		font-size: 1.05em;
	}
	
	/*-----------------見出し3*/
	
	.midashi_3 .contents img {
		width: 481px;
		height: auto;
		margin: 0 auto;
	}
	
	.midashi_3 .zenkoku {
		position: inherit;
		width: auto;
		padding: 0 20px 10px;
		top: inherit;
		right: inherit;
	}
	
	.midashi_3 .zenkoku .white {
		font-size: inherit;
	}
	
}

@media (max-width: 480px) {
	
	/*.none-480 { display: none; }*/
	
	
	.contents {
		width: 100%;
		padding: 15px 10px;
	}
	
	.btn_soudan { font-size: inherit; }
	
	.btn_soudan span.img img {
		width: 40px;
		height: 40px;
	}
	
	/*-----------------見出し1*/
	
	.midashi_1 .contents img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	.midashi_1 .question {
		font-size: 1.15em;
		top: 30px;
	}
	
	/*-----------------見出し2*/
	
	.midashi_2 .soudan {
		font-size: 1.0em;
	}
	
	/*-----------------見出し3*/
	
	.midashi_3 .contents img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
}