﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
  @import url("https://use.typekit.net/ksy4gxb.css");
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
body,h1,h2,h3,h4{font-weight: 600;}
body,.font_serif{font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important ;}
body{line-height: 2;}
.index header #header {
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
h2,h3{
letter-spacing: 0.1em;
font-family: 'Kosugi Maru', sans-serif;}
.index #main_nav{box-shadow: 0 -5px 10px rgba(0,0,0,0.1);}
#contents{background-color: #f3f3f3!important;}
footer,#header{background-color: #ffffff!important;}
#info,#header span,#header i{color: #333;}
#page_top a{border-color: #ffffff!important;}
#menu_bt .bar,#menu_bt .bar::before, #menu_bt .bar::after{background-color: #333;}
#page-top a{border: none;}
#intro figure img{border-radius: 5px;}
#fakeloader{background-color: #fff0e5!important;}
#intro p,#contents p{line-height: 2;}
.custom-shape-divider-bottom-1616392928 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1616392928 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 30px;
}

.custom-shape-divider-bottom-1616392928 .shape-fill {
    fill: #fff;
}
.custom-shape-divider-top-1616393655 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1616393655 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 21px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1616393655 .shape-fill {
    fill: #fff;
}
#contents .square_img img{left: 55%;}
.left_25 img{left: 25%!important;}
.fadein{
     opacity: 0;
    transform: translateY(20px);
     transition: 2s;
     transition-property: opacity,transform
}
.fadein.fadetrans{
     opacity: 1;
     transform: translateY(0);
}
main figure{border-radius: 10px;}
#info .tel a{color: #333;}
#main_nav,#bottom_menu,#copyright{
background: url(Dup/img/bg.jpg)no-repeat;
    background-size: cover;
color: #333;
}
#main_nav a,#bottom_menu a{color: #333;}
#bottom_menu{
box-shadow: 0 -5px 10px rgba(0,0,0,0.05);
}
#contents .txt_shadow-l{text-shadow: none;}
/*---------------------------------------
下層
----------------------------------------*/
#page_title::after{background-color: rgba(0,0,0,0.05);}
#tel_txt h3{color: #e56620;}
#cms_3-c .cate img, .cate_box img{box-shadow: none;}
#page_title p{opacity: 0.9;}
#cms_2-a .cate img{box-shadow: none;}
#page7 .box_title{margin-bottom: 0;}
#page7 .box_txt{padding: 0 0 0 20px;}
/*-------------------------------------------
tabret
--------------------------------------------*/
@media screen and (max-width: 768px){
#intro div div{padding: 50px 0;}
#page10 ul li a{background-color: #ff8938!important;}
#footer .tel a{color: #333;}
main.border_so10-t_tb{border-top: 0;}
#footer{display: block;}
#footer div.grid_6{width: 100%!important;}
#footer div.grid_6.txt_white{text-align: center;}
#info{
display: inline-block;
text-align: left;
}
#intro .bnr_box{
    padding: 10px;
}


}

/*-------------------------------------------
sp
--------------------------------------------*/
@media screen and (max-width: 667px){
#page_title::after{background-color: rgba(0,0,0,0.1);}
#page_title p{opacity: 0.9;}




.sm-slider, .sm-slider:after {
    height: 65%!important;
    top: 100px!important;
}
}



/*-------------------------------------------
IE
--------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
#cms_2-a .cate .cate_title{padding-top: 10px!important;}
#main_nav ul li a,#bottom_menu nav{padding: 8px 10px 8px!important;}
.box_wrap .box p a{padding-top: 10px!important;}
}