header{
    border-bottom:0;
}
#map_wrap{
    display:flex;
    width:100%;
}
#map{
    width:100% !important;
}
#map2 {
    width: 20%;
    min-width: 320px;
    position: absolute;
    right: 0;
    padding: 5px;
}
#intro .more a {
    padding: 10px 30px 10px 30px !important;
    background: white;
    border: 2px solid #d8cd94;
    transition:all 0.4s;
}
#intro .more a:hover{
    background:transparent;
    color:white !important;
}

#frame{
    padding-bottom:20px;
}
#frame2{
    padding-top:20px;
}
#intro .txt_white, #contents p.txt_white{
    color:black !important;
}
h4.txt_white{
    color:white !important;
}
#intro::after, #contents::after{
    background-color: rgba(255,255,255,0.6);
    
}
h3.font_en.txt_white.txt_center.grid_12.mg_b-50px.sc_anime.top_anime.mg_b-30px_sp.active{
    color:black !important;
}

/* YouTube */
.video_cms{
	padding-bottom: 57.25%;
	height: 0;
}

.hvr_bg_color3:hover {
    background-color: #ffdef9;
}

.blog_box::after {
    content: "";
    display: block;
    width: 22vw;
    height: 200px;
    background-image: url(Dup/img/blog.png);
    position: absolute;
    background-repeat: no-repeat;
    right: 10px;
    transform: rotate(-8deg);   
    background-size: contain;
}
.guide_box::after {
    content: "";
    display: block;
    width: 25vw;
    height: 200px;
    background-image: url(Dup/img/guide_1.png);
    position: absolute;
    background-repeat: no-repeat;
    right: 10px;
    transform: rotate(-8deg);   
    background-size: contain;
}
.faq_box::after {
    content: "";
    display: block;
    width: 18vw;
    height: 200px;
    background-image: url(Dup/img/faq.png);
    position: absolute;
    background-repeat: no-repeat;
    right:10px;
    transform: rotate(-8deg);   
    background-size: contain;
}
.top_cms_box.d_flex.flex_top-left.mg_b-100px.flex_bottom-left_tb.mg_b-50px_sp::before {
    width: 72%;
    height: 100%;
    display: block;
    background: #ffe4fa;
    position: absolute;
    content: "";
    right: 0;
    background-image: url(Dup/img/b_back2.png);
    /* background-position: bottom; */
    background-size: 50%;
}
.top_cms_box.d_flex.flex_top-left.mg_b-100px.flex_bottom-left_tb.mg_b-50px_sp{
    position:relative;
}
#main_contents #main_img {
    box-shadow: none;
}


.anime{
    animation-name:fadeout;
    animation-duration:1.5s;
}

@keyframes fadeout{
    0% {
        opacity:1;
    }
    60%{
        opacity:1;
    }
    100% {
        opacity:0;
        display:none;
    }
}
#main_nav > div > ul li a {
    white-space: nowrap;
}
@media all and (-ms-high-contrast: none){

.cate_list li a{
    position:relative;
    top:4px;
}
#page_title::after {
    background-color: rgba(208,103,156,0.3);
}
#main_contents #main_menu li a{
    padding-top:7px !important;
}
#top_cms .more a{
    padding:10px 12px 2px 15px !important;
}
p#faq{
        width: 300px;
    position: absolute;
    right: 80px;
    transform: translateY(-98px);
    margin-right: 87px;

}
p#guide{
    width: 450px;
    position: absolute;
    right: 80px;
    transform: translateY(-97px);
    margin-right: -60px;
}
p#blog{
transform:translateY(-126px) !important;
}
}
/*---------------------------スマホ--------------------------------*/
@media screen and (max-width:677px){
    header,#page-top,.bg_color2 {
    background: #b92d73 !important;
}
.page2 .width_1280-max, .page3 .width_1280-max, .page4 .width_1280-max, .page5 .width_1280-max, .page6 .width_1280-max, .page7 .width_1280-max, .page8 .width_1280-max, .page9 .width_1280-max, .page10 .width_1280-max{
    background:#b92d73 !important;
}
.bg_white,.bg_color3{
    background:#b92d73 !important;
}
#map_wrap {
    flex-direction: column;
    width: 100%;
}
#map2 {
    width: 100%;
    min-width: 80px;
    position: static;
     padding:0;
}
/* YouTube */
.video_cms {padding-bottom: 56.25%;}
    
.faq_box::after {
    content: "";
    display: block;
    width: 40vw;
    height: 200px;
    background-image: url(Dup/img/faq.png);
    position: absolute;
    background-repeat: no-repeat;
    right: 10px;
    transform: rotate(-8deg) translateY(20px);
    background-size: contain;
}
.guide_box::after {
    content: "";
    display: block;
    width: 55vw;
    height: 200px;
    background-image: url(Dup/img/guide_1.png);
    position: absolute;
    background-repeat: no-repeat;
    right: 10px;
    transform: rotate(-8deg) translateY(25px);
    background-size: contain;
}
    .blog_box::after {
    content: "";
    display: block;
    width: 45vw;
    height: 100px;
    background-image: url(Dup/img/blog.png);
    position: absolute;
    background-repeat: no-repeat;
    right: 10px;
    transform: rotate(-8deg) translateY(20px);
    background-size: contain;
}
.top_cms_box.d_flex.flex_top-left.mg_b-100px.flex_bottom-left_tb.mg_b-50px_sp::before {
    width: 100%;
    height: 60%;
    display: block;
    background: #ffe4fa;
    position: absolute;
    content: "";
    right: 0;
    transform: translateY(30px);
    background-image: url(Dup/img/b_back2.png);
    background-position: bottom;
    background-size: 50%;
}
#main_b4{
    bottom:30px !important;
}
    .index #main_contents{
        padding-bottom:20px !important;
    }
#header h1{
    width:100px !important;
}
.page3 hgroup h2{
    font-size:16px;
    
}
.page9 hgroup h2{
    font-size:26px;    
}
#b_map {
    display:none;
    width: 80% !important;
    margin: 50px auto 0 auto;
}
#header h1 {
    width: 100px !important;
}
#banner {
    width: 90% !important;
}
#cms,#page08 {
    padding-bottom: 50px !important;
}
#page_title h2 span {
    white-space: nowrap;
}
#main_contents {
    background-size: 40% !important;
}
#main_nav .sns_links {
    background-color: rgb(255 255 255 / 30%);
}
#main_nav #menu_bg::after {
    background-color: rgb(247 247 247 / 90%);
}
#contents_link a span {
    white-space: nowrap;
}

.top_cms_box{
    margin-top:0 !important;
}
p#faq {
    position: absolute;
    width: 180px;
    right: 0;
    transform: translateY(17vw) !important;
    z-index:3;
}
p#guide {
    position: absolute;
    width: 250px;
    right: 0;
    transform: translateY(14vw) !important;
    z-index:3;
}

p#blog {
    position: absolute;
    width: 220px;
    right: 0;
    transform: translateY(14vw) !important;
    z-index:3;
}

.con_box::before {
    width: 105% !important;
    transform: translate(-35px,-35px) rotate(5deg) !important;
}
#contents figure {
    transform: translate(0px,-30px) rotate(-6deg) !important;
    width:90% !important;
    box-shadow:0 !important;
}
#intro .more a {
    border: 2px solid #fff;
    padding: 10px 10px 10px 10px !important;
    font-size:16px !important;
} 
#intro hgroup h2{
    white-space:nowrap;
}
.index #main_contents {
    margin-bottom: 20px;
    background-size: 40% !important;
}
#main_b4 {
    width: 80vw !important;
}
#footer .grid_6:nth-child(1),#footer .grid_6:nth-child(2){
    background-size: cover !important;
}
#menu_bt > div span {
    background-color: #c1387d;
}
#main_nav > div > ul li::before {
    border: 2px solid #c1387d;
}
#main_nav .sns_links {
    border-top: 2px solid #c1387d;
    border-bottom: 2px solid #c1387d;
}
#main_nav > div > ul li.active::before {
    background-color: #c1387d;
}
#loader img{
    width:200px !important;
    
}
}
/*---------------------------ここからタブレット--------------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
#footer .grid_6:nth-child(1) {
    background-position: 40% 80%;
}
.blog_box::after {
    width:30vw;
}
.guide_box::after {
    width:35vw
}
.faq_box::after {
    width:26vw
}
.top_cms_box.d_flex.flex_top-left.mg_b-100px.flex_bottom-left_tb.mg_b-50px_sp::before {
    width: 100%;
    height: 50%;
    display: block;
    background: #ffe4fa;
    position: absolute;
    content: "";
    right: 0;
    background-image: url(Dup/img/b_back2.png);
    background-size: 40%;
    transform: translateY(30px);
}
    #header h1{
    width:150px !important;
}
    #loader img{
    width:400px !important;
    
}
#main_contents {
    background-size: 40% !important;
}

#main_nav .sns_links {
    border-top: 2px solid #c1387d;
    border-bottom: 2px solid #c1387d;
}
#main_nav > div > ul li.active::before {
    background-color: #c1387d;
}
#main_nav > div > ul li::before {
    border: 2px solid #c1387d;
}

#main_nav #menu_bg::after {
    background-color: rgb(247 247 247 / 90%);
}
#footer .grid_6:nth-child(1),#footer .grid_6:nth-child(2){
    background-size: cover !important;
}
p#blog {
     position: absolute;
    width: 400px;
    right: 80px;
    transform: translate(70px,96px) !important;
    z-index:3;
}
p#faq {
    width: 300px;
    position: absolute;
    right: 80px;
    transform: translate(50px,98px);
    z-index:3;
}
p#guide {
    width: 450px;
    position: absolute;
    right: 80px;
    transform: translate(70px,97px);
    z-index:3;
}
#menu_bt > div span {
    background-color: #c1387d;
}
    #contents .d_flex{
        display:block !important;
        margin:auto;
    }
    #contents .con_box{
        width:80% !important;
        margin:auto;
        margin-top:50px;
    }
    
    #main_b4 {
    width: 400px !important; 
}
.index #main_contents {
    background-size: 30% !important;
}
}

/*---------------------------ここまで--------------------------------*/
#page09 h3 span {
    background-color: rgba(0,0,0,0.30);
    display: inline-block;
    border: 1px solid #d8cd94;
}
.page9{
    padding-bottom:150px;
}
.privacy_wrap.txt_white{
    color:white !important;
}
.privacy_wrap h3.txt_white{
    color:white;
}
#page10 .grid_4 span.bg_color1 {
    background: #d8cd94;
}
#page10 .grid_4{
    background:transparent;
}
#page10 .grid_4 .txt_white{
    color:white;
}
#page10{
    margin-bottom:150px;
}
#top_cms .more a {
    border: 1px solid #d8cd94 !important;
}
.border_so2-b{
    border-bottom:1px solid #d8cd94;
}
.border_so2-t{
    border-top:1px solid #d8cd94;
}
#top_cms .top_cms_title h3 span {
    border-top: 1px solid #d8cd94;
}
#top_cms .top_cms_title h4 span {
    border-bottom: 1px solid #d8cd94;
}

#contents h3 span {
    border-top: 1px solid #fff !important;
}
#page_title h3 span {
    border-bottom: 1px solid #fff;
}

#page_title h2 span {
    border-top: 1px solid #fff;
}
#page08{
    padding-bottom:150px;
}
#banner{
     width: 350px;
    margin: auto;
    margin-top:30px;
}

#net{
    margin-top:100px;
}
.page8 p{
    color:white;
}
#main_contents {
    background-image: url(Dup/img/main_back.png);
    background-repeat: no-repeat;
    background-size: 16%;
}
#main_menu{
    margin-top:8vw;
}
#page_title::after {
    background-color: rgba(208,103,156,30%);
}

#main_b4{
position: absolute;
    z-index: 2;
    bottom: 70px;
    margin-left: 10px;
}
header .sns_links li a{
    opacity:1;
}
/*.cms_1-a::before{
width: 440px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background-image: url(Dup/img/blog.png);
    background-repeat: no-repeat;
    right: 80px;
    background-size: contain;
    bottom: 335px;
}
.cms_2-a::before {
    width: 480px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background-image: url(Dup/img/guide.png);
    background-repeat: no-repeat;
    right: 0px;
    background-size: contain;
    bottom: 174px;
}
.cms_5-a::before {
    width: 330px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background-image: url(Dup/img/faq.png);
    background-repeat: no-repeat;
    right: 180px;
    background-size: contain;
    bottom: 346px;
}
*/
.linkStyle{
    color:#d8cd94;
}
.opacity07{
    opacity:1;
}
#contents figure{
    transform: translate(-20px,-30px) rotate(-6deg);
} 
#contents h4 {
    transform: translate(20px,-50px);
}
#b_map{
    display:none;
    width: 500px;
    margin: 50px auto 0 auto;
}
#b_map p{
    font-size: 28px;
    text-align: center;
}
span.bg_color1{
    background:transparent;
}
#page07{
    padding-bottom:150px;
}
#page07 .txt_white{
    color:white;
}
#page07 .box {
    border-bottom: 1px solid #d8cd94;
}
#page07 .grid_4 h3::after{
    display:none;
}

#header{
    padding:10px !important;
}
ul.cate_list span{
    display:none;
}
ul.cate_list li a {
    color:#484848 !important;
    padding:10px 15px 10px 15px !important;
}
ul.cate_list li a:hover{
   
    color:white !important;
}
.txt_color3{
    color:white;
}
.page2 .bg_white,.page3 .bg_white,.page4 .bg_white,.page5 .bg_white,.page6 .bg_white,.page7 .bg_white,.page8 .bg_white,.page9 .bg_white,.page10 .bg_white{
    background:white;
}
.page2 .txt_color_nomal,.page2 hgroup,.page3 .txt_color_nomal,.page3 hgroup,.page4 .txt_color_nomal,.page4 hgroup,.page5 .txt_color_nomal,.page5 hgroup,.page6 .txt_color_nomal,.page6 hgroup,.page7 .txt_color_nomal,.page7 hgroup,.page8 .txt_color_nomal,.page8 hgroup,.page9 .txt_color_nomal,.page9 hgroup,.page10 .txt_color_nomal,.page10 hgroup{
    color:white;
}
.page2 .width_1280-max,.page3 .width_1280-max,.page4 .width_1280-max,.page5 .width_1280-max,.page6 .width_1280-max,.page7 .width_1280-max,.page8 .width_1280-max,.page9 .width_1280-max,.page10 .width_1280-max{
    background:#c1387d;
} 
#top_cms .top_cms_title h3 span {
   z-index:2;
    white-space: nowrap;
}
#footer .grid_6 span.bg_color3{
    background:rgba(255,255,255,0.6);
}
#footer .grid_6:nth-child(2){
    background-image:url("Dup/img/info.jpg");
    background-size:100%;
}
#footer .grid_6:nth-child(1) {
    background-image: url(Dup/img/contact2.jpg);
    background-size: cover;
    background-position: 100% 0%;
}
#footer .grid_6 h3{
    color:#484848;
    white-space: nowrap;
}
#cms{
    padding-bottom:150px;
}
#contents_link hgroup{
    color:#484848;
}
#contents_link a h4 {
    border: 1px solid #484848;
}
#catch{
    display:none;
}
#main_contents::after{
    display:none;
}
/*
#main_contents{
    background-image: url(Dup/img/main_b2.png);
    background-repeat: no-repeat;
    background-size: 28vw;
    background-position: 10% 6%;
}
#main_menu{
    margin-top:12vw;
}
.index #main_contents{
    background-image: url(Dup/img/main_b2.png);
    background-repeat: no-repeat;
    background-size: 35vw;
    background-position: 5% 7%;
    margin-top:30px;
    margin-bottom:60px;
}
.index #main_menu{
    margin-top:16vw;
}
*/
.index #main_contents {
    padding-bottom: 60px;
    background-image: url(Dup/img/main_back.png);
    background-repeat: no-repeat;
    background-size:20%;
}

.top_cms_box{
    margin-top:100px;
    margin-bottom:200px;
}

#page-top{
    background:#c1387d;
}
#page-top i{
    
    color:white;
}
#top_cms .more a:hover{
    color:white;
}
p.b_txt::after {
    width: 200px;
    height: 100%;
    background-image: url(Dup/img/flower2.png);
    display: block;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    transform: translateY(-120px) translateX(160px) rotate(-5deg);
    background-size: contain;
    z-index: -1;
}
.b_txt{
    color: #882255;
    font-size: 100px;
    display: inline-block;
    position: absolute;
    right: 80px;
    z-index:1;
    transform: translateY(-131px);
   

}
#b_txt2{
   
}
.cms_wrap.grid_9.bg_white{
    background-repeat: no-repeat;
    background-position: top right;
}
#top_cms .more a {
    border: 2px solid #d8cd94;
    padding:10px 15px 10px 15px;
}
.more img{
    display:none;
}

hgroup p.font_30{
    font-size:70px;
}
#contents h3 span {
    display: inline-block;
    padding: 10px;
    border-top: 5px solid #fff;
    font-size: 70px;
}

#contents_link a::after {
    background-color: rgba(210,210,210,0.4);
    transition: all 0.3s;
}
.con_box::before {
    display: block;
    content: "";
    position: absolute;
    z-index: 0;
    background-image: url(Dup/img/content_back3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 110%;
    transform: translate(-50px,-35px) rotate(5deg);
    height: 100%;
}


hgroup {
    text-align: center;
}


header{
    background:#c1387d;
}
hgroup .font_en,.index h3.font_en,a.font_en,h4 span,.index h3 span,#page_title h3 span,#footer p.mg_b-30px.font_bold.font_14.font_12_sp{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}
body,#wrap,#footer h3.font_en,#footer span,#footer a.d_inline_b.txt_white.font_en.d_block.font_24{
    font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif !important;
}
.cms_wrap,#intro .txt_white,#contents .txt_white,.cms_wrap .txt_color1,footer h3,#copyright{
    color:white ;
}
footer .footer_menu li a {
    color: white;
}
body::before {
    background-color:  #f9c6e099;
    display:none;
}
#main_contents #main_menu li::before {
    border: 2px solid #d8cd94;
}
#main_contents #main_menu li::after {
    border-bottom: 1px solid  #d8cd94;
}
@media screen and (min-width:769px){
    #loader img{
    width:300px !important;
    
}
    
/*  #intro .width_1000-max::before {
    width: 120%;
    height: 130%;
    display: block;
    content: "";
    position: absolute;
    background-image: url(Dup/img/intro_back4.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-115px,-130px);
}*/
.more1{
    padding-top:0 !important;
}
section#top_cms{
    padding-top:150px;
}
p#faq{
        width: 300px;
    position: absolute;
    right: 80px;
    transform: translateY(-98px);
    margin-right: 87px;
    z-index:3;

}
p#guide{
    width: 450px;
    position: absolute;
    right: 80px;
    transform: translateY(-96px);
    margin-right: -60px;
    z-index:3;
}
p#blog{
    position: absolute;
    width: 400px;
    right: 80px;
    transform: translateY(-96px) !important;
    z-index:3;
}
#header h1{
    width:150px !important;
}
.blog_box::after{
    max-width:20vw;
}
.guide_box::after{
    max-width:22vw;
}
.faq_box::after{
    max-width:15vw;
}
}