@media all and (-ms-high-contrast: none){
    section#contents1 h2.item1{
    -ms-writing-mode: tb-lr; 
    font-size:42px;
    }
    .flex_box .pd_l-50px{
    padding-top: 100px !important;
    padding-left: 50px !important;
}
#top_cms .top_cms_box .more a{
    color:gray;
}
#cms_2-a .cate .cate_title{
    padding-top:0 !important;
}
}


@media screen and (min-width:769px){
section#contents1 p{
    line-height:1.6vw;
}


    #logo{
    width:100%;
    text-align:center;
    z-index:3;
    
}
#logo img{
    width:270px;
    position:relative;
    top:400px;
}
#loader div img {
    width: 300px;
    animation-name: loader1;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}


section#contents1 h2.item1{
    writing-mode:vertical-rl;
    font-size:42px;
}

.flex_box{
    display:flex;

    padding-left:10% !important;
    padding-right:2% !important;
}
.flex_box .pd_l-50px{
    padding-top:100px !important;
    padding-left:25px;
}
.w_2{
    width:45% !important;
}
.w_1{
    width:55% !important;
}

div#logo{
    text-align:center;
    height:0;
}
div#logo img{
     z-index:2;
    position:relative;
    width:280px;
    top:370px;
}
section#contents1 h2.item1:before {
    width: 420px;
    background-color: transparent;
    background-size: 100%;
    height: 200px;
    background-repeat: no-repeat;
    left: 35px;
    display: inline-block;
    background-image: url(Dup/img/text1.png);
}
.b_g{
    background-image: url(Dup/img/text2.png);
    background-repeat: n-repeat;
    background-repeat: no-repeat;
    background-position: 85% 0%;
    background-size: 120px;
}
.sc_anime h3{
    font-size:36px;
}
header.bg_white{
    background:transparent !important;
}

}

/*---------------------------ここまで-----------------------------------*/
#cms_1-a .cate_box div{
    min-width:100%;
}
.main .title{
    border:0;
}
.linkStyle{
    color:#ea7726;
}

.menu #cate6 .cate_item{
    display:none;
}

.menu div.cate_box p{
            width:13% !important;
    }
.menu div.cate_box h4{
    width:87% !important;
}
#page08 .txt_color2{
    color:#e7711b;
}
#page08 input,#page08 textarea{
    background:#fff0e9;
}
.item2::before{
    display:none;
}
.index .item2::before{
    display:block;
}
.logo img{
    background:#ea7726;
}
.border_color2{
    border-color:#e3bea5;
}
.index footer .d_flex{
    background-image: url(Dup/img/back2_bottom.png);
    background-repeat: no-repeat;
}
footer .d_flex{
    background-image: url(Dup/img/cms_footer.png);
    background-repeat: no-repeat;
}

section#page_title{
        background-image: url(Dup/img/back2_cms.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: transparent;
}
section#cms,section#page07,section#page08,section#page09,section#page10,#menu_wrap{
    background-image:url("Dup/img/back1.jpg");
}
p#copyright{
    background-image:url("Dup/img/back1.jpg");
}
main.main{
     background-image:url("Dup/img/back1.jpg");
}
#footer_cms > div {
    background-color: rgba(255,255,255,0.9) !important;
}

.b_g2{
    background-image:url("Dup/img/back2_bottom.png");
    background-repeat:no-repeat;
    background-size:100%;
}
footer  .logo img{
    width:300px;
}

#menu_bt span,#page-top{
    font-family: 'Mate SC', serif;
    
}

#main_img #slide_wrap {
    filter: brightness(0.7);
}
span.circle,span.arrow{
    display:none;
}


.font_serif,h3,.top_cms_box .more a,h2,p.font_20,#main_menu,ul.cate_list,.white h4,top_cms_box .box_title1,div.cate_title,div.cms_wrap .box_title1{
    font-family: 'Shippori Mincho B1', serif !important;
}
section#cms_4-b .box_title1,#cms_3-a p,#page08 p,#page09 p,#page10{
      font-family: 'Shippori Mincho B1', serif !important;
}
section#cms_4-b .cate_txt1{
    opacity:0.7;
}
ul.cate_list{
    font-size:16px !important;
   
}

h3.box_title{
    font-weight:bold;
}

.top_cms_box .d_inline_b,section#page_title .d_inline_b{
    text-align:center;
}

.top_cms_box h3.cate_title:before,.top_cms_box h3.cate_title:after {
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    opacity: 0.5;
}
div.d_inline_b p{
font-family: 'Mate SC', serif;
font-size:14px;
}
h3::before{
    display:none;
}

.bg_color2{
    background-image:url("Dup/img/back2.jpg");
}
.va img{
    vertical-align:top;
}

#top_cms .top_cms_box .more a {
    width: 180px;
    height: 40px;
    color: #4e4e4ed1 !important;
    background-image: url(Dup/img/back1.jpg);
    border-color: #4e4e4e8f;
    font-size:16px;
}
.hvr_bg_white:hover {
   opacity:0.7;
}
.sc_icon{
    z-index:1 !important;
    width:120px;
    height:60px;
}
#main_img{
    bottom:12px !important;
}
.v_b img{
    position:relative;
    bottom:35px;
    z-index:3;
    width:1920px;
}
div.cms_wrap.white,.white h4{
    color:white;
}
div#header{
    background-image: url(Dup/img/back_header.png);
    background-repeat: no-repeat;
    background-position: bottom;
}


header ul a{
    position:relative;
    bottom:5px;
}
.item1::before{
    display:none;
}

section#page_title{
    color:white !important;
}



h3.cate_title {
  position: relative;
  display: inline-block;
  padding: 0 40px;
}

h3.cate_title:before, h3.cate_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 25px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  opacity:0.5;
}

h3.cate_title:before {
  left:0;
}
h3.cate_title:after {
  right: 0;
}
h3.border_so2-b,h3.border_so2-t{
    border:0 !important;
}
.hvr_opa1:hover{
    opacity:0.7;
}
div#cms_2-a h4.box_title1{
    font-weight:bold;
}
ul.cate_list a{
    background: #e7711b;
    opacity: 1;
    color: white;
    font-weight: normal;
    padding: 4px 10px;
}

body{
    background-image:url("Dup/img/back2.jpg");
}
/*----------スマホ以上タブレット以下--------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
    header.bg_white{
    background:transparent !important;
}
   

#contents1 .box_wrap .box {
    padding-top: 2%;
}
#contents1 .box_wrap .box h2 {
    margin-bottom:30px;
}
    footer  .logo img{
    width:150px;
    margin-bottom:20px;
}
.menu div.cate_box p{
            width:20% !important;
    }
.menu div.cate_box h4{
    width:80% !important;
}
    header h1 img{
        width:100%;
    }
    header h1{
        padding:5px;
        z-index:2;
    }
    #page_title.active .item1::before{
        display:none;
    }
      #logo{
    width:100%;
    text-align:center;
    height:0;
   
}
#logo img{
    width:220px;
    position:relative;
    top:190px;
     z-index:2;
}
    
     ul.cate_list li{
        margin-bottom:15px;
    }
    .flex_box p{
        padding:0;
    }
    h2.item1:before {
    width: 420px;
    background-color: transparent;
    background-size: 100%;
    height: 200px;
    background-repeat: no-repeat;
    left: 135px;
    top:-30px;
    display: inline-block;
    background-image: url(Dup/img/text1.png);
}

.b_g{
    background-image: url(Dup/img/text3.png);
    background-repeat: no-repeat;
    background-position: 90% 0%;
    background-size: 550px;
}
.sc_anime h3{
    font-size:36px;
}
}
/*------------------------ここまで--------------------------*/
@media screen and (max-width:768px){
.main .b_g h3{
    font-size:24px;
}
#contents1 .flex_box{
    margin-top:-20px;
}
#contents1 .box_wrap .box h2 {
    margin-bottom:20px;
}
#contents1 .box_wrap .box {
    padding-top: 0;
}
      footer  .logo img{
    width:150px;
    margin-bottom:20px;
}
.menu div.cate_box p{
            width:25% !important;
    }
.menu div.cate_box h4{
    width:75% !important;
}
    .mg_b-50px_tb{
        margin:0;
    }

    #slide_wrap{
        position:absolute !important;
    }
  
}

@media screen and (max-width:678px){
.blog .mg_l-30px{
    margin-left:0 !important;
}
header{
    padding-bottom:10px;
    background-image: url(Dup/img/back1.jpg);
}
header h1{
    width:25%;
}
div#header{
    background-image:none;
}
#copyright{
    padding-left:10px !important;
}
      #page_title.active .item1::before{
        display:none;
    }
.top_cms_title{
    margin-bottom:0 !important;
}
#top_cms .top_cms_box {
    margin-bottom:0 !important;
}
#logo{
    width:66%;
    text-align:center;
    height:0;
}
#logo img{
    position:absolute;
    z-index:1;
    top:13vh;
    width:35%;
}
    
  h2.item1:before {
    width: 200px;
    background-color: transparent;
    background-size: 100%;
    height: 200px;
    background-repeat: no-repeat;
    left: 27%;
    top: 0px;
    display: inline-block;
    background-image: url(Dup/img/text1.png);
}

.b_g {
    background-image: url(Dup/img/text3.png);
    background-repeat: no-repeat;
    background-position: 90% 25px;
    background-size: 80%;
}
  
    ul.cate_list li{
        margin:0 auto 20px auto !important;
        text-align:center;
}
header{
    height:0;
}
header h1{
    z-index:2;
    width:30%;
}
#main_img #slide_wrap{
    filter:none;
}
#logo{
    display:none;
}
}
@media screen and (min-width:769px) and (max-width:1280px){
 .flex_box{
     padding-left:3% !important;
 }   
    
}