body{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
.linkStyle{color:#333333;}
.mailStyle{color:#333333;    text-decoration: underline;}

header{
background-image: url(./Dup/img/back_header.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.copy{z-index:+1;}
.copy_txt{background-color: rgba(255,255,255,0.5);}
.copy_txt span{font-size: calc(1rem + 20px);    line-height: 1.6;letter-spacing: 4px;}
#contents .box:nth-of-type(1) {
background-image: url(./Dup/img/item_001.png);
    background-repeat: no-repeat;
    background-position: bottom 30% left 2%;
    background-size: 18%;
}

#contents .box:nth-of-type(2){
background-image: url(./Dup/img/item_002.png);
    background-repeat: no-repeat;
    background-position: bottom 38% right 4%;
    background-size: 18%;
}

#contents .box:nth-of-type(3){
background-image: url(./Dup/img/item_003.png);
    background-repeat: no-repeat;
    background-position: bottom 36% left 4%;
    background-size: 18%;
}

#top_cms .more{ width: 25%;  margin: 30px auto;}
#top_cms .more a{padding: 15px;}

footer{
    background-image: url(./Dup/img/back_footer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#page7 .box .box_item:nth-of-type(1){width: 30%!important;}
#page7 .box .box_item:nth-of-type(2){width: 70%!important;}


/*--------タブレット--------*/
@media screen and (max-width: 768px){
#top_cms .more { width: 40%;}
#logo{width: 40%!important;}
#page10 ul li{width: 40%!important;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.copy_txt span { font-size: calc(1rem + 14px);}
#logo{width: 58.33333%!important;}
#logo h1{padding:0;}
#contents .box:nth-of-type(1) { background-position: top left 2%;  background-size: 30%;}
#contents .box:nth-of-type(2) { background-position: top 11% right 4%;    background-size: 35%;}
#contents .box:nth-of-type(3) { background-position: top 8% left 4%;  background-size: 45%;}
#top_cms .more { width: 70%;}

#page_title h2{    line-height: 1.5;}
#cms_3-c .cate_title{text-align: left;}
#page7 .box .box_item:nth-of-type(1){width: 100%!important;}
#page7 .box .box_item:nth-of-type(2){width: 100%!important;}
footer{ background-image: url(./Dup/img/back_footer_sp.jpg);}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
.copy_txt span{padding:15px 10px 5px 10px;}
#cms_3-c .bnr a{padding:12px 0 9px 0;}
}