@charset "utf-8";
body{
    font-family: font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0.02em;
        font-family: 'Source Sans Pro','Noto Sans JP', sans-serif;
}


@font-face{
    font-family: diot;
    src:url("../font/theano-didot/TheanoDidot-Regular.ttf");
}
img{
    width: 100%;
    height: auto;
    
}
#header{
        position: sticky;
    top: 0;
    background: white;
    z-index: 9999;
}
.drawer_open{
	/*background: rgba(0,0,0,.4);*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100%;
    z-index: 99;
	display: none;
}
.drawer_open_list{
    border-top:1px dotted;
	background: white;
	overflow-y: auto;
	width: 100%;
	padding: 20px;
	position: fixed;
    top: 71px;
	z-index: 9999;
	box-sizing: border-box;
}
.drawer_open_list a{
	width: 100%;
	text-decoration: none;
	align-items: center;
    display: flex;
    gap: 5px;
    cursor: pointer;
    margin-bottom: 25px;
}
.drawer_open_list a::after{
	display: block;
	content: "\203A";
	font-size: 20px;
	position: absolute;
	right: 10px;
	font-family: 'Material Icons';
}


.top_pc_slider,.header_pc{
    display: none !important;
}

.header_smt{
    display: grid;
    grid-template-columns: 230px max-content;
    padding: 25px 15px;
    justify-content: space-between;
    border-bottom: 1px dotted;
    align-items: center;
}
.drawer{
    /*display: grid;
    grid-template-columns: 1fr 25px;
    gap: 10px;*/
	display:grid;
	gap:7px;
    align-items: center;
    font-weight: 600;
}
.drawer span{
    display: block;
	height: 2.7px;
	width: 25px;
	background: black;
	
    line-height: 1.4;
}

.footer_menu,.footer_brand{
    background: #111111;
    color: white;
    border-bottom: 1px dotted white;
}
.footer h5{
    cursor: pointer;
    padding: 15px;
    font-size: 17px;
}
.footer h5:after{
	content: "+";
    position: absolute;
    right: 15px;

}
.footer h5.checked:after{
    content:"ー";
}
.footer_list a{
    display: block;
    margin:0 15px;
    padding: 10px;
    border-top:  1px dotted white;
}
.copy_right{
    background:#111111;
    font-size: 11px;
    text-align: center;
    color: white;
    padding: 20px 0;
}
.sec_title{
    /*font-family: diot;*/
    font-weight: 600;
    font-size: 30px;
    letter-spacing: .03em;
    text-align: center;
    padding: 30px 0 0px;
}
.bread{
    padding: 15px 15px 0;
    max-width: 1200px;
    margin: auto;
    
}
.bread a{
   /* text-decoration: underline;*/
    
}
/*.bread span{
    color: #b97b36;
}*/
h5.smt{
    
}
h5.pc{
    display: none
}
@media Screen and (min-width:480px){
    
}

@media Screen and (min-width:600px){
    
}

@media Screen and (min-width:768px){
    h5.smt{
        display: none
    }
    h5.pc{
        display: block;
    }
    .top_pc_slider,.header_pc{
        display: inherit !important;
    }
    .top_pc_slider{
        margin-bottom: 60px !important;
    }
    .top_smt_slider,.header_smt{
        display: none !important;
    }
    header{
        border-bottom:1px dotted black;
        
    }
    .header_pc{
        display: flex !important;
        padding:25px  20px;
        max-width: 1400px;
        margin: auto;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        
    }

    .header_pc .nav{
        display: flex;
        flex-wrap: wrap;
        gap: 5px 15px;
    }
	.header_pc .logo{
		max-width: 320px;
	}
    .sec_title{
        font-size: 45px;
        padding:50px 0 20px;
    }
    .footer_brand{
        background:#e1e1e1;
        color: black;
        padding: 30px 15px;
        
    }
    .footer_list{
        display: flex !important;
        gap:25px;
        flex-wrap: wrap;
        margin: 20px auto;
        justify-content: center;
    }
    
    .footer h5{
        text-align: center;
        margin: 20px auto;
        font-size: 18px;
        cursor: auto;
    }
    .footer_brand a{
        text-decoration: underline;
        
    }
    .footer_list a{
        border:none;
        padding: 0;
        margin: 0;
    }
    .footer_menu h5{
        display: none;
    }
    .footer h5:after{
        display: none;
    }
    .footer_menu{
        padding: 30px 15px;
    }
}

@media Screen and (min-width:1000px){
    .header_pc .nav{
        gap:5px 25px;
    }
}