@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
.font1,
#body{
    font-family: 'Zen Maru Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font2,
.nav .nav2,
.t_cms_txt2 span, .t_cms_txt5 span, .t_cms_txt8 span,
#top_cms .cms_title .letter_1,
.page_title_box .font_25{
    font-family: 'Sacramento', cursive;
}

.linkStyle{
    color:#bf9d74;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

.mg_b-300px{
    margin-bottom:300px;
}
/*
#body{
    overflow:hidden;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
*/


/*--all page---------------------------
-------------------------------------*/
#wrap{
    width:100%;
    margin:auto;
    margin-top:0;
}
.nav .nav2{
    font-size:1.2rem;
    font-weight:700;
}


/*--top page---------------------------
-------------------------------------*/
.top_nav{
    display:none;
}
.main_img_wrap{
    width:100%;
}
.main_img::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.1);
    top:0;
    left:0;
    z-index:1;
}
.main_img_wrap .catch_item{
    top:0;
    left:0;
    width:30vw;
    z-index:2;
}

.main_img_wrap .catch{
    bottom: auto;
    top:32%;
    left: 5%;
    font-size:3rem;
    z-index:3;
}
.main_img_wrap .catch span{
    line-height:1.6;
}
/*ローディング後にフェードイン*/
.load-fade {opacity : 0; transition : all 3s/*処理にかかる時間*/;}
.load-fade.done{opacity : 1; transform : translate(0, 0);}
.main_img_wrap .navi{
    display:none;
}
/*ローディング後にフェードイン2*/
.load-fade2 {opacity : 0; transition : all 3.5s/*処理にかかる時間*/;}
.load-fade2.done{opacity : 1; transform : translate(0, 0);}
.main_img_wrap .navi{
    display:none;
}
.main_wrap{
    background-image:url(./Dup/img/bg.jpg);
    background-repeat:repeat;
}

#contents{
    background-color:transparent!important;
    background-image:url(./Dup/img/hana3.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:100%;
    padding-bottom:400px;
}
.svg_box{
    display:none;
}
.hana1{
    width:25vw;
    right:-5%;
    top:-8%;
    z-index:2;
}
.hana2{
    width:26vw;
    left:-5%;
    top:30%;
    z-index:2;
}
.hana4{
    width:27vw;
    right:-5%;
    bottom:25%;
    z-index:2;
}
.t_cms_txt2,
.t_cms_txt5,
.t_cms_txt8{
    font-size:2rem;
}
.t_cms_txt2 span,
.t_cms_txt5 span,
.t_cms_txt8 span{
    font-size:5rem;
    margin-left:5px;
}
.t_cms_txt3,
.t_cms_txt6,
.t_cms_txt9{
    font-size:2rem;
}
.t_cms_img1 img,
.t_cms_img3 img{
    border-radius:64% 60% 46% 80%/70% 70% 66% 58%;
}
.t_cms_img2 img{
    border-radius:84% 73% 70% 75%/73% 80% 86% 83%;
}

#top_cms .line{
    display:none;
}
.other .box_title2{
    font-size:2rem;
    font-weight:700;
}
.other .box:first-child{
    background-image:url(./Dup/img/contact.png);
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center bottom;
}
.other .box:last-child{
    background-image:url(./Dup/img/info.png);
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center bottom;
}
.fix_bnr_box{
    position: fixed;
    right: 80px;
    z-index: 9;
}



/*上からフェードイン*/
 .fade_d {
  opacity: 0;
  transform : translate(0, -50px);
  transition : all 1500ms;
}
.fade_d.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*--under page---------------------------
-------------------------------------*/
.all_page::after{
    content:'';
    position:fixed;
    display:block;
    width:23vw;
    height:28vh;
    background-image:url(./Dup/img/catch.png);
    background-repeat:no-repeat;
    background-size:contain;
    top:0;
    left:0;
    z-index:100;
    background-color:transparent;
}



/* ---------- responsive ---------- */
@media screen and (max-width: 1650px){
.main_img_wrap .catch{
    font-size:2.5rem;
}
.hana1{
    top:-4%;
}
.hana2{
    top:32%;
}
.all_page::after{
    width:18vw;
}
}


@media screen and (max-width: 1500px){
#contents{
    padding-bottom:200px;
}
#contents .box{
    margin-bottom:200px!important;
}
.hana2{
    top:28%;
}
.all_page::after{
    width:16vw;
    left:-2%;
}
}


@media screen and (max-width: 1200px){
.main_img_wrap .catch{
    font-size:2rem;
}
.hana1{
    top:-2%;
}
.hana2{
    top:38%;
}
.hana4{
    bottom:21%;
}
#contents{
    padding-bottom:120px;
}
#contents .box{
    margin-bottom:150px!important;
}
.all_page::after{
    display:none;
}

}

@media screen and (max-width: 1000px){
.main_wrap{
    margin-top:49.5vh;
}    
    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.button_container span{
    box-shadow:1px 1px white;
}
.main_img_wrap .catch_item{
    width:36vw;
}
.hana1 {
    top: -4%;
    width:40vw;
}
.hana2{
    top:29%;
    width:45vw;
}
.hana4 {
    bottom: 30%;
    width:42vw;
    right:-10%;
}
#contents .box {
    margin-bottom: 100px!important;
}
#contents .box .txt_wrap{
    width:100%;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:30px;
}
#contents .box figure {
    width: 75%;
}
#page_title{
    padding-top:0;
    
}
#copyright{
    padding-bottom:80px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.main_img::before{
    height:32vh;
}
.main_img_wrap .catch{
    top:33%;
}
.main_img_wrap .catch{
    font-size:1.2rem;
    top:19%;
}
.main_img_wrap .catch_item{
    width:27vw;
}
#video{
    height:32vh!important;
}
.video{
    width:100%!important;
    height:auto!important;
}
.main_wrap {
    margin-top: 31.5vh;
}
.hana1{
    top:-2%;
    width:42vw;
    right:-18%;
}
.hana4 {
    bottom: 32%;
    width: 49vw;
}
.t_cms_txt3, .t_cms_txt6, .t_cms_txt9 {
    font-size: 1.3rem;
}
.t_cms_txt2 span, .t_cms_txt5 span, .t_cms_txt8 span {
    font-size: 2rem;
}
#contents .box:nth-child(3) .txt_wrap{
    padding-left:20px;
}
#contents {
    padding-bottom: 20px;
}
.other .box:first-child{
    background-size:70%;
    background-position:left bottom;
}
.other .box:last-child{
    background-size:70%;
    background-position:right bottom;    
}
#page_title .img-container::after{
    background-color: rgba(174,210,213,0.4);
}
.pager li{
    margin-left:0;
}
.fix_bnr_box{
    right:auto;
    left:10px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{
    padding-top:35px;
}
}