@charset "UTF-8";
.pc {display: none !important;}
.sp {}


/*** common color ***/
:root{
--text:rgb(77,55,33);
--morino:rgba(156,201,61,1.0);
--dark_green:rgba(106,151,51,1.0);
}

html,body {
height:100%;
}
div.container {

}

/**************************** header ********************************/
header {
top:0px;
width: 100%;
height: 80px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
z-index: 9999998;

}

header .header_logo {
width: 160px;
height: 30px;
padding:20px 0 0 20px;
}

header .header_logo img {
width: 100%;
image-rendering: -webkit-optimize-contrast;
}

header nav, #nav_menu nav {
margin-left:2em;
margin-top:0;
line-height: 2.5em;
}

header nav li.header_nav_line, #nav_menu nav li.header_nav_line {
position: relative;
}

header nav li.header_nav_line::before, #nav_menu nav li.header_nav_line::before {
position: absolute;
content: "";
width: 2em;
height:4px;
left:-3em;
top:calc(50% - 1px);
background: rgb(156,201,61);
}

header nav a, #nav_menu nav a {
display: block;
padding-left:0.5em;
transition: all 0.3s ease;
}

header nav a:hover, #nav_menu nav a:hover {
padding-left: 1em;
}

header nav a li img, #nav_menu nav a li img {
width: 2em;
height:2em;
margin-bottom: 0.2em;
margin-right: 10px;
}

header .btn_space {
position: fixed;
width: 100%;
display: flex;
bottom: 0;
z-index: 99999999;
}

.btn_space .btn_saiyou {
width: calc(50% - 10px - 1px);
text-align: center;
margin:0 0;
padding: 1em 1em;
background:rgb(156,201,61) url("../img/btn_siyou_sp.svg") left 1em center / 2.5em no-repeat;
color: white;
border-right: solid 1px rgba(255,255,255,0.5);
}

.btn_space .btn_contact {
width: calc(50% - 10px);
text-align: center;
margin:0 0;
padding: 1em 1em;
background:rgb(156,201,61) url("../img/btn_contact_sp.svg") left 1em center / 2.5em no-repeat;
color: white;
}

.btn_space .btn_saiyou p {
padding-left: 1em;
transition: all 0.3s ease;
font-weight: 500;
}

.btn_space .btn_contact p {
padding-left: 1em;
transition: all 0.3s ease;
font-weight: 500;
}

.btn_space .btn_saiyou:hover, .btn_space .btn_contact:hover {
transform:rotate(-5deg);
}

#nav_btn {
position: fixed;
width: 91px;
height:70px;
top:0;
right:0;
background: url("../img/nav_btn.svg") top right -10px / 91px 70px no-repeat;
z-index: 9999999;
transition: all 0.3s ease;
cursor: pointer;
}

#nav_btn:hover {
}

#nav_menu {
display: none;
position: fixed;
width: calc(100% - 0%);
height: 100%;
margin-left:0%;
background: rgba(130,165,30,1.0);
color: white;
z-index: 9999998;
overflow-y: scroll;
}

#nav_menu .flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height:100%;
margin-top:50px;
margin-bottom:80px;
padding-right: 2em;
}

#nav_menu .flex .child {
padding-left: 1em;
}

/**************************** main ********************************/
main {
position: relative;
width: calc(100% - 0px);
height:100%;
overflow-x: hidden;
}


/**************************** KV ********************************/
.KV {
width: 100%;
height:400px;
margin:0;
padding:0;
position: relative;
}

.KV_slick {
position: relative;
width: 100%;
height:400px;
top:0;
margin-right:0%;
overflow: hidden;
}

.KV_slick div {
position: relative;
width: 100%;
height:400px;
}

.KV_slick_1 {background: url("../img/KV/kv_03.jpg") center center / cover no-repeat;}
.KV_slick_2 {background: url("../img/KV/kv_04.jpg") center center / cover no-repeat;}
.KV_slick_3 {background: url("../img/KV/kv_02.jpg") center center / cover no-repeat;}
.KV_slick_4 {background: url("../img/KV/kv_00.jpg") center center / cover no-repeat;}
.KV_slick_5 {background: url("../img/KV/kv_05.jpg") center center / cover no-repeat;}
.KV_slick_6 {background: url("../img/KV/kv_06.jpg") center center / cover no-repeat;}
.KV_slick_7 {background: url("../img/KV/kv_07.jpg") center center / cover no-repeat;}
.KV_slick_company {background: url("../img/KV/kv_01.jpg") center center / cover no-repeat;}
.KV_slick_recruit {background: url("../img/KV/kv_recruit.jpg") center center / cover no-repeat;}
.KV_slick_news {background: url("../img/KV/kv_news.jpg") center center / cover no-repeat;}

.KV_slick_bambi_A {background: url("../../morino-bambi/img/facility/DSC_1115.jpg") center center / cover no-repeat;}
.KV_slick_bambi_B {background: url("../../morino-bambi/img/facility/DSC_1384.jpg") center center / cover no-repeat;}
.KV_slick_bambi_C {background: url("../../morino-bambi/img/facility/DSC_1173.jpg") center center / cover no-repeat;}

.KV_slick_fukurou_A {background: url("../../morino-fukurou/img/facility/photo-2.jpg") center center / cover no-repeat;}
.KV_slick_fukurou_B {background: url("../../morino-fukurou/img/facility/photo-3.jpg") center center / cover no-repeat;}
.KV_slick_fukurou_C {background: url("../../morino-fukurou/img/facility/photo-13.jpg") center center / cover no-repeat;}

.KV_slick_hotaru_A {background: url("../../morino-hotaru/img/facility/photo-1.jpg") center center / cover no-repeat;}
.KV_slick_hotaru_B {background: url("../../morino-hotaru/img/facility/photo-4.jpg") center center / cover no-repeat;}
.KV_slick_hotaru_C {background: url("../../morino-hotaru/img/facility/photo-19.jpg") center center / cover no-repeat;}

.KV_slick_kangaroo_A {background: url("../../morino-kangaroo/img/facility/photo-1.jpg") center center / cover no-repeat;}
.KV_slick_kangaroo_B {background: url("../../morino-kangaroo/img/facility/photo-8.jpg") center center / cover no-repeat;}
.KV_slick_kangaroo_C {background: url("../../morino-kangaroo/img/facility/photo-9.jpg") center center / cover no-repeat;}

.KV_slick_tsubame_A {background: url("../../morino-tsubame/img/tsubame_photo.jpg") center center / cover no-repeat;}

.KV_slick_eagle_A {background: url("../../morino-eagle/img/eagle_photo.jpg") center center / cover no-repeat;}

.KV_slick_ringo_A {background: url("../../morino-ringo/img/facility/photo-1.jpg") center center / cover no-repeat;}
.KV_slick_ringo_B {background: url("../../morino-ringo/img/facility/photo-3.jpg") center center / cover no-repeat;}
.KV_slick_ringo_C {background: url("../../morino-ringo/img/facility/photo-8.jpg") center center / cover no-repeat;}

.KV:after {
content:"";
position: absolute;
top:0;
left:0%;
width:100%;
height:400px;
background: url("../img/kv_flame_sp.svg") left 5% center / 150% no-repeat;
z-index: 100;
overflow: hidden;
}

.KV div.maincopy {
position: absolute;
z-index: 110;
top:0;
left:30px;
height:20em;
writing-mode: vertical-rl;
font-size: 135%;
font-weight: 300;
}

.KV div.maincopy p {
display: inline-block;
padding:10px 10px;
margin-left: 10px;
letter-spacing: 0.25em;
background: rgba(255,255,255,0.9);
}


/**************************** scroll area ********************************/
section.KV_bottom {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
background: rgba(0,0,0,0.0);
}

/***** scroll btn *****/
.scroll_btn {
width: calc(100% - 40rem);
}

.scroll_btn figure {margin-left: 100px;}

.scroll_btn figure img {
width: 60px;
padding-top:2em;
padding-bottom: 0em;
transition: all 0.3s ease;
animation: scroll_fade 3s ease 1s infinite normal;
opacity: 0;
}
@keyframes scroll_fade {
  0% { opacity: 0.2;}
  50% { opacity: 1;}
  100% { opacity: 0.2;}
}
.scroll_btn figure img:hover {
padding-top:1em;
padding-bottom: 1em;
}


/***** news *****/
#news {
position: relative;
width: calc(100% - 20px - 15px - 20px);
border-radius: 10px;
background: rgba(156,201,61,1.0);
color: white;
padding: 1rem 0 1rem 15px;
font-size: 100%;
margin-left: 20px;
margin-top:80px;
}

#news::after {
position: absolute;
content:url("../img/news_bird.svg");
width: 50px;
height:70px;
top:-53px;
left:-10px;
}


/**************************** article ********************************/
article {
width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}


/**************************** scroll area ********************************/
figure.scroll {
width: 60px;
margin:0 0 30px -28px;
transition: all 0.3s ease;
padding-top:2em;
padding-bottom: 0em;
}
figure.scroll:hover {
padding-top:1em;
padding-bottom: 1em;
}

hr.scroll_area {
position: relative;
width: 100%;
height:100px;
background: url("../img/scroll_line2.svg") center top / 4px repeat-y;
margin:30px 0 20px;
}


/**************************** sec_title ********************************/

.sec_title {
position: relative;
width: 100%;
padding-top:0px;
padding-bottom:40px;
display: flex;
align-items: flex-end;
justify-content: center;
}

.sec_title .title {}

.title_bird, .title_bird img {
width: 3em;
height:3em;
margin-right: 10px;
}

.sec_title .en_title {
font-family: "Barlow", sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 2px;
padding-left:0.3em;
background: linear-gradient(45deg, #CFDB00, #41B25D);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.sec_title .jp_title {
font-size: 150%;
font-weight: 500;
background: linear-gradient(45deg, #CFDB00, #41B25D);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


/**************************** section 01 ********************************/
.section_01 {
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
font-weight: 400;
letter-spacing: 0.2em;
line-height: 1.9em;
background: url("../img/section/bg_sec01.svg") center bottom / 300px no-repeat;
padding-bottom: 200px;
}

.section_01 .word_01 { order: 5; width: auto; writing-mode: vertical-rl;}
.section_01 .word_02 { order: 4; width: auto; writing-mode: vertical-rl;}
.section_01 .word_03 { order: 3; width: auto; writing-mode: vertical-rl;}
.section_01 .word_04 { order: 2; width: auto; writing-mode: vertical-rl;}
.section_01 .word_05 { order: 1; width: auto; writing-mode: vertical-rl;}

.section_01 h1, .section_01 h2 {font-size: 125%; }
.section_01 .word_02 p, .section_01 .word_03 ul, .section_01 .word_04 p {font-size: 110%;}

/**************************** section 02 ********************************/
.section_02 {
width: 100%;
background: url("../img/section/bg_sec02.svg") center bottom / 250px no-repeat;
min-height: 50vh;
padding-bottom: 250px;
}

.section_02 ul.ringonokimochi {
margin-top:2em;
}

.section_02 ul.ringonokimochi li {
background: url("../img/section/icon_ringo.svg") center left / contain no-repeat;
padding: 0.5em 2em 0.5em 4em;
margin-bottom: 1em;
}


/**************************** section 03 ********************************/
.section_03 {
min-height: 50vh;
padding-bottom: 0px;
}

.section_03 .service_flex {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.section_03 .service_flex .child {
width: 100%;
background:url("../img/section/sec03_bg.png") center center / cover no-repeat;
border-radius: 10px;
box-sizing: border-box;
text-align: justify;
margin-bottom: 20px;
}

.section_03 .service_flex .child figure {width: 100%; border-radius: 10px 10px 0 0; margin-bottom: 20px;}
.section_03 .service_flex .child figure img {width: 100%; border-radius: 10px 10px 0 0;}

.section_03 .service_flex .child p {padding:0 20px 20px 20px;}
.section_03 .service_flex .child p.short {line-height: 1.6em;}


/**************************** section 04 ********************************/
.section_04 {}

.section_04 .flexbox {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-bottom:80px;
}

.section_04 .flexbox figure {
width: 100%;
border-radius: 10px 10px 0 0;
overflow: hidden;
}

.section_04 .flexbox figure img {
width: 100%;
}

.section_04 .flexbox .textbox {
width: 100%;
border-radius: 0 0 10px 10px;
background: rgb(156,201,61);
box-sizing: border-box;
padding-top: 20px;
}

.section_04 .flexbox .textbox p {padding:0 20px 20px 20px;}
.section_04 .flexbox .textbox p.short {line-height: 1.6em;}


/**************************** aside ********************************/
aside {
position: relative;
width: calc(100% - 40px);
padding:50px 20px 120px 20px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
background:rgb(180,217,239)  url("../img/aside/bg_aside.webp") bottom center / contain no-repeat;
}

.aside_title {
position: relative;
width: 100%;
padding-top:0px;
padding-bottom:40px;
display: flex;
align-items: flex-end;
justify-content: center;
}

.aside_title .title {}

.aside_title_bird, .aside_title_bird img {
width: 3em;
height:3em;
margin-right: 10px;
}

.aside_title .en_title {
font-family: "Barlow", sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 2px;
padding-left:0.3em;
background: linear-gradient(45deg, #82c3cd, #326e78);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.aside_title .jp_title {
font-size: 150%;
font-weight: 500;
background: linear-gradient(45deg, #82c3cd, #326e78);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

aside .child_box {
width: 100%;
border-radius: 10px;
overflow: hidden;
margin:10px;
background: rgba(255,255,255,0.5);
}

aside .child_box figure {
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
}

aside .child_box figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all 0.3s ease;
transform: scale(1.0);
}

aside .child_box:hover figure img {
transform: scale(1.03);
}

aside .text_box {
padding:12px 15px;
}

aside .text_box .feature {
background: rgb(112,176,186);
color: white;
font-size: 88%;
padding:0.20em 1em 0.21em;
border-radius: 0.8em;
display: inline-block;
margin-top:10px;
}

aside .text_box.bambi {background: url("../img/mark/mark_bambi.svg") center right 5% / 5em no-repeat;}
aside .text_box.fukurou {background: url("../img/mark/mark_fukurou.svg") center right 5% / 5em no-repeat;}
aside .text_box.hotaru {background: url("../img/mark/mark_hotaru.svg") center right 5% / 5em no-repeat;}
aside .text_box.kangaroo {background: url("../img/mark/mark_kangaroo.svg") center right 5% / 5em no-repeat;}
aside .text_box.tsubame {background: url("../img/mark/mark_tsubame.svg") center right 5% / 5em no-repeat;}
aside .text_box.eagle {background: url("../img/mark/mark_eagle.svg") center right 5% / 5em no-repeat;}
aside .text_box.ringo {background: url("../img/mark/mark_ringo.svg") center right 5% / 5em no-repeat;}
aside .text_box.gakuin {background: url("../img/mark/mark_gakuin.svg") center right 5% / 5em no-repeat;}

aside .child_box h6 {font-weight: 700;}




/**************************** footer ********************************/
footer {
position: relative;
width: calc(100% - 40px);
height: auto;
background: url("../img/aside/bg_footer.webp") top center / contain repeat-y;
padding:20px 20px 5em 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

footer .left { min-width: 23em;}
footer .right {
width: calc(100% - 23em - 70px);
max-width: 900px;
background: rgba(255,255,255,0.5);
border-radius: 12px;
box-sizing: border-box;
padding: 20px 4em 30px 0;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
footer .other {line-height: 2.5em;}
footer .other_center {line-height: 2.5em; padding:0 5%;}

footer .left figure {
width:250px;
}

footer .left figure img { width: 100%;}

footer .left a {
display: inline;
margin-right: 1em;
}

footer nav li{
position: relative;
padding-left: 45px;
}

footer nav li.header_nav_line::before {
position: absolute;
content: "";
width: 30px;
height:4px;
left:0px;
top:calc(50% - 1px);
background: rgb(77,55,33);
}

footer nav a {
display:block;
padding-left:0.5em;
transition: all 0.3s ease;
}

footer nav a:hover {
padding-left: 1em;
}

footer nav a li img {
width: 2em;
height:2em;
margin-bottom: 0.2em;
margin-right: 10px;
}

footer div.sp {
width: 100%;
}

.copyright {
width: calc(100% - 40px);
background: rgb(81,68,68);
color: rgb(222,222,222);
font-size: 90%;
padding:0.4em 20px 3.7em;
letter-spacing: 1px;
}


/**************************** 2nd floor Common ********************************/

section.dammy {
width: 100%;
height: 500vh;
}

.short_text {
max-width: 50em;
}

.short_text90 {
max-width: 90%;
}

div.flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

div.flex.justify_center {
justify-content:center;
}

/**************************** 2nd floor #about ********************************/

#about {
}

#about h1 {
font-size: 1.3rem;
font-weight: 500;
margin-bottom: 1rem;
}

#about figure.mainphoto {
width: calc(100% + 0);
height: calc((100vw - 0px) * 0.4);
overflow: hidden;
border-radius: 10px;
margin:20px 0;
}

#about figure.mainphoto img {
width: 100%;
height:100%;
object-fit: cover;
border-radius: 10px;
}

#about p.maincopy {
position: relative;
text-align: justify;
width: 100%;
margin-left:0px;
margin-top: 2rem;
}

#about p.maincopy.bambi::after {
position: absolute;
content:  url("../img/mark/mark_bambi.svg");
width: 50px;
height: 50px;
padding: 10px;
top:calc(-50px - 2rem);
left: 0px;
background: url("../img/section/sec03_bg.png");
border-radius: 50%;
}

#about p.maincopy.fukurou::after {
position: absolute;
content:  url("../img/mark/mark_fukurou.svg");
width: 50px;
height: 50px;
padding: 10px;
top:calc(-50px - 2rem);
left: 0px;
background: url("../img/section/sec03_bg.png");
border-radius: 50%;
}

#about p.maincopy.hotaru::after {
position: absolute;
content:  url("../img/mark/mark_hotaru.svg");
width: 50px;
height: 50px;
padding: 10px;
top:calc(-50px - 2rem);
left: 0px;
background: url("../img/section/sec03_bg.png");
border-radius: 50%;
}

#about p.maincopy.kangaroo::after {
position: absolute;
content:  url("../img/mark/mark_kangaroo.svg");
width: 50px;
height: 50px;
padding: 10px;
top:calc(-50px - 2rem);
left: 0px;
background: url("../img/section/sec03_bg.png");
border-radius: 50%;
}

#about p.maincopy.tsubame::after {
position: absolute;
content:  url("../img/mark/mark_tsubame.svg");
width: 50px;
height: 50px;
padding: 10px;
top:calc(-50px - 2rem);
left: 0px;
background: url("../img/section/sec03_bg.png");
border-radius: 50%;
}

#about p.maincopy.eagle::after {
position: absolute;
content:  url("../img/mark/mark_eagle.svg");
width: 50px;
height: 50px;
padding: 10px;
top:calc(-50px - 2rem);
left: 0px;
background: url("../img/section/sec03_bg.png");
border-radius: 50%;
}

#about p.maincopy.ringo::after {
position: absolute;
content:  url("../img/mark/mark_ringo.svg");
width: 50px;
height: 50px;
padding: 10px;
top:calc(-50px - 2rem);
left: 0px;
background: url("../img/section/sec03_bg.png");
border-radius: 50%;
}

section p.subtitle {
position: relative;
font-size: 125%;
font-weight: 500;
color: white;
padding:0.55rem 8rem 0.65rem 2rem;
border-radius: 2rem;
background: url("../img/section/sec03B_bg.png");
margin-bottom: 20px;
display: inline-block;
}

section p.subtitle::after {
position: absolute;
content: "";
background: url("../img/section/subtitle_icon.png") center center / contain no-repeat;
width: 50px;
height: 63px;
top:-13px;
right:0;
}

hr.offset {
margin-top: 50px;
margin-bottom: 50px;
}

#about ul.photoflex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}

#about ul.photoflex li, #about ul.photoflex a {
width: calc((100% / 3) - 6px);
margin-bottom: 9px;
overflow: hidden;
border-radius: 10px;
}

#about ul.photoflex li img, #about ul.photoflex a img {
width: 100%;
border-radius: 10px;
transition: all 0.3s ease;
}

#about ul.photoflex li img:hover, #about ul.photoflex a img:hover {
transform: scale(1.1);
cursor: pointer;
}

#about .ouenflex {
display: flex;
flex-wrap: wrap;
margin-top:2rem;
}

#about .ouenflex .ouenbox {
width: calc((100% / 1) - 0px);
margin-bottom: 10px;
margin-right: 0;
box-sizing: border-box;
border-radius: 10px;
text-align: center;
background: linear-gradient(175deg, rgba(183,213,152,0.3), rgba(152,196,108,0.5));
}

#about .ouenflex .ouenbox dd { 
padding: 0.7rem 1rem;
background: url("../img/section/sec03B_bg.png");
color: white;
font-weight: 500;
border-radius: 10px 10px 0 0;
}
#about .ouenflex .ouenbox dt {
padding: 0 1rem 1rem; 
text-align: justify;
}

#about .ouenflex .ouenbox figure {
height: 100px;
margin:10px auto;
text-align: center;
}

#about .ouenflex .ouenbox figure img {height:100px;}




#about ul.doclist {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}

#about ul.doclist li {
width: calc((100% / 3) - 6px);
margin-bottom: 9px;
padding:0.5rem;
box-sizing: border-box;
border-radius: 10px;
text-align: center;
background: linear-gradient(-10deg, rgb(220,220,220), rgb(250,250,250));
background-size:200% auto; 
background-position: left top;
transition: all 0.3s ease;
}

#about ul.doclist li:hover {
background-position: right bottom;
cursor: pointer;
}

#about ul.doclist li a {
display: block;
}

#about ul.doclist li i {
display: block;
font-size: 3rem;
padding-right: 0;
color: rgb(180,180,180);
margin:1rem 0;
}

#about ul.doclist li:hover i {
background: linear-gradient(170deg, #CFDB00, #41B25D);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#about figure.timetable {
margin:20px 0;
}

#about #gmap {
position:relative;
width:100%;
height:400px;
border-radius: 10px;
}



/**************************** 2nd floor #information ********************************/

#information .info_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}

#information .info_flex figure.info_photo, #information .info_flex figure.info_photo_B { position: relative; width: calc(100% - 34rem - 40px);}
#information .info_flex figure.info_photo img {width: 100%;}
#information .info_flex figure.info_photo_B img {width: 120%; object-fit: cover; margin-left:-20%;}
#information .info_flex figure.info_photo::after, #information .info_flex figure.info_photo_B::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top:0;
left:0;
background: url("../img/info/photo_flame.svg") center center / cover no-repeat;
}

#information .info_flex div.info_text {
width: calc(100% -  2rem);
margin-right: 1rem;
text-align: justify;
}

#information .info_icon_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: calc(100% -  0rem);
margin-top:50px;
}

#information .info_icon_flex.flexstart {
justify-content:flex-start;
}

#information .info_icon_flex div {
background: rgb(245,245,245);
border-radius: 10px 10px 10px 10px;
text-align: center;
padding-bottom: 2rem;
}

#information .info_icon_flex div.icon_01 { width: calc(100%); margin-bottom: 18px;}
#information .info_icon_flex div.icon_02 { width: calc(100%); margin-bottom: 18px;}
#information .info_icon_flex div.icon_03 { width: calc(100%); margin-bottom: 18px;}

#information .info_icon_flex div.icon_04 { width: calc(100%); margin-bottom: 18px; margin-right: 18px;}

#information .info_icon_flex h6 {
text-align: center;
font-size: 110%;
font-weight: 500;
color: white;
padding:0.25rem 1rem 0.35rem 1rem;
border-radius: 10px 10px 0 0;
background: url("../img/section/sec03B_bg.png");
margin-bottom: 20px;
}

#information .info_icon_flex div figure.icon {text-align: center;}
#information .info_icon_flex div figure.icon img {height: 80px; margin-top: 1rem; margin-bottom: 1rem;}

#information .info_icon_flex p {
padding: 0 1rem 0 1rem;
text-align: justify;
}

#information .info_icon_flex div.riyou_01 { width: calc(50% - 5px); margin-bottom: 20px;}
#information .info_icon_flex div.riyou_02 { width: calc(50% - 5px); margin-bottom: 20px;}

#information .info_icon_flex div.riyou_01 p, #information .info_icon_flex div.riyou_02 p {
padding: 0 1rem 0 1rem;
text-align: justify;
}

#information .info_icon_flex figure.riyou_03 { width: 100%; text-align: center;}
#information .info_icon_flex figure.riyou_03 img {width: 220px; margin-top: 20px;}


#information table.table_usage {
margin:40px 0 20px;
width: 100%;
}

#information table.table_usage td {
padding:1rem 0;
text-align: center;
}

#information table.table_usage td.subti {
width: 9em;
}

#information table td.td_green {background: rgb(156,201,61); height: 2em;}
#information table td.td_white {background: rgb(245,245,245);}

#information table.table_usage td.td_green.rg01 {border-radius: 10px 0 0 0;}
#information table.table_usage td.td_green.rg02 {border-radius: 0 10px 0 0;}
#information table.table_usage td.td_green.rg03 {border-radius: 0 0 0 10px;}

#information table.table_usage td.td_white.rg04 {border-radius: 0 0 10px 0;}

#information table.table_usage td.td_green.rg05 {border-radius: 10px 0 0 10px;}

#information table.table_usage tr.whiteline {border-top: solid 1px rgb(141,187,96);}
#information table.table_usage td.whiteline {border-right: solid 1px rgb(141,187,96);}

#information div.short_text p span.box, #information div.short_text90 p span.box {
color: white;
padding:0 1.5rem;
border-radius: 10px;
background: url("../img/section/sec03B_bg.png");
display: inline-block;
margin-bottom: 15px;
}

#information table.table_price {
margin:20px 0;
border-radius: 10px;
overflow: hidden;
}

#information table.table_price td {padding: 1rem 2rem;}

#information dl.faq {
max-width: 51em;
background: rgb(245,245,245);
border-radius: 10px;
margin-bottom: 20px;
}

#information dl.faq dd {
background: rgb(235,235,235);
padding: 0.7rem 2rem;
border-radius: 10px 10px 0 0;
font-weight: 500;
}

#information dl.faq dt {
padding: 1rem 2rem;
border-radius: 0 0 10px 10px;
}

#information dl.faq dt p a:hover {padding-left: 5px; transition: all 0.3s ease;}

#information .sign {
max-width: 51em;
text-align: right;
}


/**************************** 2nd floor COMPANY ********************************/

#company {}
#recruit {}

.company_table {
width:calc(100% - 0rem - 0rem);
margin-left:0em;
margin-right:0rem;
margin-top:1.5em;
}
.company_table dl {
display: flex; 
padding:10px 0 10px 0;
}
.company_table .row1 {
width:5em; 
padding-left:0em; 
padding-bottom:10px; 
border-bottom:solid 3px var(--morino); 
color:var(--morino); 
font-weight: 500;
}
.company_table .row2 {
width:calc(100% - 5em - 1em); 
padding-left:1em; 
padding-bottom:10px; 
border-bottom:solid 1px #ddd;
}

.recruit_box {
margin-top: 50px;
background: rgb(245,245,245);
border-radius: 10px;
}
.recruit_box h3 {
background: url("../img/section/sec03_bg.png");
padding: 0.5em 1.5em;
font-size: 120%;
font-weight: 500;
border-radius: 10px 10px 0 0;
}
.recruit_table {
width:calc(100% - 1rem - 1rem);
margin-left:1em;
margin-right:1rem;
margin-top:1.5em;
}
.recruit_table dl {
display: flex; 
padding:10px 0 10px 0;
}

.recruit_table .row1 {
width:8em; 
padding-left:0em; 
padding-bottom:10px; 
border-bottom:solid 3px var(--morino); 
color:var(--morino); 
font-weight: 500;
}
.recruit_table .row2 {
width:calc(100% - 8em - 2em); 
padding-left:2em; 
padding-bottom:10px; 
border-bottom:solid 1px #ddd;
}

hr.spacer {
height: 100px;
}



/**************************** 2025 update NEWS ********************************/

#news_info {}
#news_info .recruit_table {
padding-bottom: 2rem;
}
#news_info .recruit_table a:hover {
color: var(--dark_green);
transition: all 0.3s ease;
}