@charset "UTF-8";

/*
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/


@import url("home.css");


/* ----------------------------------------------------------
   second_top
---------------------------------------------------------- */
.second_top_area {
    position: relative;
    margin: 0%;
    padding: 0%;
    width: 100%;
	/*box-sizing: border-box;*/
 }

.second_top{
	margin:  100px 5vw 0;
	/*box-sizing: border-box;*/
	background-size: cover;
	height: 40vh;
	border-radius: 60px;
}

.bg_company{
	background-image: url("../company/img/bg_img.jpg");
	background-position: center;
}

.bg_business{
	background-image: url("../business/img/bg_img01.jpg");
	background-position: center;
}

.bg_contact{
	background-image: url("../contact/img/bg_img.jpg");
	background-position: center;
}

.bg_privacy{
	background-image: url("../privacy/img/bg_img.jpg");
	background-position: center;
}


h2.second_top_title{
	position: absolute;
	bottom: 5%;
	left: 8%;
	font-size: clamp(42px, 5vw, 55px);
	font-weight: bold;
	width: fit-content;
	padding: 0.5rem 1rem;
	background-color: rgba(255, 255, 255, 0.6);
	backdrop-filter: grayscale(100%);
	letter-spacing: 0.1em;
	
	-webkit-text-stroke: 2px #fff;
  text-stroke: 2px #fff;
  paint-order: stroke fill;
	
}

/* ----------------------------------------------------------
   GENERAL
---------------------------------------------------------- */
.title_gladient{
  margin-inline: auto;
	width: fit-content;
	border-bottom: 4px solid;
  border-top: 4px solid;
	border-image: linear-gradient(to right, #E32CAF, #1C4180) 1;
}

h3.second_title{
	font-size: clamp(30px, 4vw, 40px);
	letter-spacing: 0.1em;
	font-weight: bold;
}


.line_pink{
	border-bottom: 4px solid var(--pink);
	border-top: 4px solid var(--pink);
}

.line_navy{
	border-bottom: 4px solid var(--navy);
	border-top: 4px solid var(--navy);
}

/*
h4.medium_title_pink,
h4.medium_title_navy{
    font-weight: bold;
    padding: 0 0 0.5em 0;
    position: relative;
	font-size: 1.5rem;
}

h4.medium_title_pink::before,
h4.medium_title_navy::before{
  content: '';
  width: 1.5em;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

h4.medium_title_pink::before {
	background-color:  var(--pink);
}

h4.medium_title_navy::before{
	background-color:  var(--navy);
}*/

.midium_title_gladient{
	border-left: 4px solid;
	border-image: linear-gradient(to bottom, #E32CAF, #1C4180) 1;
}

h4.medium_title{
	font-size: 1.5rem;
	font-weight: bold;
  line-height: 1;
  padding: 5px 0 5px 18px;
	margin-bottom: 1rem;
	margin-top: 2rem;
}


/* ----------------------------------------------------------
   BUSINESS  
---------------------------------------------------------- */

.businessimg01{
	background-image: url("../business/img/img03.jpg");
	background-position: bottom;

}

.businessimg02{
	background-image: url("../business/img/img02.jpg");
	background-position: right;
}

.businessimg03{
	background-image: url("../business/img/img07.jpg");
	background-position: right center;
}

.businessimg04{
	background-image: url("../business/img/img06.jpg");
	background-position: bottom;
}

/*.flex_box > .left_image_area{
	width: 50%;
	border-top-left-radius: 50vh;
	border-bottom-left-radius: 50vh;
	background-size: cover;
}

.flex_box > .right_text_area{
	width: 50%;
	background-color: #fff;
	padding: 50px 5%;

}*/

/*.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.container {
  position: relative;
  padding: 100px;
  width: 100%;
  background-color: #f2f2f2;
}

.box {
  width: 100px;
  height: 100px;
  background-color: #000;
}

.box img{
	width: 100%;
}
*/

.move_deco{
	width: 100%;
	overflow: hidden;
	margin-top: 5vh;
}

.slide_car{
	width: 300px;
	
}

.slide_car img{
	width: 100%;
	 animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1px, 1px) rotateZ(1deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    75% {transform: translate(1px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.moveTrigger{
	opacity: 0;
}

.moveTrigger.moveOn{
  animation-name: movecar;
  animation-fill-mode:forwards;
	animation-duration:8s;
	animation-timing-function:linear;
	overflow: hidden;
	opacity: 1;
}

@keyframes movecar {
/*  from {
	  transform: translateX(calc(100vw + 300px));
    
  }
  to {
     transform: translateX(-300px);
  }*/
	
 from {
	 transform: translateX(-300px);
    
  }
  to {
    transform: translateX(calc(100vw + 300px));
  }
}
/* ----------------------------------------------------------
   COMPANY  
---------------------------------------------------------- */


.greetingimg{
	background-image: url("../company/img/img01.jpg");
}

p.name{
	margin: 2rem 0 0 0;
	text-align: right;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	font-weight: bold;
}

p.name> span{
	font-size: 0.9rem;
	font-weight: normal;
	letter-spacing: normal;
}

.bg_img{
	 background-image: url('../company/img/bg_img02.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
	padding: 10vh 5%;
	margin: 15vh 0;

}




.bg_filter{
		
	  background-color:rgba(255, 255, 255, 0.6);
  backdrop-filter: grayscale(100%);
	padding: 10vh 12%;
}

table.table_basic{
	display: table;
	margin-inline: auto;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	border: 2vh solid var(--back);

}

table.table_basic th,
table.table_basic td{
	background-color: #fff;
	border-bottom: 2vh solid var(--back);
	padding: 1rem 1.5rem;
}

table.table_basic th{
	width: 35%;
	font-weight: bold;
}

table.table_basic td{
	width: 65%;
}

.table_last{
	border-bottom: 0!important;
}

/* ----------------------------------------------------------
   CONTACT  
---------------------------------------------------------- */
p.contact_top_text{
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
	text-align: center;
	letter-spacing: 0.1em;
}

.tel_area{
	width: 100%;
	background-color: #fff;
	border-bottom-left-radius:50vh; 
	border-top-left-radius:50vh; 
	padding: 50px 5%;
}

p.tel_number{
	font-weight: bold;
	font-size: 2.5rem;
	letter-spacing: 0.1em;
	line-height: 2rem;
	margin: 0 auto;
	  position: relative;
	  padding-left: 50px;
	width: fit-content;
}

p.tel_number::before {
  content: url("../contact/img/call.png");
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.1);
  position: absolute;
  top: -240px;
  left: -250px;
}

/* ----------------------------------------------------------
  PRIVACY
---------------------------------------------------------- */
p.privacy_top_text{
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
	letter-spacing: 0.1em;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



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

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

/* ----------------------------------------------------------
   GENERAL  -  TA
---------------------------------------------------------- */	
	
h4.medium_title_pink,
h4.medium_title_navy{
	text-align: center;
/*    font-weight: bold;
    padding: 0 0 0.5em 0;
    position: relative;
	font-size: 1.5rem;*/
}

h4.medium_title_pink::before,
h4.medium_title_navy::before{
	left: 50%;
	  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
/*  content: '';
  width: 1.5em;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;*/
}

h4.medium_title_pink::before {
	/*background-color:  var(--pink);*/
}

h4.medium_title_navy::before{
	/*background-color:  var(--navy);*/
}

	
}
	
/* ----------------------------------------------------------
    BUSINESS  
---------------------------------------------------------- */
	.slide_car{
	width: 200px;
	
}

/* ----------------------------------------------------------
   COMPANY  
---------------------------------------------------------- */
/*

.greetingimg{
	background-image: url("../company/img/img01.jpg");
}

p.name{
	margin: 2rem 0 0 0;
	text-align: right;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	font-weight: bold;
}

p.name> span{
	font-size: 0.9rem;
	font-weight: normal;
	letter-spacing: normal;
}

table.table_basic{
	display: table;
	margin-inline: auto;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

table.table_basic th,
table.table_basic td{
	background-color: #fff;
	border-bottom: 2vh solid var(--back);
	padding: 1rem 1.5rem;
}

table.table_basic th{
	width: 35%;
	font-weight: bold;
}

table.table_basic td{
	width: 65%;
}

.table_last{
	border-bottom: 0!important;
}*/
	
table.table_basic th{
	width: 25%;
}

table.table_basic td{
	width: 75%;
}
	
/* ----------------------------------------------------------
   CONTACT  
---------------------------------------------------------- */
p.contact_top_text{
	
/*	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
	text-align: center;
	letter-spacing: 0.1em;*/
}

.tel_area{
/*	width: 100%;
	background-color: #fff;
	border-bottom-left-radius:50vh; 
	border-top-left-radius:50vh; 
	padding: 50px 5%;*/
	border-bottom-left-radius: 100px;
	border-top-left-radius: 100px;
	min-height: 200px;
}

p.tel_number{
	font-size: clamp(30px, 4vw, 40px);
/*	font-weight: bold;
	font-size: 2.5rem;
	letter-spacing: 0.1em;
	line-height: 2rem;
	margin: 0 auto;
	  position: relative;
	  padding-left: 50px;
	width: fit-content;*/
}

p.tel_number::before {
/*  content: url("../contact/img/call.png");
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.1);
  position: absolute;
  top: -240px;
  left: -250px;*/
}


	
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 699px) {
	
/* ----------------------------------------------------------
   second_top  -  SP
---------------------------------------------------------- */
.second_top_area {
/*    position: relative;
    margin: 0%;
    padding: 0%;
    width: 100%*/;
 }

.second_top{
	height: 30vh;
	margin: 80px 0 0;
	border-radius: 40px;
	
/*	margin:  100px 5vw 0;
	background-size: cover;
	height: calc(100px + 40vh);
	border-radius: 60px;*/
}

/*.bg_company{
	background-image: url("../company/img/bg_img.jpg");
	background-position: center;
}

.bg_business{
	background-image: url("../business/img/bg_img.jpg");
	background-position: bottom;
}
*/

h2.second_top_title{
	font-size: clamp(30px, 5vw, 40px);
	bottom: 5%;
	left: 5%;
/*	position: absolute;
	bottom: 5%;
	left: 8%;
	font-size: clamp(42px, 5vw, 55px);
	font-weight: bold;
	width: fit-content;
	padding: 0.5rem 1rem;
	background-color: #fff;
	letter-spacing: 0.1em;*/
	
}
	
/* ----------------------------------------------------------
   GENERAL  -  SP
---------------------------------------------------------- */
h3.second_title{
	font-size: clamp(25px, 4vw, 40px);
/*	font-size: clamp(30px, 4vw, 40px);
	letter-spacing: 0.1em;
	font-weight: bold;
	width: fit-content;
	margin: 0 auto;*/
}

.line_pink{
/*	border-bottom: 4px solid var(--pink);
	border-top: 4px solid var(--pink);*/
}

.line_navy{
/*	border-bottom: 4px solid var(--navy);
	border-top: 4px solid var(--navy);*/
}


h4.medium_title{
	line-height: 2rem;
/*	font-size: 1.5rem;
	font-weight: bold;
  line-height: 1;
  padding: 5px 0 5px 18px;
	margin-bottom: 1rem;
	margin-top: 2rem;*/
}
	
/* ----------------------------------------------------------
   BUSINESS  -  SP
---------------------------------------------------------- */
.top_curve_left{
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	margin: 5vh 0 0 2%;
	padding: 15px calc(15px + 2%) 15px 15px;

}
	
.flex_box > .left_image_area{
	border-bottom-left-radius: 100px;
	}

.flex_box > .right_text_area{
	border-top-left-radius: 100px;
}
	
.slide_car{
	width: 150px;
}
	
@keyframes movecar {
/*  from {
	  transform: translateX(calc(100vw + 150px));
    
  }
  to {
     transform: translateX(-150px);
  }*/
	
from {
	  transform: translateX(-150px);
    
  }
  to {
     transform: translateX(calc(100vw + 150px));
	}
	

/* from {
	 transform: translateX(-300px);
    
  }
  to {
    transform: translateX(calc(100vw + 300px));
  }
}*/
	}
	
/* ----------------------------------------------------------
   COMPANY   -  SP
---------------------------------------------------------- */
/*

.greetingimg{
	background-image: url("../company/img/img01.jpg");
}

p.name{
	margin: 2rem 0 0 0;
	text-align: right;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	font-weight: bold;
}

p.name> span{
	font-size: 0.9rem;
	font-weight: normal;
	letter-spacing: normal;
}

table.table_basic{
	display: table;
	margin-inline: auto;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

table.table_basic th,
table.table_basic td{
	background-color: #fff;
	border-bottom: 2vh solid var(--back);
	padding: 1rem 1.5rem;
}

table.table_basic th{
	width: 35%;
	font-weight: bold;
}

table.table_basic td{
	width: 65%;
}

.table_last{
	border-bottom: 0!important;
}*/
	
/*table.table_basic th{
	width: 25%;
}

table.table_basic td{
	width: 75%;
}*/
	

.bg_img{
/*	 background-image: url('../company/img/bg_img02.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
	padding: 10vh 5%;
	margin: 15vh 0*/
/*	background-position: left center;
	margin: 10vh 0;
	padding: 5vh 5%;*/
	background-attachment:scroll;
	background-position: 20% center;
	margin: 10vh 0;
	padding: 5vh 5%;
}

.bg_filter{
/*		
	  background-color:rgba(255, 255, 255, 0.6);
  backdrop-filter: grayscale(100%);
	padding-top: 10vh;*/
	padding: 5vh 5%;
}
	
	
table.table_basic tr,
table.table_basic th,
table.table_basic td{
	display: block!important;
}
	
table.table_basic th{
	width: 100%;
	border-bottom: none;
	padding-bottom: 0;
}
	
	table.table_basic td{
		width: 100%;
		padding-top: 0.5rem;
	}
	
/* ----------------------------------------------------------
   CONTACT  
---------------------------------------------------------- */
p.contact_top_text{
	font-size: 1rem;
	padding: 0 5%;
/*	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
	text-align: center;
	letter-spacing: 0.1em;*/
}

.tel_area{
/*	width: 100%;
	background-color: #fff;
	border-bottom-left-radius:50vh; 
	border-top-left-radius:50vh; 
	padding: 50px 5%;*/

}

p.tel_number{
	font-size: clamp(25px, 3vw, 30px);
/*	font-weight: bold;
	font-size: 2.5rem;
	letter-spacing: 0.1em;
	line-height: 2rem;
	margin: 0 auto;
	  position: relative;
	  padding-left: 50px;
	width: fit-content;*/
}

p.tel_number::before {
	transform: scale(0.06);
	top: -244px;
	left: -230px;
/*  content: url("../contact/img/call.png");
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.1);
  position: absolute;
  top: -240px;
  left: -250px;*/
}
	
/* ----------------------------------------------------------
  PRIVACY
---------------------------------------------------------- */
p.privacy_top_text{
	font-size: 1rem;
/*	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
	letter-spacing: 0.1em;*/
}


}

/*** END ***/