@font-face {
font-family: "Utsukushi_min";
  src: url("./Dup/img/Utsukushi_min.ttf") format("ttf"),url("./Dup/img/RM1c_b.eot") format("eot"),url("./Dup/img/Utsukushi_min.woff") format("woff"),url("./Dup/img/Utsukushi_min.woff2") format("woff2");
}

/* all page-----------------------------------------------------------------*/
#wrap{
    background-image:url(./Dup/img/hd1.png),url(./Dup/img/hd2.png);
    background-repeat:no-repeat,no-repeat;
    background-position:left top,right top;
    /*background-attachment:fixed;*/
}
.font1,
#main_menu .menu_title,
#aisatsu h2,
#top_contents h2,
#top_cms .cms_title h2,
.page_title h2{font-family: "Utsukushi_min","sans-serif";}
#wrap{position:relative;}
.header .grid_3 .pd_5px{text-align:left;}
.header .grid_3 .pd_5px a {color:#333;}
.header .grid_3 .pd_5px a .fa-envelope{display:none;}
#main_menu .menu_title{color:#333;}
.hd1{
    top:0;
    left:0;
}
.hd2{
    top:0;
    right:0;
}
.hd1,.hd2{z-index:100;}
.hd1 img,.hd2 img{width:auto;}
.sns_link{background-color:transparent;}
#info_map .foot_tel_bt .fa-envelope{display:none;}
#f_menu ul li a{color:#333;}
footer{border-top:0!important;}
.bottom_bnr{
    position: fixed;
    right: 70px;
    z-index: 2;
}
.linkStyle{
    color: #ea6291;
    text-decoration:underline;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}


/* top page-----------------------------------------------------------------*/
#main_menu.fixed{background-color:rgba(255,255,255,0.7);}
/*ローディング後にフェードイン*/
.load-fade {opacity : 0; transition : all 2s/*処理にかかる時間*/;}
.load-fade.done{opacity : 1; transform : translate(0, 0);}
.catch{
    top:10%;
    right:15%;
    z-index:3;
}
.catch img{
    width:auto;
    filter: drop-shadow(2px 2px 0px pink);
}
#main_img{position:relative;}
#main_img::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(./Dup/img/waku.png);
    background-repeat:no-repeat;
    background-size:contain;
    top:0;
    left:0;
    z-index:2;
    
}
#aisatsu{border-radius:30px;}
#aisatsu > div{
    background-color:rgba(183,89,14,0.4);
    border-radius:30px;
}
#aisatsu .item1 img{width:auto;}
.border-dotted-12px {
    margin : 0 0 1em ;
    padding : 0.5em 0.5em ;
    line-height : 1.8 ;
    border-bottom : dotted 5px white;
}
#top_contents{
    background-image:url(./Dup/img/white1.png),url(./Dup/img/white2.png);
    background-repeat:no-repeat,no-repeat;
    background-position:top right,bottom left;
    background-color: #fbe7e9;
    padding-top: 100px;
    padding-bottom: 100px;   
}
#contents1 .contents_box,
#contents2 .contents_box, 
#contents3 .contents_box{margin-top: -120px;}
.contents_box::before,
.contents_box::after,
.contents_box2::before,
.contents_box2::after{display:none;}
#contents1,#contents2,#contents3{
    background-image:url(./Dup/img/bg.png);
    background-repeat:no-repeat;
    background-position:center center;
}
.point01 img,.point02 img,.point03 img{
    width:20%;
    margin-bottom:10px;
}
/*下からフェードイン*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
.contents_item img{
    width:auto;
    margin-bottom:20px;
}
#top_cms .cms_title h2::before{
    background-color:transparent;
    width:63px;
    height:12px;
    background-image:url(./Dup/img/cms_item.png);
    background-repeat:no-repeat;
    bottom:-50px;
    
}
#top_cms .cms_title h2::after{display:none;}
#top_cms .effect{color:#333;}
.cms_6-c figure img{border-radius:50%;}
.ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  max-height: 4.5em;
  -webkit-line-clamp: 3;
}
.info_item img{width:auto;}

/* under page-----------------------------------------------------------------*/
.page_title h2{
    color:#333;
    background-color: rgba(255,255,255,0.8);
}
#page10 .cate li a{letter-spacing:1px;}


/* ---------- responsive ---------- */
@media screen and (max-width: 1500px){
.catch{right:10%;}    
}

@media screen and (max-width: 1300px){
.catch{right:5%;}    
}

@media screen and (max-width: 1100px){
.catch{right:1%;}    
}

@media screen and (max-width: 1000px){
.catch{
    top:8%;
    right:-10%;
}
.catch img {width: 80%;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#wrap{background-size:30%,25%;}
.catch{
    top:8%;
    right:-13%;
}
.catch img {width: 80%;}
#aisatsu{
    padding:20px;
    border-radius:0;
}
#top_contents{background-size: 50%,50%;}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    margin-top: -30px;
}
.contents_item img {width: 20%;}
.cms_6-c figure{margin-bottom:20px;}
.cms_6-c figure img{width:50%!important;} 
footer{padding-bottom:70px!important;}
#f_menu li a{letter-spacing:0;}
#fixed_right_banner {top: 750px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#wrap {background-size: 35%,30%;}
#logo{margin-right:0;}
#logo img{width:130px!important;}
.catch {
    top: 73%;
    right: -55%;
}
.catch img {
    width: 60%;
    display: block;
}
#aisatsu{margin-top:150px;}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box{margin-top:0;}
.point01 img, .point02 img, .point03 img {
    width: 30%;
    margin-bottom:0;
}
.contents_item img {width: 30%;}
.cms_6-c figure img { width: 80%!important;}
.info_item img {width: 40%;}
.bottom_bnr{right:65px;}
}

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