@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");
}
.font1{font-family: "Utsukushi_min","sans-serif";}
.linkStyle{
    color: #e45858;
    border-bottom:1px solid #e45858;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}


body,.font_14{
    font-size:16px!important;
    letter-spacing: 2px;
    line-height: 1.7;
}

/*sns_link*/
.link_box ul{justify-content:center;}
.link_box li{margin-right: 3%;}
.link_box li:last-of-type{margin-right: 0;}

.contact_bt i::before{display:none;}
header{
    background: url(./Dup/img/bg.jpg);
    background-size: cover;
    box-shadow: 1px 1px 5px #b9b9b9;
}

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

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.button:hover::after {
    box-shadow: inset 0 0 0 15em #f5a59e;
}



/*top page--------------------------------------
----------------------------------------------*/
#main_img{
  max-height: initial;
  min-height: auto;
}
#main_img::before,#main_img::after,#contents_box::before,.con1_outer::after,#attach::before,.con2_outer::before,#page_title .title_img::after{
    content:'';
    position:absolute;
    display:block;
    background-repeat:no-repeat;
    z-index:1;
}
#main_img::before{
    width:18vw;
    height:100vh;
    background-size:contain;
    background-image:url(./Dup/img/main1r.png);    
    background-position:top left;
    left:0;
    top:0;
}
#main_img::after{
    width:20vw;
    height:100vh;
    background-size:contain;
    background-image:url(./Dup/img/main2r.png);    
    background-position:top right;
    right:0;
    top:0;
}
#main_img .txt1{
    font-size: 3rem;
    left: 75%;
    width: 50%;
}
#contents_box{position:relative;}
#contents_box::before,.con2_outer::before{
    width:100%;
    height:48px;
    background-image:url(./Dup/img/nami1.png);
    background-repeat:no-repeat;
    background-size:cover;
    top:-48px;
    left:0;
}
#attach::before{
    width:7vw;
    height:10vh;
    background-image:url(./Dup/img/atc_item.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    top:50%;
    left:0;
    right:0;
    transform:translate(0,-50%);
    margin:auto;
    z-index:1;
}
.img5,.img6,.img7{position:relative;}
.img5::before,.img6::before,.img7::before{
    content:'';
    position:absolute;
    display:block;
    background-repeat:no-repeat;
    z-index:1;
}
.img5::before{
    width:7vw;
    height:14vh;
    background-size:contain;
    background-image:url(./Dup/img/item1.png);    
    background-position:top left;
    left:-11px;
    top:0;    
}
.img6::before{
    width:7vw;
    height:14vh;
    background-size:contain;
    background-image:url(./Dup/img/item2.png);    
    background-position:top left;
    left:-10px;
    top:0;    
}
.img7::before{
    width:10vw;
    height:20vh;
    background-size:contain;
    background-image:url(./Dup/img/item3.png);    
    background-position:top left;
    left:-20px;
    top:0;    
}
.con1_outer,.con2_outer,.con3_outer{position:relative;}
.con1_outer::after{
    width:100%;
    height:48px;
    background-image:url(./Dup/img/nami2.png);
    background-repeat:no-repeat;
    background-size:cover;
    bottom:-48px;
    left:0;    
}

#contents1 .con1_item img{width:auto;}
#contents1 .con1{color:#68b598;}
#contents2 .img5 img{border-radius: 56% 47% 42% 50%/58% 51% 64% 51%;}
#contents3 .img6 img{border-radius: 59% 47% 28% 39%/50% 51% 64% 51%;}
#contents3 .img7 img{border-radius: 45% 56% 37% 45%/50% 61% 64% 66%;}
#top_cms .cms_2-c .cate_box{padding:2% 0;}

/*under page--------------------------------------
----------------------------------------------*/
#page_title .title_img::after{
    width:100%;
    height:48px;
    background-image:url(./Dup/img/nami1.png);
    background-repeat:no-repeat;
    background-size:cover;
    bottom:0;
    left:0;    
}
#page_title h2,#page_title p,.cate_list li a{text-shadow:none;}
#cms_1-e .button2:hover,.cate_list li a:hover,#page10 li a:hover,.foot_tel_bt a:hover {
    box-shadow: none;
    background-color: #f5b2ac;
    color:white;
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img::before,#main_img::after {
    width: 25vw;
    height: 100%;
}
#main_img .txt1 {
    font-size: calc(2rem + -2px);
    width: 60%;
}#attach::before {
    width: 14vw;
    height: 7vh;
}
.img5::before {
    width: 10vw;
    height: 9vh;
}
.img6::before {
    width: 9vw;
    height: 10vh;
}
.img7::before {
    width: 12vw;
    height: 12vh;
}
.cms_title,#page_title .page_box{padding-left:0;}
.cms_title::before,#page_title .page_box::before{display:none;}
.fat-nav li{font-size:16px;}
.font_18_tb {font-size: 20px;}
.font_16_tb {font-size: 20px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.hamburger {top: 12px;}
#main_img::before{top: -6px;}
#contents_box::before{
    background-size: contain;
    top: -20px;
}
.con1_outer::after{background-size: contain;}
.con2_outer::before{
    background-size: contain;
    top: -15px;
}
#attach::before {
    width: 26vw;
    height: 13vh;
}
.img5::before {
    width: 25vw;
    height: 15vh;
}
.img6::before {
    width: 17vw;
    height: 14vh;
}
.img7::before {
    width: 25vw;
    height: 19vh;
}
.cms_title h2{font-size:22px;}
#page_title .title_img::after{
    background-size: contain;
    bottom: -33px;
}
#cms_2-c .box_item{
    border: 1px solid;
    border-color: #E4E2D5;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.pc_box .contact_bt a{padding:13px 0 12px;}
#contact_tel a{padding-top:35px;}
#page10 ul li a{padding:14px 0 12px;}
}