#figure1 {
  width: 4.79166vw;
  top: 2.86458vw;
  left: 32.8125vw;
}
#figure2 {
  width: 3.33333vw;
  top: 9.375vw;
  left: 63.69791vw;
}
.mainimage {
  width: 100%;
  margin-bottom: 3.07291vw;
  background-image: url("../img/works/main_works.png");
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 24/5;
}

#policyWrapper.active {
    opacity: 1;
    pointer-events: all;
}
#policyWrapper {
    background: rgba(0,0,0,0.7);
    position: fixed;
    height: 100vh;
    z-index: 100000;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
    cursor: pointer;
    object-fit: contain;
}
#privacy_policy{
    position: fixed;
	height: 80vh;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width: calc(800vw /19.2);
	overflow: auto;
	padding: 35px;
	margin: 0 auto;
    /*border-radius: 20px;*/
    background:#fff;
}
.buttonClose{
  width: calc(30vw /19.2);
  height:calc(30vw /19.2);
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 5vh;
  display: block;
  transform: translate(calc(450vw /19.2),0);
  cursor: pointer;
}
.privacy_main>div{

}
#privacy_policy h4{
	font-size: calc(24vw /19.2);
	font-weight: bold;
	text-align: center;
	color: #004097;
	margin-bottom: calc(22vw /19.2);
}
.privacy_main>div>div{
	margin-bottom: calc(24vw /19.2)
}
.privacy_main>div>div:last-of-type{
	margin-bottom: 0;
}
.privacy_main>div>div h3{
	font-size: calc(16vw /19.2);
	font-weight: 600;
	border-bottom: solid 1px #ccc;
	width: 100%;
	line-height: 1.75;
	margin-bottom: 0.5em;
	text-align: left;
}
.privacy_main>div>div p{
	font-size: calc(14vw /19.2);
	/* font-size: 16px; */
	/* font-size: 1rem; */
	/* line-height: 2; */
	/* letter-spacing: 0.8px; */
	/* text-align: justify; */
}
.privacy_main>div>div ul{
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
}
.privacy_main>div>div ul li{
	font-size: calc(14vw /19.2);
	line-height: 2em;
}
p.contact_data{
	margin-top: 2em;
}
article section.section_chitose_bike {
  margin-bottom: 4.21875vw;
}
.chitose-g_logo {
  width: 10.46875vw;
  margin: 0 auto;
  margin-bottom: calc(20vw /19.2);
}
.chitose-bike_logo {
  width: calc(144vw /19.2);
  margin: 0 auto;
  margin-bottom: calc(20vw /19.2);
}

.chitose_works {
  width: 41.66666vw;
  color: #FFF;
  background-color: rgba(94, 168, 221, 1);
  border-radius: 2.60416vw;
  padding: 1.45833vw 2.39583vw 2.5vw;
  box-sizing: border-box;
}
.chitose_works p:nth-child(1) {
  font-size: 1.25vw;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.83333vw;
}
.chitose_works p:nth-child(2) {
  font-size: 0.9375vw;
  font-weight: 400;
  text-align: left;
  line-height: 1.77777;
}
article section.section_workflow {
  margin-bottom: calc(30vw /19.2)
}
article h4{
	color: #000;
}
.flow_wrapper {
  display: flex;
  justify-content: space-between;
}
.flow {
  height: auto;
  box-sizing: border-box;
  position: relative;
}
.flow_num {


  border-radius: 3.125vw;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #FFF;
  font-size: calc(12vw / 19.2);
  line-height: calc(20vw / 19.2);
  width: calc(20vw / 19.2);
  height: calc(20vw / 19.2);
  text-align: center;
  background-color:#004097;
  display: inline-block;
}
.lightblue .flow_num{
	background-color:#5EA8DD;
}
.flow_title {
	display:inline;
	font-size: calc(20vw / 19.2);
	line-height: 1;
	vertical-align: text-bottom;
	color:#004097;
}

.lightblue .flow_title{
	color:#5EA8DD;
}
.flow_icon {
	position: relative;
}
.flow_icon .chitose{
	
}
.flow_icon_sp{
	display:none;
}

.flow_icon img{
	margin-top: calc(12vw /19.2);
	width: calc(24vw /19.2);
	position: relative;
	z-index: 9;
}
.lightblue .flow_icon img{
	
}
.flow:first-child .flow_icon:before {
	content: "";
	border-top: 1px dotted #004097;
	height: 1px;
	position: absolute;
	top: calc(16vw /19.2);
	left: 0;
	width: calc(700vw /19.2);
	z-index: 7;
}
.lightblue .flow:first-child .flow_icon:before {
	border-color: #5EA8DD;
}
.flow:first-child .flow_icon:after {
	content: "";
	width: 50%;
	height: calc(20vw / 19.2);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	background:#fff;
}
.flow:last-child .flow_icon:after {
	content: "";
	width: 50%;
	height: calc(20vw / 19.2);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 8;
	background:#fff;
}

.flow_details {
  border: 1px solid #004097;
  font-size: calc(16vw /19.2);
  color: #004097;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding: calc(5vw /19.2) calc(10vw /19.2);
}
.lightblue .flow_details {
	color: #5EA8DD;
	 border: 1px solid #5EA8DD;
}
article section.section_businesscontent{
	margin-bottom: 4.16666vw;
}

.busicont {
  width: 41.66666vw;
  height: 5.20833vw;
  background-color: rgba(94, 168, 221, 1);
  border-radius: 5.20833vw;
  display: flex;
  box-sizing: border-box;
  padding: 1.04166vw;
  margin-bottom: 1.04166vw;
}
.busicont_title {
  background-color: #fff;
  color: rgba(94, 168, 221, 1);
  font-size: 0.9375vw;
  font-weight: 600;
  width: 9.375vw;
  height: 3.125vw;
  border-radius: 3.125vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.busicont_details {
  color: #fff;
  font-size: 0.83333vw;
  font-weight: 400;
  line-height: 1.5;
	margin: auto;
  margin-left: 1.25vw;
}

.workList{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 0;
}
.workList li{
	/*border: #ffffff 0.15625vw solid;*/
	background: #f0f0f0;
	color: #004097;
	font-weight: bold;
	text-align: center;
	font-size:0.8333333333vw;
	line-height:2.08333333vw
}
.workList li.active{
	width: 20.833333333vw;;
	line-height: 2.08333333vw;
	background: #004097;
	color: #fff;

}


.workList li a{
	display: inline-block;
	width: 20.833333333vw;
	text-decoration: none;
	color: #004097;
	font-weight: 500;
	transition: none;
}
.workList li a:hover{
	background:#5EA8DD;
	color:#fff;
	opacity: 0.5;
}

.jobList.chitoseList{
background:#5EA8DD;
}
.workList.chitoseList li.active{
	background:#5EA8DD;
}
.workList.chitoseList li a:hover{
	background:#004097;

}

.jobList{
	width: 100%;
	background: #004097;
	display: flex;
	justify-content: center;
	gap:1.041666666vw;;
	padding: 1.041666666vw 0;
	margin-bottom: 3.07291vw;
	  
}
.jobList li{
	font-weight: bold;
	text-align: center;
	font-size:0.9375vw;
	line-height: 2.50416666vw;
	border-radius: 20vw;
	background:#fff;
	/*border:solid #004097 0.052083vw;*/
}
.jobList li:hover{
	opacity: 0.75;
}

.jobList li a{
	display: inline-block;
	padding: 0 1.5625vw;
	height: 2.60416666vw;
	text-decoration: none;
	color: #004097;
	font-weight: 500;
	min-width:5.2083333vw;
	position:relative;
	user-select: none;

}
.jobList li:hover a{
	opacity: 1;
}

.jobList.chitoseList li a{
	color: #5EA8DD;
}

.jobList li a span img{
	width: 1.5625vw;
	position: absolute;
	right: 0.2604166vw;
	top: 50%;
	transform: translate(0,-50%);
}
article section.section_chitose_bike {
  margin-bottom: calc(40vw /19.2)
}

.chitose_works {
  width: 41.66666vw;
  color: #FFF;
  background-color: rgba(94, 168, 221, 1);
  border-radius: 2.60416vw;
  padding: 1.45833vw 2.39583vw 2.5vw;
  box-sizing: border-box;
}
.chitose_works p:nth-child(1) {
  font-size: 1.25vw;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.83333vw;
}
.chitose_works p:nth-child(2) {
  font-size: 0.9375vw;
  font-weight: 400;
  text-align: left;
  line-height: 1.77777;
}
.job_container{
	position: relative;
	margin-bottom: 5.20833vw;
}
.job_wrapper{
	filter: drop-shadow(0.26041vw 0.26041vw 0 #5EA8DD);
	transform: translateZ(0);
	box-sizing: border-box
}
.job_wrapper_border{
	width: 41.66666vw;
	height: auto;
	background-color:  rgba(94, 168, 221, 1);
	clip-path: polygon(
		calc(0% + 2.60416vw) 0%,
		100% 0%,
		100% calc(100% - 2.60416vw),
		calc(100% - 2.60416vw) 100%,
		0% 100%,
		0% calc(0% + 2.60416vw)
	);
	padding: 1px;
	box-sizing: border-box
}
.job_wrapper_inner{
	width: 100%;
	height: auto;
	background-color:#FFF;
	clip-path: polygon(
		calc(0% + 2.60416vw) 0%,
		100% 0%,
		100% calc(100% - 2.60416vw),
		calc(100% - 2.60416vw) 100%,
		0% 100%,
		0% calc(0% + 2.60416vw)
	);
	margin: auto;
	padding: 3.125vw 2.60416vw 2.5vw;
	box-sizing: border-box
}
.job_name{
	font-size: 1.25vw;
	font-weight: 600;
	color: rgba(94, 168, 221, 1);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	padding:0 0.72916vw;
	line-height: 1;
	text-align: center;
	background-color: #fff;
	white-space: nowrap;
}

.section_guideline{
	margin-bottom: calc(120vw /19.2);
}

.guidline_wrapper {

  margin: 0 auto;
}
.guidline_wrapper > ul {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: calc(20vw /19.2);

  line-height: 2;
}
.guidline_wrapper > ul > li {
  display: grid;
  grid-template-columns: calc(200vw /19.2) calc(600vw /19.2);
  border-bottom: solid 1px #999
}
.guidline_wrapper > ul > li:first-child {

}
.guidline_wrapper > ul > li > div {
  padding-top: calc(20vw /19.2);
  padding-bottom: calc(20vw /19.2);
  padding-left: calc(50vw /19.2);
}
.guidline_wrapper > ul > li > div:nth-of-type(1) {
  /*padding-left: 1em;*/
  /*background-color: #f7f7f7;*/
  font-weight: bold;
  	color: #004097;
}
.lightblue .guidline_wrapper > ul > li > div:nth-of-type(1) {
	 	color: #5EA8DD
}
.guidline_wrapper > ul > li > div:nth-of-type(2) {
  padding-left: 0;
}
.guidline_wrapper > ul > li:last-child{
  
}
.guidline_wrapper > ul > li:nth-of-type(9) > div:nth-of-type(2) span {
  display: block;
  padding-left: 3em;
  text-indent: -3em;
}
.guidline_wrapper > ul > li:nth-of-type(10) > div:nth-of-type(2) span {
  display: block;
  padding-left: 7em;
  text-indent: -7em;
}
.section_workflow{
	border: 0.15625vw solid #004097;
	border-radius: 1.3020833333333333333333333333333vw;
	padding: 1.953125vw;
	box-shadow: 0.1562vw 0.1562vw #004097;
	margin-bottom: 7.6822916666vw;
	position: relative;
	text-align: center;
	font-size: 0.8333333333vw;
	font-weight: bold;
	color: #666666;
	box-sizing: border-box;
}
.lightblue .section_workflow {
	border-color: #5EA8DD;
	box-shadow: 0.1562vw 0.1562vw #5EA8DD;
}
#mainimage_online,
#mainimage_online2{
	animation: mist 100s infinite linear;
	width: 100%;
	height: calc(200vw /19.2);
	background-image: url(../img/recruit/obog2.jpg);
	background-repeat: repeat-x;
	background-size: auto 100%;
}
#mainimage_online{
	background-image: url(../img/recruit/obog1.jpg);
	background-position: calc(45vw /19.2) top;
	margin-bottom: 0;
	animation-direction: reverse
}
#reservationForm{
	background: #f0f0f0;
	padding-bottom: calc(18vw /19.2);
		margin-bottom: calc(100vw /19.2);
}
#reservationForm h5{
	margin-top: calc(24vw /19.2);
	font-size: calc(24vw /19.2);
	line-height: 1;
	padding: calc(38vw /19.2) 0;
	font-weight: bold;
	text-align: center;
}
#reservationForm ul{
	background:#fff;
	padding-top: calc(20vw /19.2);
	padding-left: calc(50vw /19.2);
	padding-right: calc(50vw /19.2);
	box-sizing: border-box;
    margin-bottom: calc(32vw /19.2);
}
#reservationForm ul li.submitline{
	padding-bottom: calc(50vw /19.2);

}

@keyframes mist {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 192% 0;
  }
}
#mainimage_online2{
	margin-top: -1px;
}
#section_online_introduction{
	margin: 0 auto;
	line-height: 2;
	width: calc(800vw /19.2);
	font-size: calc(16vw /19.2);	
	margin-top: calc(72vw /19.2);
	margin-bottom: calc(66vw /19.2);
}
#section_online_flow{
	text-align: center;
}
#section_online_flow h4{
	margin-bottom: calc(35vw /19.2);
}
#article_online h4{
	font-size: calc(24vw /19.2);
	height: calc(50vw /19.2);
	line-height: calc(50vw /19.2);
	padding-left: calc(65vw /19.2);
	padding-right: calc(65vw /19.2);
	font-weight: bold;
	background-color: white;
	position: relative;
	color:#004097;
	display: inline-block;
}
#article_online h4:after,
#article_online h4:before{
	content:"";
	width: calc(35vw /19.2);
	height: calc(50vw /19.2);
	background-size: auto calc(50vw /19.2);
	background-image: url(../img/recruit/h4_l.svg);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	left: calc(20vw /19.2);
}
#article_online h4:before{
	background-image: url(../img/recruit/h4_r.svg);
	left: auto;
	right: calc(20vw /19.2);
}
.onlinesteps{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.onlinestep{
	position: relative;
	text-align: center;
}
.onlinestep_you,
.onlinestep_senior{
	color:#fff;
	background: #004097;
	font-weight: bold;
	line-height: 1.5;
	font-size: calc(18vw /19.2);
	padding: calc(2vw /19.2) 0 calc(4vw /19.2);
	min-width: calc(100vw /19.2);
	border-radius:calc(15vw /19.2);
	font-size: calc(16vw /19.2);
	left: calc(14vw /19.2);	
	display: inline-block;
	position: absolute;
	bottom: 0;
	transform: translate(0,100%);
}
.onlinestep_senior{
	left: auto;
	right: calc(16vw /19.2);
}
#article_online .bubble{
	background: #fcee21;
	color: #004097;
	font-size: calc(20vw /19.2);
	padding: calc(11vw /19.2) calc(15vw /19.2);
	min-width: calc(92.5vw /19.2);
	border-radius:calc(15vw /19.2);
	font-size: calc(16vw /19.2);
	line-height: 1.5;	
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-align: left;
	filter: drop-shadow(calc(2vw /19.2) calc(2vw /19.2) #004097);
	transform: translateZ(0);
}
#article_online .bubble:after{
	content: "";
	width: calc(9vw /19.2);
	height: calc(12vw /19.2);
	background-size: calc(9vw /19.2) calc(12vw /19.2);
	background-image: url(../img/recruit/bubble.svg);
	background-repeat: no-repeat;
	background-position: center center;

	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
#onlinestep1 img{
	width: calc(530.750vw /19.2);
	margin: calc(5vw /19.2) auto;	
	height: auto;
	display: inline-block;

}
#onlinestep2 img{
	margin: 0 auto;
	width: calc(60vw /19.2);
	margin-top: calc(50vw /19.2);
	margin-bottom: calc(37.5vw /19.2);
	height: auto;
	display: inline-block;

}
#onlinestep3 img{
	width: calc(324vw /19.2);
	height: auto;
	display: inline-block;
	margin: 0 auto;
}
#onlinestep1 .bubble{
	padding: calc(3.5vw /19.2) calc(15vw /19.2) calc(2.5vw /19.2);
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: italic;
	text-align: center;
}
#onlinestep3 .bubble{
	margin-top: calc(-7.5vw /19.2);
}
.bubble-wrap{
	position: relative;
	text-align: center;
	display: inline-block;
}
.bubble-wrap:before{
	position: absolute;
	content:"1";
	top: 0;
	left: 0;
	color: #fff;
	background: #004097;
	width: calc(30vw /19.2);
	height: calc(30vw /19.2);
	line-height: calc(32vw /19.2);
	border-radius: calc(30vw /19.2);
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: italic;
	text-align: center;
	transform: translate(-50%,-50%);
	z-index: 10;
}
#onlinestep2 .bubble-wrap:before{
	content: "2";
}
#onlinestep3 .bubble-wrap:before{
	content: "3";
}
#onlinestep1 .bubble:after{
	top: auto;
	bottom: 0;
	transform: translate(-50%,50%);
}
#section_online_intro{
	width: calc(696vw /19.2);
	border: calc(4vw /19.2) solid #004097;
	border-radius: calc(33vw /19.2);
	margin-top: calc(100vw /19.2);
	text-align: center; 
	color: #004097;
}
#section_online_intro .senior{
	width: calc(250vw /19.2);
}
#section_online_intro h4{
	transform: translate(0,-60%);
}
#section_online_intro h4 span{
	font-style: italic;
	display: inline-block;
	transform: scale(1.2, 1.3) translate(0,-2%);
	transform-origin: left center;
}
#section_online_intro .flexbox{
		margin: 0 auto;
	width: calc(600vw /19.2);
	margin-top: calc(-18vw /19.2);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.online_form_intro{
	text-align: center;
}
.online_form_intro img{
	margin: 0 auto;
	width: calc(60vw /19.2);
	margin-top: calc(18vw /19.2);
	margin-bottom: calc(20vw /19.2);
	height: auto;
	display: inline-block;
}
#section_online_intro #plus{
	width: calc(34vw /19.2);
	margin-top: calc(103vw /19.2);
	aspect-ratio: 1/1;
}
#section_online_intro p{
	font-weight: 700;
	font-size: calc(18vw /19.2);
	margin-top: calc(8vw /19.2);
	margin-bottom: calc(8vw /19.2);
}
#section_online_intro p .small{
	font-size: calc(14vw /19.2);
}
.tags {
	display: flex;
	justify-content: center;
	gap: calc(10vw /19.2);
}
.tags li{	
	font-size: calc(16vw /19.2);
	padding: 0 calc(13vw /19.2);
	border-radius: calc(4vw /19.2);
	margin-bottom: calc(17.5vw /19.2);
	line-height: 1.5;
	font-weight: 700;
	background: #004097;
	
	color: #fff;
	
}
.buttonList{
	display:flex;
	justify-content: center;
	gap: calc(20vw /19.2);
	margin-bottom: calc(39vw /19.2);
	margin-top: calc(15vw /19.2);
}
.buttonList li.active{
	background:#004097;
	color:#fff;
	font-weight: bold;
    text-align: center;
    font-size: 0.9375vw;
    line-height: 2.50416666vw;
    border-radius: 20vw;
    border: solid #004097 0.052083vw;
    display: inline-block;
    padding: 0 1.5625vw;
    height: 2.60416666vw;
    text-decoration: none;
    font-weight: 500;
    min-width: 5.2083333vw;
    position: relative;
    user-select: none;

	
}
.buttonList li a{
	background:#fff;
	color:#004097;
	font-weight: bold;
    text-align: center;
    font-size: 0.9375vw;
    line-height: 2.50416666vw;
    border-radius: 20vw;
    border: solid #004097 calc(2vw /19.2);
    display: inline-block;
    padding: 0 1.5625vw;
    height: 2.60416666vw;
    text-decoration: none;
    color: #004097;
    font-weight: 500;
    min-width: 5.2083333vw;
    position: relative;
    user-select: none;

}
#formIntro{
	width: calc(800vw / 19.2);
    background-color: #fff;
    position: relative;
    text-align: center;
    border: calc(3vw / 19.2) solid #004097;
    border-radius: calc(20vw / 19.2);
    box-sizing: border-box;
    padding: calc(21vw / 19.2) calc(48vw /19.2) calc(30vw / 19.2);
    box-shadow: calc(3vw / 19.2) calc(3vw / 19.2) #004097;
    margin-bottom: calc(50vw / 19.2);
	font-size: calc(16vw /19.2);
	line-height: 2;
	font-weight: 500;
}
#formIntro .p1{
	margin-bottom: calc(22vw /19.2);

}
#formIntro .p1 span,
label .required{
    background: #c1272d;
    font-size: calc(14vw / 19.2);
    color: #fff;
	text-align: center;
	width: calc(40vw /19.2);
	height: calc(16vw /19.2);
	display:inline-block;
    font-weight: 500;
	line-height: 1;
	margin-right: calc(2vw /19.2);
	margin-left: calc(10vw /19.2);
	transform: translate(0,calc(-1vw /19.2));
}


.divider {
	width: 100%;
    background-image: repeating-linear-gradient(to right, #666 0 1px, transparent 1px 5px);
    background-repeat: repeat-x;
    height: 1px;
	margin-bottom: calc(18vw /19.2);
}
.openpolicy{
	color:#0071bc;
	text-decoration: underline;
	cursor: pointer;
}
form ul{
	width: 100%;
	margin-bottom: calc(110vw / 19.2);
}
form ul li{
	display: flex;
	border-top: solid 1px #ccc;
	padding: calc(17vw /19.2) 0 ;

}
form ul li:first-child{
	border-top: none;

}
form ul li label{
	font-weight: 600;
	width: calc(200vw /19.2);
	margin-left:calc(50vw /19.2);
}
form ul li label.required::after{
	content: '必須';
    background: #c1272d;
    font-size: calc(14vw / 19.2);
    color: #fff;
	text-align: center;
	width: calc(40vw /19.2);
	height: calc(16vw /19.2);
	display:inline-block;
    font-weight: 500;
	line-height: 1;
	margin-right: calc(2vw /19.2);
	margin-left: calc(10vw /19.2);
}

form ul li .externallink{
	font-size: calc(12vw /19.2);
	line-height: calc(16vw /19.2);
	color:#0071bc; 
}
form ul li .contact_select{
	position: relative;
}
form ul li .contact_select span{
	position: relative;
}
form ul li input[type="date"]{
	color: #666666;
	font-size: calc(14vw /19.2);
}
form ul li .contact_select span::after{
	content: '';
	display: block;
	width: calc(7vw /19.2);
	height: calc(7vw /19.2);
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	transform: rotate(45deg);
	position: absolute;
	top: calc(7vw /19.2);
	right: calc(10vw /19.2);
}
form ul li select{
	font-size: calc(12vw /19.2);
	line-height: 2;
	padding-left: calc(10vw /19.2);
	padding-right: calc(10vw /19.2);
	color: #666;
	background: #efefef;
	border: none;
	/*border-radius: 3em;*/
	-webkit-appearance: none;
 	appearance: none;

}
form ul li select option{

}
form ul li{
	font-size: calc(16vw /19.2);
	line-height: calc(20vw /19.2);
}
form ul li input{
	background: #efefef;
	border: none;
	height: calc(20vw /19.2);
	margin-right: calc(17vw /19.2);
}
form ul li .w100{
	width: calc(100vw /19.2);
}
form ul li .row1{
	margin-bottom: calc(10vw /19.2);
}
form ul li .w300{
	width: calc(300vw /19.2);

}
form ul li input[type="radio"]{
	margin-right: calc(8vw /19.2);
	height: calc(22vw /19.2);
	margin-left: calc(30vw /19.2);
	vertical-align: sub;
}
form ul li input[type="radio"]:nth-child(1){
	margin-left: 0;
}
form ul li.name >div,form ul li.kana >div{
	display: flex;
}
form ul li.name >div>div:first-child,form ul li.kana > div>div:first-child{
	margin-right: calc(60vw /19.2);
}
form ul li.name >div>div:nth-of-type(2),form ul li.kana > div>div:nth-of-type(2){
	margin-right:1em;
}
form ul li.name >div>div span,form ul li.kana > div >div span{
	width: 2em;
	display: block;
	float: left;
}
.zenkakuhankaku{
	color: #999;
}
form ul li .post{

}
form ul li .p-extended-address{
	width: calc(500vw /19.2)
}
.buttonSubmit{
	margin-top: calc(33vw /19.2);
}
#reservationForm li:last-child{
	justify-content: center;
	padding-bottom: calc(50vw /19.2);

}
.whereWork select{
	margin-left: calc(12vw /19.2);
}
.date{
	line-height: calc(30vw /19.2);
	padding: calc(10vw / 19.2) 0 calc(14vw / 19.2);


}

/*check.php*/
#contact_main_check>ul{
	width: 100%;
	margin: 0 auto;
}
#contact_main_check>ul li {
    display: flex;
    border-bottom: solid 1px #ccc;
    padding: 30px 0;
}
#contact_main_check>ul li > p:first-child{
	width: 34.24657%;
	font-weight: 600;
}
#check_submitBContainer{
	
}
#submitB_finish,#submitB_back{
	border: solid 1px #004097;
	position: relative;
	overflow: hidden;
	width: 250px;
	height: 60px;
	display: flex;
	align-items: center;
	margin: 0 auto;
	margin-top: 30px;
	/*padding-left: 38px;*/
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
}
#submitB_back{
	margin-bottom: 100px;
}
#submitB_finish::before,#submitB_back::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 64, 151, 0.2);
	/*transform: translateX(-100%);*/
	transition: .3s;
	left: -100%;
}
#submitB_finish:hover::before,#submitB_back:hover::before{
	/*transform: translateX(0%);*/
	left:0;
}
#submitB_finish p,#submitB_back p{
	color: #004097;
	font-weight: 600;
	position: relative;
	letter-spacing: 0.96px;
	font-size: 16px;
	transform: translateX(0);
	transition: 0.3s;
	width: 100%;
}
#submitB_finish p,#submitB_back p{
	transform: translateX(0);
}
#submitB_finish:hover p,#submitB_back:hover p{
	transform: translateX(5px);
}
#submitB_finish p::before,#submitB_back p::before{
	content: '';
    display: block;
    width: 23px;
    height: 1px;
    background-color: #004097;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
}
#submitB_finish p::after,#submitB_back p::after{
	content: '';
    display: block;
    width: 1px;
    height: 8px;
    background-color: #004097;
    position: absolute;
    transform: rotate(90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: -1px;
    right: 16px;
}
#submitB_finish:hover p::before,#submitB_back:hover p::before{
	transform: rotate(0deg);
	right: 15px;
}
#submitB_finish:hover p::after,#submitB_back:hover p::after{
	transform: rotate(135deg);
	top: 4px;
    right: 18px;
}
/*finish.php*/
.contact_to{
	text-align: center;
}
.contact_to > p{
	margin-bottom: 1em;
}
.contact_to > p:nth-of-type(2) a{
	color: #004097;
}
#contact_top_back{
	border: solid 1px #004097;
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 60px;
	display: flex;
	align-items: center;
	margin: 0 auto;
	margin-top: 30px;
	/*padding-left: 38px;*/
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
}
#contact_top_back{
	margin-bottom: 100px;
}
#contact_top_back a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
#contact_top_back::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 64, 151, 0.2);
	transition: .3s;
	left: -100%;
}
#contact_top_back:hover::before{
	left:0;
}
#contact_top_back p{
	color: #004097;
	font-weight: 600;
	position: relative;
	letter-spacing: 0.96px;
	font-size: 16px;
	transform: translateX(0);
	transition: 0.3s;
	width: 100%;
}
#contact_top_back p{
	transform: translateX(0);
}
#contact_top_back:hover p{
	transform: translateX(5px);
}
#contact_top_back p::before{
	content: '';
    display: block;
    width: 23px;
    height: 1px;
    background-color: #004097;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
}
#contact_top_back p::after{
	content: '';
    display: block;
    width: 1px;
    height: 8px;
    background-color: #004097;
    position: absolute;
    transform: rotate(90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: -1px;
    right: 16px;
}
#contact_top_back:hover p::before{
	transform: rotate(0deg);
	right: 15px;
}
#contact_top_back:hover p::after{
	transform: rotate(135deg);
	top: 4px;
    right: 18px;
}
.selectjoblist{
	display:none;
}

@media screen and (max-width: 767.98px) {
	#figure1 {
  		width: 11.70483vw;
  		top: 19.84732vw;
  		left: 14.75826vw;
	}
	#figure2 {
  		width: 8.14249vw;
  		top: 33.07888vw;
  		left: 76.59033vw;
	}
	.mainimage {
  		margin-bottom: 12.72264vw;
  		background-image: url("../img/works/main_works_sp.png");
 		aspect-ratio: 393/300;
	}
	article section.section_chitose_bike {
  		margin-bottom: 13.74045vw;
	}
	.chitose-bike_logo {
 		width: 36.38676vw;
  		margin-bottom: 7.63358vw;
	}
	.chitose_works {
 		width: 84.73282vw;
		border-radius: 7.63358vw;
		padding: 7.37913vw 5.08905vw 11.19592vw;
	}
	.chitose_works p:nth-child(1) {
  		font-size: 6.10687vw;
  		margin-bottom: 4.07124vw;
	}
	.chitose_works p:nth-child(2) {
  		font-size: 4.58015vw;
  		line-height: 1.77777;
	}

	
	.workList{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 0;
}
.workList li{
	/*border: #ffffff 0.15625vw solid;*/
	background: #f0f0f0;
	color: #004097;
	font-weight: bold;
	text-align: center;
	font-size:4.0712468193vw;
	line-height:10.178117vw;
		width: 50%;
}
.workList li.active{
	width: 50%;
	line-height:10.178117vw;
	background: #004097;
	color: #fff;

}
.workList li a{
		width: 100%;
	display: inline-block;
	text-decoration: none;
	color: #004097;
	font-weight: 500;

}
.workList li a:hover{
	background:#5EA8DD;
	color:#fff;
}

.jobList.chitoseList{
background:#5EA8DD;
}
.jobList.chitoseList li img{
	opacity: 0.6;

}
.workList.chitoseList li.active{
	background:#5EA8DD;
}
.workList.chitoseList li a:hover{
	background:#004097;

}

.jobList{
	background: #004097;
	display: flex;
	justify-content: center;
	padding: 5.08905vw;
	margin-bottom: 12.72264vw;
	flex-direction: column;
	gap:3.07291vw;;
	width: auto;
}
.jobList li{
	font-weight: bold;
	text-align: center;
	font-size:4.580152671vw;
	line-height: 10.178117vw;
	border-radius: 20vw;
	background:#fff;
	/*border:solid #004097 0.052083vw;*/
}
.jobList li:hover{
	opacity: 0.75;
}

.jobList li a{
	display: block;
	padding: 0 1.5625vw;
	line-height: 10.178117vw;
	text-decoration: none;
	color: #004097;
	height: auto;
	font-weight: 500;
	min-width:5.2083333vw;
	position:relative;
	user-select: none;
	width: auto;

}

.jobList.chitoseList li a{
	color: #5EA8DD;
}

.jobList li a span img{
	width: 7.6350534351145vw;
	position: absolute;
	right: 1.2722652993vw;
	top: 50%;
	transform: translate(0,-50%);
}
	article section.section_workflow {
  		margin-bottom: 13.74045vw;
		padding: calc(30vw /3.93);
		border: 0.7633587786vw solid #004097;
		box-shadow: 0.7633587786vw 0.7633587786vw #004097;
		border-radius: 6.3613231552vw;
	}
	.flow_wrapper {
    	flex-direction: column;	

	}
	.flow {
		height: auto;
		padding-bottom: calc(25vw /3.93);
		text-align:left;

		margin-left: calc(11vw /3.93);
		border-left: 1px dotted #004097;
	}
	.lightblue .flow {
		border-left: 1px dotted #5EA8DD;
	}
	.flow:last-child{
		padding-bottom: 0;
		border: none;
	}


	.flow_icon{
		display: none;
	}
	.flow_icon_sp{
			display: block;
			position: absolute;
			width: calc(10vw /3.93);
			left: 0;
			top: 0;
			transform: translate(-50%,-100%);
	}
	.flow_num {
		margin-left: calc(-10vw /3.93);	
		border-radius: 3.125vw;
			font-size: calc(12vw / 3.93);
			line-height: calc(20vw / 3.93);
			width: calc(20vw / 3.93);
			height: calc(20vw / 3.93);
	}
	.flow_title {
  		font-size: 4.58015vw;
  		margin-bottom: 6.10687vw;
		vertical-align: top;
	}
	.flow_details {
		border: none;
 		font-size: 4.07124vw;
		padding: calc(10vw / 3.93) 0 0 calc(30vw / 3.93);
	}
	.lightblue .flow_details {
		border: none;
	}
	article section.section_businesscontent{
		margin-bottom: 12.72264vw;
	}

	.busicont {
  		width: 84.73282vw;
  		height: auto;
		border-radius: 6.36132vw;
		flex-direction: column;
  		padding: 5.08905vw;
  		margin-bottom: 5.08905vw;
	}
	.busicont_title {
  		font-size: 4.58015vw;
  		font-weight: 600;
  		width: 100%;
  		height: 7.63358vw;
  		border-radius: 3.81679vw;
		margin-bottom: 4.45292vw;
  	}
	.busicont_details {
  		font-size: 4.07124vw;
  		display: block;
  		margin-left: 0;
		line-height: 1.3125;
	}
	.busicont_details p{
		text-indent: -1.5em;
		padding-left: 1.5em;
	}

	.job_container{
		margin-bottom: 12.72264vw;
	}
	.job_wrapper{
		filter: drop-shadow(1.27226vw 1.27226vw 0 #5EA8DD);
		transform: translateZ(0);
	}
	.job_wrapper_border{
		width: 84.73282vw;
		clip-path: polygon(
		calc(0% + 6.36132vw) 0%,
		100% 0%,
		100% calc(100% - 6.36132vw),
		calc(100% - 6.36132vw) 100%,
		0% 100%,
		0% calc(0% + 6.36132vw)
	);
	padding: 1px;
	box-sizing: border-box
}
.job_wrapper_inner{
	clip-path: polygon(
		calc(0% + 6.36132vw) 0%,
		100% 0%,
		100% calc(100% - 6.36132vw),
		calc(100% - 6.36132vw) 100%,
		0% 100%,
		0% calc(0% + 6.36132vw)
	);
	padding: 5.59796vw 5.08905vw 9.1603vw;
}
.job_name{
	font-size: 6.10687vw;
	padding:0 3.05343vw;
}

article section.section_g{
	width:  100%;
	background-color:#f0f0f0;
	padding: 17.55725vw 0 14.75826vw;
	text-align: center;
	margin-bottom: 24.68193vw;
}
.chitose-g_logo{
	width: 51.14503vw;
	margin: 0 auto;
	margin-bottom: 3.81679vw;
}
.section_g a{	
	font-size: 4.07124vw;
	background-size: 7.63358vw;
	padding-right: 10.68702vw;
	margin-right: -10.68702vw;
}


	
	/*千歳商会*/
	.chitose-g .mainimage {
  		background-image: url("../img/works/main_works2_sp.png");
	}
	.chitose-g .chitose-bike_logo {
 		width: 51.14503vw;
  		margin-bottom: 7.63358vw;
	}
	.chitose-g .chitose-g_logo{
		width: 36.38676vw;
		margin-bottom: 4.07124vw;
	}

	.section_guideline{
	margin-bottom: calc(120vw /3.93);
}

.guidline_wrapper {

  margin: 0 auto;
}
.guidline_wrapper > ul {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: calc(20vw /3.93);
  padding: 0 0 calc(8vw /3.93);
  line-height: 2;
}
.guidline_wrapper > ul > li {
  display: grid;
  grid-template-columns: calc(70vw /3.93) calc(263vw /3.93);
  border-bottom: solid 1px #999
}
.guidline_wrapper > ul > li:first-child {

}
.guidline_wrapper > ul > li > div {
  padding-top: calc(20vw /3.93);
  padding-bottom: calc(20vw /3.93);
  padding-left: 0;
}
#mainimage_online,
#mainimage_online2{
	animation: mist 200s infinite linear;
	height: calc(150vw /3.93);
}
#mainimage_online{
	background-position: calc(45vw /3.93) top;
	animation-direction: reverse;
}
@keyframes mist {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 192% 0;
  }
}
#section_online_introduction{
	width: calc(333vw /3.93);
	font-size: calc(16vw /3.93);	
	margin-top: calc(42vw /3.93);
	margin-bottom: calc(42vw /3.93);
}
#section_online_flow h4{
	margin-bottom: calc(35vw /3.93);
}
#article_online h4{
	font-size: calc(18vw /3.93);
	height: calc(40vw /3.93);
	line-height: calc(40vw /3.93);
	padding-left: calc(52vw /3.93);
	padding-right: calc(52vw /3.93);
}
#article_online h4:after,
#article_online h4:before{
	width: calc(28vw /3.93);
	height: calc(40vw /3.93);
	background-size: auto calc(40vw /3.93);
	left: calc(16vw /3.93);
}
#article_online h4:before{
	right: calc(16vw /3.93);
	        left: auto;
}
.onlinestep_you,
.onlinestep_senior{
	font-size: calc(18vw /3.93);
	padding: 0 0 calc(2vw /3.93);
	min-width: calc(60vw /3.93);
	border-radius:calc(15vw /3.93);
	font-size: calc(14vw /3.93);
	line-height:  calc(18vw /3.93);;
	left: calc(8vw /3.93);	
	top: calc(5vw /3.93);
	bottom: auto;
	transform: translate(0, 0);
}
.onlinestep_senior{
	right: calc(14vw /3.93);
	left: auto;
}
#article_online .bubble{
	font-size: calc(20vw /3.93);
	padding: calc(11vw /3.93) calc(15vw /3.93);
	min-width: calc(92.5vw /3.93);
	border-radius:calc(15vw /3.93);
	font-size: calc(16vw /3.93);
	line-height: 1.5;	
	filter: drop-shadow(calc(2vw /3.93) calc(2vw /3.93) #004097);
	transform: translateZ(0);
}
#article_online .bubble:after{
	width: calc(9vw /3.93);
	height: calc(12vw /3.93);
	background-size: calc(9vw /3.93) calc(12vw /3.93);
}
#onlinestep1 img{
	width: calc(530.750vw /3.93);
	margin: calc(10vw /3.93) auto;	

}
#onlinestep2 img{
	width: calc(60vw /3.93);
	margin-top: calc(20vw /3.93);
	margin-bottom: calc(18.75vw /3.93);
}
#onlinestep3 img{
	width: calc(324vw /3.93);	
}
#onlinestep1 .bubble{
	padding: calc(3.5vw /3.93) calc(15vw /3.93) calc(2.5vw /3.93);
}
#onlinestep3 .bubble{
	margin-top: calc(-7.5vw /3.93);
}
.bubble-wrap:before{
	width: calc(30vw /3.93);
	height: calc(30vw /3.93);
	line-height: calc(32vw /3.93);
	border-radius: calc(30vw /3.93);
}
#section_online_intro{
	width: calc(329vw /3.93);
	border: calc(4vw /3.93) solid #004097;
	border-radius: calc(33vw /3.93);
	margin-top: calc(60vw /3.93);
}
#section_online_intro .senior{
	width: calc(250vw /3.93);
}
#section_online_intro h4 span{
	transform: scale(1.2, 1.3) translate(0,-2%);
}
#section_online_intro .flexbox{
	flex-direction: column;
	width: auto;
	margin-top: calc(-12vw /3.93);
	align-items: center;
}
.online_form_intro{
}
.online_form_intro img{
	width: calc(60vw /3.93);
	margin-top: calc(18vw /3.93);
	margin-bottom: calc(20vw /3.93);
}
#section_online_intro #plus{
	width: calc(34vw /3.93);
	margin-top: 0;
	margin-bottom: calc(17.5vw / 3.93);
}
#section_online_intro p{
	font-size: calc(18vw /3.93);
	margin-top: calc(8vw /3.93);
	margin-bottom: calc(8vw /3.93);
}
#section_online_intro p .small{
	font-size: calc(14vw /3.93);
}
.tags {
	gap: calc(10vw /3.93);
}
.tags li{	
	font-size: calc(16vw /3.93);
	padding: 0 calc(13vw /3.93);
	border-radius: calc(4vw /3.93);
	margin-bottom: calc(17.5vw /3.93);
	line-height: 1.5;
	
}


.buttonList{
	padding:0;
	margin: 0 auto calc(20vw /3.93);
	gap: calc(10vw /3.93);
	flex-direction: column;
	width: calc(333vw /3.93);
}
.buttonList li.active{
		width: auto;
	font-size:calc(16vw /3.93);
	line-height: calc(40vw /3.93);
	padding: 0 calc(20vw /3.93);
    height: calc(40vw /3.93);
	display: block;
}
.buttonList li a{
	/*padding: 0 1.5625vw;
	line-height: 10.178117vw;
	font-weight: 500;
	min-width:5.2083333vw;*/
	width: auto;
	font-size:calc(16vw /3.93);
	line-height: calc(40vw /3.93);
	padding: 0 calc(20vw /3.93);
    height: calc(40vw /3.93);
    display: block;
	border: solid #004097 calc(2vw /3.93);

}

#formIntro{
	width: auto;
    border: calc(3vw / 3.93) solid #004097;
    border-radius: calc(20vw / 3.93);
    padding: calc(21vw / 3.93) calc(18vw /3.93) calc(30vw / 3.93);
    box-shadow: calc(3vw / 3.93) calc(3vw / 3.93) #004097;
    margin-bottom: calc(50vw / 3.93);
	font-size: calc(14vw /3.93);

}
#formIntro .p1{
	margin-bottom: calc(22vw /3.93);

}
#formIntro .p1 span,
label .required{
    background: #c1272d;
    font-size: calc(14vw / 3.93);
    color: #fff;
	text-align: center;
	width: calc(40vw /3.93);
	height: calc(16vw /3.93);
	display:inline-block;
    font-weight: 500;
	line-height: 1;
	margin-right: calc(2vw /3.93);
	margin-left: calc(10vw /3.93);
	transform: translate(0,calc(-1vw /3.93));
}
br.mobileonly{
	display:inline
}

.divider {
	width: 100%;
    background-image: repeating-linear-gradient(to right, #666 0 1px, transparent 1px 5px);
    background-repeat: repeat-x;
    height: 1px;
	margin-bottom: calc(18vw /3.93);
}
.openpolicy{
	color:#0071bc;
	text-decoration: underline;
	cursor: pointer;
}
form ul{
	width: 100%;
	margin-bottom: calc(110vw / 3.93);
}
form ul li{
	display: flex;
	flex-direction: column;
	padding: calc(17vw /3.93) 0 ;

}
form ul li:first-child{
	border-top: none;

}
form ul li label{
	font-weight: 600;
	width: auto;
	margin-left:0;
	margin-bottom: calc(10vw /3.93);
}
form ul li label.required::after{
	content: '必須';
    background: #c1272d;
    font-size: calc(14vw / 3.93);
    color: #fff;
	text-align: center;
	width: calc(40vw /3.93);
	height: calc(16vw /3.93);
	display:inline-block;
    font-weight: 500;
	line-height: 1;
	margin-right: calc(2vw /3.93);
	margin-left: calc(10vw /3.93);
}

form ul li .externallink{
	font-size: calc(12vw /3.93);
	line-height: calc(16vw /3.93);
	color:#0071bc; 
}
form ul li .contact_select{
	position: relative;
}
form ul li .contact_select span{
	position: relative;
}
form ul li input[type="date"]{
	color: #666666;
	font-size: calc(14vw /3.93);
}
form ul li .contact_select span::after{
	content: '';
	display: block;
	width: calc(7vw /3.93);
	height: calc(7vw /3.93);
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	transform: rotate(45deg);
	position: absolute;
	top: calc(7vw /3.93);
	right: calc(10vw /3.93);
}
form ul li select{
	font-size: calc(12vw /3.93);
	line-height: 2;
	padding-left: calc(10vw /3.93);
	padding-right: calc(10vw /3.93);
	color: #666;
	background: #efefef;
	border: none;
	/*border-radius: 3em;*/
	-webkit-appearance: none;
 	appearance: none;

}
form ul li select option{

}
form ul li{
	font-size: calc(16vw /3.93);
	line-height: calc(30vw /3.93);
}
form ul li input{
	height: calc(30vw /3.93);

}
form ul li .w100{
	width: calc(100vw /3.93);
}
form ul li .row1{
	margin-bottom: calc(10vw /3.93);
}
form ul li .w300{
	width: calc(250vw /3.93);

}
form ul li input[type="radio"]{
	margin-right: calc(8vw /3.93);
	height: calc(22vw /3.93);
	margin-left: calc(30vw /3.93);
}
form ul li input[type="radio"]:nth-child(1){
	margin-left: 0;
	
}
form ul li.name >div,form ul li.kana >div{
	display: flex;
	align-items: flex-end
}
form ul li.name >div>div:first-child,form ul li.kana > div>div:first-child{
	margin-right: calc(60vw /3.93);
}
form ul li.name >div>div:nth-of-type(2),form ul li.kana > div>div:nth-of-type(2){
	margin-right:1em;
}
form ul li.name >div>div span,form ul li.kana > div >div span{
	width: 2em;
	display: block;
	float: left;
}
.zenkakuhankaku{
	font-size: calc(14vw /3.93);
}
form ul li .post{

}
form ul li .p-extended-address{
	width: 100%
}
.buttonSubmit{
	margin-top: calc(33vw /3.93);
}
.whereWork select{
	margin-left: calc(12vw /3.93);
	height: calc(30vw /3.93);
}
.date{
	line-height: calc(30vw /3.93);
	padding: calc(10vw / 3.93) 0 calc(14vw / 3.93);


}

#policyWrapper.active {
    opacity: 1;
    pointer-events: all;
}
#policyWrapper {
    background: rgba(0,0,0,0.7);
    position: fixed;
    height: 100vh;
    z-index: 100000;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
    cursor: pointer;
    object-fit: contain;
}
#privacy_policy{
    position: fixed;
	height: 80vh;

	width: calc(333vw /3.93);
	padding: calc(20vw /3.93);
}
.buttonClose{
  width: calc(30vw /3.93);
  height:calc(30vw /3.93);
  	top: calc(5vw /3.93);
	right: calc(5vw /3.93);
	left: auto;
	transform: none;
}
.privacy_main>div{

}
#privacy_policy h4{
	font-size: calc(24vw /3.93);
	font-weight: bold;
	text-align: center;
	color: #004097;
	margin-bottom: calc(22vw /3.93);
}
.privacy_main>div>div{
	margin-bottom: calc(24vw /3.93)
}
.privacy_main>div>div:last-of-type{
	margin-bottom: 0;
}
.privacy_main>div>div h3{
	font-size: calc(16vw /3.93);
	font-weight: 600;
	border-bottom: solid 1px #ccc;
	width: 100%;
	line-height: 1.75;
	margin-bottom: 0.5em;
	text-align: left;
}
.privacy_main>div>div p{
	font-size: calc(14vw /3.93);
	/* font-size: 16px; */
	/* font-size: 1rem; */
	/* line-height: 2; */
	/* letter-spacing: 0.8px; */
	/* text-align: justify; */
}
.privacy_main>div>div ul{
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
}
.privacy_main>div>div ul li{
	font-size: calc(14vw /3.93);
	line-height: 2em;
}
p.contact_data{
	margin-top: 2em;
}
article section.section_chitose_bike {
  margin-bottom: 4.21875vw;
}
#reservationForm h5 {
    margin-top: calc(24vw / 3.93);
    font-size: calc(24vw / 3.93);
    padding: calc(38vw / 3.93) 0;
}
#reservationForm ul {
    background: #fff;
    padding-top: calc(20vw / 3.93);
    padding-left: calc(20vw / 3.93);
	padding-right: calc(20vw / 3.93);
	box-sizing: border-box;
	margin-bottom: calc(40vw / 3.93);
}
#reservationForm li.date{
	flex-direction: row;
	gap: calc(10vw /3.93);
	padding-bottom: calc(30vw /3.93);

}
#reservationForm li:last-child{
	padding-bottom:  calc(0vw /3.93);
	background: #f0f0f0;
	border-top: none;
	margin-left: calc(-20vw /3.93);
	margin-right: calc(-20vw /3.93);
	padding-top: calc(40vw / 3.93);
}
#reservationForm .w300{
	width: calc(200vw /3.93);

}


#reservationForm  .buttonSubmit {
    margin-top: 0;
	margin-bottom: calc(0vw / 3.93);
}
}