@charset "utf-8";
/* CSS Document */

*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}

body{
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
color: #fff;
font-weight: bolder;
font-style: italic;
font-size: 210%;
text-align: center;
background: #000;
}

/* wrap_all */
.wrap_all_01{
width: 100%;	
}

.wrap_all_02{
width: 100%;
background: url("../images/glorysystem_LP_bg_02.jpg") no-repeat;
background-size: cover;
background-position: center center;
padding-top: 100px;
padding-bottom: 77px;
}

@media(max-width: 750px) {
.wrap_all_02{
width: 100%;
background: url("../images/glorysystem_LP_bg_02_sp.jpg") no-repeat;
background-size: cover;
background-position: center center;
padding-top: 80px;
padding-bottom: 50px;
}
}

.wrap_all_03{
width: 100%;
background: url("../images/glorysystem_LP_bg_03.jpg") no-repeat;
background-size: cover;
background-position: center center;
padding-top: 100px;
padding-bottom: 77px;
}

@media(max-width: 750px) {
.wrap_all_03{
width: 100%;
background: url("../images/glorysystem_LP_bg_03.jpg") no-repeat;
background-size: cover;
background-position: center center;
padding-top: 80px;
padding-bottom: 50px;
}
}


.wrap_all_04{
width: 100%;
background: url("../images/glorysystem_LP_bg_04.jpg") no-repeat;
background-size: cover;
background-position: center center;
padding-top: 0px;
padding-bottom: 0px;
}

@media(max-width: 750px) {
.wrap_all_04{
width: 100%;
background: url("../images/glorysystem_LP_bg_04.jpg") no-repeat;
background-size: cover;
background-position: center center;
padding-top: 0px;
padding-bottom: 0px;
}
}


.wrap_all_05{
width: 100%;
background: #2db281;
padding: 5px 0 5px 0;
}

.wrap_all_05_02{
width: 100%;
background: #000000;
padding: 5px 0 5px 0;
}




.wrap_all_05_03{
width: 100%;
background: #2db281;
}

.wrap_all_06{
background: url("../images/glorysystem_LP_bg_06.jpg") no-repeat;
background-size: cover;
background-position: top;
}

.wrap_all_06_02 {
background: url("../images/m_bg_02.png");
clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
padding: 60px 0;
}

@media(max-width: 750px) {
.wrap_all_06_02 {
background: url("../images/m_bg_02.png");
clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
padding: 30px 0 60px 0;
}
}





.wrap_all_06_03{
position:relative;
}



.wrap_all_07{
	padding: 1%;
}














/* main area */
.wrap_900{
max-width: 900px;
margin: 0 auto;
}
.main_sub_tit_images{
margin-top: 65px;
}
.main_sub_tit_images_02{
margin-top: 47px;
}
.main_sub_tit_images_03{
margin-top: 47px;
}
.main_sub_tit_images_04{
margin-top: 47px;
}
.main_text_01{
margin-top: 47px;
padding: 8px;
}

@media(max-width: 750px) {
.main_text_01{
font-size:60%;
line-height: 1.7;
margin-top: 27px;
padding: 8px;
}
.main_sub_tit_images{
margin-top: 45px;
}
.main_sub_tit_images_02{
margin-top: 27px;
}
.main_sub_tit_images_03{
margin-top: 27px;
}
.main_sub_tit_images_04{
margin-top: 27px;
}
}

/* check_tit */
.check_tit_images{
max-width: 54px;
margin: 0 auto;
margin-top: 77px;
}

@media(max-width:750px){
.check_tit_images{
margin-top: 50px;
width: 8%;
}
}






/* glorysystemとは */
.maru_images_01{
margin-top: -200px;
}

@media(max-width:750px){
.maru_images_01{
margin-top: -150px;
margin-bottom: 20px;
width: 30%;
}
}

.glorysystem_tit_images{
margin: 0 auto;
max-width: 447px;
}

@media(max-width:750px){
.glorysystem_tit_images{
width: 87%;
}
}

.jra_text_01{
font-size:70%;
line-height: 1.9;
margin-top: 47px;
padding: 8px;
}

@media(max-width: 750px) {
.jra_text_01{
font-size:50%;
line-height: 1.8;
margin-top: 27px;
padding: 8px;
}
}

.jra_sub_tit_images_01{
margin-top: 45px;
}

.sample_area{
display: flex;
justify-content: space-around;
margin-top: 45px;
}

@media(max-width: 750px) {
.sample_area {
display: flex;
justify-content: space-around;
margin-top: 45px;
flex-direction: column;
align-items: center;
}
}

.sample_images_01{
padding: 1%;
}

.sample_images_02{
padding: 1%;
}

@media(max-width: 750px) {
.sample_images_02{
margin-top: 45px;
}
}















/* 動画エリア */
.ep_images{
position: absolute;
top:30px;
left: 20px;

}

.wrap_1080{
max-width: 1080px;
margin: 0 auto;
position: relative;
}


.m_flex_area{
display: flex;
justify-content: space-evenly;
padding: 1%;
}

.m_flex_area02{
display: flex;
justify-content: space-evenly;
flex-direction: row-reverse;
padding: 1%;
}

.m_images_area{
width: 50%;
}

.m_images01{
max-width: 437px;
}

.m_images02{
max-width: 467px;
margin-top: 30px;
}


.sp_m_images{

margin-bottom: -30px;

}

.m_inner{
margin: 60px 0 0 0;
padding-top: 56.25%;
width: 70%;
position: relative;
}

.m_inner iframe{
width: 100%;
height: 59%;
position: absolute;
top: 0px;
left: 0px;
}


.m_inner_02{
width: 100%;
aspect-ratio: 16 / 9;
}
.m_inner_02 iframe{
width: 100%;
height: 100%;
}

.m_tit_area{
margin: -170px 0px 0px 0px;
}

@media(max-width: 881px) {
.m_tit_area{
margin: -128px 0px 0px 0px;
}
}

@media (max-width: 750px) {
.m_tit_area {
margin: 0px 0px 0px 0px;
}
}

.m_tit_images{
text-align: center;
margin: 0 auto;
max-width:900px;
margin-bottom: 45px;	
}

@media (max-width: 750px) {
.m_tit_images{
margin: 20px 0 35px 0;	
}	
}
	
	
.m_text_area{
text-align: center;
font-size:60%;
line-height: 1.9;
margin-top: -21px;
padding: 8px;
}

@media (max-width: 750px) {
.m_text_area{
font-size:40%;
line-height: 1.9;
padding: 8px;
}
}
	
.m_text_area02{
font-size:140%;
}

@media (max-width: 750px) {
.m_text_area02{
font-size:130%;
}
}



/*CV area*/

.wrap_900_02{
max-width: 900px;
margin: 0 auto;
position: relative;
}

.maru_images_02{
position: absolute;
margin: -100px 0;
width: min(193 / 800 * 100vw, 193px);

/*margin-top: min(-100 / 1200 * 100vw, -100px);*/
}

@media(max-width: 750px) {
.maru_images_02{
margin: -58px 0;
}
}
	
/* check_tit */
.check_tit_images02{
max-width: 54px;
margin: 0 auto;
margin-top: 77px;
margin-bottom: 77px;
}

@media(max-width:750px){
.check_tit_images02{
margin-top: 50px;
width: 8%;
}
}

.bt_area{
margin-top: 47px;
}

.bt_area a{
max-width: 808px;
display: block;
margin: 0 auto;
}


.f_text_area{
text-align: left;
font-size:60%;
line-height: 1.9;
margin: 47px 0;
padding: 8px;
}

@media(max-width:750px){
.f_text_area{
text-align: left;
font-size:40%;
line-height: 1.9;
margin: 47px 0;
padding: 8px;
}
}

.footer_area{
background: rgb(199,145,0);
background: linear-gradient(149deg, rgba(199,145,0,1) 0%, rgba(252,230,169,1) 49%, rgba(197,154,51,1) 100%);	
padding: 30px;
}

.footer_images{
margin: 0 auto;
margin-right: 20px;
}

@media(max-width:750px){
.footer_images{
margin-right: 0px;
}}


/*=================================
CVボタン
===================================*/

img.btn_animate01 {
margin: 0 auto;
animation: fuwafuwa 1s ease 0s infinite alternate;
transform-origin:center;
cursor: pointer;
}
@keyframes fuwafuwa {
from {transform: scale(0.9,0.9);}
to {transform: scale(1,1);}
}

a:hover{
opacity:0.7;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}

.fadeIn{
animation-name:fadeInAnime;
animation-duration:4s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}




/*=================================
ふわっ
===================================*/


/* fadeUp */

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}



.fadeUp02{
animation-name:fadeUpAnime02;
animation-duration:1.0s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime02{
from {
opacity: 0;
transform: translateY(100px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

.fadeUpTrigger02{
opacity: 0;
}



/*アニメーション用CSS*/
.updown{
/* アニメーションの名前 */
animation-name:UpDown;
/* アニメーションの１回分の長さ */
animation-duration: 1.5s;
/* アニメーションの回数 */
animation-iteration-count: infinite;
/* アニメーションの進行具合 */
animation-timing-function: ease-in-out;
/* アニメーション再生の向き */
animation-direction: alternate;
}
/* アニメーションの設定 */
@keyframes UpDown{
/* 開始地点 */
0%{
/* Y軸0px */
transform: translateY(0);
}
/* 終了地点 */
100%{
/* Y軸50px */
transform: translateY(50px);
}
}



/*=================================
poyopoyo
===================================*/

.animation2407 {
    animation: shake 2s infinite;
    transform: rotate(20deg);
}

@keyframes shake {
    50% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(20deg);
    }
}




/*=================================
フォームページ
===================================*/

.omoushikomi_tit{
margin-top: 20px;
}

.pub_form{
font-size: 60%;
}

.form_area01{
text-align: left;
margin-top: 90px;
}

.form_area01 dt,.form_area01 dd{
padding: 1%;
}


input{
width: 100%;
margin: 0;
padding: 0;
}

.flex_2c_area dt{
padding: 8px;
}

.flex_2c_area dd{
padding: 8px;
}


.flex_3c_area dt{
padding: 8px;
}

.flex_3c_02 dd{
padding: 8px;
}	


.flex_2c_area{
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}

@media(max-width: 750px) {
.flex_2c_area{
display: flex;
justify-content: space-between;
flex-direction: column;
margin-bottom: 10px;
}}

.flex_2c_area dt{
width: 30%;	
}
.flex_2c_area dd{
width: 60%;
}

@media(max-width: 750px) {
.flex_2c_area dt{
width: 100%;	
}
.flex_2c_area dd{
width: 100%;
}}


.flex_3c_area{
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}

@media(max-width: 750px) {
.flex_3c_area{
display: flex;
justify-content: space-between;
flex-direction: column;
margin-bottom: 10px;
}}	


.flex_3c_area dt{	
width: 30%;
}
.flex_3c_02{
display: flex;
width: 60%;
}	

@media(max-width: 750px) {
.flex_3c_area dt{	
width: 100%;
}
.flex_3c_02{
display: flex;
width: 100%;
}}




.flex_tel_area01{
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}

@media(max-width: 750px) {
.flex_tel_area01{
display: flex;
justify-content: space-between;
flex-direction: column;
margin-bottom: 10px;
}}



.flex_tel_area01 dt{
width: 30%;
padding: 8px;
}
.flex_tel_area02{
display: flex;
width: 60%;
}
.flex_tel_w{
width: 33%;
padding: 8px;
}

@media(max-width: 750px) {	
.flex_tel_area01 dt{
width: 100%;
padding: 8px;
}
.flex_tel_area02{
display: flex;
width: 100%;
}
.flex_tel_w{
width: 33%;
padding: 8px;
}}


.checkbox_area{
margin:50px 0 50px 0;
}

.checkbox_area02{
margin-bottom: 20px;	
}	


.checkbox_area02 dd{
display: flex;
justify-content: center;
margin-top: 20px;
vertical-align: middle;
}
.checkbox_area02 input,.checkbox_area02 label{
width: 50px;
vertical-align: middle;
}

@media(max-width: 750px) {
.checkbox_area02 input,.checkbox_area02 label{
width: 43px;
vertical-align: middle;
}}


.checkbox_area03 dd{
display: flex;
justify-content: center;
margin-top: 20px;
vertical-align: middle;
}
.checkbox_area03 input,.checkbox_area03 label{
width: 50px;
vertical-align: middle;
}

@media(max-width: 750px) {
.checkbox_area03 input,.checkbox_area03 label{
width: 43px;
vertical-align: middle;
}}


.checkbox_area02 dd {
    vertical-align: middle !important;
}


.checkbox_area03 dd {
    vertical-align: middle !important;
}


.over_f_wrap{
padding: 0 8px;
}

.over_f_area{
overflow:auto;
width: 100%;
height: 200px;
font-size: 80%;
line-height: 1.8;
margin-top: 50px;
border: solid 1px;
padding: 5%;
}	

.of_tit{
font-size: 150%;
}	

.of_tit_02{
font-size: 120%;
background: #2cb280;
color: #FFFFFF;
padding: 2px 10px;
}	

.of_tit_03{
font-size: 120%;
}	


.of_sub	{
font-size: 70%;
}

.required{
background: #9F0104;
color: #ffffff;
font-size: 50%;
padding: 8px;
vertical-align: middle;
margin-right: 10px;
}



input.bt_custom {
width: 60% !important;
background: #ebe91a !important;
border: none !important;
font-weight: bolder !important;
color: #000000 !important;
}

input.bt_custom:hover{
opacity: 0.8;
}

@media(max-width: 750px) {
input.bt_custom {
width: 60% !important;
background: #ebe91a !important;
border: none !important;
font-weight: bolder !important;
color: #000000;
}}







/* PCSP表示 */
@media(min-width:750px){
.sp{
display: none !important;
}
}
@media(max-width:751px){
.pc{
display: none !important;
}
}