/*--------リンク・フォント--------*/
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/NotoSans_r.woff') format('woff'),
        url('../Dup/img/notosans_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/notosans_bold.woff') format('woff'),
        url('../Dup/img/notosans_bold.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/NotoSans_black.woff') format('woff'),
        url('../Dup/img/notosans_black.eot')  format('eot');
    font-display: swap;
}
.linkStyle{color: #333333; text-decoration: underline;}

/*--------全体--------*/
#intro .intro_txt{width: 47%}
#header h1{width:13%!important;}

#intro .d_flex p{
    position:relative;
    z-index:+1;
}
#intro .d_flex p:first-of-type::before{
    content: "01";
        display: inline-block;
    position: absolute;
    left: -32px;
    top: -91px;
    background-size: contain;
    z-index: +1;
    opacity: 0.2;
    font-size: 9.5em;
    font-family: "Fjalla One", sans-serif;
}
#intro .d_flex p:nth-of-type(2)::before{
        content: "02";
        display: inline-block;
    position: absolute;
    left: -32px;
    top: -91px;
    background-size: contain;
    z-index: +1;
    opacity: 0.2;
    font-size: 9.5em;
    font-family: "Fjalla One", sans-serif;
}
#main_contents{
    background: url(./Dup/img/back2.png) no-repeat;
    background-position: -78% 50%;
    background-size: 73%;
}

#top_cms .top_cms_box{
    background: url(./Dup/img/back3.png) no-repeat;
    background-position: 0% 0%;
    background-size: 23%;
}

/*--------下層--------*/
.subpage #main_contents {
    background: url(./Dup/img/back2.png) no-repeat;
    background-position: -29% 42%;
    background-size: 52%;
}
#cms{
    background-image: url(./Dup/img/back1.jpg);
    background-size: cover;
    background-attachment: fixed;
}
#cms_2-a .cate_title{
         background-image: url(./Dup/img/item_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% 50%;
}
#cms_6-b .cate_title {
    background-image: url(./Dup/img/back2.png);
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: 50% 16%;
}
#page08 .tel_box{
    padding: 20px 20px 20px 20px;
    position: relative;
    overflow: hidden;
}
#page08 .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){
    #page08 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #header h1 {
    width: 25%!important;
}
#catch span{    letter-spacing: 2.5px;}
#intro .d_flex p:first-of-type::before {
    left: -21px;
    top: -68px;
    opacity: 0.2;
    font-size: 8em;
}
#intro .d_flex p:nth-of-type(2)::before {
    left: -21px;
    top: -68px;
    opacity: 0.2;
    font-size: 8em;
}
#footer .grid_6 h3{    font-size: 5.5vw;}
#page10 .grid_4 a {
    padding: 50px 20px 30px 20px;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    #header h1 {
    width: 45%!important;
}
    #intro .intro_txt{width: 100%}
    #intro {
    background-position: 95% 0%;
    }
    #intro .d_flex p:nth-of-type(2)::before {
    top: -23px;
    }
     #contents {
    background-position: 59% 50%;
     }
     #top_cms .top_cms_title h3 span {
    font-size: 7.3vw;
     }
     #footer .grid_6 h3 {
    font-size: 8.5vw;
}
.cate_list li a{
        padding: 10px 10px 10px 46px;
    font-size: 4.2vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cate_list li {
    margin-bottom: 20px;
}
.page09 #page_title h2 span {
    letter-spacing: 1px;
    font-size: 7vw;
}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#main_contents #main_menu li a{padding:10px 0px 0px 30px;}
#main_contents #main_menu li::before {
    top: 8px;
}
#intro .more a{padding:14px 40px 8px 10px;}
#main_contents{background-size:75%}
.subpage #main_contents{background-size:55%}
}