@charset "utf-8";
/*
機　　能　　名：会社概要
作　　成　　日：2020/04/30
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	company
**************************************** */

div#company {
}

/* h_ttl */
@media screen and (min-width: 769px) {/* PC */
#company .h_ttl_in {
	background:url(../images/company/main_img_pc.png) center bottom no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
#company .h_ttl {
	background:url(../images/company/main_img_sp.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
}

/* ***************************************
	intro
**************************************** */
#intro h3 {
	text-align:center;
	color:#3399CC;
	font-weight:normal;
}
#intro p {
	margin:0 auto;
}
@media screen and (min-width: 769px) {/* PC */
#intro {
	margin-bottom:110px;
}
#intro h3 {
	margin-bottom:40px;
	font-size:35px;
}
}
@media screen and (max-width: 768px) {/* SP */
#intro {
	margin-bottom:56px;
}
#intro h3 {
	margin-bottom:20px;
	font-size:20px;
	line-height:1.2;
}

@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	promise
**************************************** */
#promise {
	xbackground:url(../images/common/orange_dot_bg.png) 0 0 repeat;
	position:relative;
}
#promise:before,
#promise:after,
#promise .promise_in:before,
#promise .promise_in:after {
	content:"";
	background:#EDAF87;
	position:absolute;
	z-index:0;
}
#promise:before,
#promise:after {
	width:100%;
	height:1px;
	left:0;
}
#promise .promise_in:before,
#promise .promise_in:after {
	width:1px;
	height:100%;
	top:0;
}
#promise h3 {
	text-align:center;
	color:#E17933;
	z-index:1;
	text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
}
#promise h3 .bg {
	position:relative;
}
#promise h3 .bg:before,
#promise h3 .bg:after {
	content:"";
	position:absolute;
	top:-10px;
}
#promise h3 .bg:before {
	left:0;
}
#promise h3 .bg:after {
	right:0;
}
/* promise_box */
#promise .promise_box {
	position:relative;
	background:#FFFFFF;
	-moz-box-shadow:1px 1px 4px #999999;-webkit-box-shadow:1px 1px 4px #999999;
}
#promise .promise_box h4 {
	border-top:1px solid #FF6601;
	border-bottom:1px solid #FF6601;
	text-align:center;
	position:relative;
	line-height:1.2;
}
#promise .promise_box .promise_box_ttl {
	color:#623C23;
}
#promise .promise_box h4 .num {
	position:absolute;
	display:inline-block;
	color:#E17933;
	text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
}
#promise .promise_box h4 .num:after {
	content:"";
	position:absolute;
	right:0;
}
@media screen and (min-width: 769px) {/* PC */
#promise {
	border:3px solid #EDAF87;
}
#promise:before {
	top:7px;
}
#promise:after {
	bottom:7px;
}
#promise .promise_in:before {
	left:7px;
}
#promise .promise_in:after {
	right:7px;
}
#promise h3 {
	font-size:45px;
	margin-top:-20px;
	margin-bottom:70px;
}
#promise h3 .bg {
	padding:0 85px 0 110px
}
#promise h3 .bg:before {
	width:101px;
	height:92px;
	background:url(../images/top/promise_img1.png) 0 0 no-repeat;
	background-size:auto 92px;
	-webkit-background-size:auto 92px;
}
#promise h3 .bg:after {
	width:79px;
	height:92px;
	background:url(../images/top/promise_img2.png) 0 0 no-repeat;
	background-size:auto 92px;
	-webkit-background-size:auto 92px;
}
#promise h3 .big {
	font-size:55px;
}
/* promise_box */
#promise .promise_box {
	width:850px;/* total 890px */
	margin:0 auto 60px auto;
	padding:37px 20px 20px 20px;
}
#promise .promise_box h4 {
	margin-bottom:20px;
	padding:23px 0 20px 0;
	font-size:33px;
}
#promise .promise_box h4 .num {
	top:-60px;
	left:50%;
	margin-left:-65px;
	font-size:33px;
	padding-right:108px;
}
#promise #promise_02 h4 .num {
	margin-left:-160px;
	padding-left:108px;
	padding-right:0;
}
#promise .promise_box h4 .num:after {
	top:-30px;
	width:101px;
	height:92px;
	background:url(../images/top/promise_img1.png) 0 0 no-repeat;
	background-size:auto 92px;
	-webkit-background-size:auto 92px;
}
#promise #promise_02 h4 .num:after {
	left:0;
}
#promise .promise_box h4 .num .big {
	font-size:45px;
}
#promise .promise_box p {
	text-align:center;
}
}
@media screen and (max-width: 768px) {/* SP */
#promise {
	border:2px solid #EDAF87;
}
#promise:before {
	top:3px;
}
#promise:after {
	bottom:3px;
}
#promise .promise_in:before {
	left:3px;
}
#promise .promise_in:after {
	right:3px;
}
#promise h3 {
	font-size:19px;
	margin-top:-15px;
	margin-bottom:30px;
}
#promise h3 .bg {
	padding:0 43px 0 53px;
	display:inline-block;
}
#promise h3 .bg:before {
	width:49px;
	height:44px;
	background:url(../images/top/promise_img1.png) 0 0 no-repeat;
	background-size:auto 44px;
	-webkit-background-size:auto 44px;
}
#promise h3 .bg:after {
	width:38px;
	height:44px;
	background:url(../images/top/promise_img2.png) 0 0 no-repeat;
	background-size:auto 44px;
	-webkit-background-size:auto 44px;
}
#promise h3 .big {
	font-size:25px;
}
/* promise_box */
#promise .promise_box {
	width:calc(90% - 10px);
	margin:0 auto 30px auto;
	padding:13px 5px 10px 5px;
}
#promise .promise_box h4 {
	margin-bottom:10px;
	padding:11px 0;
	font-size:18px;
}
#promise .promise_box h4 .num {
	top:-28px;
	left:50%;
	margin-left:-38px;
	padding-right:52px;
	font-size:18px;
}
#promise #promise_02 h4 .num {
	margin-left:-88px;
	padding-left:52px;
	padding-right:0;
}
#promise .promise_box h4 .num:after {
	top:-8px;
	width:49px;
	height:44px;
	background:url(../images/top/promise_img1.png) 0 0 no-repeat;
	background-size:auto 44px;
	-webkit-background-size:auto 44px;
}
#promise #promise_02 h4 .num:after {
	left:0;
}
#promise .promise_box h4 .num .big {
	font-size:22px;
}
#promise .promise_box p {
	padding:0 15px;
}

@media screen and (max-width: 320px) {/* w320 */
#promise .promise_box h4 {
	font-size:16px;
}
}
}

/* ***************************************
	company_info
**************************************** */
#company_info {
}
#company_info table {
margin:0 auto;
}
#company_info table th,
#company_info table td {
border-bottom:1px solid #CCCCCC;
}
#company_info table th {
background:#F5F5F5;
font-weight:normal;
}
#company_info table td {
line-height:1.6;
}
#company_info table ul.dot_bg li {
border-bottom:1px dotted #CCCCCC;
}
#company_info table ul.dot_bg li:last-child {
border-bottom:none;
}
#company_info table ul.dot_bg li dt {
color:#000;
}
#company_info table ul.dot_bg li dd {
padding-right:0;
}
#company_info table ul.dot_bg li:first-child dt,
#company_info table ul.dot_bg li:first-child dd {
padding-top:0;
}
#company_info table ul.dot_bg li:last-child dt,
#company_info table ul.dot_bg li:last-child dd {
padding-bottom:0;
}
@media screen and (min-width: 769px) {/* PC */
#company_info table {
width:838px;/* total 850px */
border:6px solid #CCCCCC;
}
#company_info table th,
#company_info table td {
padding:20px;
}
#company_info table th {
text-align:right;
width:160px;/* total 200px */
}
#company_info table ul.dot_bg li dt,
#company_info table ul.dot_bg li dd {
float:left;
padding:8px 20px 8px 0px;
}
#company_info table ul.dot_bg li dt {
width:18%;
}
#company_info table ul.dot_bg li dd {
width:70%;
}
}
@media screen and (max-width: 768px) {/* SP */
#company_info table {
width:calc(90% - 6px);
border:3px solid #CCCCCC;
}
#company_info table th,
#company_info table td {
padding:10px 7px;
}
#company_info table th {
width:60px;/* total 74px */
font-size:12px;
line-height:1.4;
}
#company_info table td {
font-size:14px;
}
#company_info table ul.dot_bg li {
	padding-bottom:10px;
	margin-bottom:10px;
}
#company_info table ul.dot_bg li:last-child {
	padding-bottom:0;
	margin-bottom:0;
}
@media screen and (max-width: 320px) {/* w320 */
}
}