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



section.process_kv_s{ width:100%; max-height:600px; overflow:hidden; position:relative; background: #fcf8f4;}
.process_kv{ display:block; width:100%; max-height:600px; overflow:hidden; position:relative; margin: 0 auto; max-width:1200px;}
.process_kv img{ display:block; width:100%; margin-top:-15%;}

section.process{ width:100%; background: #fcf8f4; padding-top:0; padding-bottom:50px;}

p.process_kv_text{ position:absolute; top:50%; left:5%; background-color:#74b920; background: rgba(90,200,0,0.7); font-size:20px; color:#FFFFFF; border-radius:5px; padding:10px 20px; font-weight:bold;}
.process_flo{ display:block; width:100%; margin:0 auto 30px auto; max-width:1200px; background-color:#FFFFFF; padding:4% 5% 5% 5%;}
h3.gr {
  font-size: 24px;
  color: #9dd320;
  text-align: left;
  font-weight: 600;
}
ul.process_steps{ display:block; width:98%; margin:30px auto;}
li.steps_list{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center ; width:100%; margin:20px auto; background-color:#F8F1EB; padding-bottom:30px;}
img.steps_numb{ display:block; float:left; width:50px; margin-top:5%; margin-left:5%;}
p.steps_title{ display:block; float:left; width:65%; margin-top:5%; margin-left:5%; font-size:24px; color:#74b920; font-weight:bold;}
p.steps_naiyo{ display:block; width:80%; padding:2% 5%; margin:0 auto 0 auto;}
a p.process_steps_btn{ display:inline-block; position:relative; width:200px; float:none; margin:10px auto 0 auto; padding:5%; background-color:#FFFFFF; text-align:center; transition: background-color 1s; font-size:12px;}
a:hover p.process_steps_btn{ background-color:#74b920; color:#FFFFFF;}
span.process_arrow{ display:block; position:absolute; top:35%; left:10px; font-size:12px; color:#aee62c;}
.footer_bn{ display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:50px;}
img.footer_bn_img{ display:block; width:90%; margin:20px auto;}

@media screen and (min-width:400px) {
.process_kv img{ width:100%; margin-top:-12%;}
p.process_kv_text{ position:absolute; top:60%; left:5%; background-color:#74b920; background: rgba(90,200,0,0.7); font-size:30px; color:#FFFFFF; border-radius:5px; padding:20px 40px; font-weight:bold;}
a p.process_steps_btn{ display:inline-block; width:300px; float:none; margin:10px auto 0 auto; padding:5%; background-color:#FFFFFF; text-align:center; transition: background-color 1s; font-size:14px;}
}

@media screen and (min-width:600px) {
p.process_kv_text{ position:absolute; top:70%; left:5%; background-color:#74b920; background: rgba(90,200,0,0.7); font-size:38px; color:#FFFFFF; border-radius:5px; padding:20px 40px; font-weight:bold;}
h3.gr {
  font-size: 26px;
  color: #74b920;
  text-align: left;
  font-weight: 600;
}

ul.process_steps{ display:block; width:98%; margin:30px auto;}
li.steps_list{ display:flex; align-items:center ; width:100%; margin:20px auto; background-color:#F8F1EB;}
img.steps_numb{ display:block; float:left; width:80px; margin-top:5%; margin-left:5%;}
p.steps_title{ display:block; float:left; width:70%; margin-top:5%; margin-left:2%; font-size:30px; color:#74b920; font-weight:bold;}
p.steps_naiyo{ display:block; width:90%; padding:2% 5%; margin:0 auto 0 auto;}
.footer_bn{ display:flex; flex-wrap:no-wrap;}
img.footer_bn_img{ display:block; width:90%; margin:20px auto;}
}
@media screen and (min-width:767px) {
.domitory .keyvisual .dormname {
    position: absolute;
    bottom: 20px;
    left: 0;

}
.process_kv{ display:block; width:100%; max-height:600px; overflow:hidden; position:relative; margin:40px auto 0 auto; max-width:1200px;}
section.process_kv img{ width:100%; margin-top:-10%;}
p.process_kv_text{ position:absolute; top:67%; left:8%; background-color:#74b920; background: rgba(90,200,0,0.7); font-size:50px; color:#FFFFFF; border-radius:5px; padding:20px 40px; font-weight:bold;}

ul.process_steps{ display:block; width:98%; margin:30px auto;}
li.steps_list{ display:flex; align-items:center ; width:100%; margin:20px auto; background-color:#F8F1EB;}
img.steps_numb{ display:block; float:left; width:80px; margin-top:5%; margin-left:5%;}
p.steps_title{ display:block; float:left; width:80%; margin-top:5%; margin-left:2%; font-size:38px; color:#74b920; font-weight:bold;}
li.no-text{
  padding-bottom: 51.510px;
}
}