/* CSS Document */
#mv {
	background-image: url("../images/company/mv.jpg");
}

#mv .mv_icon {
	width: 25px;
}

#sec01 {
	padding: 80px 0;
}

#sec01 .flex .box_img {
	width: 436px;
	max-width: 100%;
}

#sec01 .flex .box_txt {
	width: 465px;
	max-width: 100%;
	padding: 88px 0 0 55px;
}

#sec01 .flex .box_txt img {
	margin: 0 0 35px;
}

#sec01 p {
	font-size: 1.4rem;
	line-height: 2;
}

@media screen and (max-width: 768px) {
	#sec01 p {
		line-height: 1.7;
	}
}
/*----------------------- sec02 ------------------------------*/
#sec02 {
	background-image: url("../images/company/management_bg.jpg");
	background-attachment: fixed;
	color: #fff;
	padding: 70px 0 90px;
	height: 600px;
	background-position: center center;
	background-size: cover;
	position: relative;
}

@media screen and (max-width: 768px) {
	#sec02 {
		background-image: url("../images/company/management_bg_sp.jpg");
		height: 537px;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-attachment: inherit;
	}
}
#sec02 .sec02_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 1.6rem;
	width: 720px;
	margin: 22px auto 0;
	line-height: 2;
	max-width: 100%;
}

#sec02 .sec02_list dt {
	width: 1.5em;
	margin-bottom: 15px;
}

#sec02 .sec02_list dd {
	width: calc(100% - 1.5em);
	margin-bottom: 15px;
}

#sec02 .note {
	width: 720px;
	margin: auto;
	max-width: 100%;
}

#sec02 .note li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 2.3;
}

#sec02 .sec_ttl_en {
	margin-bottom: 55px;
}

#sec02 .sec02_list2 {
	font-size: 1.6rem;
}

#sec02 .sec02_list2 dt {
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1;
	margin-bottom: 10px;
	padding-bottom: 12px;
	letter-spacing: 0.1em;
}

#sec02 .sec02_list2 dt span {
	padding-bottom: 8px;
	border-bottom: 3px solid #fff;
}

#sec02 .sec02_list2 dd {
	line-height: 2.25;
	text-align: center;
	letter-spacing: 0.1em;
}

#sec02 .sec02_list2 dd + dt {
	margin-top: 45px;
}

/*--------------------- sec03 --------------------*/
#sec03 {
	padding: 80px 0;
	background-color: #fff;
}

#sec03 .box_img {
	width: 480px;
	max-width: 100%;
}

#sec03 .box_txt {
	width: calc(100% - 480px);
	padding: 30px 40px 0;
}

#sec03 .sec03_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 17px;
}

#sec03 p {
	font-size: 1.4rem;
	line-height: 2;
}

#sec03 .sign {
	font-weight: bold;
	margin-top: 13px;
	text-align: right;
}

#sec03 .sign_img {
	width: 132px;
	display: inline-block;
	position: relative;
	margin-left: 18px;
	top: 8px;
}

#sec03 .sign_img img {
	display: inline-block;
	max-width: 100%;
}

/*------------------ sec04 -------------------*/
#sec04 {
	padding: 75px 0 75px;
}

#sec04 .sec_ttl_en {
	margin-bottom: 25px;
}

#sec04 .outline_list {
	width: 800px;
	max-width: 100%;
	border-radius: 6px;
	background-color: #fff;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	color: #666666;
}

#sec04 .outline_list + .outline_list {
	margin-top: 5px;
}

#sec04 .outline_list dt {
	width: 220px;
	font-weight: bold;
	padding: 13px 0 13px 40px;
}

#sec04 .outline_list dd {
	width: calc(100% - 220px);
	padding: 13px 0 13px 0;
}

#sec04 .pagenation {
	padding: 40px 0 0;
}

/*--------------------------- sec05 ------------------------*/
#sec05 {
	padding: 70px 0;
	background-color: #fff;
}

#sec05 .sec_ttl_en {
	margin-bottom: 25px;
}

#sec05 .profile_tbl {
	width: 410px;
	max-width: 100%;
	font-size: 1.4rem;
	color: #333333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #e2e2e2;
}

#sec05 .profile_tbl a {
	color: #333333;
}

#sec05 .profile_tbl dt {
	font-weight: bold;
	width: 120px;
	max-width: 100%;
	border-bottom: 1px solid #e2e2e2;
	padding: 14px 0 10px 10px;
}

#sec05 .profile_tbl dd {
	width: calc(100% - 120px);
	border-bottom: 1px solid #e2e2e2;
	padding: 14px 0 10px;
}

#sec05 .logo_box {
	border-radius: 6px;
	border: 1px solid #e2e2e2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 960px;
	max-width: 100%;
	margin: 70px auto auto;
	padding: 30px 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#sec05 .logo_img {
	width: 125px;
}

#sec05 .logo_txt {
	width: calc(100% - 125px);
	padding: 0 0 0 65px;
}

#sec05 .logo_txt01 {
	font-size: 2rem;
	margin-bottom: 20px;
}

#sec05 .logo_txt02 {
	font-size: 1.4rem;
	line-height: 2;
}

#sec05 .profile_outer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 768px) {
	#sec05 .profile_outer {
		display: block;
		padding: 0 4%;
	}
}
#sec05 .profile_img {
	width: 50%;
}
@media screen and (max-width: 768px) {
	#sec05 .profile_img {
		width: 100%;
	}
}
#sec05 .profile_img picture {
	display: block;
	margin: 0 0 0 auto;
	width: 720px;
	max-width: 100%;
}
@media screen and (max-width: 768px) {
	#sec05 .profile_img picture {
		width: 100%;
	}
}
#sec05 .profile_img picture img {
	width: 100%;
}
#sec05 .profile_cnt {
	width: 50%;
	padding-left: 50px;
	padding-top: 25px;
}
@media screen and (max-width: 768px) {
	#sec05 .profile_cnt {
		width: 100%;
		padding: 35px 0 0;
	}
}

/*---------------------- sec06 --------------------*/
#sec06 {
	padding: 70px 0 50px;
}

#sec06 .sec_ttl_en {
	margin-bottom: 25px;
}

#sec06 .group_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#sec06 .group_list li {
	border-radius: 6px;
	background-color: #fff;
	width: 310px;
	max-width: 100%;
	padding: 35px 18px 30px;
}

#sec06 .group_list li + li {
	margin-left: 15px;
}

#sec06 .group_name {
	color: #0b308e;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 40px 0 10px;
}

#sec06 .group_txt {
	font-size: 1.4rem;
	line-height: 2;
}

/*------------------------------- sp ----------------------------*/
@media screen and (max-width: 768px) {
	#mv::before {
		background-image: url("../images/company/mv.jpg");
	}
	#mv .mv_icon {
		width: 15px;
	}
	#sec01, #sec02, #sec03, #sec04, #sec05, #sec06 {
		padding: 35px 0;
	}
	#sec06 {
		padding-bottom: 75px;
	}
	#sec03, #sec05 {
		background-color: #fff;
	}
	#sec01 .flex {
		display: block;
	}
	#sec01 .flex .box_img {
		max-width: 70%;
		margin: auto;
	}
	#sec01 .flex .box_txt {
		padding: 25px 0 0;
		width: 100%;
	}
	#sec01 .flex .box_txt img {
		margin: 15px 0 25px;
	}
	#sec02 {
		/*		background-image: none;*/
	}
	#sec02 .sec02_list {
		font-size: 1.4rem;
	}
	#sec02 .note li {
		line-height: 2;
	}
	#sec02 .sec_ttl_en {
		margin-bottom: 22px;
	}
	#sec02 .sec02_list2 {
		font-size: 1.4rem;
	}
	#sec02 .sec02_list2 dt {
		font-size: 1.6rem;
	}
	#sec02 .sec02_list2 dt span {
		padding-bottom: 7px;
	}
	#sec02 .sec02_list2 dd + dt {
		margin-top: 30px;
	}
	#sec02 .sec02_list2 dd p {
		line-height: 1.7;
	}
	#sec02 .sec02_list2 dd p + p {
		margin-top: 20px;
	}
	#sec03 .flex {
		display: block;
	}
	#sec03 .box_img {
		max-width: 60%;
		margin: auto;
	}
	#sec03 .box_txt {
		width: 100%;
		padding: 25px 0 0;
	}
	#sec04 .outline_list {
		display: block;
	}
	#sec04 .outline_list dt, #sec04 .outline_list dd {
		width: 100%;
		padding: 10px;
	}
	#sec04 .outline_list dt {
		padding-bottom: 0;
	}
	#sec04 .outline_list dd {
		padding-top: 0;
	}
	#sec04 .pagenation {
		padding: 20px 0 0;
	}
	#sec05 .profile_tbl {
		display: block;
	}
	#sec05 .profile_tbl dt, #sec05 .profile_tbl dd {
		width: 100%;
		padding: 10px;
	}
	#sec05 .profile_tbl dt {
		padding-bottom: 0;
		border-bottom: none;
	}
	#sec05 .profile_tbl dd {
		padding-top: 0;
	}
	#sec05 .logo_box {
		display: block;
		margin: 25px auto auto;
		padding: 10px;
	}
	#sec05 .logo_img {
		margin: auto;
	}
	#sec05 .logo_txt {
		margin: 25px 0 0;
		width: 100%;
		padding: 0;
	}
	#sec05 .logo_txt01 {
		text-align: center;
		margin-bottom: 5px;
	}
	#sec06 .group_list {
		display: block;
	}
	#sec06 .group_list li {
		margin: auto;
	}
	#sec06 .group_list li + li {
		margin: 25px auto auto;
	}
}
@media screen and (max-width: 768px) {
	.t {
		background-position: center top;
		height: 100%;
		background-size: cover;
	}
	.t1 {
		background-image: url("../images/company/management_bg.jpg");
	}
	.f {
		width: 100%;
		position: relative;
	}
	.t > div {
		/*    position: relative;
		    top: 50%;
		    transform: translateY(-1em);*/
	}
}
.service_btn {
	width: 204px;
	height: 40px;
	max-width: 100%;
	margin: 30px auto auto;
}

.service_btn a {
	display: block;
	border-radius: 6px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #fff;
	background-color: #0b308e;
	width: 100%;
	height: 100%;
	background-image: url("../images/index/arr01@2x.png");
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center right 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	letter-spacing: 0.05em;
	padding-left: 0;
}

.service_btn.gas a {
	background-color: #c7000b;
}

.service_btn.yokosuka a {
	background-color: #008931;
}

.service_btn.kikaku a {
	background-color: #fd006e;
}

.gas_tel {
	color: #0b308e;
	text-align: center;
	font-size: 1.4rem;
	margin-top: 13px;
}

.gas_tel + .gas_tel {
	margin-top: 0;
	font-weight: bold;
	font-size: 1.6rem;
}

.gas_tel a {
	color: #0b308e;
}

@media screen and (max-width: 768px) {
	#sec06 .group_name {
		margin-top: 20px;
	}
	.service_btn {
		margin-top: 10px;
		height: 40px;
	}
	.gas_tel {
		margin-top: 0;
	}
}
.swiper-container {
	padding-bottom: 50px;
}

.swiper-pagination {
	z-index: 1;
}

.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
}

.swiper-pagination-bullet-active {
	background: #6c9bd2;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}

.swiper-button-prev, .swiper-button-next {
	top: auto;
	bottom: 0;
	width: 30px;
	height: 30px;
	z-index: 2;
}

.swiper-button-prev {
	left: calc(50% - 100px);
}

.swiper-button-next {
	right: calc(50% - 100px);
}

.swiper-button-next:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
}

.swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	background-image: url(../images/company/next.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	background-image: url(../images/company/prev.png);
	background-repeat: no-repeat;
	background-size: contain;
}

#covid {
	background-image: url("../images/company/covid_bg_pc.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	height: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	#covid {
		background-image: url("../images/company/covid_bg_sp.jpg");
	}
}
#covid .sec_ttl,
#covid .sec_ttl_en {
	color: #ffffff;
}

@media screen and (max-width: 768px) {
	#covid .sec_ttl {
		line-height: 1.4;
	}
}
#covid .covid-txt01 {
	font-weight: bold;
	text-align: center;
	font-size: 2.1rem;
	color: #ffffff;
	margin-top: 45px;
	margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
	#covid .covid-txt01 {
		font-size: 1.6rem;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
#covid .covid-txt02 {
	font-size: 1.4rem;
	line-height: 1.7;
	color: #ffffff;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#covid .covid-txt02 {
		text-align: left;
	}
}
#covid .m-btn {
	margin: 45px auto auto;
}