/*--------リンク・フォント--------*/
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/hiragino_min_r.woff') format('woff'),
        url('../Dup/img/hiragino_min_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/hiragino_min_b.woff') format('woff'),
        url('../Dup/img/hiragino_min_b.eot')  format('eot');
    font-display: swap;
}
body{font-family: "hiragino_min","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
.overlay .nav_menu_more a{font-family: "hiragino_min","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
.linkStyle{color: #333333; text-decoration: underline;}

/*--------全体--------*/
/*
#fakeloader {
    background-image:url(./Dup/img/loading_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
*/
#wrap{position:relative;}
/*
#wrap:before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url(./Dup/img/back.jpg) center no-repeat;
    background-size:cover;
  }
  */
  main .bg_item1{
    position: fixed;
    width: 23%;
    bottom: -8%;
    left: 0px;
    z-index: -1;
  }
  main .bg_item2{
   position: fixed;
    width: 31%;
    top: -3%;
    right: 0px;
    z-index: -1;
  }
  /*
  main{position:relative;}
main:before{
    content: "";
    display: block;
    position: fixed;
    top: 0%;
    right: -45px;
    z-index: -1;
    width: 21%;
    height: 62vh;
    background: url(./Dup/img/item_04.png) center no-repeat;
    background-size: cover;
  }
main:after{
        content: "";
    display: block;
    position: fixed;
    bottom: 0%;
    left: 0px;
    z-index: -1;
    width: 16%;
    height: 69vh;
    background: url(./Dup/img/item_03.png) center no-repeat;
    background-size: cover;
  }
  */
#intro_wrap{
    background-image: url(./Dup/img/item_01.png);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: auto;
}
#contents3 .con_box{
    background-image: url(./Dup/img/item_02.png);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: auto;
}
#contents3 .con_box{position:relative;}
#contents3 .con_box:before{
    content: "";
    display: block;
    position: absolute;
    top: -79px;
    left: 49%;
    transform: translateX(-50%);
    z-index: 0;
    width: 9%;
    height: 144px;
    background: url(./Dup/img/item_07.png) center no-repeat;
    background-size: contain;
  }  
#contents3_wrap:after {
    background-color: rgba(216, 246, 254, .35)!important;
}
.cms_title p{
    font-family: "hiragino_min",serif;
}
#info_contact_wrap .con_title span{
   font-family: "hiragino_min",serif;    
}


#foot_fix_ban {
        position: fixed !important;
    bottom: 55px;
    right: 72px;
    height: auto;
    width: 17%;
    z-index: 3;
}
#foot_fix_ban div{
    display: block;
}
#foot_fix_ban a{
    bottom: 0px;
    right: -14px;
    height: auto;
    width: 98%;
}
#footer{
    padding-bottom: 80px;
}

.overlay {
    background: rgba(90, 76, 73, .9)!important;
}
.nav_menu_more:first-of-type a .icon:before{content: "\f879";}
#nav_menu .mg_b-50px h2,#nav_menu .mg_b-50px .nav_menu_more:last-of-type{display:none;}
/*--------下層--------*/
.page .con_box{
    background-image: url(./Dup/img/item_02.png);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: auto;
}
#footer_con .con_box{
   background-image:none;
}
.cate_list li a{
     background: url(./Dup/img/cate.png); 
}
.page_title_box:after{
   content: "";
    display: block;
    position: absolute;
    top: -40%;
    left: 45%;
    transform: translateX(-50%);
    background: url(./Dup/img/item_07.png) center no-repeat;
    background-size: contain;
    width: 37%;
    height: 56%;
    z-index: +1;
}
.page_title_box p{
       font-family: "hiragino_min",serif;  
    }

#page3 #cms_2-a .cate_title{position:relative;}
/*
#page3 #cms_2-a .cate_title:before{
    content: "";
    display: block;
    position: absolute;
    bottom: 12px;
    left: -10px;
    z-index: 0;
    width: 29%;
    height: 126px;
    background: url(./Dup/img/item_08.png) center no-repeat;
    background-size: contain;
  }    
  */
  #page4 #cms_3-e .cate_title{position:relative;}
  #page4 #cms_3-e .cate_box{
    background-color: rgba(240, 236, 227, .7);
    border-radius: 5px;
  }
  #page5 #cms_3-c .cate_box{
    background-color: rgba(240, 236, 227, .7);
    border-radius: 5px;
  }
  /*
#page4 #cms_3-e .cate_title:before{
    content: "";
    display: block;
    position: absolute;
    bottom: 12px;
    left: -10px;
    z-index: 0;
    width: 29%;
    height: 126px;
    background: url(./Dup/img/item_08.png) center no-repeat;
    background-size: contain;
  }   
  */
.cms_5-c .box_title1,
#cms_5-c .box_title1 {
    padding-left: 80px;
}
.cms_5-c .box_title1::before,
#cms_5-c .box_title1::before {
    left: 42px;
}
.cms_5-c .box_title1::after,
#cms_5-c .box_title1::after {
        content: "";
    display: block;
    position: absolute;
    top: 13px;
        left: 5px;
    width: 32px;
    height: 32px;
    background: url(./Dup/img/item_05.png) center no-repeat;
    background-size: cover;
}
.cms_5-c .box_txt1,
#cms_5-c .box_txt1 {
    margin-left:auto;
    padding-left: 80px;
}
.cms_5-c .box_txt1::before,
#cms_5-c .box_txt1::before {
    left: 42px;
}
.cms_5-c .box_txt1::after,
#cms_5-c .box_txt1::after {
        content: "";
    display: block;
    position: absolute;
    top: 13px;
        left: 5px;
    width: 32px;
    height: 32px;
    background: url(./Dup/img/item_06.png) center no-repeat;
    background-size: cover;
}
#page8 .tel_box{
    position: relative;
    overflow: hidden;
    padding: 20px 20px 15px 20px;
}
#page8 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
@media screen and (max-width: 1200px){
    #page8 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
    }
}
@media screen and (max-width: 667px){
#page8 .tel_box a{
    font-size: 5.3vw;
    letter-spacing: 2px;    
}
}
#page10 .pop400{
    font-family: "hiragino_min",serif;
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
    main .bg_item1 {
    width: 50%;
    }
    main .bg_item2 {
    width: 57%;
    }
    #contents3 .con_box:before {
    width: 12%;
    }
    #footer {
    padding-bottom: 100px;
}
#footer #footer_con #logo2{
    width: 100%!important;
}
#footer #footer_con .con_box{
    width: 100%!important;
}
#footer #footer_con .con_box h2{
    font-size: 2.5vw;
    text-align: center;
}
#foot_fix_ban {
    right: 52px;
    width: 37%;
    }
    #foot_fix_ban a {
    right: -14px;
    width: 96%;
    bottom: -1px;
}
    #page3 #cms_2-a .cate_title:before {
    bottom: 18px;
    left: -28px;
    width: 14%;
    height: 105px;
    }
    #page4 #cms_3-e .cate_title:before {
    bottom: 9px;
    left: -23px;
    width: 40%;
    height: 122px;
    }
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    #contents3 .con_box:before {
    top: -48px;
    left: 49%;
    width: 20%;
    height: 78px;
    }
    
    .page_title_box h2{
        font-size: 5.2vw;
    }
    .add_pay{
            width: 92%;
    margin: 20px auto 0;
    }
    #footer {
    padding-bottom: 65px;
}
#foot_fix_ban {
    right: 21px;
    width: 54%;
    bottom: 43px;
}
    #foot_fix_ban a{
    right: 4px;
    width: 96%;
    bottom: 4px;
}
#page3 #cms_2-a .cate_title:before {
    bottom: 18px;
    left: -22px;
    width: 17%;
    height: 97px;
}
#page4 #cms_3-e .cate_title:before {
    bottom: 21px;
    left: -37px;
    width: 26%;
    height: 87px;
}
#page4 #cms_3-e .cate_box {
    padding: 10px!important;
}
#page4 #cms_3-e .box_txt1 {
    padding: 10px 15px!important;
}
#page5 #cms_3-c .cate_box {
    padding: 10px!important;
}
#page5 #cms_3-c .box_txt1 {
    padding: 10px 15px!important;
}
}


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

}


/*------------mailform----------------*/
/* animations */
@-webkit-keyframes radio-select {
  0% {
    transform: scale(0, 0);
  }
  65% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes radio-select {
  0% {
    transform: scale(0, 0);
  }
  65% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

#page8 #form_box .box.radio_box input {
    height: auto;
}
.radio_box label {
  margin: 1.1em;
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
.radio_box input {
  height: 1px;
  width: 1px;
  opacity: 0;
}
.radio_box  .outside {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 25px;
  height: 25px;
  border: 2px solid #CCCCCC;
  border-radius: 50%;
  box-sizing: border-box;
  background: #F3F3F3;
}
.radio_box .inside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #444;
  left: 3px;
  top: 3px;
  transform: scale(0, 0);
}
.no-transforms .inside {
  left: auto;
  top: auto;
  width: 0;
  height: 0;
}
.radio_box input {
  /*  &:focus, &:active {
        + .outside {
          border-color: $almost-black;
        }
      }*/
}
.radio_box input:checked + .outside .inside {
  -webkit-animation: radio-select 0.1s linear;
          animation: radio-select 0.1s linear;
  transform: scale(1, 1);
}
.radio_box .no-transforms input:checked + .outside .inside {
  width: 20px;
  height: 20px;
}