@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
body {
	/*フォントの指定*/
	font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	/*サイト全体のフォントサイズを指定*/
	font-size: 62.5%;
	/*行間の指定*/
	/*  line-height: 1.7;
*/
	/*サイトのデフォルトとなる文字の色を指定*/
	color: #251e1c;
	background: url(../images/bg01.png);
	background-position: 0 -400px;
}

a {
	text-decoration: none;
	color: #333;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

/*見出しを全て太字で表示するように指定*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

/*画像の最大幅を画面のサイズの最大幅に設定*/
img {
	max-width: 100%;
	height: auto;
}

/* --------------------------------
 * header
 * -------------------------------- */
header {
	background: #fff;
}

.header-container {
	position: relative;
	background: #fff;
	height: auto;
}

.header-container .logo {
	float: left;
	display: block;
	padding: 35px 0px 20px 30px;
}

@media (max-width: 768px) {
	.header-container .logo {
		float: none;
		width: 50%;
		height: auto;
		padding: 20px 0 10px 10px;
	}
}

.global-nav {
	display: block;
	height: auto;
	float: right;
	font-size: 0;
}

@media (max-width: 768px) {
	.global-nav {
		float: none;
		display: none;
	}
}

.global-nav ul {
	display: flex;
	justify-content: flex-end;
	height: auto;
	font-size: 0;
}

@media (max-width: 768px) {
	.global-nav ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 768px) {
	.global-nav li {
		width: 100%;
		border-bottom: 1px dotted #fff;
	}
}

.global-nav li a {
	position: relative;
	display: block;
	width: 130px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	font-weight: bold;
	color: #232584;
	font-size: 16px;
	transition: 0.15s;
}

@media (max-width: 992px) {
	.global-nav li a {
		width: 110px;
	}
}

@media (max-width: 910px) {
	.global-nav li a {
		width: 85px;
	}
}

@media (max-width: 810px) {
	.global-nav li a {
		width: 77px;
	}
}

@media (max-width: 768px) {
	.global-nav li a {
		width: 100%;
		height: 50px;
		line-height: 55px;
	}

	.global-nav li:nth-child(1) a,
	.global-nav li:nth-child(2) a,
	.global-nav li:nth-child(3) a {
		border-bottom: 1px solid #ccc;
	}
}

.global-nav li a:hover {
	opacity: 0.7;
}

.global-nav li:last-child a {
	width: 120px;
	line-height: normal;
	background: #232584;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media (max-width: 768px) {
	.global-nav li:last-child a {
		width: 100%;
		flex-direction: row;
	}
}

.global-nav li:last-child a p {
	margin-top: 5px;
}

@media (max-width: 768px) {
	.global-nav li:last-child a p {
		margin-left: 7px;
	}
}

.menu-contact {
	font-size: 18px;
	letter-spacing: 1px;
}

/*ハンバーガーメニュー*/

#navbutton {
	position: absolute;
	display: none;
	padding: 8px;
	border: 0 solid #000;
	background: rgba(255, 255, 255, 0);
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 768px) {
	#navbutton {
		top: 50px;
		right: 20px;
		display: block;
	}
}

@media (max-width: 576px) {
	#navbutton {
		top: 33px;
		right: 10px;
		display: block;
	}
}

.toggle {
	float: right;
	margin-right: 0;
}

.toggle span {
	display: block;
	background: #333;
	width: 28px;
	height: 3px;
	margin-bottom: 8px;
}

#navbutton:hover {}

#navbutton:focus {
	outline: none;
}

.first-view {
	position: relative;
	width: 100%;
	height: auto;
}

.first-view img {
	display: block;
	width: 100%;
}

/* --------------------------------
 * トップページ
 * -------------------------------- */

/*------------- 事業案内 ------------*/
.top-sec01 {
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 78px;
	padding-bottom: 70px;
}

.top-sec01-inner {
	width: 100%;
	height: auto;
	background: url(../images/bg02.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 55px;
}

.top-sec01 h2 {
	display: block;
	font-size: 35px;
	height: 53px;
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 0;
}

.top-sec01-quare-icon-l {
	margin-right: 25px;
}

.top-sec01-quare-icon-r {
	margin-left: 25px;
}

.top-sec01 span {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 50px;
}

.top-sec01-item-wrap01 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: center;
	margin-bottom: 0px;
}

.top-sec01-item {
	width: 357px;
	margin: 20px 20px;
}

@media (max-width: 768px) {
	.top-sec01-item {
		width: 100%;
		margin: 20px 20px;
	}
}

.top-sec01-item-img {
	width: 100%;
	overflow: hidden;
	margin-bottom: 18px;
}

.top-sec01-item-img img {
	position: relative;
	width: 100%;
}

.top-sec01-item p {
	width: 100%;
	color: #fff;
	font-size: 23px;
}

.top-sec01-item-wrap02 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: center;
	margin-bottom: 48px;
}

.top-sec01-button {
	width: 350px;
	height: 45px;
	background: #ddc33d;
	margin: 0 auto;
	font-size: 21px;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}

.top-sec01-button a {
	display: block;
}

@media (max-width: 768px) {
	.top-sec01-button {
		width: 70%;
	}
}

.top-sec01-button:hover {
	opacity: 0.7;
}

/*-----------     --------------*/
.top-sec02 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.1);
	background: #fff;
	margin-bottom: 115px;
}

.top-sec02-item1-wrap,
.top-sec02-item2-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 285px;
	text-align: center;
}

@media (max-width: 768px) {
	.top-sec02-item1-wrap {
		width: 100%;
		margin-bottom: 50px;
	}

	.top-sec02-item2-wrap {
		width: 100%;
	}
}

.top-sec02-item1-wrap {
	padding-top: 40px;
}

.top-sec02-item1 {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #232584;
	margin-bottom: 50px;
}

.top-sec02-item1 p {
	position: relative;
	top: 5px;
	font-size: 26px;
	margin-left: 15px;
	font-weight: bold;
}

.top-sec02-item2-wrap {
	background: url(../images/image01.png);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.top-sec02-button {
	width: 350px;
	height: 45px;
	background: #232584;
	margin: 0 auto;
	font-size: 21px;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}

.top-sec02-button a {
	display: block;
}

@media (max-width: 768px) {
	.top-sec02-button {
		width: 70%;
	}
}

.top-sec02-button:hover {
	opacity: 0.7;
}

/*-----------  実績一覧  --------------*/
.top-sec03 {
	padding: 0 20px;
	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 28px;
}

.top-sec03 h2 {
	display: block;
	font-size: 35px;
	height: 53px;
	color: #232584;
	padding-bottom: 0;
	margin-bottom: 0;
}

.top-sec03-quare-icon-l {
	margin-right: 25px;
}

.top-sec03-quare-icon-r {
	margin-left: 25px;
}

.top-sec03 span {
	display: block;
	font-size: 17px;
	color: #232584;
	font-weight: bold;
	margin-bottom: 50px;
}

.top-sec03-itembox-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 768px) {
	.top-sec03-itembox-wrap {
		display: block;
	}
}

.top-sec03-itembox {
	margin: 26px 10px;
}

.top-sec03-itembox img {
	width: 100%;
}

.top-sec03-itembox p {
	margin-top: 20px;
	font-size: 18px;
	letter-spacing: -1px;
}

/*-----------  会社案内  --------------*/

.top-sec04 {
	padding: 160px 20px 120px 20px;
	width: 100%;
	height: auto;
	text-align: center;
	background: url(../images/image02.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	background-position: center center;
}

.top-sec04 h2 {
	display: block;
	font-size: 35px;
	height: 53px;
	color: #232584;
	padding-bottom: 0;
	margin-bottom: 1px;
}

.top-sec04-quare-icon-l {
	margin-right: 25px;
}

.top-sec04-quare-icon-r {
	margin-left: 25px;
}

.top-sec04 span {
	display: block;
	font-size: 17px;
	color: #232584;
	font-weight: bold;
	margin-bottom: 20px;
}

.top-sec04-button {
	width: 350px;
	height: 45px;
	background: #232584;
	margin: 0 auto;
	font-size: 21px;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}

@media (max-width: 768px) {
	.top-sec04-button {
		width: 80%;
	}
}

.top-sec04-button a {
	display: block;
}

.top-sec04-button:hover {
	opacity: 0.8;
}

/*-----------  お問合せ  --------------*/

.top-sec05 {
	padding: 100px 20px 120px 20px;
	width: 100%;
	height: auto;
	text-align: center;
	background: url(../images/image09.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	background-position: center 0;
}

.top-sec05 h2 {
	display: block;
	font-size: 35px;
	height: 50px;
	color: #232584;
	padding-bottom: 0;
	margin-bottom: 4px;
}

.top-sec05-quare-icon-l {
	margin-right: 25px;
}

.top-sec05-quare-icon-r {
	margin-left: 25px;
}

.top-sec05 span {
	display: block;
	font-size: 17px;
	color: #232584;
	font-weight: bold;
	margin-bottom: 20px;
}

.top-sec05-p01 {
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
	line-height: 1.9;
	letter-spacing: -1px;
	margin-bottom: 30px;
	color: #595858;
}

.top-sec05-contact-wrap {
	margin-bottom: 0;
}

.top-sec05-p02 {
	display: inline-block;
	position: relative;
	font-size: 27px;
	font-weight: bold;
	top: -3px;
	color: #232584;

}

.top-sec05-p03 {
	display: inline-block;
	position: relative;
	height: 69px;
	font-size: 69px;
	padding: 0;
	color: #232584;
}

@media (max-width: 800px) {
	.top-sec05-p03 {
		font-size: 50px;
		top: -5px;
	}
}

@media (max-width: 768px) {
	.top-sec05-p03 {
		font-size: 50px;
	}
}

@media (max-width: 576px) {
	.top-sec05-p03 {
		font-size: 36px;
	}
}

.top-sec05-button {
	display: inline-block;
	position: relative;
	width: 218px;
	height: 45px;
	background: #232584;
	margin-left: 20px;
	font-size: 17px;
	line-height: 45px;
	font-weight: bold;
	border-radius: 5px;
	top: -20px;
}

@media (max-width: 768px) {
	.top-sec05-button {
		display: block;
		margin: 0 auto;
		top: -10px;
	}
}

.top-sec05-button a {
	display: block;
	color: #fff;
}

.top-sec05-button:hover {
	opacity: 0.7;
}

.top-sec05-p04 {
	font-size: 21px;
	text-align: center;
	margin-left: -180px;
	color: #232584;
	letter-spacing: -1.5px;
}

@media (max-width: 768px) {
	.top-sec05-p04 {
		margin-left: 0;
		margin-top: 10px;
	}
}

/* --------------------------------
 * 会社案内ページ
 * -------------------------------- */
.comprof-first-view {
	background: url(../images/first-view-company-pro.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 185px 0 173px 0;
}

@media (max-width: 768px) {
	.comprof-first-view {
		padding: 90px 0 80px 0;
	}
}

.comprof-first-view h2 {
	display: block;
	font-size: 36px;
	height: 53px;
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 4px;
}

.comprof-first-view-quare-icon-l {
	margin-right: 25px;
}

.comprof-first-view-quare-icon-r {
	margin-left: 25px;
}

.comprof-first-view span {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}

/*パンくずリスト*/
.pankuzu {
	font-size: 12px;
	margin-left: 65px;
	padding-top: 12px;
	color: #878788;
}

@media (max-width: 768px) {
	.pankuzu {
		margin-left: 15px;
	}
}

.pankuzu a {
	color: #878788;
}

.pankuzu span {
	display: inline-block;
	font-size: 14px;
	margin: 0 12px;
	transform: scale(0.8, 1);
}

/*-----------   --------------*/
.comprof-sec01 {
	padding: 50px 10px 103px 10px;
	color: #4c4a4a;
}

@media (max-width: 768px) {
	.comprof-sec01 {
		padding: 15px 10px 55px 10px;
	}
}

.comprof-sec01-item-wrap01 {
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 0.5px solid #4c4a4a;
	width: 720px;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}

@media (max-width: 768px) {
	.comprof-sec01-item-wrap01 {
		display: block;
		width: 100%;
	}
}

.comprof-sec01-item-wrap02 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-bottom: 0.5px solid #4c4a4a;
	width: 720px;
	margin: 0 auto;
	padding: 36px 0 40px 0;
	line-height: 1.7;
}

@media (max-width: 768px) {

	.comprof-sec01-item-wrap01,
	.comprof-sec01-item-wrap02 {
		display: block;
		width: 100%;
	}
}

.comprof-sec01-item-wrap02-add {
	padding: 28px 0 18px 0;
}

.comprof-sec01-item01 {
	font-size: 17px;
	width: 170px;
}

.comprof-sec01-item02 {
	font-size: 23px;
	width: 550px;
}

@media (max-width: 768px) {

	.comprof-sec01-item01,
	.comprof-sec01-item02 {
		width: 100%;
		margin-bottom: 10px;
	}
}

.comprof-sec01-item02 img {
	width: 100%;
}

@media (max-width: 768px) {
	.comprof-sec01-item-wrap02 .comprof-sec01-item02 {
		line-height: 1.5;
		margin-top: 5px;
	}
}
/* --------------------------------
 * サンキューページ
 * -------------------------------- */
.thanks-first-view {
	background: url(../images/first-view-contact.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	text-align: center;
	padding: 100px 0;
}

@media (max-width: 768px) {
	.thanks-first-view {
		padding: 50px 0;
	}
}

.thanks-first-view h2 {
	font-size: 30px;
	color: #fff;
}
@media (max-width: 570px) {
	.thanks-first-view h2 {
		font-size: 14px;
	}
}
.thanks-first-view p {
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	color: #fff;
}
@media (max-width: 570px) {
	.thanks-first-view p {
		font-size: 14px;
	}
}

.thanks-first-view a {
	display: block;
	font-size: 24px;
	margin-top: 40px;
	color: #232584;
	font-weight: bold;
}
@media (max-width: 570px) {
	.thanks-first-view a {
		font-size: 14px;
	}
}
.thanks-first-view a:hover {
 opacity: 0.6;
}
/* --------------------------------
 * お問合せ
 * -------------------------------- */
.contact-first-view {
	background: url(../images/first-view-contact.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	text-align: center;
	padding: 198px 0 180px 0;
}

@media (max-width: 768px) {
	.contact-first-view {
		padding: 90px 0 80px 0;
	}
}

.contact-first-view h2 {
	display: block;
	font-size: 36px;
	height: 53px;
	color: #fff;
}

.contact-first-view-quare-icon-l {
	margin-right: 20px;
}

.contact-first-view-quare-icon-r {
	margin-left: 20px;
}

.contact-first-view span {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}

.contact-info {
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 123px;
	line-height: 1.7;
	color: #595858;
}

@media (max-width: 768px) {
	.contact-info {
		margin-top: 40px;
		margin-bottom: 40px;
		font-size: 18px;
		padding: 0 20px;
	}
}
.contact-info a {
	display: block;
	padding-top: 20px;
	color: skyblue;
}
.contact-info a:hover {
	opacity: 0.7;
}
/*-----------------*/
form {
	font-size: 18px;
	font-weight: bold;
	color: #4c4a4a;
}

.contact-item00 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 66px;
}

@media (max-width: 992px) {
	.contact-item00 {
		display: block;
		padding: 0 10px;
		margin-bottom: 33px;
	}
}

.contact-item00 p {
	width: 215px;
	font-weight: bold;
}

@media (max-width: 992px) {
	.contact-item00 p {
		margin-bottom: 10px;
	}
}

.contact-raddiobtn-wrap {
	display: flex;
	width: 750px;
}

@media (max-width: 992px) {
	.contact-raddiobtn-wrap {
		display: block;
		padding: 5px 10px;
		width: 100%;
	}
}

.contact-item00 input {
	position: relative;
	top: -2px;
}

.contact-item00 label {
	margin-left: 15px;
	margin-right: 28px;
}

@media (max-width: 992px) {
	.contact-raddiobtn {
		margin-top: 10px;
	}
}

/*-----------*/
.contact-item01 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 45px;
}

@media (max-width: 992px) {
	.contact-item01 {
		display: block;
		padding: 0 10px;
		margin-bottom: 25px;
	}
}

.contact-item01 input {
	width: 750px;
	height: 55px;
	background: #cca;
	padding: 5px 5px;
	border: #4c4a4a 0.5px solid;
	background-color: #fff;
	height: 55px;
	font-size: 20px;
}

@media (max-width: 992px) {
	.contact-item01 input {
		display: block;
		width: 100%;
	}
}

.contact-item01 p {
	width: 215px;
	font-weight: bold;
}

@media (max-width: 992px) {
	.contact-item01 p {
		margin-bottom: 10px;
	}
}

.contact-item02 {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 50px;
}

@media (max-width: 992px) {
	.contact-item02 {
		display: block;
		width: 100%;
		padding: 0 10px;
		margin-bottom: 30px;
	}
}

.contact-item02 p {
	position: relative;
	width: 215px;
	margin-top: 20px;
}

@media (max-width: 992px) {
	.contact-item02 p {
		margin-bottom: 10px;
	}
}

.contact-item02 textarea {
	font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	width: 750px;
	height: 255px;
	padding: 10px;
	font-size: 20px;
	line-height: 1.3;
	border: #4c4a4a 0.5px solid;
}

@media (max-width: 992px) {
	.contact-item02 textarea {
		width: 100%;
	}
}

.contact-item03 {
	width: 966px;
	height: 331px;
	margin: 0 auto 25px;
}

@media (max-width: 992px) {
	.contact-item03 {
		width: 100%;
		padding: 0 10px;
	}
}

.contact-item03-inner {
	width: 100%;
	height: 100%;
	font-size: 11px;
	line-height: 1.3;
	background: #fff;
	border: 1px solid #c2c2c3;
	padding: 20px 40px;
	color: #251e1c;
	overflow: auto;
}

@media (max-width: 992px) {
	.contact-item03-inner {
		padding: 10px 20px;
	}
}

.contact-item04 {
	display: flex;
	font-size: 13px;
	justify-content: center;
	align-items: center;
	margin-bottom: 110px;
	color: #595858;
}

@media (max-width: 992px) {
	.contact-item04 {
		margin-bottom: 40px;
	}
}

.submit-area {
	width: 248px;
	margin: 20px auto 30px auto;
}

.submit-area input {
	width: 100%;
	height: 42px;
	line-height: 42px;
	background-color: #232584;
	font-size: 18px;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	border: none;
}

/* --------------------------------
 * 個人様向け
 * -------------------------------- */
.individuals-first-view {
	background: url(../images/first-view-individuals.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 185px 0 173px 0;
}

@media (max-width: 768px) {
	.individuals-first-view {
		padding: 90px 0 80px 0;
	}
}

.individuals-first-view h2 {
	display: block;
	font-size: 36px;
	height: 53px;
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 4px;
}

.individuals-first-view-quare-icon-l {
	margin-right: 10px;
}

.individuals-first-view-quare-icon-r {
	margin-left: 10px;
}

.individuals-first-view span {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}

/*---  ---*/
.individuals-sec01 {
	margin-top: 210px;
	margin-bottom: 180px;
}

@media (max-width: 768px) {
	.individuals-sec01 {
		margin-top: 105px;
		margin-bottom: 50px;
	}
}

.individuals-sec01-item01 {
	display: flex;
	margin-bottom: 98px;
}

@media (max-width: 768px) {
	.individuals-sec01-item01 {
		display: block;
		margin-bottom: 45px;
	}
}

.individuals-sec01-item01-01 {
	width: 50%;
}

@media (max-width: 768px) {
	.individuals-sec01-item01-01 {
		width: 100%;
		padding: 0 10px;
	}
}

.individuals-sec01-item01-01 img {
	width: 100%;
}

.individuals-sec01-item01-02 {
	width: 50%;
	padding: 50px 70px;
}

@media (max-width: 768px) {
	.individuals-sec01-item01-02 {
		width: 100%;
		padding: 18px 20px 20px;
	}
}

.individuals-sec01-item01-02 h3 {
	font-size: 30px;
	margin-bottom: 10px;
	color: #232584;
}

.individuals-sec01-item01-02 h3 img {
	margin: 0 0 0 15px;
}

.individuals-sec01-item01-02-p01 {
	font-size: 15px;
	margin-bottom: 50px;
	color: #ddc33d;
	font-weight: bold;
}

@media (max-width: 768px) {
	.individuals-sec01-item01-02-p01 {
		margin-bottom: 25px;
	}
}

.individuals-sec01-item01-02-p02 {
	font-size: 18px;
	color: #595858;
}

/*---  ---*/
.individuals-sec01-item02 {
	display: flex;
	flex-direction: row-reverse;
	text-align: right;
}

@media (max-width: 768px) {
	.individuals-sec01-item02 {
		display: block;
	}
}

.individuals-sec01-item02-01 {
	width: 50%;
}

@media (max-width: 768px) {
	.individuals-sec01-item02-01 {
		width: 100%;
		padding: 0 10px;
	}
}

.individuals-sec01-item02-01 img {
	width: 100%;
}

.individuals-sec01-item02-02 {
	width: 50%;
	padding: 50px 70px;
}

@media (max-width: 768px) {
	.individuals-sec01-item02-02 {
		width: 100%;
		padding: 18px 20px 20px;
	}
}

.individuals-sec01-item02-02 h3 {
	font-size: 30px;
	margin-bottom: 10px;
	color: #232584;
}

.individuals-sec01-item02-02 h3 img {
	margin: 0 15px 0 0;
}

.individuals-sec01-item02-02-p01 {
	font-size: 15px;
	margin-bottom: 50px;
	color: #ddc33d;
	font-weight: bold;
}

@media (max-width: 768px) {
	.individuals-sec01-item02-02-p01 {
		margin-bottom: 25px;
	}
}

.individuals-sec01-item02-02-p02 {
	font-size: 18px;
	color: #595858;
}


/*---  ---*/
.individuals-sec02 {
	margin-bottom: 204px;
}

@media (max-width: 768px) {
	.individuals-sec02 {
		margin-bottom: 80px;
	}
}

.individuals-sec02 a {
	display: block;
	width: 992px;
	margin: 0 auto;
	padding: 100px 10px;
	text-align: center;
	background: url(../images/image14.png) no-repeat;
	-webkit-background-size: cpver;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border: 29px solid #232584;
	box-shadow: 6px 6px 4px 4px rgba(0, 0, 0, 0.2);
}

@media (max-width: 992px) {
	.individuals-sec02 a {
		width: 80%;
		padding: 80px 10px;
		border: 20px solid #232584;
		box-shadow: 4px 4px 2px 2px rgba(0, 0, 0, 0.2);
	}
}

@media (max-width: 768px) {
	.individuals-sec02 a {
		width: 90%;
		padding: 40px 10px;
		border: 15px solid #232584;
		box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.2);
	}
}

.individuals-sec02 p {
	color: #232584;
	font-size: 39px;
	font-weight: bold;
}

@media (max-width: 992px) {
	.individuals-sec02 p {
		font-size: 30px;
	}
}

@media (max-width: 768px) {
	.individuals-sec02 p {
		font-size: 24px;
	}
}

.individuals-sec02 img {
	margin: 0 29px 0 24px;
}

@media (max-width: 992px) {
	.individuals-sec02 img {
		margin: 0 15px 0 18px;
	}
}

@media (max-width: 768px) {
	.individuals-sec02 img {
		width: 17px;
		margin: 0 0px 0 10px;
	}
}

/* --------------------------------
 * 事業内容
 * -------------------------------- */
.works-first-view {
	background: url(../images/first-view-works.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 190px 0 178px 0;
}

@media (max-width: 768px) {
	.works-first-view {
		padding: 90px 0 80px 0;
	}
}

.works-first-view h2 {
	display: block;
	font-size: 36px;
	height: 53px;
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 4px;
}

.works-first-view-quare-icon-l {
	margin-right: 20px;
}

.works-first-view-quare-icon-r {
	margin-left: 20px;
}

.works-first-view span {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}

/*---  ---*/
.works-sec01 {
	margin-top: 210px;
	margin-bottom: 228px;
}

@media (max-width: 992px) {
	.works-sec01 {
		margin-top: 105px;
		margin-bottom: 50px;
	}
}

.works-sec01-item01 {
	display: flex;
	margin-bottom: 98px;
}

@media (max-width: 992px) {
	.works-sec01-item01 {
		display: block;
		margin-bottom: 45px;
	}
}

.works-sec01-item01-01 {
	width: 50%;
}

@media (max-width: 992px) {
	.works-sec01-item01-01 {
		width: 100%;
		padding: 0 10px;
	}
}

.works-sec01-item01-01 img {
	width: 100%;
}

.works-sec01-item01-02 {
	width: 50%;
	padding: 45px 80px;
}

@media (max-width: 992px) {
	.works-sec01-item01-02 {
		width: 100%;
		padding: 18px 20px 20px;
	}
}

.works-sec01-item01-02 h3 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #232584;
}

.works-sec01-item01-02 h3 img {
	margin: 0 0 0 15px;
}

.works-sec01-item01-02-p01 {
	font-size: 15px;
	margin-bottom: 50px;
	color: #ddc33d;
	font-weight: bold;
}

@media (max-width: 992px) {
	.works-sec01-item01-02-p01 {
		margin-bottom: 25px;
	}
}

.works-sec01-item01-02-p02 {
	font-size: 18px;
	color: #595858;
}

.works-sec01-morebtn {
	margin-top: 40px;
}

.works-sec01-item02-02 .works-sec01-morebtn {
	display: flex;
	justify-content: flex-end;
}

.works-sec01-morebtn a {
	display: block;
	position: relative;
	width: 151px;
	height: 45px;
	border-radius: 5px;
	background: #232584;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
}

@media (max-width: 992px) {
	.works-sec01-morebtn a {
		margin-top: 30px;
	}
}

/*---  ---*/
.works-sec01-item02 {
	display: flex;
	flex-direction: row-reverse;
	text-align: right;
}

@media (max-width: 992px) {
	.works-sec01-item02 {
		display: block;
		margin-bottom: 45px;
	}
}

.works-sec01-item02-01 {
	width: 50%;
}

@media (max-width: 992px) {
	.works-sec01-item02-01 {
		width: 100%;
		padding: 0 10px;
	}
}

.works-sec01-item02-01 img {
	width: 100%;
}

.works-sec01-item02-02 {
	width: 50%;
	padding: 45px 80px;
}

@media (max-width: 992px) {
	.works-sec01-item02-02 {
		width: 100%;
		padding: 18px 20px 20px;
	}
}

.works-sec01-item02-02 h3 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #232584;
}

.works-sec01-item02-02 h3 img {
	margin: 0 15px 0 0;
}

.works-sec01-item02-02-p01 {
	font-size: 15px;
	margin-bottom: 50px;
	color: #ddc33d;
	font-weight: bold;
}

@media (max-width: 992px) {
	.works-sec01-item02-02-p01 {
		margin-bottom: 25px;
	}
}

.works-sec01-item02-02-p02 {
	font-size: 18px;
	color: #595858;
}

/*---  ---*/
.performance-sec01 {
	padding: 110px 0 60px;
}

@media (max-width: 768px) {
	.performance-sec01 {
		padding: 55px 0 35px;
	}
}

.performance-sec01-item {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.performance-sec01-item {
		display: block;
	}
}

.performance-sec01-item-inner {
	width: 425px;
	margin: 0 42px;
}

@media (max-width: 768px) {
	.performance-sec01-item-inner {
		width: 100%;
		padding: 0 10px;
		margin: 0 0 50px 0;
	}
}

.performance-sec01-item-inner img {
	width: 100%;
}

.performance-sec01-item-inner h3 {
	font-size: 27px;
	margin-top: 22px;
	margin-bottom: -5px;
	color: #232584;
}

.performance-sec01-item-inner h3 span {
	display: inline-block;
	position: relative;
	width: 71px;
	height: 22px;
	font-size: 13px;
	margin-top: 22px;
	margin-bottom: 20px;
	text-align: center;
	line-height: 24px;
	border-radius: 2px;
	color: #fff;
	margin-right: 10px;
	top: -6px;
}

.performance-sec01-cat01 {
	background: #ddc33d;
}

.performance-sec01-cat02 {
	background: #232584;
}

.performance-sec01-item-inner p {
	font-size: 18px;
	color: #595858;
}

/*---  ---*/
.performance-morebtn {
	width: 151px;
	height: 45px;
	background: #232584;
	margin: 0 auto 115px;
	border-radius: 5px;
	line-height: 45px;
}

@media (max-width: 768px) {
	.performance-morebtn {
		margin: 0 auto 60px;
	}
}

.performance-morebtn a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

/* --------------------------------
 * 防犯カメラ
 * -------------------------------- */
.camera-first-view {
	background: url(../images/first-view-camera.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 190px 0 178px 0;
}

@media (max-width: 768px) {
	.camera-first-view {
		padding: 90px 0 80px 0;
	}
}

.camera-first-view h2 {
	display: block;
	font-size: 36px;
	height: 53px;
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 4px;
}

.camera-first-view-quare-icon-l {
	margin-right: 20px;
}

.camera-first-view-quare-icon-r {
	margin-left: 20px;
}

.camera-first-view span {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}

/*---  ---*/
.camera-sec01 {
	margin-top: 110px;
	margin-bottom: 128px;
}

@media (max-width: 992px) {
	.camera-sec01 {
		margin-top: 105px;
		margin-bottom: 50px;
	}
}
@media (max-width: 768px) {
	.camera-sec01 {
		margin-top: 50px;
	}
}

.camera-sec01-item01 {
	display: flex;
	margin-bottom: 98px;
}

@media (max-width: 992px) {
	.camera-sec01-item01 {
		display: block;
		margin-bottom: 45px;
	}
}


.camera-sec01-item01-02 {
	width: 100%;
	padding: 45px 80px;
}

@media (max-width: 992px) {
	.camera-sec01-item01-02 {
		width: 100%;
		padding: 18px 20px 20px;
	}
}

.camera-sec01-item01-02 h3 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #232584;
	text-align: center;
}

.camera-sec01-item01-02 h3 img {
	margin: 0 0 0 15px;
}

.camera-sec01-item01-02-p01 {
	font-size: 15px;
	margin-bottom: 50px;
	color: #ddc33d;
	font-weight: bold;
}

@media (max-width: 992px) {
	.camera-sec01-item01-02-p01 {
		margin-bottom: 25px;
	}
}

.camera-sec01-item01-02-p02 {
	font-size: 18px;
	color: #595858;
}

.camera-sec01-menubtn {
	margin: 40px 152px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.camera-sec01-item02-02 .camera-sec01-menubtn {
	display: block;
	justify-content: flex-end;
}

.camera-sec01-menubtn ul {
	position: relative;
	float: left;
}

.camera-sec01-menubtn li {
	list-style: none;
	position: relative;
	float: left;
}

.camera-sec01-menubtn li a {
	display: block;
	position: relative;
	width: 130px;
	height: 45px;
	border-radius: 5px;
	border: 1px #232584;
	border-style: solid;
	background: #fff;
	color: #232584;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
	margin-left: 20px;
	margin-right: 20px;
}

@media (max-width: 992px) {
	.camera-sec01-menubtn a {
		margin-top: 30px;
	}
}

/*---  ---*/
.camera-sec01-item02 {
	display: flex;
	flex-direction: row-reverse;
	text-align: right;
}

@media (max-width: 992px) {
	.camera-sec01-item02 {
		display: block;
		margin-bottom: 45px;
	}
}

.camera-sec01-item02-01 {
	width: 100%;
	margin-left: 50px;
}

@media (max-width: 992px) {
	.camera-sec01-item02-01 {
		width: 100%;
		padding: 0 10px;
		margin-left: 25px;
	}
}

.camera-sec01-item02-01 img {
	width: 45%;
	margin: 0 10px 0 0;
}

.camera-sec01-item02-02 hr {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 20px;
	border-top: 2px solid #232584;
	clear: both;
}

.camera-sec01-item02-02 {
	width: 100%;
	padding: 45px 80px;
}

@media (max-width: 992px) {
	.camera-sec01-item02-02 {
		width: 100%;
		padding: 18px 20px 20px;
	}
}

.camera-sec01-item02-02 h3 {
	font-size: 30px;
	margin-bottom: 50px;
	color: #232584;
}

.camera-sec01-item02-02 h3 img {
	margin: 0 15px 0 0;
}

.camera-sec01-item02-02-p01 {
	font-size: 15px;
	margin-bottom: 50px;
	color: #ddc33d;
	font-weight: bold;
}

@media (max-width: 992px) {
	.camera-sec01-item02-02-p01 {
		margin-bottom: 25px;
	}
}

.camera-sec01-item02-02-p02 {
	font-size: 22px;
	font-weight: bold;
	color: #232584;
	width: 200px;
	margin-left: 50px;
	margin-bottom: 20px;
	/*height:80px;*/
	float: left;
}

.camera-sec01-item02-02-p03 {
	font-size: 22px;
	font-weight: bold;
	color: #232584;
	width: 200px;
	margin-left: 50px;
	margin-bottom: 50px;
	/* height:150px;*/
	float: left;
}

@media (max-width: 992px) {
	.camera-sec01-item02-02-p03 {
		font-size: 22px;
		font-weight: bold;
		color: #232584;
		width: auto;
		margin-left: 50px;
		margin-bottom: 50px;
		/* height:150px;*/
		float: left;
	}
}

.camera-sec01-item02-02-li ul {
	display: block;
	float: right;
}

.camera-sec01-item02-02-li li {
	font-size: 18px;
	color: #232584;
	float: left;
	margin-left: 30px;
	font-weight: bold;
}

@media (max-width: 992px) {
	.camera-sec01-item02-02-li li {
		font-size: 18px;
		color: #232584;
		float: left;
		margin-left: 30px;
		font-weight: bold;
		margin-bottom: 25px;
	}
}

.camera-sec01-item02-02-li2 ul {
	display: block;
	float: right;
}

.camera-sec01-item02-02-li2 li {
	font-size: 18px;
	color: #232584;
	margin-left: 30px;
	float: left;
	list-style: square;
	font-weight: bold;
	width: 650px;

}

@media (max-width: 992px) {
	.camera-sec01-item02-02-li2 li {
		font-size: 18px;
		color: #232584;
		margin-left: 30px;
		float: left;
		list-style: square;
		font-weight: bold;
		width: auto;
		margin-bottom: 25px;

	}
}

/* --------------------------------
 * LED
 * -------------------------------- */
.led-first-view {
	background: url(../images/first-view-led.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 190px 0 178px 0;
}

@media (max-width: 768px) {
	.led-first-view {
		padding: 90px 0 80px 0;
	}
}

.led-first-view h2 {
	display: block;
	font-size: 36px;
	height: 53px;
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 4px;
}

.led-first-view-quare-icon-l {
	margin-right: 20px;
}

.led-first-view-quare-icon-r {
	margin-left: 20px;
}

.led-first-view span {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}

.led-sec01-menubtn {
	margin: 40px 100px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.led-sec01-item02-02 .camera-sec01-menubtn {
	display: block;
	justify-content: flex-end;
}

.led-sec01-menubtn ul {
	position: relative;
	float: left;
}

.led-sec01-menubtn li {
	list-style: none;
	position: relative;
	float: left;

}

.led-sec01-menubtn li a {
	display: block;
	position: relative;
	width: 130px;
	height: 45px;
	border-radius: 5px;
	border: 1px #232584;
	border-style: solid;
	background: #fff;
	color: #232584;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
	margin-left: 20px;
	margin-right: 20px;
}

@media (max-width: 992px) {
	.camera-sec01-menubtn a {
		margin-top: 30px;
	}
}




.led-sec01-item02-02 {
	width: 100%;
	padding: 45px 80px;
}

@media (max-width: 992px) {
	.led-sec01-item02-02 {
		width: 100%;
		padding: 18px 20px 20px;
	}
}

.led-sec01-item02-02 h3 {
	font-size: 30px;
	margin-bottom: 50px;
	color: #232584;
}

.led-sec01-item02-02 h3 img {
	margin: 0 15px 0 0;
}

.led-se02 {
	float: left;
	width: 500px;
	background-image: url(../images/led_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	/*background-size: cover;*/
	color: #fff;
	font-weight: bold;
	height: 620px;
	font-size: 12pt;
	padding: 0px;
	margin: 30px;
}

.led-bg {
	float: left;
	width: 100%;
	background-image: url(../images/led_bg_2.png);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	/*background-size: cover;*/
	color: #fff;
	font-weight: bold;
	height: 620px;
	font-size: 12pt;
	padding: 0px;
	margin: 30px;
}

.led-se02-01 {
	float: left;
	width: 500px;
	/*background-image:url(../images/led_bg.png);
    background-repeat: no-repeat;
	background-size:contain;
		-webkit-background-size: contain;
	background-position: center center;
	background-attachment: fixed;
	/*background-size: cover;*/
	color: #fff;
	font-weight: bold;
	font-size: 12pt;
	padding: 0px;
	margin: 30px;
}

.led-se02-02 {
	float: left;
	width: 500px;
	/*background-image:url(../images/led_bg.png);
    background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	/*background-size: cover;*/
	color: #fff;
	font-weight: bold;
	height: 620px;
	font-size: 12pt;
	padding: 0px;
	margin: 30px;
}

.led-sec01-item02-02 p.title {
	font-size: 20pt;
	margin: 10px auto;
	float: left;
}

.led-sec01-item02-02 img.num {
	margin: 5px auto;
	float: left;
}

.led-sec01-item02-02 img.main {
	margin: 5px auto;
	padding-left: 50px;
}

.led-sec01-item02-02 p {
	padding: 10px 40px;
}

.text-yellow {
	color: #e4db38;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}

/* --------------------------------
 * 実績一覧
 * -------------------------------- */
.performance-first-view {
	background: url(../images/first-view-performance.png);
	-webkit-background-size: cover;
	background-position: center center;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 190px 0 178px 0;
}

@media (max-width: 768px) {
	.performance-first-view {
		padding: 90px 0 80px 0;
	}
}

.performance-first-view h2 {
	display: block;
	font-size: 36px;
	height: 53px;
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 0px;
}

.performance-first-view-quare-icon-l {
	margin-right: 25px;
}

.performance-first-view-quare-icon-r {
	margin-left: 25px;
}

.performance-first-view span {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}

/* --------------------------------
 * フッター
 * -------------------------------- */
.footer-inner {
	position: relative;
	padding-top: 90px;

}

@media (max-width: 768px) {
	.footer-inner {
		padding-top: 30px;
	}
}

.footer-pr {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 13px;
}

.gototop {
	position: absolute;
	top: 80px;
	width: 51px;
	height: 52px;
	right: 40px;
	font-size: 13px;
}

.gototop img {
	width: 100%;
}

.footer-nav {
	display: flex;
	justify-content: center;
	font-size: 13px;
	margin-bottom: 98px;
}

@media (max-width: 768px) {
	.footer-nav {
		flex-direction: column;
		justify-content: flex-start;
	}
}

.footer-nav p {
	text-align: center;
	width: 125px;
}

@media (max-width: 768px) {
	.footer-nav p {
		text-align: left;
		width: 125px;
		font-size: 15px;
		margin-left: 30px;
		margin-bottom: 20px;
	}
}

.footer-logo {
	text-align: center;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.footer-logo {
		width: 80%;
		margin: 0 auto 20px;
	}
}

.footer-add {
	text-align: center;
	font-size: 13.5px;
	margin-bottom: 20px;
	font-weight: bold;
}

.copyright {
	background: #232584;
	height: 45px;
	text-align: center;
	font-size: 12px;
	line-height: 48px;
	color: #fff;
}

.copyright img {
	position: relative;
	top: 2px;
}





/* 追加CSS（LEDはこんなにすごい！！） */
.bg_blue {
	/* background: #232584; */
	background: url(../images/led_bg.png) top left / cover no-repeat;
	position: relative;
	margin-top: 50px;
	padding: 15px;
	height: 100%;
}

.bg_blue .number {
	/* background: transparent; */
	background: linear-gradient(to top left, transparent white);
	display: inline-block;
	/* padding: 30px 15px; */
	border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -55px;
}

@media (max-width: 991px) {
	.bg_blue .number {
		top: -3px;
		left: -37px;
	}
}

@media (max-width: 768px) {
	.bg_blue .number {
		top: -12px;
		left: -55px;
	}
}

@media (max-width: 500px) {
	.bg_blue .number {
		top: -27px;
		left: -71px;
	}
}

.bg_blue .titleText {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.bg_blue .mainImg {
	text-align: center;
}

.bg_blue .desc {
	color: #ffffff;
}

/* 追加CSS(上部のリンクのリスト) */
.ul_add {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 40px 0;
}

.ul_add li {
	margin-top: 10px;
}

.ul_add li a {
	width: 100%;
	margin: 0;
}

@media (max-width: 768px) {
	.ul_add {
		justify-content: flex-start;
	}
}




/* 追加CSS */
.camera-sec01-item02-02-li2 li {
	margin-bottom: 15px;
	line-height: 1.3;
}

.camera-sec01-item02-02 .title {
	margin-bottom: 20px;
	width: 200px;

}

.camera-sec01-item02-01 {
	margin: auto;
	margin-top: 100px;
}

.col-md-6_add img {
	width: 100%;
	object-fit: cover;
}

.container_none {
	max-width: none !important;
	margin-top: 100px;
}

@media (max-width: 768px) {
	.camera-sec01-item02-02 .title {
		width: 90%;
	}

	.camera-sec01-item02-01 {
		margin-top: 50px;
	}

	.container_none {
		margin-top: 50px;
	}
}