/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select,button{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"],input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}
img , svg {
	max-width: 100%;
	height: auto;
}

.forPc {
  display: block;
}
.forSp {
  display: none;
}
@media screen and (max-width: 768px){
  .forPc {
    display: none;
  }
  .forSp {
    display: block;
  }
}

html {
  scroll-behavior: smooth;
	scroll-padding-top: 100px;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.7;
}

.gradient-bg {
  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
  background: url(img/fv.png) no-repeat center/cover;
  margin-top: 84px;
}
@media screen and (max-width: 768px){
  .gradient-bg {
    margin-top: 64px;
  }
}

.gmo-blue {
  background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
}

.gmo-orange {
  background: linear-gradient(135deg, #ff6b3d 0%, #ff4500 100%);
}

.cta-button {
  background: linear-gradient(135deg, #ff6b3d 0%, #ff4500 100%);
  box-shadow: 0 10px 30px rgba(255, 107, 61, 0.4);
  transition: all 0.3s ease;
  transform: translateY(0);
}
.fv .cta-button {
  box-shadow: none;
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(255, 107, 61, 0.6);
}

#header .cta-button {
  font-size: 14px;
  box-shadow: 0 5px 10px rgba(255, 107, 61, 0.4);
}
#header .cta-button:hover {
  box-shadow: 0 10px 20px rgba(255, 107, 61, 0.6);
}

.feature-card {
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.feature-card:hover {
  transform: translateY(-5px);
  /* border-color: #ff6b3d; */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.step-number {
  background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 1.5rem;
  aspect-ratio: 1;
}

.qa-item {
  border-left: 4px solid #ff6b3d;
}

.pulse-animation {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

.form-container {
  /* background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); */
	background-color: #fff;
  border: 2px solid #e2e8f0;
}


body {
	font-size: 14px;
}
.inner {
  width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


#header {
  position: fixed;
  top: 29px;
  width: 100%;
  background-color: #ffffffcc;
  backdrop-filter: blur(10px);
  z-index: 20000;
}
@media screen and (max-width: 768px){
  #header {
    top: 0;
    padding: 10px 0;
  }
}

#header .log {
	float: left;
	width: 350px;
}
@media screen and (max-width: 768px){
  #header .log {
    width: 55%;
  }
}
#header #nav {
	float: right;
}
#header #nav ul li {
	float: left;
}
#header #nav ul li:last-child {
	margin: 0;
}
#header #nav ul li a {
	color: #333;
	text-decoration: none;
	line-height: 1.6;
}
@media ( min-width: 480px ){
	#header {
		padding: 20px 0;
	}
}

.fv_inner {
  filter: drop-shadow(0px 0px 6px #0418ba80);
}
.fv_inner h1 span {
  font-weight: normal;
}
.fv_inner h2 {
  font-size: 2rem;
  line-height: 1.25;
}
.service .rounded-full {
  width: 100%;
  height: 100%;
  /* aspect-ratio: 1; */
	display: flex;
  justify-content: center;
  align-items: center;
}

.fv .container {
  display: flex;
  text-align: left;
  aspect-ratio: 1280 / 650;
  justify-content: flex-start;
  align-items: center;
  height: calc(100vw * 650/1280);
  max-height: 650px;
}
@media screen and (max-width: 768px){
  .fv .container {
    aspect-ratio: 2/3;
		height: auto;
  }
}
#footer p.copy {
	background: #005bac;
	color: #fff;
	text-align: center;
  font-size: 14px;
  padding: 12px 0;
}
.fut {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
}