@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
	font-family: 'Noto Sans JP', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
	font-size: 17px;
	color: #000000;
	line-height: 1.45;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

* { box-sizing: border-box; }

@media screen and (max-width: 768px) {
	body {
		font-size: 15px;
	}
}

@media (min-width: 769px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}


.flex {
	display: flex;
	flex-wrap: wrap;
}
.reverse {
	flex-flow: row-reverse;
}

.jc_c {
	justify-content: center;
}
.jc_sb {
	justify-content: space-between;
}
.jc_fe {
	justify-content: flex-end;
}

.ai_c {
	align-items: center;
}
.ai_fe {
	align-items: flex-end;
}

.w1540,
.w1200,
.w660 {
	width: 100%;
	margin: 0 auto;
}
.w1540 {
	max-width: 1540px;
}
.w1200 {
	max-width: 1200px;
}
.w660 {
	max-width: 660px;
}


.pc1000,
.pc {
	display: inline-block;
}
.sp1000,
.sp {
	display: none;
}

@media screen and (max-width: 1000px) {
	.pc1000 {
		display: none;
	}
	.sp1000 {
		display: inline-block;
	}
}

@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: inline-block;
	}
}


.lh18 {
	line-height: 1.8;
}

.movie {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}

.movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


/* header
------------------------------------------------------------*/
header {
	width: 100%;
	max-width: 1920px;
	position: fixed;
	top: 0;
	z-index: 999;
}
.top header {
	opacity: 0;
	animation: header_move 1s 3s forwards
}
@keyframes header_move {
	0% {
		opacity: 1;
		top: -120px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}

header .inner {
	width: 100%;
	height: 120px;
	background-color: rgba(30, 181, 83, 0.8);
	padding-left: 35px;
}
header .logo span {
	margin-left: 20px;
}

@media screen and (max-width: 1500px) {
	header .inner {
		height: 80px;
		padding-left: 10px;
	}

	header .logo a img {
		width: auto;
		height: 45px;
	}
	header .logo span {
		margin-left: 10px;
	}
	header .logo span img {
		width: auto;
		height: 36px;
	}	
}

@media screen and (max-width: 1000px) {
	header .inner {
		height: 60px;
	}

	header .logo a img {
		height: 36px;
	}
	header .logo span {
		margin-left: 2px;
	}
	header .logo span img {
		height: 32px;
	}
}


.sp_menu {
	display : none;
}

@media screen and (max-width: 1000px) {
	.sp_menu {
		display: block;
		width: 42px;
		height: 42px;
		text-align: center;
		position: fixed;
		right: 15px;
		top: 9px;
		z-index: 3;
		cursor: pointer;
	}
    .sp_menu span {
	    display: block;
		width: 30px;
		height: 2px;
		background-color: #ffffff;
		position: absolute;
		left: 6px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
  	}
  	.sp_menu span:nth-child(1) { top: 10px; }
  	.sp_menu span:nth-child(2) { top: 20px; }
  	.sp_menu span:nth-child(3) { top: 30px; }
  
    /* スマホメニューを開いてる時のボタン */
    .sp_menu.active span:nth-child(1) {
		left: 6px;
		top: 20px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
  	}
    .sp_menu.active span:nth-child(2),
  	.sp_menu.active span:nth-child(3) {
		top: 20px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
  	}
}

@media screen and (min-width: 1201px) {
	nav ul li a {
		font-size: 26px;
	}

	nav ul li.recruit a {
		width: 170px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1001px) {
	nav ul li a {
		font-size: 20px;
	}

	nav ul li.recruit a {
		width: 140px;
	}
}

@media screen and (min-width: 1001px) {
	nav,
	nav ul,
	nav ul li {
		height: 100%;
	}
	nav ul li {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	nav ul li:nth-child(n+3) {
		margin-left: 60px;
	}
	nav ul li a {
		color: #ffffff;
		font-weight: 700;
	}
	nav ul li.recruit a {
		height: 100%;
		background-color: #f4fd00;
		color: #1eb553;
		text-align: center;
		padding: 10px 24px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
}

@media screen and (max-width: 1300px) and (min-width: 1001px) {
	nav ul li:nth-child(n+3) {
		margin-left: 30px;
	}
}

@media screen and (max-width: 1000px) {
    nav {
		width: 100%;
		max-width: 210px;
		height: auto;
		text-align: center;
		position: fixed;
		right: 0;
		top: 0;
		z-index : 2;
		transform: translateX(100%);
		transition: all 0.6s;
    }
    nav ul {
		width: 100%;
		border-radius: 0;
		margin: 0 auto;
		padding: 60px 5px 10px 0;
	}
    nav ul li {
		width: 100%;
		margin-top: 5px;
		padding: 0;
		transition: .4s all;
    }
    nav ul li:last-child {
		padding-bottom: 0;
    }
    nav ul li a {
	    display: block;
		background-color: #ffffff;
		border: 1px solid #1eb553;
		border-radius: 5px;
		font-size: 16px;
	    padding: 10px;
    }
    /* クリックでjQueryで追加・削除 */
    nav.active {
		display: block;
	    opacity: 1;
	    transform: translateX(0%);
    }
}


/* footer
------------------------------------------------------------*/
.about_us footer {
	background-color: #ffd9fb;
}
.recruit footer {
	background-color: #d4fc7b;
}

footer {
	padding-top: 80px;
}

footer .f_bg {
	width: 100%;
/*	padding-top: 260px; */
	padding-top: 140px;
	position: relative;
}
footer .inner {
	padding-bottom: 20px;
	position: relative;
}

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

.f_nav ul li:nth-child(2) {
	margin: 0 40px;
}
.f_nav .nav {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}
.f_nav .sub {
	font-size: 20px;
}

.f_contact .btn {
	width: calc(100% - 30px);
	max-width: 620px;
	height: 48px;
	margin: 30px auto 0;
}
.f_contact .btn a {
	width: 100%;
	height: 100%;
	background-color: #005d3a;
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
}

.f_group ul {
	margin-top: 30px;
	position: relative;
}

.f_item {
	background-color: #ffffff;
	padding-bottom: 20px;
	position: relative;
}
.f_item ul li {
	font-size: 20px;
	margin: 20px 30px 0;
}

#copyright {
	position: relative;
}

#copyright .copyright {
	width: 100%;
	height: 80px;
	background-color: #ffffff;
	font-size: 12px;
}

#pagetop {
	position: fixed;
	right: 30px;
	bottom: 60px;
	z-index: 999;
}
#pagetop .scroll {
	display: block;
}
#pagetop .top {
	display: none;
}
#pagetop a:hover .scroll {
	display: none;
}
#pagetop a:hover .top {
	display: block;
}
#pagetop .txt {
	font-size: 25px;
	writing-mode: vertical-rl;
}
#pagetop .icon {
	text-align: center;
	margin-top: 5px;
}
#pagetop a:hover .icon {
	animation: sign_rotate 0.5s forwards;
}
@keyframes sign_rotate {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}

@media screen and (max-width: 1500px) {
	.f_group ul {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
	}
	.f_group ul li {
		margin: 5px;
	}
}

@media screen and (max-width: 768px) {
	footer .inner {
		margin-top: -40px;
	}

	/*
	footer .f_bg {
		padding-top: 180px;
	}
	*/

	.f_logo {
		margin-bottom: 15px;
	}
	.f_logo img {
		width: auto;
		height: 40px;
	}

	.f_nav ul {
		max-width: 400px;
		margin: 0 auto;
		padding: 0 15px;
		justify-content: space-between;
	}
	.f_nav li {
		margin-top: 15px;
	}
	.f_nav ul li:nth-child(2) {
		margin: 0;
		margin-top: 15px;
	}
	.f_nav ul li:nth-child(3) {
		width: 100%;
	}

	.f_nav .nav {
		font-size: 17px;
		margin-bottom: 5px;
	}
	.f_nav .sub {
		font-size: 16px;
		margin-top: 5px;
	}

	.f_contact .btn a {
		font-size: 18px;
	}

	.f_group ul li {
		width: calc(50% - 10px);
		max-width: 200px;
	}

	.f_item ul li {
		font-size: 16px;
		margin: 20px 15px 0;
	}

	#pagetop {
		right: 10px;
		bottom: 15px;
	}

	#pagetop .txt {
		font-size: 16px;
	}

}



/* main　
------------------------------------------------------------*/
main {
	position: relative;
}
article {
	position: relative;
}

#page_top {
	width: 100%;
	min-height: 640px;
}
.top #page_top {
	min-height: 100vh;
}
#page_top .inner {
	width: 100%;
	max-width: 1920px;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 120px;
	position: fixed;
	top: 0;
}
.about_us #page_top .inner {
	background-image: url(../img/about_us/about_us_top_img.png);
}
.service #page_top .inner {
	background-image: url(../img/service/service_top_img.png);
}
.recruit #page_top .inner {
	background-image: url(../img/recruit/recruit_top_img.png);
}
.information #page_top .inner {
	background-image: url(../img/information/information_top_img.png);
}

#page_ttl {
	position: absolute;
	left: 60px;
	top: 180px;
}
#page_ttl .en {
	font-size: 70px;
	font-weight: 700;
}
#page_ttl .ja {
	font-size: 40px;
}

@media screen and (max-width: 1300px) {
	#page_ttl {
		left: 30px;
		top: 90px;
	}
}

@media screen and (max-width: 1000px) {
	#page_top {
		min-height: 360px;
	}

	#page_top .inner {
		background-position: center top 20px;
		background-size: auto 600px;
	}

	#page_ttl {
		left: 20px;
		top: 70px;
	}
	#page_ttl .en {
		font-size: 36px;
	}
	#page_ttl .ja {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	#page_top {
		min-height: 320px;
	}
	#page_top .inner {
		background-position: center top 100px;
		background-size: auto 360px;
	}
}


.triangle_ttl {
	width: 100%;
	position: relative;
}
.triangle_ttl::before {
	content: '';
	width: 100%;
	height: 100%;
	clip-path: var(--calculated-clip-path, polygon(50% 0%, 0 200%, 0% 100%, 100% 100%, 0% 200%));
    -webkit-clip-path: var(--calculated-clip-path, polygon(50% 0%, 0 200%, 0% 100%, 100% 100%, 0% 200%));
	position: absolute;
	left: 0;
	top: 0;
}
.triangle_ttl.bg_blur::before {
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(30px);
    -webkit-backdrop-filter:blur(30px);
}


.triangle {
	width: 100%;
	position: relative;
	top: 80px;
	padding-bottom: 120px;
}
footer .triangle {
	top: auto;
	bottom: 0;
	padding-bottom: 20px;
}
.triangle::before {
	content: '';
	width: 100%;
	height: 150%;
	clip-path: var(--calculated-clip-path, polygon(50% 0%, 0 200%, 0% 100%, 100% 100%, 0% 200%));
    -webkit-clip-path: var(--calculated-clip-path, polygon(50% 0%, 0 200%, 0% 100%, 100% 100%, 0% 200%));
	position: absolute;
	left: 0;
	top: 0;
}
.top .triangle::before {
	height: 450%;
}
footer .triangle::before {
	height: 100% !important;
}
#about_us01 .triangle::before {
	height: 200%;
}
#about_us04 .triangle::before {
	height: 130%;
}
.recruit .triangle::before {
	height: 185%;
}
.triangle.bg_white::before {
	background-color: #ffffff;
}
.triangle.bg_blur::before {
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(30px);
    -webkit-backdrop-filter:blur(30px);
}

@media screen and (max-width: 768px) {
	.triangle::before {
		height: 240%;
	}
}


.about_us .s_ttl_bg {
    height: 89px;
    position: absolute;
    left: calc(50% + 20px);
    top: 130px;
	z-index: 5;
}
.about_us .s_ttl_bg img {
    top: -80px;
    left: -40px;
}


.s_ttl_bg img {
	position: relative;
	z-index: 5;
}

@media screen and (max-width: 768px) {
	.about_us .s_ttl_bg {
		height: 67px;
		left: 50%;
		top: 64px;
	}
	#about_us01 .s_ttl_bg {
		left: calc(50% - 5px);
		top: 64px;
	}
	.about_us .s_ttl_bg img {
		left: -15px;
		top: -10px;
	}
	
}


section {
	width: calc(100% - 30px);
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}


.s_line {
	width: 0.5px;
	height: 117px;
	background-color: #707070;
	margin: 0 auto;
} 

.s_ttl {
	text-align: center;
}
.s_ttl .en {
	font-size: 44px;
	font-weight: 700;
}
.s_ttl .ja {
	font-size: 30px;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.s_line {
		height: 60px;
	} 

	.s_ttl .en {
		font-size: 28px;
	}
	.s_ttl .ja {
		font-size: 16px;
	}
}

.s_ttl_bg {
	position: absolute;
	left: calc(50% - 20px);
	top: 50px;
}


.section_ttl,
.section_cont {
	position: relative;
}
.section_ttl {
	margin-bottom: 80px;
	padding-top: 160px;
}

.section_cont.mt {
	padding-top: 420px;
}
.section_cont.mt_middle {
	padding-top: 240px;
}

@media screen and (max-width: 768px) {
	.section_ttl {
		margin-bottom: 40px;
		padding-top: 140px;
	}

	.section_cont.mt {
		padding-top: 210px;
	}
	.section_cont.mt_middle {
		padding-top: 120px;
	}
}


table.table01,
table.table02 {
	width: 100%;
}
table.table01 th,
table.table01 td {
	border-bottom: 1px solid #707070;
	font-size: 20px;
	vertical-align: top;
	padding: 15px 40px;
}
table.table01 th {
	width: 320px;
	font-weight: 700;
}

table.table02 th,
table.table02 td {
	padding: 10px 0;
}
table.table02 th:first-child {
	width: 110px;
	padding-left: 40px;
}
table.table02 th:nth-child(2) {
	width: 70px;
	text-align: right;
	padding-right: 20px;
}

@media screen and (max-width: 768px) {
	table.table01 tr {
		display: flex;
		flex-wrap: wrap;
	}
	table.table01 th,
	table.table01 td {
		width: 100%;
		font-size: 16px;
		padding: 5px;
	}

	table.table02 th,
	table.table02 td {
		padding: 5px;
	}
	table.table02 th:first-child {
		width: 70px;
		padding-left: 5px;
	}
	table.table02 th:nth-child(2) {
		width: calc(100% - 70px);
		text-align: left;
		padding-right: 5px;
	}
}


#about_us01,
#about_us02,
#about_us03,
#about_us04,
#lease01,
#lease02,
#lease03,
#lease04 {
	margin-top: -120px;
	padding-top: 120px;
}

@media screen and (max-width: 768px) {
	#about_us01,
	#about_us02,
	#about_us03,
	#about_us04,
	#lease01,
	#lease02,
	#lease03,
	#lease04 {
		margin-top: -80px;
		padding-top: 80px;
	}
}


.carousel-container {
    /* 楕円の幅と高さを考慮したコンテナサイズ */
    width: 1000px;
    height: 660px;
    margin: 0 auto;
    position: relative;
}

.center-image {
    /* 中央画像の配置 */
    position: absolute;
    width: 263px;
    height: 370px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 12;
    cursor: pointer;
}
.ellipse-items {
    position: absolute;
    width: 100%;
    height: 100%;
}

.carousel-item {
    position: absolute;
    width: 255px; /* 画像のサイズ */
    height: 280px;
    cursor: pointer;
    transition: transform 0.6s ease-in-out;
    /* 初期位置（すべて左上隅からスタート） */
    left: 0;
    top: 0;
}

.top .carousel-container {
    width: 480px;
    height: 350px;
	padding-top: 20px;
}
.top .center-image {
    width: 120px;
    height: 168px;
}
.top .carousel-item {
    width: 120px;
    height: 131px;
}

@media screen and (max-width: 1000px) {
	.carousel-container {
		width: 640px;
		height: 460px;
	}
	.center-image {
		width: 160px;
		height: 225px;
	}
	.carousel-item {
		width: 140px;
		height: 153px;
	}
}

@media screen and (max-width: 768px) {
	.carousel-container,
	.top .carousel-container {
		width: 285px;
		height: 240px;
		padding-top: 0;
	}
	.center-image,
	.top .center-image {
		width: 100px;
		height: 140px;
	}
	.carousel-item,
	.top .carousel-item {
		width: 100px;
		height: 109px;
	}
}



/* top
------------------------------------------------------------*/
#main_img {
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 999;
	animation: main_img_z 6s forwards;
}
@keyframes main_img_z {
	0% {
		z-index: 999;
	}
	99% {
		z-index: 0;
	}
	100% {
		z-index: 0;
	}
}

#main_img .inner {
	width: 100%;
	max-width: 1920px;
	height: 100%;
	background-color: #ffffff;
/*	background-position: center top; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 120px;
	position: fixed;
	top: 0;
	animation: main_img 3s 2s forwards;
}
#main_img .inner.night {
	background-image: url(../img/top/main_img03.png) !important;
}
@keyframes main_img {
	0% {

	}
	30% {
		background-image: url(../img/top/main_img01.png?20251105);
	}
	60% {
		background-image: url(../img/top/main_img02.png?20251107);
	}
	100% {
		background-image: url(../img/top/main_img02.png?20251107);
	}
}

.main_txt {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 32%;
	opacity: 1;
	animation: main_txt 3s forwards;
}
.main_txt .ja {
	font-size: 55px;
	font-weight: 700;
}
.main_txt .en {
	font-size: 30px;
}
@keyframes main_txt {
	49% {
		top: 20%;
	}
	96% {
		color: #000000;
		text-shadow: none;
		top: 20%;

	}
	97% {
		color: #ffffff;
		text-shadow: 1px 1px 5px #000000;
		top: 20%;
	}
	100% {
		color: #ffffff;
		text-shadow: 1px 1px 5px #000000;
		top: 20%;
	}
}


.main_click {
	width: 300px;
	height: 300px;
	background-image: url(../img/top/main_click.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: -2%;
	top: 10%;
	opacity: 0;
	animation: main_click 1s 3s forwards
}
.main_click.night {
	background-image: url(../img/top/main_click_moon.png);
}
@keyframes main_click {
	0% {
		opacity: 1;
		top: 100%;
	}
	100% {
		opacity: 1;
		top: 10%;
	}
}

.main_drone {
	position: absolute;
	left: 0;
	top: 240px;
	opacity: 0;
	animation: main_drone 5.7s 3.3s forwards;
}
@keyframes main_drone {
	0% {
		opacity: 1;
		left: 0;
		top: 240px;
	}
	20% {
		opacity: 1;
		left: 8%;
		top: 240px;
	}
	45% {
		opacity: 1;
		left: 8%;
		top: 240px;
	}
	100% {
		opacity: 1;
		left: 73%;
		top: 230px;
	}
}

.main_plane {
	position: absolute;
	left: 0;
	top: -120px;
	opacity: 0;
	animation: main_plane 3s 6s forwards;
}
@keyframes main_plane {
	0% {
		opacity: 1;
		left: 0;
		top: -120px;
	}
	100% {
		opacity: 1;
		left: calc(100% - 300px);
		top: calc(100% - 360px);
	}
}

.main_fukidashi {
	display: none;
}
.main_fukidashi.fukidashi_on {
	display: block;
}
.main_fukidashi .fukidashi {
	width: 150px;
	height: 187px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
.main_fukidashi .fukidashi01 {
	background-image: url(../img/top/main_fukidashi01.png);
	left: 60px;
	top: 200px;
}
.main_fukidashi .fukidashi01:hover {
	background-image: url(../img/top/main_fukidashi01_on.png);
}
.main_fukidashi .fukidashi02 {
	background-image: url(../img/top/main_fukidashi02.png);
	left: 280px;
	top: 360px;
}
.main_fukidashi .fukidashi02:hover {
	background-image: url(../img/top/main_fukidashi02_on.png);
}
.main_fukidashi .fukidashi03 {
	background-image: url(../img/top/main_fukidashi03.png);
	left: 560px;
	top: 360px;
}
.main_fukidashi .fukidashi03:hover {
	background-image: url(../img/top/main_fukidashi03_on.png);
}
.main_fukidashi .fukidashi04 {
	background-image: url(../img/top/main_fukidashi04.png);
	left: 860px;
	top: 360px;
}
.main_fukidashi .fukidashi04:hover {
	background-image: url(../img/top/main_fukidashi04_on.png);
}
.main_fukidashi .fukidashi05 {
	background-image: url(../img/top/main_fukidashi05.png);
	left: 1120px;
	top: 360px;
}
.main_fukidashi .fukidashi05:hover {
	background-image: url(../img/top/main_fukidashi05_on.png);
}
.main_fukidashi .fukidashi06 {
	background-image: url(../img/top/main_fukidashi06.png);
	left: 1400px;
	top: 360px;
}
.main_fukidashi .fukidashi06:hover {
	background-image: url(../img/top/main_fukidashi06_on.png);
}
.main_fukidashi .fukidashi07 {
	background-image: url(../img/top/main_fukidashi07.png);
	left: 600px;
	top: 660px;
}
.main_fukidashi .fukidashi07:hover {
	background-image: url(../img/top/main_fukidashi07_on.png);
}


@media screen and (max-width: 1800px) {
	.main_fukidashi .fukidashi01 {
		left: 3%;
		top: 15%;
	}
	.main_fukidashi .fukidashi02 {
		left: 15%;
		top: 38%;
	}
	.main_fukidashi .fukidashi03 {
		left: 29%;
		top: 30%;
	}
	.main_fukidashi .fukidashi04 {
		left: 45%;
		top: 30%;
	}
	.main_fukidashi .fukidashi05 {
		left: 59%;
		top: 40%;
	}
	.main_fukidashi .fukidashi06 {
		left: 74%;
		top: 38%;
	}
	.main_fukidashi .fukidashi07 {
		left: 30%;
		top: 56%;
	}
}

@media screen and (max-width: 1400px) {
	#main_img .inner {
		background-size: cover;
	}
	.main_fukidashi .fukidashi {
		width: 100px;
		height: 125px;
	}
	.main_fukidashi .fukidashi01,
	.main_fukidashi .fukidashi02,
	.main_fukidashi .fukidashi03,
	.main_fukidashi .fukidashi06,
	.main_fukidashi .fukidashi07 {
		display: none;
	}
	.main_fukidashi .fukidashi04 {
		left: 43%;
		top: 40%;
	}
	.main_fukidashi .fukidashi05 {
		left: 62%;
	}
}

@media screen and (max-width: 1200px) {
	.main_txt .ja {
		font-size: 45px;
	}
	.main_txt .en {
		font-size: 21px;
	}
}

@media screen and (max-width: 768px) {
	#main_img .inner {
		background-size: cover;
	}

	.main_txt .ja {
		font-size: 36px;
	}

	.main_txt .en {
		font-size: 16px;
		margin-top: 10px;
	}

	.main_click {
		width: 145px;
		height: 145px;
		background-size: contain;
		position: absolute;
		right: 0;
		top: 60px;
	}
	@keyframes main_click {
		0% {
			opacity: 1;
			top: 100%;
		}
		100% {
			opacity: 1;
			top: 60px;
		}
	}


	.main_drone {
		width: 120px;
		top: 80px;
	}
	@keyframes main_drone {
		0% {
			opacity: 1;
			left: 0;
			top: 80px;
		}
		20% {
			opacity: 1;
			left: 8%;
			top: 100px;
		}
		45% {
			opacity: 1;
			left: 8%;
			top: 140px;
		}
		100% {
			opacity: 1;
			left: 72%;
			top: 180px;
		}
	}

	.main_plane {
		width: 110px;
	}
	@keyframes main_plane {
		0% {
			opacity: 1;
			left: 0;
			top: -120px;
		}
		100% {
			opacity: 1;
			left: calc(100% - 130px);
			top: calc(100% - 120px);
		}
	}

	.main_fukidashi .fukidashi {
		width: 80px;
		height: 100px;
	}

	.main_fukidashi .fukidashi04 {
		left: 39%;
	}
	.main_fukidashi .fukidashi05 {
		left: 70%;
	}
}


.top .triangle {
	padding-top: 450px;
}


#top01 section {
	max-width: 1700%;
}


#top01 .section_cont {
	width: 100%;
	min-height: 2271px;
	background-image: url(../img/top/top_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#top01 .cont {
	width: 100%;
	max-width: 1700px;
	margin: 0 auto;
	padding: 0 30px;
}
#top01 .cont .img {
	background-position: center top;
	background-repeat: no-repeat;
}
#top01 .cont:first-child .img {
	width: 600px;
	height: 470px;
	background-image: url(../img/top/information_img.png);
	margin-top: -80px;
}
#top01 .cont:first-child .img:hover {
	background-image: url(../img/top/information_img_on.png?20251105);
}
#top01 .cont:nth-child(2) {
	margin-top: 20px;
}
#top01 .cont:nth-child(2) .img {
	width: 606px;
	height: 450px;
	background-image: url(../img/top/about_us_img.png);
}
#top01 .cont:nth-child(2) .img:hover {
	background-image: url(../img/top/about_us_img_on.png);
}
#top01 .cont:nth-child(3) {
	margin-top: 20px;
}
#top01 .cont:nth-child(3) .img {
	width: 600px;
	height: 399px;
	background-image: url(../img/top/service_img_base.png);
	margin-top: 60px;
}
#top01 .cont:nth-child(3) .img:hover {
	background-image: url(../img/top/service_img_base.png);
}
#top01 .cont:nth-child(4) {
	margin-top: 35px;
}
#top01 .cont:nth-child(4) .img {
	width: 600px;
	height: 447px;
	background-image: url(../img/top/recruit_img.png);
}
#top01 .cont:nth-child(4) .img:hover {
	background-image: url(../img/top/recruit_img_on.png);
}

#top01 .cont .rhombus {
	width: 60%;
	max-width: 940px;
	min-height: 550px;
}
#top01 .cont .rhombus .box {
	width: 100%;
}
#top01 .cont .rhombus .ttl {
	text-align: center;
}                        
#top01 .cont .rhombus .ttl .en {
	font-size: 44px;
	font-weight: 700;
}
#top01 .cont .rhombus .ttl .ja {
	font-size: 23px;
	font-weight: 500;
}
#top01 .cont .rhombus .btn {
	width: 264px;
	margin: 0 auto;
}
#top01 .cont .rhombus .btn a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	padding: 10px;
}

#top01 #newsWrap {
	max-width: 700px;
	margin: 20px auto 30px;
}
#top01 .cont:nth-child(2) .link {
	text-align: center;
	margin: 40px auto 30px;
}

#top01 ul.item {
	max-width: 620px;
	margin: 20px auto 30px;
}
#top01 ul.item li {
	width: 49%;
	max-width: 300px;
	color: #ffffff;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	padding: 10px;
}
#top01 ul.item li:first-child {
	background-color: #1eb553;
}
#top01 ul.item li:nth-child(2) {
	background-color: #38a3ff;
}
#top01 ul.item li:nth-child(3) {
	background-color: #ffcb3c;
}
#top01 ul.item li:nth-child(4) {
	background-color: #f8675e;
}
#top01 ul.item li:nth-child(n+3) {
	margin-top: 10px;
}


#top01 .cont:nth-child(4) .btn {
	margin-top: 40px;
}





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


	#top01 .section_cont {
		background-image: none;
	}
	#top01 .cont .img {
		position: absolute;
		z-index: 3;
	}
	#top01 .cont.reverse {
		flex-flow: wrap;
	}
	#top01 .cont .rhombus .box {
		position: relative;
	}
	#top01 .cont .rhombus {
		margin-left: auto;
		margin-top: 160px;
		position: relative;
	}
	#top01 .cont .rhombus::before {
		content: '';
		width: 540px;
		height: 540px;
		background-color: #f2f2f2;        /* 背景色の場合、指定 */
		border: 1px solid #f2f2f2;  /* 線描画の場合、指定 */
		display: inline-block;
		transform: rotate(135deg) skew(calc((90deg - 60deg) / 2), calc((90deg - 60deg) / 2));
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}




}

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

	#top01 .cont .rhombus {
		width: 100%;
		margin-top: 320px;
	}

	#top01 .cont .rhombus::before {
		width: 360px;
		height: 360px;
	}

	.top #newsList li .up_ttl {
		width: 100%;
		margin-top: 5px;
	}

	#top01 ul.item li {
		font-size: 18px;
	}

	#top01 .cont {
		margin-top: -80px;
	}
	#top01 .cont:nth-child(2),
	#top01 .cont:nth-child(3),
	#top01 .cont:nth-child(4) {
		margin-top: -80px;
	}
	#top01 .cont:nth-child(3) .img {
		margin-top: 0;
	}
}

@media screen and (max-width: 768px) {
	.top .triangle {
		padding-top: 300px;
	}

	#top01 section {
		width: 100%;
	}
	#top01 .cont {
		margin-top: 0;
		padding: 0;
	}

	#top01 .cont:nth-child(2),
	#top01 .cont:nth-child(3),
	#top01 .cont:nth-child(4) {
		margin-top: 60px;
	}

	#top01 .cont .img,
	#top01 .cont:first-child .img,
	#top01 .cont:nth-child(2) .img,
	#top01 .cont:nth-child(3) .img,
	#top01 .cont:nth-child(4) .img {
		width: calc(100% - 30px);
		height: 300px;
		background-size: contain;
		margin-left: auto;
		margin-right: auto;
		position: static;
	}




	#top01 .cont .rhombus {
		min-height: 300px;
		margin-top: -20px;
	}
	#top01 .cont .rhombus .box {
		padding: 20px 15px;
	}

	#top01 .cont .rhombus .ttl .en {
		font-size: 32px;
	}
	#top01 .cont .rhombus .ttl .ja {
		font-size: 16px;
	}

	#top01 .cont .rhombus .btn {
		width: 180px;
	}
	#top01 .cont .rhombus .btn a {
		background-color: rgba(255, 255, 255, 0.5);
		font-size: 16px;
	}

	#top01 #newsWrap {
		margin: 10px auto;
	}

	#top01 ul.item {
		justify-content: center;
	}
	#top01 ul.item li {
		width: 100%;
		max-width: 100%;
		font-size: 15px;
	}
	#top01 ul.item li:nth-child(n+2) {
    	margin-top: 5px;
	}

	#top01 .cont:nth-child(2) .link {
		margin: 10px 0;
	}
	#top01 .cont:nth-child(2) .link img {
		width: 54px;
	}
	#top01 .cont:nth-child(4) .btn {
		margin-top: 20px;
	}
}



/* about us
------------------------------------------------------------*/
.about_us #page_top .inner {
	background-color: #ffd9fb;
}
.about_us .triangle.bg_color::before {
	background-color: #ffd9fb;
}
#about_us04 .section_cont {
	width: calc(100% + 30px);
	background-color: #ffd9fb;
	margin-left: -15px;
	padding: 0 15px;
} 

#about_us01 .cont .left {
	width: 28%;
	text-align: center;
} 
#about_us01 .cont .right {
	width: 67%;
}
#about_us01 .cont .right .txt {
	line-height: 2.4;
}
#about_us01 .cont .right .sign {
	font-size: 23px;
	text-align: right;
	line-height: 2;
	margin-top: 20px;
}


#about_us04 li {
	border-bottom: 1px solid #707070;
	font-size: 20px;
	padding: 20px 0;
}
#about_us04 li:first-child {
	border-top: 1px solid #707070;
} 
#about_us04 .office,
#about_us04 .area {
	font-weight: 700;
}
#about_us04 .area {
	padding-left: 40px;
}
#about_us04 .box {
	position: relative;
}
#about_us04 .box:not(:first-child) {
	margin-top: 30px;
}

#about_us04 dl {
	padding-left: 40px;
	padding-right: 60px;
}
#about_us04 dl dt {
	width: 180px;
}
#about_us04 dl dd {
	width: calc(100% - 180px);
}

#about_us04 .map_btn {
	width: 30px;
	height: 30px;
	border: 1px solid #000000;
	position: absolute;
	right: 10px;
	top: 0;
}
#about_us04 .map_btn::before {
	content: '';
	width: 28px;
	height: 28px;
	background-image: url(../img/about_us/map_sign.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.5s;
}

#about_us04 .info {
	display: none;
	margin-top: 20px;
}
#about_us04 .show .info {
	display: flex;
}
.show .map_btn::before {
	transform: rotate(180deg);
	transition: 0.5s;
}

#about_us04 .info .img,
#about_us04 .info .map {
	width: 49%;
	max-width: 480px;
}


@media screen and (max-width: 768px) {
	#about_us01 .cont .left {
		display: none;
	}
	#about_us01 .cont .right {
		width: 100%;
	}
	#about_us01 .cont .right .img {
		width: 100%;
		max-width: 285px;
		text-align: right;
		margin-left: auto;
		margin-top: 10px;
		position: relative;
	}
	#about_us01 .cont .right .sign {
		font-size: 17px;
		margin-top: 5px;
	}


	#about_us04 .area {
		padding-left: 0;
	}

	#about_us04 li {
		font-size: 16px;
	}

	#about_us04 .map_btn {
		width: 24px;
		height: 24px;
	}
	#about_us04 .map_btn::before {
		width: 23px;
		height: 23px;
		background-size: 13px auto;
	}

	#about_us04 .box:not(:first-child) {
		margin-top: 20px;
	}

	#about_us04 dl {
		padding-left: 0px;
		padding-right: 0px;
	}
	#about_us04 dl dt {
		width: 100%;
	}
	#about_us04 dl dd {
		width: 100%;
	}
}

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

	#about_us04 .info .img,
	#about_us04 .info .map {
		width: 100%;
	}
	#about_us04 .info .map {
		height: 240px;
		margin-top: 10px;
	}
}



/* service
------------------------------------------------------------*/
.service #page_top .inner {
	background-color: #ffd3a0;
}
.service .triangle.bg_color::before {
	background-color: #ffd3a0;
}

#service02 .cont {
	margin-top: 60px;
}

#service03 .cont dl:not(:first-of-type) {
	margin-top: 40px;
}
#service03 .cont dl dt {
	width: 100%;
	color: #ffffff;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	padding: 10px 15px;
}
#service03 .cont dl:first-of-type dt {
	background-color: #1eb553;
}
#service03 .cont dl:nth-of-type(2) dt {
	background-color: #38a3ff;
}
#service03 .cont dl:nth-of-type(3) dt {
	background-color: #ffcb3c;
}
#service03 .cont dl:nth-of-type(4) dt {
	background-color: #f8675e;
}
#service03 .cont dl dd {
	margin-top: 15px;
}

@media screen and (max-width: 768px) {
	#service02 .cont {
		margin-top: 30px;
	}

	#service03 .cont dl dt {
		font-size: 20px;
		padding: 5px 15px;
	}

}


/* recruit
------------------------------------------------------------*/
.recruit #newsWrap {
	width: 100%;
	max-width: 540px;
	min-height: 320px;
	margin: 0 auto;
}
.recruit #newsWrap li .up_ttl {
	width: calc(100% - 140px);
}

.recruit #page_top .inner {
	background-color: #d4fc7b;
}
.recruit .triangle.bg_color::before {
	background-color: #d4fc7b;
}

#recruit02 .cont {
	margin-top: 60px;
}

#recruit03 section {
	width: 100%;
	max-width: 100%;
}

#recruit03 #voice_slide {
	margin-top: 280px;
}
#recruit03 #voice_slide .prev_btn,
#recruit03 #voice_slide .next_btn {
	width: 45px;
	height: 45px;
	background-color: transparent;
	background-image: url(../img/recruit/recruit03_prev.png);
	background-position: center;
	background-repeat: no-repeat;	
	border: none;
	position: absolute;
	top: 48%;
	z-index: 3;
}
#recruit03 #voice_slide .prev_btn {
	background-image: url(../img/recruit/recruit03_prev.png);
	left: calc(50% - 560px);
}
#recruit03 #voice_slide .next_btn {
	background-image: url(../img/recruit/recruit03_next.png);
	right: calc(50% - 560px);
}

#voice_slide .img {
	position: relative;
}
#voice_slide img:nth-child(2) {
	position: absolute; /* 画像を重ねて配置 */
	top: 0;
	left: 0;
	transition: opacity 0.5s; /* opacityの変更にアニメーションをつける */
}

.normal_img {
  opacity: 1; /* 通常時は通常画像を表示 */
}
.hover_img {
  opacity: 0; /* マウスオーバー時以外は非表示 */
}
#about_us01 .img:hover .normal_img, 
#voice_slide .img:hover .normal_img {
  opacity: 0; /* マウスオーバーで通常画像を非表示 */
}
#about_us01 .img:hover .hover_img,
#voice_slide .img:hover .hover_img {
  opacity: 1; /* マウスオーバーで切り替え後の画像を表示 */
}

#about_us01 .img:hover .normal_img {
	position: relative;
}
#about_us01 .img:hover .hover_img {
	position: absolute;
	left: 0;
	top: 0;
}

#recruit03 li {
	width: 100%;
	max-width: 1000px;
	margin: 0 15px;
}
#recruit03 .cont {
	width: 1000px;
    min-height: 890px;
	background-color: #ffffff;
	border-left: 0.5px solid #efefef;
	border-top: 20px solid #1eb553;
	padding: 40px 30px 20px 30px;
	box-shadow: 3px 3px 6px #efefef;
	margin-bottom: 10px;
}

#recruit03 .cont .left {
	width: 39%;
	min-height: 680px;
	background-color: #efefef;
}
#recruit03 .cont .left .box {
	width: 100%;
	margin: -10px auto 0;
	padding: 0 18px 20px;
	position: relative;
}
#recruit03 .cont .left .ttl {
	width: 100%;
	max-width: 250px;
	background-color: #ffffff;
	border: 1px solid #000000;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	margin: 0 auto;
	padding: 5px 10px;
}
#recruit03 .cont .left .txt {
	max-width: 320px;
	min-height: 200px;
	margin: 15px auto 0;
}
#recruit03 .cont .left .txt span {
	font-weight: 700;
}

#recruit03 .cont .right {
	width: 56.4%;
	overflow: hidden;

}
#recruit03 .cont .right .office {
	width: 100%;
	background-color: #efefef;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	padding: 10px;
}
#recruit03 .cont .right .ttl {
	width: 100%;
	background-color: #1eb553;
	color: #ffffff;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	padding: 10px;
}
#recruit03 .cont .right .txt {
	margin-top: 20px;
	margin-bottom: 40px;
}
#recruit03 .cont .right .txt span {
	font-weight: 700;
}

.one_day table {
	position: relative;
}
.one_day table::before,
.one_day table::after {
	content: '';
	background-color: #1eb553;
	position: absolute;
	top: 14px;
}
.one_day table::before {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	left: 50px;
}
.one_day table::after {
	width: 2px;
	height: 160%;
	left: 59px;
}
.one_day table th,
.one_day table td {
	vertical-align: top;
	padding: 10px 0 5px;
}

.one_day table th {
	width: 80px;
}
.one_day table th:first-child {
	font-size: 18px;
	font-weight: 700;
}

#recruit04 .cont dl:not(:first-child) {
	margin-top: 10px;
}
#recruit04 .cont dl dt,
#recruit04 .cont dl dd {
	border-bottom: 1px solid #707070;
	font-size: 20px;
	padding-bottom: 10px;
}
#recruit04 .cont dl dt {
	width: 240px;
	font-weight: 700;
}
#recruit04 .cont dl dt span {
	font-size: 15px;
}
#recruit04 .cont dl dd {
	width: calc(100% - 240px);
}
#recruit04 .cont dl dd span {
	font-weight: 700;
}
#recruit04 .cont dl dd ol li {
	text-indent: -1em;
	padding-left: 1em;
}

#recruit05 .cont .box {
	width: 310px;
}
#recruit05 .cont .box .ttl {
	width: 100%;
	color: #ffffff;
	font-size: 23px;
	font-weight: 700;
	text-align: center;
	padding: 5px 10px;
}
#recruit05 .cont .box:first-child .ttl {
	background-color: #1eb553;
}
#recruit05 .cont .box:last-child .ttl {
	background-color: #beb600;
}
#recruit05 .cont .box .txt {
	min-height: 58px;
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#recruit05 .cont .box .btn {
	width: 100%;
	margin-top: 20px;
}
#recruit05 .cont .box .btn a {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #707070;
	border-radius: 2px;
	font-size: 20px;
	padding: 10px 15px;
}

@media screen and (max-width: 1100px) {
	#recruit03 .cont {
		width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	#recruit03 #voice_slide {
		margin-top: 0;
	}
}

@media screen and (max-width: 768px) {
	.recruit #newsWrap {
		min-height: 1px;
		padding-top: 60px;
	}
	.recruit #newsWrap li .up_ttl {
		width: 100%;
		margin-left: 0;
		margin-top: 5px;
	}

	#recruit02 .cont {
		margin-top: 30px;
	}

	#recruit03 .cont {
		padding: 20px 15px;
		justify-content: center;
	}
	#recruit03 .cont .left {
		width: 100%;
		min-height: 1px;
		padding-bottom: 40px;
	}
	#recruit03 .cont .left .img img:nth-child(2) {
		right: 0;
		margin: auto;
	}

	.normal_img {
		animation: hover_img 4s infinite;
	}
	@keyframes hover_img {
		0% {
			opacity: 1;
		}
		49% {
			opacity: 1;
		}
		50% {
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	.hover_img {
		animation: normal_img 4s infinite;
	}
	@keyframes normal_img {
		0% {
			opacity: 0;
		}
		49% {
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 1;
		}
	}

	#about_us01 .normal_img {
		position: relative;
	}
	#about_us01 .hover_img {
		position: absolute;
		right: 0;
		top: 0;
	}

	#recruit03 .cont .left .img {
		display: flex;
		justify-content: center;
	}
	#recruit03 .cont .left .img img {
		max-width: 280px;
	}
	#recruit03 .cont .left .ttl {
		font-size: 18px;
	}
	#recruit03 .cont .left .txt {
		min-height: 1px;
	}

	#recruit03 .cont .right {
		width: 100%;
		margin-top: 20px;
	}
	#recruit03 .cont .right .office {
		font-size: 18px;
	}
	#recruit03 .cont .right .ttl {
		font-size: 16px;
	}
	#recruit03 .cont .right .txt {
		margin-bottom: 20px;
	}

	#recruit03 #voice_slide .prev_btn,
	#recruit03 #voice_slide .next_btn {
		top: 20%;
	}
	#recruit03 #voice_slide .prev_btn {
		left: 3px;
	}
	#recruit03 #voice_slide .next_btn {
		right: 3px;
	}

	.one_day table th:nth-child(2) {
		width: 60px;
	}

	#recruit04 .cont dl dt,
	#recruit04 .cont dl dd {
		font-size: 16px;
	}
	#recruit04 .cont dl dt {
		width: 100%;
		margin-right: 0;
	}
	#recruit04 .cont dl dd {
		width: 100%;
		margin-top: 5px;
		padding-bottom: 5px;
	}
	#recruit05 .cont {
		max-width: 310px;
		justify-content: center;
	}
	#recruit05 .cont .box {
		width: 100%;
		max-width: 310px;
	}
	#recruit05 .cont .box:not(:first-child) {
		margin-top: 40px;
	}
	#recruit05 .cont .box .ttl {
		font-size: 18px;
	}
	#recruit05 .cont .box .txt {
		min-height: 1px;
		font-size: 15px;
	}

}

/* オーバーレイ（背景の暗幕） */
#modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* 半透明の黒 */
    z-index: 999; /* ページ内の他の要素より上位に */
}

/* モーダルウィンドウ本体 */
#newsModal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 画面中央に配置 */
    width: calc(100% - 30px); /* 幅の調整 */
    max-width: 1200px; /* 最大幅 */
    background: #fff;
    padding: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    z-index: 1000; /* オーバーレイより上位に */
    overflow-y: auto; /* 内容が多い場合にスクロールできるように */
    max-height: 90vh; /* 画面の高さに収まるように */
}

/* 閉じるボタン */
#modalClose {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border: none;
    background: none;
    font-size: 24px;
    font-weight: bold;
}

.detail_ttl {
	font-size: 24px;
	font-weight: 700;
}
.detail_date {
	font-size: 17px;
	text-align: right;
	margin-top: 10px;
}
.detail_cont {
	font-size: 17px;
	line-height: 1.8;
}



/* information
------------------------------------------------------------*/
.information #page_top .inner {
	background-color: #a4e3fa;
}

.information #newsList {
	border-top: 1px solid #707070;
	margin-top: 10px;
}
#newsList li {
	border-bottom: 1px solid #707070;
	font-size: 23px;
	padding: 10px 0;
}
.information #newsList li {
	font-size: 20px;
}
#newsList li .up_date {
	width: 120px;
	font-weight: 500;
	margin-right: 20px;
}
#newsList li .up_ttl {
	width: calc(100% - 140px);
}

.pager {
	text-align: center;
	margin-top: 80px;
}
.pager a {
	margin: 0 5px;
	padding: 0 3px;
}
.pager a.current,
.pager a:hover {
	color: #1eb553;
}

@media screen and (max-width: 768px) {
	#newsList li,
	.information #newsList li {
		font-size: 16px;
	}
	#newsList li .up_date {
		width: 100px;
		display: flex;
		align-items: center;
	}
	#newsList li .up_ttl {
		width: 100%;
	}
}



/* inquiry
------------------------------------------------------------*/
.inquiry #page_top {
	min-height: 900px;
}
.inquiry #page_top .inner {
	background-color: #efefef;
}

#inquiry01 {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 360px;
}
#inquiry01 section {
	max-width: 100%;
}
#inquiry01 .cont {
	width: calc(100% - 30px);
	max-width: 1500px;
	min-height: 400px;
	background-color: #ffffff;
	border: 1px solid #707070;
	padding: 40px 20px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.16);
	margin: 0 auto;
}
#inquiry01 .cont .box {
	text-align: center;
}
#inquiry01 .cont .ttl {
	font-size: 23px;
	font-weight: 700;
}
#inquiry01 .cont .num {
	font-size: 93px;
	font-weight: 700;
	line-height: 1.2;
	margin: 20px 0;
}
#inquiry01 .cont .txt {
	font-size: 23px;
}

@media screen and (max-width: 1300px) {
	.inquiry #page_top {
		min-height: 720px;
	}
	
	#inquiry01 {
		top: 280px;
	}
	#inquiry01 .cont {
		min-height: 300px;
	}
	#inquiry01 .cont .num {
		font-size: 64px;
	}

}

@media screen and (max-width: 1000px) {
	.inquiry #page_top {
		min-height: 600px;
	}
	
	#inquiry01 {
		top: 140px;
	}
	#inquiry01 .cont .num {
		font-size: 48px;
	}

}

@media screen and (max-width: 768px) {
	.inquiry #page_top {
		min-height: 500px;
	}
	
	#inquiry01 .cont {
		min-height: 240px;
	}
	#inquiry01 .cont .ttl {
		font-size: 20px;
	}
	#inquiry01 .cont .num {
		font-size: 32px;
	}
	#inquiry01 .cont .txt {
		font-size: 16px;
	}

}