/*
* Theme Name: kitagawakonoshima
* Description:
* Theme URI: Lino 2023
* Version: 1.0
* Theme Author: ゴーリエム
* Author URI:
* Tags: basic
* Textdomain:
* Languages Folder: /languages
*/
/* Default---------------------------------------------- */
@font-face {
	font-family: Helvetica;
	src: url("./css/fonts/HelveticaNowDisplay-Light.ttf") format("opentype");
}
@font-face {
	font-family: Helvetica-B;
	src: url("./css/fonts/HelveticaNowDisplay-ExtraBold.ttf") format("opentype");
}


html {
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
}
.menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: fixed;
	background: rgb(254 254 254 / 90%);
	z-index: 10;
	-webkit-box-shadow: 0 5px 7px -6px black;
	-moz-box-shadow: 0 5px 7px -6px black;
	box-shadow: 0 5px 7px -6px black;
}
p{
	font-size: 16px;
	line-height: 1.5;
}
img {
	width: 100%;
}
.inner {
	max-width: 990px;
	margin: auto;
}
.menu .left{
	display: flex;
	align-items: center;
}
.menu .left a{
	margin: 0 45px;
}
.menu .left p{
	font-size: 13px;
	color: #0E3DA7;
}
.menu .left a{
	width: 300px;
}
.menu .right{
	display: flex;
	height: 80px;
	justify-content: flex-end;
}
.menu .right a{
	height: 100%;
	width: auto;
}
.menu .right img{
	height: 100%;
	width: auto;
}
.mv{
	position: relative;
}
.mv .mv-content{
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.mv .mv-color{
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	position: absolute;
}
.mv .mv-color img{
	max-height: 100%;
	width: auto;
}
.mv .mv-color img.mv-yellow{
	margin-left: -27.5vw;
}
.mv .mv-color img.mv-white{
	margin-left: -23vw;
}
.mv-text {
	position: absolute;
	right: 14%;
	top: 25%;
}
.mv-text img:nth-child(1){
	width: 34vw;
	padding-bottom: 2.5vw;
}
.mv-text p:nth-child(3){
	padding-top: 3vw;
	padding-bottom: 3vw;
	color: #004B9E;
	font-size: 21px;
}
.mv-text img:nth-child(4){
	width: 17vw;
}
.service{
	padding-top: 80px;
	padding-bottom: 245px;
	background: #ffffff;
	background: linear-gradient(130deg, #ffffff 35.6vw, #FFD100 0%, #FFD100 44vw, #ffffff 0, #ffffff 50%, #ffffff 50%, #ffffff 100%, #FFD100 0%, #FFD100 77.19%, #ffffff 100%, #ffffff 100%) no-repeat;
}
.ct-title{
	padding-bottom: 80px;
}
.ct-title h2{
	font-size: 40px;
	padding-bottom: 20px;
	font-weight: 100;
}
.ct-title h2 span{
	font-weight: bold;
	color: #004B9E;
}
.ct-title p{
	color: #004B9E;
	font-size: 19px;
}
.ct-service-1{
	display: flex;
	align-items: flex-start;
	padding-left: 240px;
	padding-bottom: 60px;
}
.ct-service-1 img{
	width: 326px;
	margin-right: 30px;
}
.ct-service-12 p:nth-child(1){
	color: #004B9E;
	font-size: 20px;
	margin-right: -150px;
	padding-bottom: 25px;
}
.ct-service-12 p:nth-child(1) span{
	font-size: 45px;
}
.ct-service-3{
	padding-top: 70px;
	padding-left: 240px;
}
.ct-service-3 h3{
	font-size: 32px;
	padding-bottom: 25px;
	line-height: 1.5;
	color: #004B9E;
}

.company{
	padding-bottom: 245px;
	background: #ffffff;
	background: linear-gradient(130deg, #ffffff 84.6vw, #EFEFEF 0%, #EFEFEF 93vw, #ffffff 0, #ffffff 50%, #ffffff 50%, #ffffff 100%, #EFEFEF 0%, #EFEFEF 77.19%, #ffffff 100%, #ffffff 100%) no-repeat;
}
.ct-company{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.ct-company img{
	width: 419px;
}
.ct-company table{
	width: 100%;
	margin-left: 50px;
}
.ct-company table th{
	width: 25%;
	text-align: right;
	padding-right: 50px;
	border-bottom: 1px solid #707070;
	padding-top: 40px;
	padding-bottom: 5px;
	font-weight: unset;
}
.ct-company table td{
	width: 70%;
	border-bottom: 1px solid #707070;
	padding-top: 30px;
	padding-bottom: 5px;
	font-weight: unset;
}
.ct-company table tr:nth-child(1) th,
.ct-company table tr:nth-child(1) td{
	padding-top: 0;
}

.network{
	background: #EFEFEF;
	padding-top: 80px;
	padding-bottom: 80px;
}

.ct-network-1{
	background: #F8F8F8;
	margin-bottom: 20px;
}
.ct-network-1 img{
	width: 326px;
}
.ct-network-1 .inner{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.ct-network-adr{
	padding-left: 27px;
	height: 228px;
	width: 100%;
	background: #ffffff;
	padding-top: 30px;
}
.ct-network-adr p:nth-child(1){
	font-size: 20px;
	color: #004B9E;
	padding-bottom: 20px;
}
.ct-network-adr p:nth-child(2){
	font-size: 18px;
	padding-bottom: 25px;
}
.ct-network-adr a{
	border: 1px solid #707070;
	padding: 5px 10px;
	color: #000000;
}

.recruit{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
}
.recruit img{
	width: 50%;
	padding-right: 60px;
}
.recruit .ct-recruit{
	width: 50%;
	padding-top: 80px;
}
.recruit .ct-recruit .ct-title{
	padding-bottom: 40px;
}
.recruit .ct-recruit-1 p:nth-child(1){
	font-size: 24px;
	color: #004B9E;
	padding-bottom: 40px;
}
.contact, .contact a {
	position: relative;
}
.contact{
	z-index: 1;
	width: 450px;
	overflow: hidden;
	border-radius: 10px;
	transition: all .3s;
	margin-top: 240px;
	margin-bottom: 185px;
}
.contact a{
	display: block;
	padding: 30px 20px;
	color: #fff;
	background: #FFD100;
	font-size: 25px;
	text-align: center;
}
.contact a:before {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 30px;
	width: 150%;
	height: 500%;
	transform: translateX(-98%) translateY(-70%) rotate(135deg);
	content: "";
	transition: all .5s ease-in-out;
}

.contact a:hover:before {
	background: #004B9E!important;
	color: #fff;
	z-index: -1;
}
.contact a:hover:before {
	transform: translateX(-25%) translateY(-25%) rotate(135deg);
	background: #fff;
}
.contact a:hover {
	color: #fff;
	z-index: 2;
}
.contact a i{
	float: right;
}


.footer{
	background: #004B9E;
	text-align: center;
}
.footer img{
	width: 220px;
	margin: auto;
	padding-top: 120px;
	padding-bottom: 500px;
}
.top-banner{
	padding-bottom: 200px;
}
.top-banner1{
	padding-bottom: 40px;
}
.top-banner a img:hover{
	box-shadow: 0 0 50px 5px #004b9e7a;
	border-radius: 10px;
	transition: 0.5s ease;
	opacity: 0.8;
}
.top-banner1 a img:hover{
	box-shadow: 0 0 50px 5px #004b9e7a;
	border-radius: 10px;
	transition: 0.5s ease;
	opacity: 0.8;
}
/*contact*/
table{
	width: 100%;
}
.contact_form{
	padding-top: 150px;
	/*color: #004B9E;*/
	text-align: center;
}
.contact_note0{
	text-align: center;
	font-size: 20px;
	margin-top: 50px;
	color: red;
}
.contact_note1{
	text-align: left;
	font-size: 40px;
	margin-top: 50px;
}
.contact_note2{
	text-align: left;
	margin: 30px 0;
	font-size: 20px;
}
.contact_note2 span{
	font-size: 16px;
	margin-top: 20px;
	display: block;
}
span.required{
	float: right;
	background-color: #ED000D;
	color: #ffffff;
	padding: 5px;
	border-radius: 5px;
	margin-top: -5px;
}
/*.contact_form .form_cont p:nth-child(1){
  font-size: 18px;
}*/
.contact_form .form_cont p:nth-child(1){
	font-size: 18px;
	padding-bottom: 1.5rem;
	margin-bottom: 3rem;
}
.contact_check .form_cont p:nth-child(1){
	border-bottom: 1px solid #d5d5d5!important;
}
label#confirm_email-error{
	color: #ED000D;
}
/*.form_cont{
  padding-bottom: 90px;
}*/
.contact_form tr{
	display: flex;
	flex-direction: column;
	padding-bottom: 2rem;
}
.contact_form th{
	width: 100%;
	margin: 15px 0 15px 10px;
	font-size: 18px;
	font-weight: unset;
}
.contact_check th{
	font-weight: bold;
}
.contact_check td{
	font-weight: unset;
	margin-left: 10px;
}
.contact_form td{
	width: 100%;
	color: #000000;
}
.contact_form td p{
	color: #000000;
	padding-top: 15px;
	padding-bottom: 5px;
}
.contact_form td input, .form_type1 td textarea{
	padding: 1.5rem 0.75rem;
	border-radius: 0;
	border: 1px solid #ced4da;
	font-size: 16px;
	width: 100%;
}
.contact_form td.tel span{
	color: #000000;
	padding: 0 10px;
}
.form_check td input{
	transform: scale(1.5);
	width: 20px;
}
.form_check td label{
	padding-right: 50px;
}
.rules{
	text-align: left;
}
.rules p{
	color: #000000;
	padding-bottom: 20px;
}
.rules input{
	transform: scale(1.5);
	margin-right: 15px;
}
.rules span{
	color: #000000;
}
.btn{
	padding-top: 50px;
	padding-bottom: 150px;
}
.btn input{
	width: 100%;
	border-radius: 0;
	border: 1px solid #ced4da;
	background: #cdcdcd;
	padding: 30px 0;
	font-size: 20px;
	color: #ffffff;
}
div.caution{
	padding: 5px 0;
	color: red;
}
.form_send{
	padding-bottom: 5rem;
}
@media screen and (max-width:1400px){

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

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

}
@media screen and (min-width:737px){
	.sp_737{
		display: none;
	}
}
@media screen and (max-width:737px){
	.inner{
		max-width: 95%;
	}
	.pc_737{
		display: none !important;
	}

	body p{
		font-size: 3.8vw;
		line-height: 1.8;
	}

	.menu .left{
		margin: 0 2vw;
		flex-direction: column;
		align-items: flex-start;
	}
	.menu .left a{
		margin: 0;
		width: 90%;
	}
	.menu .right {
		height: auto;
		width: 100%;
	}
	.menu .right img {
		height: auto;
		width: auto;
	}
	a.right {
		width: 15%;
	}
	.menu .left img {
		width: 100%;
	}
	.menu .left p {
		display: none;
	}
	.mv-text{
		right: 5%;
		width: 70%;
		top: 21%;
	}
	.mv-text p{
		font-size: 3.5vw;
		line-height: 1.8;
	}
	.mv-text img:nth-child(1) {
		width: 68vw;
		padding-bottom: 10vw;
	}
	.mv-text p:nth-child(3) {
		font-size: 4.5vw;
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.mv-text img:nth-child(4) {
		width: 54vw;
	}

	.service {
		padding-top: 10vw;
		padding-bottom: 20vw;
		background: linear-gradient(130deg, #ffffff 0.6vw, #FFD100 0%, #FFD100 32.5vw, #ffffff 0, #ffffff 50%, #ffffff 50%, #ffffff 100%, #FFD100 0%, #FFD100 77.19%, #ffffff 100%, #ffffff 100%) no-repeat;
	}
	.ct-title {
		padding-bottom: 5vw;
	}
	.ct-title h2 {
		font-size: 8vw;
		padding-bottom: 3vw;
	}
	.ct-title p {
		font-size: 4vw;
	}
	.ct-service{
		max-width: 100%;
	}
	.ct-service-12, .ct-service-3{
		width: 90%;
		margin: auto;
	}
	.ct-service-1{
		flex-direction: column;
		padding-left: 0;
		padding-bottom: 10vw;
	}
	.ct-service-1 img {
		width: 100%;
		margin-right: 0;
		padding-bottom: 3vw;
	}
	.ct-service-12 p:nth-child(1) {
		font-size: 3.2vw;
		margin-right: 0;
		padding-bottom: 2.5vw;
		line-height: 1.5;
	}
	.ct-service-12 p:nth-child(1) span {
		font-size: 7vw;
	}
	.ct-service-3 {
		padding-top: 0;
		padding-left: 0;
		max-width: 100%;
	}
	.ct-service-3 h3 {
		font-size: 5.5vw;
		padding-bottom: 5vw;
	}
	.company {
		padding-bottom: 20vw;
		background: linear-gradient(130deg, #ffffff 165vw, #EFEFEF 0%, #EFEFEF 185vw, #ffffff 0, #ffffff 50%, #ffffff 50%, #ffffff 100%, #EFEFEF 0%, #EFEFEF 77.19%, #ffffff 100%, #ffffff 100%) no-repeat;
	}
	.ct-company{
		flex-direction: column;
		max-width: 100%;
	}
	.ct-company img{
		width: 100%;
		padding-bottom: 10vw;
	}
	.ct-company table {
		font-size: 3.5vw;
		width: 90%;
		margin: 0 auto;
	}
	.ct-network-1 .inner{
		flex-direction: column;
	}
	.ct-company table th {
		padding-right: 3vw;
	}
	.ct-company table th {
		width: 25%;
	}
	.ct-company table td {
		width: 75%;
		vertical-align: bottom;
	}

	.network {
		padding-top: 10vw;
		padding-bottom: 20vw;
	}
	.ct-network-1 .inner{
		max-width: 100%;
	}
	.ct-network-1 img {
		padding-top: 3vw;
		width: 100%;
	}
	.ct-network-1 iframe {
		width: 100%;
	}
	.ct-network-adr {
		padding-left: 0;
		text-align: center;
		height: auto;
		width: 100%;
		background: #ffffff;
		padding-top: 5vw;
		padding-bottom: 10vw;
	}
	.ct-network-adr p:nth-child(1) {
		font-size: 5vw;
		padding-bottom: 3vw;
	}
	.ct-network-adr p:nth-child(2) {
		font-size: 4.5vw;
		padding-bottom: 7vw;
	}
	.ct-network-adr a {
		padding: 1vw 3vw;
		color: #000000;
		font-size: 4vw;
	}
	.recruit{
		flex-direction: column;
	}
	.recruit .ct-recruit {
		width: 100%;
		padding-top: 10vw;
	}
	.ct-recruit-1{
		width: 90%;
		margin: auto;
		padding-top: 5vw;
	}
	.recruit .ct-recruit .ct-title {
		padding-bottom: 5vw;
	}
	.recruit img {
		width: 100%;
		padding-right: 0;
	}
	.recruit .ct-recruit-1 p:nth-child(1) {
		font-size: 4.5vw;
		padding-bottom: 10vw;
	}
	.contact {
		width: auto;
		margin: auto;
		overflow: hidden;
		margin-top: 15vw;
		margin-bottom: 20vw;
	}
	.contact a {
		padding: 5vw 10vw;
		font-size: 5vw;
	}

	.contact_form{
		padding: 0 7vw;
		padding-top: 30vw;
	}
	.contact_note1{
		font-size: 6vw!important;
	}
	.contact_note2{
		font-size: 3.7vw!important;
	}
	#form table tr{
		display: flex;
		flex-direction: column;
	}
	.contact_note {
		font-size: 4.5vw;
	}
	/*.contact_form .form_cont p:nth-child(1) {
      font-size: 4vw;
    }*/
	.contact_form .form_cont p:nth-child(1) {
		font-size: 4vw;
	}
	.contact_form th {
		font-size: 4vw;
	}
	.contact_form td {
		font-size: 3.5vw;
	}
	.contact_form table td input {
		padding: 1rem 0.75rem!important;
	}
	.form_check td label input{
		width: 5vw;
	}
	.form_type1 td textarea{
		width: 100%;
	}
	.rules p {
		padding-bottom: 5vw;
		font-size: 3.5vw !important;
	}
	.rules span {
		color: #000000;
		font-size: 4vw;
	}
	div.caution{
		font-size: 3.5vw;
		padding: 1vw 0;
	}
	.btn input {
		padding: 5vw 0!important;
	}
	.contact_form .form_cont p.contact_send{
		font-size: 5vw;
		padding-top: 2vw;
	}
	.footer img {
		width: 30vw;
		margin: auto;
		padding-top: 15vw;
		padding-bottom: 50vw;
	}

	.top-banner{
		padding-bottom: 20vw;
	}

}

.animate__animated.animate__delay-0_5s {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-delay: calc(var(--animate-delay) * 0.5);
	animation-delay: calc(var(--animate-delay) * 0.5)
}
.animate__animated.animate__delay-0_8s {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	-webkit-animation-delay: calc(var(--animate-delay) * 0.8);
	animation-delay: calc(var(--animate-delay) * 0.8)
}
.animate__animated.animate__delay-1_1s {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-delay: calc(var(--animate-delay) * 1.1);
	animation-delay: calc(var(--animate-delay) * 1.1)
}
.animate__animated.animate__delay-1_8s {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
	-webkit-animation-delay: calc(var(--animate-delay) * 1.8);
	animation-delay: calc(var(--animate-delay) * 1.8)
}
.animate__animated.animate__delay-2_3s {
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s;
	-webkit-animation-delay: calc(var(--animate-delay) * 2.3);
	animation-delay: calc(var(--animate-delay) * 2.3)
}
.animate__animated.animate__delay-2_6s {
	-webkit-animation-delay: 2.6s;
	animation-delay: 2.6s;
	-webkit-animation-delay: calc(var(--animate-delay) * 2.6);
	animation-delay: calc(var(--animate-delay) * 2.6)
}
.animate__animated.animate__delay-2_9s {
	-webkit-animation-delay: 2.9s;
	animation-delay: 2.9s;
	-webkit-animation-delay: calc(var(--animate-delay) * 2.9);
	animation-delay: calc(var(--animate-delay) * 2.9)
}