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

.underline {
  --line: #646b8c;
  --color: #2b3044;
  text-decoration: none;
  color: var(--color);
  position: relative;
}
.underline span {
  background-image: linear-gradient(0deg, var(--line) 0%, var(--line) 100%);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: var(--background-size, 100%) 1px;
  transition: background-size 0.2s linear var(--background-delay, 0.15s);
  transform: translateZ(0);
}
.underline svg {
  vertical-align: top;
  display: inline;
  line-height: 1;
  width: 25px;
  height: 28px;
  position: relative;
  left: -2px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1px;
  stroke: var(--line);
  stroke-dasharray: 7.95 30;
  stroke-dashoffset: var(--stroke-dashoffset, 46);
  transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);
}
.underline:hover {
  --background-size: 0%;
  --background-delay: 0s;
  --stroke-dashoffset: 26;
  --stroke-duration: 0.3s;
  --stroke-easing: cubic-bezier(0.3, 1.5, 0.5, 1);
  --stroke-delay: 0.195s;
}

#footer .tel_bt,.more_btn,#top_cms .cms_title p,.page .page_title_box p{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
#page10 .more_btn .pop400{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-size:14px;}



/*--------全体--------*/
#video{margin-bottom:-8px;}
.line:before { background-color: #ffdae0!important;}
#fakeloader{background-color: #ffe3e8;}
.back1:before{top: 720px;}

#top_pc_nav ul{font-family: 'Pinyon';    font-size: 1.5rem;}
#main_img .menu .bg_white { background-color: transparent;}
.intro_logo_c{text-align: center;}

@media screen and (min-width: 1090px){
#intro_wrap{
	margin-top: -12%;
	background-color: transparent;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;    
    flex-direction: row;
}
}

#intro_wrap h3{font-size: 1.6rem; margin: 0px 5%;}
#intro_wrap p{margin: 0px 5%;}
#intro .num,#contents1 .num,#contents2 .num,#contents3 .num{display: none;}
#intro .line:before,#contents1 .line:before, #contents2 .line:before{display: none ;}
#contents1 .con_box,#contents2 .con_box{
    background-image: url(./Dup/img/back_01.png);
    background-size: cover;
    background-position: 50% 50%;
}
#contents1 .con_title{margin-top: 50px;}
#contents1 .con_txt{padding-right: 50px;margin-bottom: 50px;}
#contents2 {margin-top:150px;}
#contents2 h3{margin-top: 50px;  padding-left: 50px;}
#contents2 .con_txt{margin-bottom: 50px;    padding-left: 50px;}
#top_cms.back1:before { z-index: -1;    top: 0px;}
#footer{
background-image: url(./Dup/img/back_footer_01.png),url(./Dup/img/back_footer_02.png);
background-size: 27vw,50vw;
    background-repeat: no-repeat;
    background-position: -1vw -15vw,65vw 4vw;
}
#footer h2{    font-family: 'Pinyon','serif';}
#top_cms .cms_title h3{font-family: 'Pinyon','serif';font-size: 45px;}

/*--------下層--------*/
#page_left{background-position: 50% 37%;}
#page_right{background-position: 50% 26%;}
.page{font-size: 16px;}
.page .back1:before { top: 0px;}
.page .page_title_box{    background-color: transparent;}
.page .page_title_box h2{font-family: 'Pinyon','serif';font-size:40px;}

@media screen and (min-width: 830px){
#page3 .cate_title{
display: block;
border-top: none;
border-bottom: 1px solid;
padding: 0 1%;
padding-bottom: 0px;
}
#page3 .cate_txt1{width: 95%;margin: 0 auto;}
#page6 .grid_3{width: 20%!important;}
#page6 .grid_9{width: 80%!important;}
}

#page7 .cate_box { border-color: #d2d2d2;}
#page8 #contact_tel{margin: 0 30px 0 0;}
#page8 #contact_line{margin: 0;}
#page8 #contact_tel a span:before {
    content: '';
    display: block;
	position: absolute;
    width: 1px;
    height: 100%;
	top: 0;
    left: 0;
    background-color: #333;
    opacity: 0.3;  
}
#page8 #contact_line a span:before {
    content: '';
    display: block;
	position: absolute;
    width: 1px;
    height: 100%;
	top: 0;
    left: 0;
    background-color: #333;
    opacity: 0.3;  
}
#page8 #contact_line a i{color:  #00b900;}

@media screen and (min-width:769px) and (max-width:1470px){
#page8 #contact_tel {margin: 0;}
}

.nav_menu_more:first-of-type a .icon:before{content: "\f879";}
#nav_menu .mg_b-50px .nav_menu_more:last-of-type{display:none;}
.overlay-menu .nav_menu_more a{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
.overlay-menu p.opacity07 { opacity: 1;}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
#video{margin-bottom:-9px;}
#intro_logo{    width: 685px!important;}
.back1{padding-top: 0px;}
.back1:before {  height: 46%;}
#intro_wrap{margin-top: -18%;    background-color: transparent;}
#footer{ background-size: 28vw,69vw; background-position: -1vw -15vw,60vw 5vw;}
.offset-2r_tb { margin-right: 0; }
.page .page_title_box{    padding-left: 25px;    padding-right: 25px;}
#page6 .con_box{padding: 5% 3%;}
.page07_ptb{  width: 60%;}
#page8 #contact_tel {margin: 0 0 10px 0;}
}



/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
header{background-color: #fcd0d7;}
.page header {background-color: transparent;}
.page #page_left{    background-position: 31% 9%;}
#intro_logo {
    width: 336px!important;
    height: 118px!important;
}
#contents1 h3{    margin: 0px 3%;font-size: 7.5vw;}
#contents1 .con_txt {padding-left: 20px;  padding-right: 20px}
#contents2 h3 { font-size: 7vw; padding-left: 0px;}
#contents2 .con_txt {
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
#contents3 h3{font-size: 7.5vw;}
#contents3_wrap:before { background-position: 11% 50%;}
#footer .con_box h2{display:none;}
#footer {
font-size: 14px;
    background-size: 51vw,100vw;
    background-position: -4vw -24vw,41vw 102vw;
}
.page3 .page_title_box h2,.page6 .page_title_box h2 { font-size: 5vw; }
#page8 #contact_tel a,#page8 #contact_line a{font-size:5.7vw;padding: 10% 3%;}
}



/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
.linkStyle{text-decoration: underline;}
#page8 #contact_tel a,#page8 #contact_line a{padding:33px 10px 27px 10px;}
#page8 #contact_tel a span::before,#page8 #contact_line a span::before{height:85%;}
}


/*--------------------------------------------
SVG
--------------------------------------------*/
svg .svg-elem-1 {
  stroke-dashoffset: 1522.933349609375px;
  stroke-dasharray: 1522.933349609375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(255, 182, 193);
}

svg .svg-elem-2 {
  stroke-dashoffset: 756.1467895507812px;
  stroke-dasharray: 756.1467895507812px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(255, 182, 193);
}

svg .svg-elem-3 {
  stroke-dashoffset: 2067.996826171875px;
  stroke-dasharray: 2067.996826171875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(255, 182, 193);
}

svg .svg-elem-4 {
  stroke-dashoffset: 633.234130859375px;
  stroke-dasharray: 633.234130859375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(255, 182, 193);
}

svg .svg-elem-5 {
  stroke-dashoffset: 554.8092041015625px;
  stroke-dasharray: 554.8092041015625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(255, 182, 193);
}

svg .svg-elem-6 {
  stroke-dashoffset: 554.7849731445312px;
  stroke-dasharray: 554.7849731445312px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(255, 182, 193);
}

svg .svg-elem-7 {
  stroke-dashoffset: 1156.1531982421875px;
  stroke-dasharray: 1156.1531982421875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(255, 182, 193);
}


/* 2025-03-28 */
.h_icon {
    width: 28px;
    transform: translateY(-11px);
}
@media screen and (max-width: 667px) {
    #page8 #contact_tel a, #page8 #contact_line a {
        font-size: 4.7vw;
        padding: 10% 3%;
    }
    .h_icon {
        width: 23px;
        transform: translateY(-7px);
    }
}