/* 	会社概要 */

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

#com {
	line-height: 200%;
	}

#com section {
	margin: 0px 0px 130px 0px;
	}

#com section:last-child {
	margin: 0px;
	}

#com .main {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto 130px auto;
	}

#com .main ol {
	margin: 0px 0px 50px 0px;
	position: relative;
	}

#com .main img {
	width: 100%;
	}

#com .main div {
	width: 90%;
	font-weight: bold;
	position: absolute;
    left: 10%;
	top: 50%;
    transform: translateY(-50%);
	}

#com .main h2 {
	font-size: 32px;
	line-height: 120%;
	margin: 0px 0px 90px 0px;
	}

#com .main h2 br {
	display: none;
	}

#com .main span {
	font-size: 24px;
	margin: 20px 0px 0px 0px;
	display: block;
	}

#com .min {
	width: 100%;
	background: #f5f5f5;
	padding: 130px 0px;
	}

#com .min ul {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
	}

#com .min li {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 100px 0px;
	padding: 100px 10%;
	}

#com .min li:last-child {
	margin: 0px;
	}

#com .min li dl {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 40px 0px;
	display: table;
	}

#com .min li dt {
	width: 130px;
	font-size: 84px;
	line-height: 100%;
	color: #E52082;
	letter-spacing: normal;
	display: table-cell;
	vertical-align: top;
	}

#com .min li dd {
	width: calc(100% - 130px);
	font-size: 32px;
	line-height: 120%;
	display: table-cell;
	vertical-align: top;
	}

#com .min li img {
	width: 100%;
	}

#com .sum ol {
	width: 90%;
	max-width: 1000px;
	border-top: 1px #e0e0e0 solid;
	margin: 0px auto;
	}

#com .sum dl {
	width: 100%;
	border-bottom: 1px #e0e0e0 solid;
	display: table;
	}

#com .sum dt {
	width: 200px;
	font-weight: bold;
	padding: 40px 0px;
	text-align: center;
	display: table-cell;
	}

#com .sum dd {
	width: calc(100% - 200px);
	padding: 40px 0px;
	display: table-cell;
	}

}

@media screen and (max-width: 640px){

#com {
	line-height: 200%;
	}

#com section {
	margin: 0px 0px 70px 0px;
	}

#com section:last-child {
	margin: 0px;
	}

#com .main {
	width: 90%;
	margin: 0px auto 70px auto;
	}

#com .main ol {
	margin: 0px 0px 30px 0px;
	position: relative;
	}

#com .main img {
	width: 100%;
	}

#com .main div {
	width: 95%;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
    left: 5%;
	top: 50%;
    transform: translateY(-50%);
	}

#com .main h2 {
	font-size: 24px;
	line-height: 120%;
	margin: 0px 0px 40px 0px;
	}

#com .main span {
	font-size: 18px;
	margin: 10px 0px 0px 0px;
	display: block;
	}

#com .min {
	width: 100%;
	background: #f5f5f5;
	padding: 70px 0px;
	}

#com .min ul {
	width: 90%;
	margin: 0px auto;
	}

#com .min li {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 50px 0px;
	padding: 50px 5%;
	}

#com .min li:last-child {
	margin: 0px;
	}

#com .min li dl {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	display: table;
	}

#com .min li dt {
	width: 60px;
	font-size: 42px;
	line-height: 100%;
	color: #E52082;
	letter-spacing: normal;
	display: table-cell;
	vertical-align: top;
	}

#com .min li dd {
	width: calc(100% - 60px);
	font-size: 18px;
	line-height: 120%;
	display: table-cell;
	vertical-align: top;
	}

#com .min li img {
	width: 100%;
	}

#com .sum ol {
	width: 90%;
	border-top: 1px #e0e0e0 solid;
	margin: 0px auto;
	}

#com .sum dl {
	width: 100%;
	border-bottom: 1px #e0e0e0 solid;
	display: table;
	}

#com .sum dt {
	width: 90px;
	font-weight: bold;
	padding: 20px 0px;
	text-align: center;
	display: table-cell;
	}

#com .sum dd {
	width: calc(100% - 90px);
	padding: 20px 0px;
	display: table-cell;
	}

}