/*--------common start----------*/

.bg_color1 {
    background-color: #89cbd2;
}

.txt_color1 {
    color: #e28cc8;
}

body, .font_Quick{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

footer .txt_white{
    color:black;
}

#footer:before {
    background: rgba(255,255,240,0.4) !important;
}

#page_title:before {
    background: rgba(255,255,240,0.25) !important;
}

#page_title .page_title_inner{
    position: relative;
}

#page_title .page_title_inner:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 120%;
    left: 50%;
    background-image: url(./Dup/img/p_right.png);
    background-position: right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

.border_color1 {
    border-color: #e28cc8;
}

.txt_color3 {
    color: #89cbd2;
}

.bg_color3 {
    background-color: #cacaca;
}

.border_color3 {
    border-color: #cacaca;
}

#page_title .title_box {
    z-index: 1;
}

.bottom .tel_bt{
    background-color: #e28cc8;
}

.bottom .inner .btn_box:nth-child(1){
    margin-bottom: 0;
}

.bottom .inner .btn_box:nth-child(2){
    display: none;
}

#logo{
        background-image: url(./Dup/img/logo_back.png);
            background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width:300px;
}

.linkStyle{
    color:#89cbd2;
}

.hvr_bg_color1:hover {
    background-color: #e28cc8;
}

/*--------common end----------*/

/*------index start-------*/

#main_img:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/catch.png);
    background-position: 10% 102%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 40%;
    pointer-events: none;
    z-index: 2;
}

#main_img:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/hako.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 33%;
    pointer-events: none;
    z-index: 2;
}

#top_contents1{
    background-image: url(./Dup/img/left.png), url(./Dup/img/right.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    background-size: contain;
    position: relative;
}

#top_contents1:before{
  content: "";
    display: block;
    width: 500px;
    height: 300px;
    position: absolute;
    bottom: -130px;
    left: -5%;
    background-image: url(./Dup/img/eye.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

#top_contents1:after{
  content: "";
    display: block;
    width: 500px;
    height: 500px;
    position: absolute;
    bottom: -120px;
    right: -5%;
    background-image: url(./Dup/img/tot.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

#top_contents2{
    background-image: url(./Dup/img/hana.png), url(./Dup/img/ue.png), url(./Dup/img/sita.png);
    background-repeat: no-repeat;
    background-position: center, top center, bottom center;
    background-color: #e7f8fd;
    background-size: contain;
}

#top_contents2 .con_box:nth-child(1) .img_box:before{
     content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/hito1.png);
    background-position: 10% 102%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 40%;
    pointer-events: none;
    z-index: 2;
}

#top_contents2 .con_box:nth-child(2) .img_box:before{
   content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/hito2.png);
    background-position: 90% 102%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 50%;
    pointer-events: none;
    z-index: 2;
}

#top_contact_box .bottom .box {
    background-color: rgba(154, 205, 211, 0.9) !important;
}

.catch_txt{
        z-index: 6;
    position: relative;
    background-color: rgba(255,255,255,0.5);
        backdrop-filter: blur(12px);
}

#top_cms{
    background-image: url(./Dup/img/hana.png);
    background-size: cover;
    background-position: center;
}

/*------index end-------*/

/*--------20211008 correct start--------*/

#header-nav ul li:last-child span.txt_color_nomal, #overlay .menu-box .menu_list li:nth-child(6) a, #footer_nav ul li:first-child a, p.mend, p.mend2{
    color: #57c0e1;
    font-weight: bold;
}

.overlay .menu-box .menu_list li a {
    display: inline-block;
    overflow: visible;
}

#footer_nav ul li:first-child a{
    display: inline-block;
    overflow: visible;
    position: relative;
}

#header-nav ul li:last-child a:before, #footer_nav ul li:first-child a:before, p.mend:before, p.mend2:before{
    content: "";
    display: block;
    width: 50%;
    height: 150%;
    position: absolute;
    top: -70%;
    left: 80%;
    background-image: url(./Dup/img/niku.png);
    background-position: 80% 50%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%) rotate(
27deg);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
    transform-origin: center;
}

#overlay .menu-box .menu_list li:nth-child(6) a:before{
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: -30%;
    left: 80%;
    background-image: url(./Dup/img/niku.png);
    background-position: 80% 50%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%) rotate( 
27deg);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
    transform-origin: center;
}

/*--------20211008 correct end--------*/


/*-----20211104 corect start-------*/

.mend, .mend2{
 display: none;
}

.mend a, .mend2 a{    color: #57c0e1;}

.mend2{
    position: relative;
}

p.mend2:before {
    top: -140%;
    left: 20%;
}

/*-----20211104 corect end-------*/

/*--------20211108 correct start---------*/

#youtube{
  position: relative;
	/*max-width: 780px;*/
	width: 70%;
	text-align: center;
	margin: 4% auto 10%;
    z-index: 2;
}
#youtube:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
#youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*--------20211108 correct end---------*/

@media all and (-ms-high-contrast: none){
  

}

@media screen and (min-width: 1000px){
    #top_contents2 .con_box .text_box {
    width: 51%;
}

#top_contents2 .con_box .con_img {
   background-position: center right !important;
}

#top_contents2 .con_box .img_box{
    width: 50% !important;
}

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#logo{
    background-image: none;
}

#overlay .menu-box .menu_list li:nth-child(6) a:before {
    width: 50%;
    height: 70%;
    position: absolute;
    top: 0%;
    left: 80%;
}


.mend{
    position: fixed;
    right: 90px;
    top: 38px;
    display: block;
}

#youtube {
    position: relative;
    width: 90%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#page_title .page_title_inner:before {
    height: 80%;
    left: 60%;
    z-index: 2;
}

#top_contents2 .con_box{
    z-index:1;
}

.catch_txt{
    position:relative;
        z-index: 7;
    padding: 10px;
}

.catch_txt:before{
        content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-color: white;
    filter: blur(12px);
    pointer-events: none;
    z-index: -1;
}

.mend{
    top: 28px;
}

.mend2{
    display: block;
    margin-left: 20px;
    margin-top: 50px;
    text-align: center;
}

}