@charset "utf-8";

@media all {
	.u-font__roboto {
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	:lang(en) .u-text {
		line-height: 1.75;
	}
	
	.g-header {
		height: 0 !important;
		border-bottom-color: transparent;
		overflow: hidden;
	}
	
	.g-wrapper {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.g-container {
		font-weight: 400;
	}
	
	.is-scroll .g-naviPullDown {
		top: 0;
	}
	
	.g-GasLpHeader {
		width: 270px;
		height: 100%;
		background: #E1521B;
		position: fixed;
		top: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 100;
		transition: none !important;
	}
	
	.g-GasLpHeader__inner {
		padding: 40px 30px 30px;
		background: #fff;
	}
	
	.g-GasLpHeader__logo {
		text-align: center;
	}
	
	.g-GasLpHeader__logo em {
		color: #000;
		font-size: 1.4rem;
		letter-spacing: .1em;
		margin: 8px 0 0;
		display: block;
	}
	
	:lang(en) .g-GasLpHeader__logo em {
		letter-spacing: 0;
	}
	
	.g-GasLpHeader__title {
		margin: 30px 0 0;
		border-top: 2px solid #E1521B;
		border-bottom: 1px solid rgba(141,145,154,.5);
	}
	
	.g-GasLpHeader__title a {
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.35;
		padding: .9em 0 .8em 10px;
		display: block;
		position: relative;
	}
	
	.g-GasLpHeader__title a:hover {
		color: #E1521B;
		text-decoration: none;
	}
	
	.g-GasLpHeader__item {
		border-bottom: 1px solid rgba(141,145,154,.5);
	}
	
	.g-GasLpHeader__item a {
		font-size: 1.4rem;
		font-weight: 500;
		padding: .75em 0 1em 25px;
		display: block;
		position: relative;
	}
	
	.g-GasLpHeader__item:nth-child(5) a {
		padding-left: 0;
	}
	
	:lang(en) .g-GasLpHeader__item a {
		line-height: 1.35;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	
	.g-GasLpHeader__item a:hover {
		color: #E1521B;
		text-decoration: none;
	}
	
	.g-GasLpHeader__item a i {
		font-size: 1.5rem;
		display: inline-block;
		transform: translate(0,.15em);
		position: absolute;
		top: .65em;
		left: 10px;
	}
	
	:lang(en) .g-GasLpHeader__item a i {
		top: .25em;
	}
	
	.g-GasLpHeaderSubMenu {
		line-height: 1;
		margin: 5px 0 0;
		display: flex;
		justify-content: space-between;
	}
	
	.g-GasLpHeaderSubMenu p a {
		font-size: 1.1rem;
		font-weight: 500;
		display: inline-block;
		padding: 0 1.25em 0 0;
		background: url("/_assets/img/common/icon-window-01.png") no-repeat right center / 12px auto;
	}
	
	.g-GasLpHeaderSubMenu p a:hover {
		color: #E1521B;
		text-decoration: none;
	}
	
	.g-GasLpHeaderSubMenu ul {
		margin-right: -10px;
		display: flex;
	}
	
	.g-GasLpHeaderSubMenu ul li {
		padding: 0 10px;
		position: relative;
	}
	
	.g-GasLpHeaderSubMenu ul li a {
		font-size: 1.2rem;
	}
	
	.g-GasLpHeaderSubLangMenu__item--jp:after {
		content: '';
		width: 1px;
		height: .75em;
		background: #9B9B9B;
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.g-GasLpHeaderSubLangMenu__item--jp a {
		color: #9B9B9B;
	}
	
	:lang(en) .g-GasLpHeaderSubLangMenu__item--jp a {
		color: #333;
	}
	
	:lang(en) .g-GasLpHeaderSubLangMenu__item--en a {
		color: #9B9B9B;
	}
	
	.g-GasLpHeaderSubMenu ul li a:hover {
		color: #E1521B;
		text-decoration: none;
	}
	
	.g-GasLpHeaderContact {
		color: #fff;
		padding: 20px;
	}
	
	.g-GasLpHeaderContact__items {
		margin: -10px 0 0;
	}
	
	.g-GasLpHeaderContact__item {
		font-size: 1.4rem;
		margin: 5px 0 0;
	}
	
	.g-GasLpHeaderContact__item a {
		color: #fff;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.35;
		padding: 5px 0 5px 55px;
		display: block;
		border-radius: 4px;
		border: 1px solid #fff;
	}
	
	:lang(en) .g-GasLpHeaderContact__item a {
		letter-spacing: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	:lang(en) .g-GasLpHeaderContact__item:first-child a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.g-GasLpHeaderContact__item a:hover {
		text-decoration: none;
		background-color: rgba(255,255,255,.2);
	}
	
	.g-GasLpHeaderContact__item--form a {
		background: url("/_assets/img/product/gas/engineering/lp-page/icon-mail-01.png") no-repeat top 50% left 17px / 25px auto;
	}
	
	.g-GasLpHeaderContact__item--catalog a {
		background: url("/_assets/img/product/gas/engineering/lp-page/icon-pdf-01.png") no-repeat top 50% left 21px / 16px auto;
	}
	
	.g-GasLpHeaderContactTel {
		margin: 15px 0 0;
	}
	
	.g-GasLpHeaderContactTel a {
		color: #fff;
	}
	
	.g-GasLpHeaderContactTel__title {
		font-size: 1.1rem;
		font-weight: 700;
		display: block;
	}
	
	.g-GasLpHeaderContactTel__number {
		font-size: 2.4rem;
		font-weight: 700;
		margin: 7px 0 0;
		display: block;
	}
	
	.g-GasLpHeaderContactTel__number a {
		padding: 0 0 0 25px;
		display: inline-block;
		background: url("/_assets/img/product/gas/engineering/lp-page/icon-tel-01.png") no-repeat left center / 20px auto;
	}
	
	.g-GasLpFooter {
		color: #fff;
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #111F24;
	}
	
	.g-GasLpFooter__logo {
		width: 176px;
	}
	
	.g-GasLpFooter__copyright {
		font-size: 1.2rem;
		font-weight: 300;
		text-align: right;
		letter-spacing: .05em;
	}
	
	
	
	.g-main {
		margin: 0 0 0 270px;
		border-left: 1px solid #8D919A;
	}
	
	
	.c-kv {
		width: 100%;
	}
	
	.c-kv__inner {
		height: 500px;
		background: url("/_assets/img/product/gas/engineering/lp-page/main-01.jpg") no-repeat top center / cover;
		position: relative;
	}
	
	
	.c-kv__primary {
		position: absolute;
		top: 85px;
		left: 45px;
	}
	
	.c-kv__primaryTitle em:nth-child(1) {
		color: #fff;
		font-size: 1.5rem;
		font-weight: 700;
		letter-spacing: .05em;
		padding: .05em .5em .3em .5em;
		background: #E1521B;
	}
	
	:lang(en) .c-kv__primaryTitle em:nth-child(1) {
		padding-top: .1em;
	}
	
	.c-kv__primaryTitle em:nth-child(2) {
		font-size: 4.4rem;
		font-weight: 700;
		margin: 10px 0 0;
		display: block;
	}
	
	:lang(en) .c-kv__primaryTitle em:nth-child(2) {
		font-size: 4.6rem;
		letter-spacing: 0;
	}
	
	.c-kv__primaryTitle em:nth-child(2) b {
		font-size: 10rem;
		font-weight: 700;
		letter-spacing: .04em;
		margin: 0 0 -.05em -.04em;
		display: block;
	}
	
	.c-kv__primary p {
		color: #5a5a5a;
		line-height: 2;
		text-shadow: 0 0 5px rgba(255,255,255,1);
		margin: 30px 0 0;
	}
	
	:lang(en) .c-kv__primary p {
		font-size: 1.5rem;
		line-height: 1.65;
		max-width: 420px;
		margin-top: 30px;
	}
	
	.c-GasLpMenu__items {
		margin: 0 -1px;
		border-top: 2px solid #fff;
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	
	.c-GasLpMenu__item {
		width: calc(100% / 4);
		padding: 0 1px;
	}
	
	.c-GasLpMenu__item a {
		color: #fff;
		padding: 100% 0 0;
		display: block;
		background: #111F24;
		border-left: 1px solid #666;
		position: relative;
	}
	
	.c-GasLpMenu__item a:after {
		content: '';
		width: 7px;
		height: 14px;
		display: block;
		background: url("/_assets/img/common/arrow-01-white.svg") no-repeat center / 100% 100%;
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translate(-50%,0) rotate(90deg);
		z-index: 10;
	}
	
	.c-GasLpMenu__item a span {
		text-align: center;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		z-index: 10;
	}
	
	.c-GasLpMenu__item a span b {
		font-size: 1.5rem;
		font-weight: 700;
		display: block;
	}
	
	:lang(en) .c-GasLpMenu__item a span b {
		letter-spacing: 0;
	}
	
	.c-GasLpMenu__item a span b i {
		font-size: 3rem;
		margin: 0 0 0 .25em;
		display: inline-block;
		transform: translate(0,.175em);
	}
	
	.c-GasLpMenu__item a span em {
		font-size: 2.9rem;
		font-weight: 700;
		line-height: 1.35;
		margin: 10px 0 0;
		display: block;
	}
	
	.c-GasLpMenu__item figure {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	
	.c-GasLpMenu__item figure img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) scale(1.1);
		transition: 1s cubic-bezier(0.75, 0, 0.35, 1);
	}
	
	.c-GasLpMenu__item a:hover figure img {
		transform: translate(-50%,-50%) scale(1.2);
		opacity: .8;
	}
	
	.c-prologue {
		padding: 100px 0 0;
	}
	
	.c-prologue .u-inner {
		max-width: 940px;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.c-prologue__title {
		font-size: 2.4rem;
		font-weight: 700;
		padding: 0 0 10px;
		border-bottom: 1px solid #707070;
	}
	
	.c-prologueMain {
		margin: 30px 0 0;
		display: flex;
	}
	
	:lang(en) .c-prologueMain {
		display: block;
	}
	
	.c-prologueMain .u-text {
		color: #5a5a5a;
		width: 38%;
		margin: -.5em 0 0;
		padding: 0 20px 0 0;
	}
	
	:lang(en) .c-prologueMain .u-text {
		width: 100%;
	}
	
	.c-prologueMain figure {
		width: calc(100% - 38%);
		padding: 39% 0 0;
		position: relative;
	}
	
	:lang(en) .c-prologueMain figure {
		margin: 40px auto 0;
	}
	
	.c-prologueMain figure img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.c-prologueMain figure img:first-of-type {
		animation: anim-image 3.5s 0s infinite;
		z-index: 10;
	}
	
	.c-prologueSub {
		margin: 60px -20px 100px;
		display: flex;
	}
	
	.c-prologueSub > div {
		width: 50%;
		padding: 0 20px;
	}
	
	.c-prologueSub h4 {
		font-size: 1.8rem;
		font-weight: 700;
		margin: 0 0 15px;
	}
	
	.c-prologueSub figcaption {
		color: #5A5A5A;
		line-height: 1.5;
		margin: 20px 0 0;
		padding: 0 0 0 1.25em;
		display: block;
		position: relative;
	}
	
	.c-prologueSub figcaption:after {
		content: '※';
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.c-lpCorner {
		color: #fff;
		text-shadow: 0 0 10px rgba(0,0,0,.5);
		padding: 100px 0 120px;
	}
	
	.c-lpCorner .u-inner {
		max-width: 900px;
		padding-right: 35px;
		padding-left: 35px;
	}
	
	.c-lpCorner--1 {
		background: #0f0f10 url("/_assets/img/product/gas/engineering/lp-page/img-01-01.jpg") no-repeat center top / 100% auto;
	}
	
	.c-lpCorner--1 .u-text {
		color: #f2f2f2;
	}
	
	.c-lpCorner--2 {
		background: #3c4759 url("/_assets/img/product/gas/engineering/lp-page/img-02-01.jpg") no-repeat center top / 100% auto;
	}
	
	.c-lpCorner--3 {
		background: #111a2b url("/_assets/img/product/gas/engineering/lp-page/img-03-01.jpg") no-repeat center top / 100% auto;
	}
	
	.c-lpCorner--4 {
		background: #686b74 url("/_assets/img/product/gas/engineering/lp-page/img-04-01.jpg") no-repeat center top / 100% auto;
	}
	
	.c-lpCorner__titleMain {
		text-align: center;
	}
	
	.c-lpCorner__titleMain em {
		font-size: 2rem;
		font-weight: 700;
		letter-spacing: .1em;
		display: block;
	}
	
	:lang(en) .c-lpCorner__titleMain em {
		letter-spacing: .025em;
	}
	
	.c-lpCorner__titleMain em i {
		font-size: 4.4rem;
		margin: 0 0 0 5px;
		display: inline-block;
		transform: translate(0,.15em);
	}
	
	.c-lpCorner__titleMain strong {
		font-size: 6.1rem;
		font-weight: 700;
		margin: 20px 0 0;
		display: block;
	}
	
	.c-lpCorner__titleLine {
		width: 30px;
		height: 86px;
		margin: 40px auto -60px;
		display: block;
		position: relative;
	}
	
	.c-lpCorner__titleLine:before {
		content: '';
		width: 100%;
		height: 1px;
		background: #fff;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.c-lpCorner__titleLine:after {
		content: '';
		width: 1px;
		height: 100%;
		background: #fff;
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
	}
	
	.c-lpCorner__titleMid {
		font-size: 3rem;
		line-height: 1.5;
		text-align: center;
		margin: 80px 0 0;
	}
	
	:lang(en) .c-lpCorner__titleMid {
		line-height: 1.45;
	}
	
	.c-lpCorner__titlelow {
		font-size: 1.8rem;
		text-align: center;
		margin: 40px 0 0;
	}
	
	.c-lpCorner .u-text {
		margin-top: 30px;
	}
	
	.c-caseList {
		margin: 30px 0 0;
		display: flex;
		flex-wrap: wrap;
	}
	
	.c-caseList__item {
		width: calc(100% / 4);
		padding: 0 20px 15px 20px;
		border-right: 1px solid rgba(255,255,255,.5);
	}
	
	.c-caseList--colum2 .c-caseList__item {
		width: calc(100% / 2);
	}
	
	.c-caseList__item:first-child {
		border-left: 1px solid rgba(255,255,255,.5);
	}
	
	.c-caseList__item ul li {
		font-size: 1.8rem;
		font-weight: 700;
		margin: 15px 0 0;
		padding: 0 0 0 1em;
		position: relative;
	}
	
	:lang(en) .c-caseList__item ul li {
		line-height: 1.35;
	}
	
	.c-caseList__item ul li:before {
		content: '';
		width: 8px;
		height: 8px;
		background: #fff;
		border-radius: 50%;
		position: absolute;
		top: .6em;
		left: 0;
		transform: translate(0,-50%);
	}
	
	.c-caseList__item h5 {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.5;
		margin: .5em 0 0;
	}
	
	.c-caseList__item h5 small {
		font-size: 1.5rem;
		display: block;
	}
	
	.c-caseList__item p {
		color: rgba(255,255,255,.8);
		font-size: 1.5rem;
		line-height: 1.75;
		margin: .75em 0 0;
		display: block;
	}
	
	.c-lpCorner__button {
		text-align: center;
	}
	
	.c-lpCorner__button a {
		font-size: 1.8rem;
		font-weight: 700;
		text-align: left;
		text-shadow: none;
		min-width: 320px;
		padding: 22px 0 27px 20px;
		display: inline-block;
		background: #fff;
		border-radius: 4px;
		position: relative;
	}
	
	:lang(en) .c-lpCorner__button a {
		letter-spacing: 0;
		min-width: 460px;
		padding: 25px 0 25px 20px;
	}
	
	.c-lpCorner__button a:hover {
		text-decoration: none;
		opacity: .8;
	}
	
	.c-lpCorner__button a:after {
		content: '';
		width: 12px;
		height: 12px;
		background: url("/_assets/img/common/icon-window-01.png") no-repeat center / 100% auto;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0,-50%);
	}
	
	.c-lpCorner--1 .c-lpCorner__image:nth-of-type(1) {
		padding: 30px 40px;
		background: #fff;
	}
	
	.c-lpCorner--2 .c-lpCorner__image:nth-of-type(1) {
		padding: 30px 40px;
		background: #fff;
	}
	
	.c-lpCorner--3 .c-lpCorner__image:nth-of-type(1) {
		padding: 30px 40px;
		background: #fff;
	}
	
	.c-lpCorner--4 .c-lpCorner__image:nth-of-type(1) {
		margin: 0 -2px;
		display: flex;
	}
	
	.c-lpCorner--4 .c-lpCorner__image:nth-of-type(1) figure {
		width: 50%;
		padding: 0 2px;
	}
	
	.c-product {
		padding: 100px 0 0;
	}
	
	.c-product__title {
		font-size: 3.2rem;
		font-weight: 700;
		text-align: center;
	}
	
	.c-product__title:after {
		content: '';
		width: 72px;
		height: 8px;
		margin: 15px auto 0;
		background: #E37339;
		display: block;
	}
	
	.c-productTable__caption {
		font-size: 1.8rem;
		font-weight: 700;
		margin: 50px 0 0;
		padding: 0 0 10px;
		border-bottom: 1px solid #5A5A5A;
	}
	
	.c-productTable {
		width: 100%;
		margin: 30px 0 0;
		border-bottom: 1px solid #B0B2B9;
	}
	
	.c-productTable th {
		font-weight: 500;
		line-height: 1.5;
		vertical-align: top;
		text-align: left;
		width: 7.5%;
		padding: 15px 0 15px 15px;
		background: #EFF3F7;
		border-top: 1px solid #B0B2B9;
	}
	
	.c-productTable td {
		color: #5A5A5A;
		line-height: 1.5;
		vertical-align: top;
		width: calc(100% - 14.5%);
		padding: 15px 0 15px 30px;
		border-top: 1px solid #B0B2B9;
		border-left: 1px solid #B0B2B9;
	}
	
	.c-productTable__head th {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.c-productTable__head th:not(:first-child) {
		border-left: 1px solid #B0B2B9;
		padding-left: 30px;
	}
	
	.c-productTable ol {
		padding: 0 0 0 1.25em;
	}
	
	.c-productTable ol li {
		list-style: decimal;
	}
	
	.c-productTable ol li span {
		padding: 0 0 .25em 2.5em;
		display: block;
		position: relative;
	}
	
	.c-productTable ol li span i {
		position: absolute;
		top: 0;
		left: -.55em;
	}
	
	.c-productTable ol li b {
		font-weight: 500;
	}
	
	.c-lpContact {
		margin: 120px 0 0;
		padding: 78px 0 85px;
		background: #EFF3F7;
	}
	
	.c-lpContact__inner {
		display: flex;
		align-items: center;
	}
	
	.c-lpContact__title {
		font-size: 2.8rem;
		font-weight: 700;
		padding: 0 48px 0 0;
	}
	
	.c-lpContact__tel {
		padding: 15px 0 15px 38px;
		border-left: 1px solid #707070;
	}
	
	.c-lpContact__tel p {
		font-size: 1.8rem;
		font-weight: 500;
	}
	
	.c-lpContact__tel dl {
		margin: 10px 0 0;
		display: flex;
		align-items: flex-end;
	}
	
	.c-lpContact__tel dt {
		font-size: 2.3rem;
		transform: translate(0,-.125em);
	}
	
	.c-lpContact__tel dd {
		font-size: 3.5rem;
		font-weight: 700;
	}
	
	.c-lpContact__tel dd a:before {
		content: '＋';
		font-weight: 300;
	}
	
	.c-lpContact__button {
		margin-left: auto;
	}
	
	.c-lpContact__button a {
		color: #fff;
		font-size: 1.8rem;
		min-width: 276px;
		padding: 22px 0 27px 90px;
		border-radius: 4px;
		display: block;
		background: #E1521B url("/_assets/img/product/gas/engineering/lp-page/icon-mail-02.png") no-repeat left 37px top 50% / 35px auto;
	}
	
	.c-lpContact__button a em {
		font-weight: 700;
		line-height: 1.35;
	}
	
	.c-lpContact__button a:hover {
		text-decoration: none;
		opacity: .8;
	}
	
}

@keyframes anim-image {
	0%{
		opacity: 1;
	}
	20%{
		opacity: 0;
	}
	55%{
		opacity: 0;
	}
	75%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

/*20240325*/
.g-GasLpHeaderContactTel {
	margin: 30px 0 0;
	
	.g-GasLpHeaderContactTel__number {
		font-size: 2.2rem;
		white-space: nowrap;
	}
}

.g-GasLpHeaderContact__item {

	&.-yellow {
		margin-top: 0;
		padding-top: 15px;
		
		& a {
			color: #333;
			font-size: 1.4rem;
			min-height: 60px;
			display: flex;
			align-items: center;
			border-radius: 4px;
			background-color: #EBE038;
			border: 1px solid #fff;
			
			&:hover {
				filter: brightness(125%);
			}
		}
		
		&.g-GasLpHeaderContact__item--form {
			& a {
				background-image: url("/_assets/img/product/gas/engineering/lp-page/icon-mail-01@black.png");
			}
		}
		
		&.g-GasLpHeaderContact__item--catalog {
			& a {
				background-image: url("/_assets/img/product/gas/engineering/lp-page/icon-pdf-01@black.png");
			}
		}
	}
}

.l-relation_links {
	width: 240px;
	margin: 120px 60px 0 0;
	padding: 20px 25px;
	background: #E1521B;
	border: 1px solid #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	
	&:lang(en) {
		width: 360px;
		
		@media screen and (max-width: 767px) {
			width: calc(100% - (30px * 2));
		}
	}
	
	@media screen and (max-width: 767px) {
		& {
			width: calc(100% - (30px * 2));
			margin: 0 30px 30px 30px;
			padding: 0;
			position: relative;
			top: auto;
			right: auto;
		}
	}
	
	@media screen and (max-width: 767px) {
		& div {
			display: none;
			
			&.active {
				display: block;
			}
		}
	}
	
	& .title {
		position: relative;
		
		& a {
			font-size: 2.1rem;
			font-weight: 700;
			line-height: 1.45;
			padding-left: 0;
			background-image: none;
			
			&:lang(en) {
				line-height: 1.25;
			}
			
			@media screen and (max-width: 767px) {
				& {
					font-size: 1.6rem;
					padding: 1em 35px .75em 15px;
				}
			}
			
			&[target='_blank']:after {
				display: none;
			}
		}
		
		& button {
			
			@media screen and (max-width: 767px) {
				& {
					width: 36px;
					height: 100%;
					position: absolute;
					top: 0;
					right: 0;
				}
				
				&:before,
				&:after {
					content: '';
					width: 14px;
					height: 2px;
					background: #fff;
					display: block;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					z-index: 10;
				}
				
				&:after {
					transform: translate(-50%,-50%) rotate(90deg);
				}
				
				&.active:after {
					transform: translate(-50%,-50%) rotate(0deg);
				}
			}
		}
	}
	
	& ul {
		margin: 10px 0 0;
		
		@media screen and (max-width: 767px) {
			& {
				margin-top: 0;
			}
		}
	}
	
	& li {
		padding: 5px 0 0;
		
		@media screen and (max-width: 767px) {
			& {
				border-top: 1px solid #fff;
			}
		}
	}
	
	& a {
		color: #fff;
		font-size: 1.4rem;
		line-height: 1.35;
		padding: 0 0 0 15px;
		display: inline-block;
		background: url("/_assets/img/product/gas/engineering/lp-page/icon_arrow_01.png") no-repeat top .25em left 0 / 6px auto;
		
		@media screen and (max-width: 767px) {
			& {
				padding: .5em 15px;
				display: block;
				background-position: right 15px top 50%;
			}
		}
		
		&[target='_blank']:after {
			content: '';
			vertical-align: 0;
			width: 10px;
			height: 10px;
			margin: 0 0 0 5px;
			display: inline-block;
			background: url("/_assets/img/product/gas/engineering/lp-page/icon_blank_01.png") no-repeat center / 100% 100%;
		}
	}
}


.c-prologue_box {
	margin: 60px 0 0;
	padding: 30px;
	background: #eff3f7;
	
	& h4 {
		font-size: 1.6rem;
		line-height: 1.35;
	}
	
	& li {
		font-size: 1.4rem;
	}
}