@charset "UTF-8";

.gasmo{
	padding-bottom: 180px;
}
.gasmo p{
	font-size: 20px;
	line-height: 1.6;
}
.gasmo p + p{
	padding-top: 30px;
}
@media screen and (max-width: 767px) {
	.gasmo{
		padding-bottom: 50px;
	}
	.gasmo p{
		font-size: 16px;
	}
	.gasmo p + p{
		padding-top: 20px;
	}
}

/*================================*/
.gasmo .ttl02{
	background: #049AD8;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 7px 17px;
	margin: 85px 0 0;
	line-height: 1.62;
}

.gasmo .wrp-ttl03{
	text-align: center;
}
.gasmo .ttl03{
	color: #049AD8;
	font-size: 26px;
	font-weight: bold;
	margin: 45px 0;
	line-height: 1.62;
}
.gasmo .ttl03--border{
	border: solid 2px #049AD8;
	border-radius: 49px;
	text-align: center;
	padding: 5px 50px;
	display: inline-block;
}
.gasmo .ttl04{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.62;
}
@media screen and (max-width: 767px) {
	.gasmo .ttl02{
		margin: 55px 0 0;
	}
	.gasmo .ttl03{
		font-size: 22px;
		margin: 35px 0;
	}
	.gasmo .ttl04{
		font-size: 18px;
	}
}

/*================================*/
.gasmo .box-objective{
	display: flex;
	justify-content: space-between;
	max-width: 720px;
	margin: 0 auto;
}
.gasmo .box-objective__main{
	background: #D5EAFE;
	border-radius: 20px;
	width: 57.5%;
	padding: 40px 40px;
}
.gasmo .box-objective__main dl{
	display: inline-flex;
	width: 100%;
	margin: 0;
}
.gasmo .box-objective__main dl dt,
.gasmo .box-objective__main dl dd{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.62;
	margin: 0;
}
.gasmo .box-objective__main dl dt{
	margin-right: 25px;
}
.gasmo .box-objective__message{
	background: #FFAB3F;
	border-radius: 20px;
	width: 35%;
	padding: 50px 30px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.62;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}
.gasmo .box-objective__message::before{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 23px 39px 23px 0;
	border-color: transparent #FFAB3F transparent transparent;
	position: absolute;
	top: 50%;
	left: -39px;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.gasmo .box-objective{
		display: block;
	}
	.gasmo .box-objective__main{
		width: 100%;
		padding: 25px 20px;
	}
	.gasmo .box-objective__main dl dt, 
	.gasmo .box-objective__main dl dd{
		font-size: 18px;
	}
	.gasmo .box-objective__message{
		width: 100%;
		margin-top: 20px;
		padding: 25px 20px;
		font-size: 20px;
	}
	.gasmo .box-objective__message::before{
		content: '';
		border-width: 0 15px 15px 15px;
		border-color: transparent transparent #FFAB3F transparent;
		top: -15px;
		left: 50%;
		transform: translateX(-50%);
	}
}

/*================================*/
.gasmo .lst-flow{
	max-width: 418px;
	margin: 0 auto;
}
.gasmo .lst-flow li{
	background: #3582CC;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.62;
	padding: 15px 25px;
	text-align: center;
	margin-bottom: 28px;
	position: relative;
}
.gasmo .lst-flow li::after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #D9D9D9 transparent transparent transparent;
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.gasmo .lst-flow li:last-child::after{
	content: none;
}
@media screen and (max-width: 767px) {
	.gasmo .lst-flow li{
		font-size: 18px;
	}
}

/*================================*/
.gasmo .lst-service{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.gasmo .lst-service li{
	margin: 0 23px;
}
.gasmo .lst-service__circle{
	background: #D5EAFE;
	border-radius: 50%;
	width: 225px;
	height: 225px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.gasmo .lst-service__text{
	color: #3582CC;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	padding-top: 10px;
}
@media screen and (max-width: 556px) {
	.gasmo .lst-service li{
		margin: 0;
		width: calc(50% - 5px);
	}
	.gasmo .lst-service li:first-child{
		width: 100%;
	}
	.gasmo .lst-service__circle{
		width: 160px;
		height: 160px;
		margin: 0 auto;
	}
	.gasmo .lst-service__icon img{
		height: 50px;
		width: auto;
	}
	.gasmo .lst-service__text{
		font-size: 14px;
	}
}

/*================================*/
.gasmo .box-article{
	display: flex;
	justify-content: space-between;
	padding-bottom: 25px;
}
.gasmo .box-article__img{
	width: 40.4%;
}
.gasmo .box-article__cnt{
	width: 59.6%;
	padding-left: 70px;
}
@media screen and (max-width: 767px) {
	.gasmo .box-article{
		display: block;
	}
	.gasmo .box-article__img{
		width: 100%;
		text-align: center;
	}
	.gasmo .box-article__cnt{
		width: 100%;
		padding-left: 0;
	}
}


/*================================*/
.gasmo .lst-text li{
	position: relative;
	padding-left: 40px;
	line-height: 1.62;
}
.gasmo .lst-text li::before{
	content: '';
	width: 11px;
	height: 3px;
	background: #049AD8;
	position: absolute;
	top: 0.75em;
	left: 10px;
}
@media screen and (max-width: 767px) {
	.gasmo .lst-text li{
		font-size: 16px;
	}
}

/*================================*/
.gasmo .image-dr{
	margin: -20px 0 25px;
}
.gasmo .m-link{
	position: relative;
	color: #212529;
	text-decoration: underline;
	display: block;
	transition: all 0.3s;
	line-height: 1.62;
}
.gasmo .m-link:hover{
	color: #212529;
	opacity: 0.7;
}
.gasmo .m-link__icon{
	display: inline-flex;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #049AD8;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.gasmo .m-link__icon img{
	margin-left: -2px;
}
@media screen and (max-width: 767px) {
	.gasmo .m-link{
		font-size: 16px;
	}
}

/*================================*/
.gasmo .box-usage{
	margin-top: 30px;
}
.gasmo .box-usage__hdg{
	display: flex;
	align-items: center;
}
.gasmo .box-usage__hdg p{
	width: 50%;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	padding-top: 0;
	line-height: 1.62;
}
.gasmo .box-usage__lst > li{
	display: flex;
	align-items: center;
	background: #D5EAFE;
	margin-top: 20px;
	height: 130px;
}
.gasmo .box-usage__ttl{
	width: 377px;
	height: 130px;
	background: #3582CC;
	padding: 20px 20px 20px 40px;
	display: flex;
	align-items: center;
	position: relative;
}
.gasmo .box-usage__ttl::after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 65px 0 65px 72px;
	border-color: transparent transparent transparent #3582CC;
	position: absolute;
	top: 0;
	right: -71px;
}
.gasmo .box-usage__ttl__icon{
	margin-right: 18px;
}
.gasmo .box-usage__ttl__txt{
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.62;
}
.gasmo .box-usage__cnt{
	width: calc(100% - 377px);
	padding: 20px 80px 20px 90px;
}
@media screen and (max-width: 767px) {
	.gasmo .box-usage__lst > li{
		height: 180px;
	}
	.gasmo .box-usage__hdg p{
		font-size: 16px;
	}
	.gasmo .box-usage__ttl{
		width: 42%;
		height: 180px;
		padding: 20px 10px 20px 10px;
	}
	.gasmo .box-usage__ttl::after{
		border-width: 90px 0 90px 36px;
		right: -36px;
	}
	.gasmo .box-usage__ttl__icon{
		display: contents;
		margin-right: 10px;
	}
	.gasmo .box-usage__ttl__icon img{
		width: 40px;
		height: auto;
	}
	.gasmo .box-usage__ttl__txt{
		font-size: 18px;
		margin-left: 10px;
	}
	.gasmo .box-usage__cnt{
		width: 58%;
		padding: 10px 20px 10px 40px;
	}
}

/*================================*/	
.hik_table01{
	padding: 20px 0px 0px 0px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.hik_table01 table{
	margin: 0px 0px 0px 0px;
	width: 100%;
	min-width: 800px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	table-layout: auto;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.hik_table01 table th{
	padding: 14px 5px 13px 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	text-align: center;
	vertical-align: middle;
	line-height: 1.6em;
	background: #ffffe5;
	font-weight: bold;
	font-size: 100%;
	width: 11%;
}
.hik_table01 table td{
	padding: 14px 5px 13px 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	text-align: center;
	vertical-align: middle;
	line-height: 1.6em;
	background: #fafaea;
	font-weight: bold;
	font-size: 100%;
	width: 22%;
}
.hik_table01 table th.hik_th01{
	padding: 8px 5px 7px 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
	background: #3582cc;
	color: #ffffff;
}
.hik_table01 table th.hik_th02{
	padding: 8px 5px 7px 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
	background: #6666cc;
	color: #ffffff;
}
.hik_table01 table th.hik_th03{
	padding: 8px 5px 7px 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
	background: #669933;
	color: #ffffff;
}
.hik_table01 table td.hik_td01{
	padding: 14px 7px 13px 10px;
	text-align: left;
	vertical-align: top;
	background: #e5f2ff;
	font-weight: normal;
}
.hik_table01 table td.hik_td02{
	padding: 14px 7px 13px 10px;
	text-align: left;
	vertical-align: top;
	background: #eaeaff;
	font-weight: normal;
}
.hik_table01 table td.hik_td03{
	padding: 14px 7px 13px 10px;
	text-align: left;
	vertical-align: top;
	background: #eefde2;
	font-weight: normal;
}
.hik_table01 table tr td.hik_td_img{
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
	width: 6%;
}
.hik_table01 table td p.hik_td_text02{
	margin: 0px 0px 0px 0px;
	line-height: 2em;
	font-size: 80%;
}
.hik_table01 table td p.hik_td_textnote{
	padding: 0;
	margin: 7px 0px 0px 0px;
	line-height: 1.6em;
	font-size: 80%;
	color: #666666;
}
.gasmo .ttl02 + p {
	margin-top: 45px;
}