@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
.font1{
    font-family:'Zen Antique', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

/*
#loader{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#222;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

html{
    font-size:18px;
}
body{
    overflow:hidden;
}
#logo a{
    max-width:110px;
}
#header{
    padding-top:0;
}
header .inner{
    border-radius: 0 0 10px 10px;
}
#pc_nav ul:last-of-type {
    border-radius: 0 0 10px 0;
}
footer{
    background:url(./Dup/img/bg4.png) repeat;
    background-size: 70%;
}
#sp_nav a.active{
    border-bottom: 1px solid #f54040;
}

/*--top page---------------------------
-------------------------------------*/
#main_img h2{
    width: min(38vw,1000px);
}
#main_img h2 img{
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
}
/*
#main_img .item3 {
    width: min(8vw,400px);
    bottom: 13%;
    left: 10%;
    z-index: 4;
    transform: rotate(350deg);
}
*/
#main_img .catch2 {
    right: 2%;
    bottom: 11%;
    z-index: 4;
    font-size: 1.5rem;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#intro figure {
    top:100px;
    right: 0;
}
.item1 {
    width: min(32vw,800px);
    bottom: -18%;
    right: -8%;
    z-index: 2;
}
.item2{
    width: min(35vw,900px);
    bottom: -4%;
    left: -8%;
    z-index: 2;
}
#contents1 span{
    background-color:transparent;
    background-image:url(./Dup/img/bg4.png);
    background-size: 70%;
    opacity:0.8;
}

#top_cms .more_bt a{
    background-color:transparent;
    background:url(./Dup/img/bg3.jpg) repeat;
    background-size: 100%;
}
#top_cms .more_bt a{
    color:#fff;
    text-shadow:0 0 5px rgba(0,0,0,0.5);
}
#bottom_menu ul li a{
    text-shadow:0 0 5px rgba(0,0,0,0.5);
}


/*--under page---------------------------
-------------------------------------*/
#cms_6-a .cate_img1{
    height:400px;
}

.v_type1 .triangle {
    display: block;
    border: #000 solid 2px;
    box-shadow: 5px 5px 0 0 #e2e2e2;
}
.v_type1 .triangle:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #FFF transparent;
    border-width: 13px 13px 0 0;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}
.v_type1 .triangle:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: #000 transparent;
    border-width: 15px 15px 0 0;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;
}



/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img .txt {
    top: 44%;
    left: 3vw;
}
#main_img h2 {
    width: min(66vw,1000px);
}
#main_img .catch2{
    font-size: 1.1rem;
}
.con1_box{
    padding-left:0;
}
.item1 {
    width: min(38vw,800px);
    bottom: -5%;
}
.item2 {
    width: min(39vw,900px);
}
#cms_6-a .cate_img1 {
    height: 300px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
html {
    font-size: 16px;
}
#logo a {
    max-width: 90px;
}
#main_img .txt {
    top: 41%;
}
#main_img h2 {
    width: min(80vw,1000px);
}
#main_img .catch2 {
    font-size: 0.8rem;
    width: 91%;
    left: 0;
    right: 0;
    margin: auto;
}
#intro figure {
    top: 0;
}
.item1 {
    width: min(53vw,800px);
    bottom: -2%;
}
.item2 {
    width: min(42vw,900px);
    bottom: -1%;
}
#cms_6-a .cate_img1 {
    height: 180px;
}
}