﻿.koumoku input{
    appearance: revert !important;
    -webkit-appearance:revert !important;
}
input[type="radio"] {
    margin-left: 10px;
}
#cms_2-a h3.cate_title{
    color:#181818;
}
#filter_white {
    padding: 160px 0px 170px;
}
p.Russo.txt_color1.txt_center.font_24.mg_b-30px{
     font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#footer_contact {
    background-position: center;
    background-size: contain;
    padding: 100px 0px 150px;
    background-repeat: no-repeat;
}
.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 500ms;
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
	
	
	
#r_txt2 {
    text-align: center;
    font-size: 60px;
    position: absolute;
    width: 100%;
    top: 429px;
    transform: translateX(-88px);
    color: #f1eb89;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    text-shadow: 3px 3px 5px #626262;
}
#r_txt1{
    text-align: center;
    font-size: 60px;
    position: absolute;
    width: 100%;
    top: 173px;
    color: white;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

#recruit{
    position:relative;
}

span.c-btn__back.bg_color1.hvr_bg_color3.motion03s {
    box-shadow: 7px 5px 9px #606060;
}

#page_title h2{
    opacity:0;
}
.animated{
    animation:1.5s t_anime forwards;
    
}
@keyframes t_anime{
    0%{
        opacity:0;
        transform:translateY(70px);
    }
    60%{
        opacity:0;
    }
    100%{
        opacity:1;
        transform:translateY(0px);
    }
}
.cms_title{
    opacity:0;    
}
footer,#header_contact span.Russo,#header_contact span.otoiawase,#pc_nav li a span{
    font-family :	YuMincho, 'Yu Mincho',serif;
}
#pc_nav span.jp.txt_color3.d_block.font_12{
    font-size:14px;
}
#footer_contact a.c-btn.Russo {
     font-family :	YuMincho, 'Yu Mincho',serif;
}
.cate_title{
    font-family :	YuMincho, 'Yu Mincho',serif;
    font-weight:bold;
}
#top_contents1 h3,#top_contents2 h3{
    font-weight:bold;
    font-size:30px;
}
span.c-btn__inner{
    height:20px;
}
span.c-btn__inner img{
    max-width:280px;
    position:relative;
    bottom: 3px;
}
#jirei span.c-btn__inner img{
    max-width:430px ;
}
#nayami span.c-btn__inner img{
    max-width:350px;
}
#nayami,#ansin{
    margin-top:200px;
}
.cms_title.border_so2-b.border_color1.mg_b-30px,p.font_18.txt_color3.Russo.opacity06.txt_center,#top_contents1 h3,#top_contents2 h3{
    font-family :	YuMincho, 'Yu Mincho',serif;
}
.cms_title h2 {
    font-size: 62px;
    line-height: 70px;
    color: gray;
}
.cms_title p {
    font-size: 28px;
    color: #f1eb89;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
a.d_inline_b.mg_l-5px.mg_r-5px.pd_t-5px.pd_b-5px.pd_l-10px.pd_r-10px.border_rad3.bg_color1.txt_white.motion03s.hvr_opa05 {
    background: #61b592;
}

h3.cate_title.border_so10-l.border_color3.font_8up.font_6up_tab.font_4up_sp.bg_color1.txt_white.pd_10px.mg_b-20px{
    background:#61b592;
    color: white;
}
div.l-mask.bg_color1{
    background:#6dc6a8;
}
div.l-mask--gr.bg_color1{
    background:#6dc6a8;
}
#main_txt{
    display:none;
}
.vegas-timer{
    display:none;
}

#main_txt2{
    position: absolute;
    right: 1%;
    bottom: 1%;
    width: 35vw;
}
#main_txt{
    width: 40vw;
    position: absolute;
    bottom: 80px;
    left: 5%;
}
#main_cover{
    position: absolute;
    bottom:0;
}
section#top_contents2{
    background:white;
}
#top_contents2 div span.after {
    top: -50%;
    right: -90%;
}
#top_contents2 div span.after{
    width: 100%;
}
div#logo2{
    display:none;
}
p.txt_white.mg_b-20px {
    font-size: 18px;
}
ul.footer_sitemap.pd_l-25px.d_none_sp li a{
   
    font-size:18px;
}
ul.footer_sitemap.pd_l-25px.d_none_sp{
     border:0;
}
p.txt_white.font_13{
    font-size: 18px;
    text-align:center;
}
p.more.link.mg_t-30px.txt_center{
   max-width:1280px;
   margin:auto;
}
.c-btn__inner{
    top:3px;
}
span.str1{
    letter-spacing:5px;
    color:#e8a618;
    font-size:34px;
    text-shadow:
            3px 3px 0px white, -3px -3px 0px white,
           -3px 3px 0px white,  3px -3px 0px white,
            3px 0px 0px white, -3px -0px 0px white,
            0px 3px 0px white,  0px -3px 0px white;
}
span.str2{
    letter-spacing:5px;
    font-size:34px;
    text-shadow:
            3px 3px 0px #029881, -3px -3px 0px #029881,
           -3px 3px 0px #029881,  3px -3px 0px #029881,
            3px 0px 0px #029881, -3px -0px 0px #029881,
            0px 3px 0px #029881,  0px -3px 0px #029881;
}
#recruit{
    margin-bottom:50px;
}
#recruit_wrap{
    max-width: 1450px;
    margin:auto;
    margin-bottom: 30px;
    padding:20px;
}
#jirei_wrap{
    margin:auto;
    margin-bottom:70px;
    
}
#jirei{
     margin:auto;
    margin-top:120px;
    margin-bottom:120px;
}
#nayami_wrap {
    margin-right: 0 !important;
    max-width: 1700px;
    margin-right: auto;
}
#ansin_wrap {
    margin: auto;
    max-width: 1700px;
    margin-bottom: 70px;
    margin-right: 0;
}
.cms_6-b .cate_box:first-of-type {
    border-top: 0;
    border-bottom: 0;
}
.width_1280-1000 {
    width: 100%;
    max-width: 1480px;
    min-width: 1000px;
}
p#copyright{
    padding:5px;
}
#footer {
    padding: 20px 0px;
}
a.disabled{
    pointer-events: none;
}
#header_contact span.Russo {
    top: 15px;
    font-size: 24px;
    right:38px;
    transform: translateX(12px);
}
figure.box_img1.img_tool2.rectangle_img.width_100per.mg_b-20px.txt_center_tb.bg_white{
    height:80vh;
}
#header_contact span.otoiawase {
    top: 49px;
    font-size: 14px;
}
.cate_box.d_flex.flex_stretch.border_so1-b.border_color4.txt_left.mg_l-r5per.mg_b-20px{
    border-bottom:0;
}
.cate_box.border_color2.border_so1-b.grid_4.grid_12_sp.pd_10px.hvr_opa07{
    border-bottom:0;
}

#header{
    top:0;
}

@media screen and (min-width:769px){

.index .cms_2-b .cate_box.border_color2.border_so1-b.grid_4.grid_12_sp.pd_10px.hvr_opa07{
    width:100% !important;
}
.cms_2-b figure.box_img1.img_tool2.square_img.width_100per.mg_b-20px.txt_center_tb.bg_white{
   /* max-height:770px;*/
}
h2.font_27.font_25_tb.font_22_sp.font_bold.txt_center.linehight_1.txt_color3{
    font-size:38px;
}
#header{
    top:0;
}
#page_title{
    /*margin-top:90px;*/
    margin-bottom:80px;
}
}

#top_contents1 h3::before{
    color:white;
}
#top_contents1 .txt_white,#top_contents2 .txt_white{
    color:#002014 !important;
}
img.motion03s.opacity05.opacity1_tb.hvr_opa1{
    opacity:1;
}

section.top_cms_sec2.border_so2-b.border_color3.pd_b-100px.mg_b-100px{
    border:0;
}
#top_cms .more span.c-btn__back{
    background:linear-gradient( 
135deg, rgb(75,155,127) 0%, rgb(81,159,143) 30%, rgb(120,211,177) 100%);
}
#top_cms .more span.c-btn__back:hover{
    opacity:0.6;
}
@media screen and (min-width:1480px){
    .cms_4-a .cate_box:nth-child(1){
    left: -580px !important;
}
}
@media screen and (min-width:769px){
    header#vegas{
    height:100vh !important;
}
}
.cms_4-a .cate_box:nth-child(1) figure {
   /* max-height: 460px !important; */
    max-height:550px !important;
    box-shadow:5px 5px 7px #cccccc;
}
.cms_4-a .cate_box{
    padding:3px;
}
.cms_4-a .cate_box:nth-child(1){
    position:absolute;
    width:63% !important;
    z-index:2;
        transform: rotate(-10deg) translateY(-50px);
    left: -35.5vw;
}
.cms_4-a .box_wrap.d_flex{
    position:relative;
    margin-left:auto;
  background:linear-gradient( 
135deg, rgb(75,155,127) 0%, rgb(81,159,143) 30%, rgb(120,211,177) 100%);
    
    padding: 5px;
}

.cms_4-a.cms_wrap.mg_b-20px figure{
    max-height:320px;
}
.cms_4-a .box_wrap{
    width:60%;
}
#header_contact span {
    color: white;
    font-size: 18px;
    font-weight: bold;
}
#pc_nav li span.jp {
    position: relative;
    left: 10px;
}
ul#pc_nav{
    margin-right:250px;
}
#header_contact a.btn_back{
    background:#6dc6a8;
    transition:all 0.3s;
}
#pc_nav li {
    padding: 0px 40px;
    transform: skewX(-24.35deg);
}
#pc_nav li span{
    transform: skewX(24.35deg);
}

#pc_nav li:hover{
    background:#61b592 !important;
    opacity:1 !important;
}
#pc_nav li:hover .txt_color3{
    color:white ;
}
#pc_nav li{
    border-right:1px solid black;
}
#header {
    border: 0;
    background: rgba(255,255,255,0.7);
  
    backdrop-filter: blur(3px);
}
.cms_title:after{
    display:none;
}
.cms_title.border_so2-b.border_color1.mg_b-30px {
    border: 0px;
}
section.top_cms_sec.border_so2-b.border_color3.pd_b-100px.mg_b-100px {
    border: 0px;
}
span.before.bg_color1.d_block,span.after.bg_color1.d_block{
    display:none;
}
#header_contact a.btn_back{
    height:100%;
}
#page8 a.Russo.font_24.txt_color3.hvr_opa06.motion05s{
    color: #61b592;
    font-weight: bold;
}
.linkStyle{
    color:#1a6b4d;
}
.linkStyle:hover{
    opacity:0.6;
}
/*
.top_cms_sec:nth-child(1) a{
   opacity:0;
   
}
.top_cms_sec2:nth-child(1) a{
   opacity:0;
   
}
.top_cms_sec:nth-child(3) a.c-btn,.top_cms_sec:nth-child(4) a.c-btn,.top_cms_sec:nth-child(5) a.c-btn{
     opacity:0;
  
}


.anime_d{
 animation: slide-skew2 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  opacity:1;
}


@keyframes slide-skew2 {
  0% {
    transform: translate(-180px,50px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}
*/


@media screen and (max-width:1500px) and (min-width:1300px){
    #r_txt1 {
    font-size: 4vw;
    top: 12vw ;
    
}
    #r_txt2 {
    font-size: 4vw ;
    top: 29vw ;
    
}

}
@media screen and (max-width:1300px){
    #r_txt1 {
    font-size: 4vw ;
    top: 11vw ;
    left: 50px;
}
   #r_txt2 {
    font-size: 4vw ;
    top: 27vw ;
    left: 90px;
}
}
/*---------------------------------タブレット-------------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
#ansin_wrap,#nayami_wrap{
    width:100% !important;
}
#jirei_wrap{
    width:100% !important;
}
#filter_white {
    padding: 120px 0px 150px;
}
    #r_txt1 {
    font-size: 4vw !important;
    top: 12vw !important;
    left: 50px;
}
    #top_contents1 h3::before, #top_contents2 h3::before{
        top:-70%;
    }
    p.more.link.mg_t-30px.txt_center{
   margin-top:30px;
}
    #nayami,#ansin{
    margin-top:100px;
}

#footer_contact {
    background-position: top 40px center !important;
}
figure.box_img1.img_tool2.rectangle_img.width_100per.mg_b-20px.txt_center_tb.bg_white {
    height: 40vh;
}
.index .cms_2-b .cate_box.border_color2.border_so1-b.grid_4.grid_12_sp.pd_10px.hvr_opa07{
    width:80% !important;
}
.cms_2-b figure.box_img1.img_tool2.square_img.width_100per.mg_b-20px.txt_center_tb.bg_white{
    max-height:770px;
}
.top_contents1_box, .top_contents2_box {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(5px) !important;

}
    .top_contents1_img.width_60per.width_100per_tb {
    background-size: 110% !important;
    background-position: 8vw 50% !important;
}
    #top_contents1 span.after.bg_color1 {
    left: -74% !important;
    }
    #main_b p {
    font-size: 45px !important;
    }
    span.txt_color1 {
    color: #0a5036;
}
    div#menu{
        background:#2d9e74;
    }
    #top_contents2 h3::before {
    color: #258863 !important;
}
    #top_contents1 h3::before {
    z-index: -1;
    color: #0a5036 !important;
}

    #main_b {
    top: 38% !important;
    text-shadow: 2px 2px 4px #4e4e4e !important;
}
  #logo {
    width: 180px !important;
}
.header_a{
  background:rgba(37,136,99,0.3);
}
h3.txt_center.font_30.txt_white {
    z-index: 2;
    position: relative;
    color: #f1eb89;
    top: 100px;
    font-family: YuMincho, 'Yu Mincho',serif;
    font-weight: normal;
    font-size: 22px;
}
p.Russo.txt_color1.txt_center.font_24.mg_b-30px {
   
    font-size: 48px !important;
    font-size: 50px;
    letter-spacing: 0;
    margin-top:0;
}
h3.txt_center.font_30.txt_white {

    position: relative;
    top: 0;
}
}
/*---------------------------------ここまで-------------------------------*/
@media screen and (min-width:769px){
    #logo {
    width: 190px !important;
}
.header_a{
  background:rgba(37,136,99,0.3);
}
}

footer.bg_color3{
    background:#61b592 !important;
}
#page_title p.font_16.txt_color1.Russo.txt_center{
    color:black;
    font-size:18px;
     font-family :	YuMincho, 'Yu Mincho',serif;
}

h2.font_27.font_25_tb.font_22_sp.font_bold.txt_center.linehight_1.txt_color3{
    color:black;
     font-family :	YuMincho, 'Yu Mincho',serif;
}

h3.txt_center.font_30.txt_white {
    z-index: 2;
    position: relative;
    color: #f1eb89;
    font-family: YuMincho, 'Yu Mincho',serif;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: -10px;
}
p.Russo.txt_color1.txt_center.font_24.mg_b-30px {
    font-size: 70px;
    line-height: 0;
    z-index: 0;
    color: gray;
    margin-top: 10px;
}

#header{
    padding:5px 0;
}
.cate_list li a{
    background:#F1EB89;
    color:black;
}

.header_s{
    text-shadow:0 !important;
}


#header_contact span {
    top: 30px;
}
footer .txt_white{
    color:white;
}


@keyframes animeC2{
    0%{
        transform:translateX(400px);
        opacity:0;
    }
    40%{
        opacity:0;
    }
    100%{
        opacity:1;
        transform:translateX(0);
    }
}

/*
#top_contents2 h3,#top_contents2 p{
    opacity:0;
}
.anime_c{
    animation:animeC2 0.6s forwards;
}
.anime{
    opacity:0;
}
.anime_a{
 animation: slide-skew 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  opacity:1;
}
#top_contents1 h3,#top_contents1 p{
    opacity:0;
}
.anime_b{
    animation:animeC1 0.6s forwards;
}

@keyframes animeC1{
    0%{
        transform:translateX(-400px);
        opacity:0;
    }
    40%{
        opacity:0;
    }
    100%{
        opacity:1;
        transform:translateX(0);
    }
}


@keyframes slide-skew {
  0% {
    transform: translate(180px,30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}
*/
#main_b:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	border-bottom: solid 2px white;
	transform: translateX(-50%);
	animation: border_anim 0.6s linear forwards;
}

@keyframes border_anim {
	65%{
	    width:0%;
	}
	100%{
		width: 100%;
	}
}

#main_b{
    display:none;
        position: absolute;
         right: 100px;
    top: 70%;
    z-index: 2;
}
#main_b p{
    font-size: 70px;
    color: white;
   transition:all 1s;
    animation:0.6s maintxt forwards;
    text-shadow: 2px 2px 3px #353535;
}
@keyframes maintxt{
    0%{
        opacity:0;
        transform:translateX(-300px) skewX(0deg);
    }
    20%{
        opacity:0; 
      
    }
 
    100%{
        opacity:1;
        transform:translateX(0px)  skewX(-12deg);
    }
}
.Russo,.en{
    font-family: 'Encode Sans SC', sans-serif;
}
.hvr_bg_color3:hover {
    background-color: #61b592;
}

#header .txt_color3{
    color:black;
}
#header {
    
   border:0;
}


#top_contents2 h3::before {
    z-index: -1;
    color: #90dbc6;
    opacity: 1;
    font-weight:normal;
}
#top_message p:first-of-type {
    font-size: 50px;
    top: -1%;
    color: #258863;
}
#top_contents1 span.after.bg_color1{
    background: linear-gradient(180deg, rgba(170,233,216,1) 0%, rgba(72,182,150,1) 100%);
    width: 110%;
    left: 80%;
}
#top_contents2 span.after.bg_color1{
background: linear-gradient(0deg, rgba(170,233,216,1) 0%, rgba(72,182,150,1) 100%);
}
.top_contents1_img.width_60per.width_100per_tb{
    background-size: contain;
    width: 100% !important;
    background-repeat: no-repeat;
    background-position: 45vw 50%;
}
#top_contents1 span.after.bg_color1 {
    left: -28%;
    width: 70%;
}
#top_contents1{
 background: linear-gradient( 
135deg, rgb(144,197,179) 0%, rgb(96,193,173) 15%, rgb(255,255,255) 100%);
background:white;
    
}

#top_contents1 h3::before {
    z-index: -1;
    color: #61c3a7;
    opacity: 1;
    font-weight:normal;
}

/*---------------------------スマホ-----------------------------------*/
@media screen and (max-width:667px) {
#ansin_wrap,#nayami_wrap{
    width:100% !important;
}
#jirei_wrap{
    width:100% !important;
}
#nayami_wrap{
    width:100% !important;
}
#filter_white {
    padding: 150px 0px 170px;
}
#r_txt1 {
    font-size: 4.5vw !important;
    top: 14vw !important;
   left: 30px !important;
}
#r_txt2 {
    font-size: 4vw !important;
    top: 30vw !important;
    left: 90px;
}
    #jirei {
    margin-top: 50px;
    }
    #nayami, #ansin {
    margin-top: 100px;
}
   #recruit span.c-btn__inner img {
    max-width: 220px;
}
#nayami span.c-btn__inner img {
    max-width: 270px;
}
#ansin span.c-btn__inner img {
    max-width: 210px;
}
#jirei span.c-btn__inner img {
    max-width: 300px;
}
    #footer_contact p:last-of-type .c-btn {
    padding: 30px 30px;
}
    #top_contents1 h3, #top_contents2 h3{
        font-size:22px;
    }
    p.more.link.mg_t-30px.txt_center {
    margin-top: 30px;
}
    span.c-btn__inner img{
        max-width:70%;
    }
    span.c-btn__inner{
        height:0;
    }
    .cms_title h2{
    font-size: 30px;
    line-height:50px;
}
.cms_title p{
    font-size: 18px;
    color:#f1eb89;
}
   
header#page_title{
    height:265px !important;
}
#footer_contact{
    background-size:cover ;
}
.c-btn__inner{
    top:0;
}
.fas{
    display:none;
}
.c-btn{
    padding:25px 20px;
}
span.str1{
    font-size:20px;
}
span.str2{
    font-size:20px;
}
#main_txt {
    width: 70vw;
    position: absolute;
    bottom: 45px;
    left: 2%;
}
#main_txt2 {
    position: absolute;
    right: 1%;
    bottom: 0%;
    width: 45vw;
}
figure.box_img1.img_tool2.rectangle_img.width_100per.mg_b-20px.txt_center_tb.bg_white {
    height: 37vh;
}
#top_contents1 {
    background: linear-gradient( 
135deg, rgb(144,197,179) 0%, rgb(96,193,173) 15%, rgb(255,255,255) 100%) !important;
}
header{
    height:60vh !important;
}
   #top_cms span.c-btn__back.bg_color1.hvr_bg_color3.motion03s{
    width:100%;
}
p.Russo.txt_color1.txt_center.font_24.mg_b-30px, span.c-btn__inner{
    white-space:nowrap;
}
    #top_contents1 h3::before, #top_contents2 h3::before {
    top: -40% !important;
 
}
      div#menu span.txt_color1{
        color:white;
      }
    p.Russo.txt_color1.txt_center.font_24.mg_b-30px {
    font-size: 60px !important;
}
 
    .top_contents2_img {
        background:white;
    background-image: url(./Up_Img/336/1riez4ws.png);
    height: 240px !important;
    background-size: cover !important;
    background-position: center !important;
}
    .top_contents1_img {
        background:white;
    background-image: url(./Up_Img/336/1riez4ws.png);
    height: 240px !important;
    background-size: cover !important;
    background-position: center !important;
}
    .top_contents1_box, .top_contents2_box {
    max-width: none;
    padding: 20px !important;
    background-color: rgba(255, 255, 255, 0.85);
    margin: 10px;
   
    margin: 5% !important;
     margin-top: 74vw !important;
    width: 90% !important;
}


    #top_message p:first-of-type {
    font-size: 34px !important;
    top: -4px !important;
}
    #logo {
    width: 125px !important;
}
    #main_b {
    right: 20px !important;
    top: 75% !important;
}

    #main_b p {
    font-size: 20px !important;
      text-shadow: 2px 2px 4px #4e4e4e !important;
}
      #top_contents2 h3::before {
    color:#0a5036 !important
}
    #top_contents1 h3::before {
    z-index: -1;
    color: #0a5036 !important;
}

#footer_contact {
    background-position: bottom 120px center;
    background-repeat: no-repeat;
    background-size: 125%;
}
p.Russo.txt_color1.txt_center.font_24.mg_b-30px {
   
    font-size: 38px !important;
    font-size: 50px;
    letter-spacing: 0;
    margin-top:0;
}
h3.txt_center.font_30.txt_white {
    font-size: 22px !important;
    position: relative;
    top: 0;
}
}

