/* ---------- font ---------- */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@500&family=Zen+Kaku+Gothic+New:wght@500;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

:root{
    --font-jp: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    --font-en: 'Jost', 'Zen Kaku Gothic New', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	/*font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";*/
}
body, .font_sans-serif, .font_serif{
    font-family: var(--font-jp);
    font-weight: 500;
}
.font_en, a[href^="tel:"]{
    font-family: var(--font-en);
}

/* ---------- color ---------- */

.linkStyle{color: #f9860b;transition: opacity .3s;text-decoration: underline;}
.linkStyle:hover{opacity: 0.7}

:root {
    --normal_color: #505050;
    --color1: #f9860b;
    --color2: #fffbf1;
    --color3: #fcbd32;
    --color4: #fdf4e1;
}
.txt{
	color: var(--normal_color);
}


/* ---------- all ---------- */
#header #pc_nav ul {
    height: 70px;
}


/* ---------- top ---------- */
#main_img::before, #main_img::after{display: none;}
#main_img {height: auto!important;}
.eng {
    font-size: 25px;
    font-weight: bold;
    display: none;
}
#contents2 .top_title{
    text-align: center;
}
#contents2 .top_title h2{
    display: inline-block;
}



/* ---------- under ---------- */
.line_bnr {
    width: min(100%, 650px);
    margin-top: -90px;
    margin-bottom: 56px;
}




/* ---------- tablet ---------- */
@media screen and (max-width: 768px){
#main_img {
    margin-top: 66px;
}
}

/* ---------- mobile ---------- */
@media screen and (max-width: 667px){
.line_bnr {
    margin-top: -38px;
    margin-bottom: 23px;
}
#main_img {
    margin-top: 34px;
}
}


/* fix_bnr ---------------------------------------------------------------------------------------------*/
#fix_bnr {
    bottom: 7px;
    left: 15px;
    z-index: 10;
    width: 70%;
    max-width: 393px;
    transition: 0.5s;
    opacity: 0;
}
#fix_bnr.scroll{
    opacity: 1;
    max-width: 393px;
}
#fix_bnr.close{
    opacity: 0;
    z-index: -1;
}
@media screen and (max-width: 768px){
#fix_bnr.close{
    transform: translateX(-200px);
}
}
@media screen and (max-width: 667px){
#fix_bnr {
    bottom: 10px;
}
.sp_txt_size{
    letter-spacing: 0;
    font-size: 22px;
}
}
/* fix_bnr end ---------------------------------------------------------------------------------------------*/