@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600&display=swap');

:root {
  --main_c : #f6d319;
}

.eng {font-family: 'Sawarabi Mincho', serif;}
.eng  span {font-family: 'Sawarabi Mincho', serif; font-weight:400}
.eng2 {font-family: 'Lexend', serif;  font-weight:500}
 
.line {width:100%; height:1px; background-color:#ddd; display:inline-block }

.flex_box {display:flex}
.f_jc {justify-content:center}
.f_js  {justify-content:space-between }
.f_je  {justify-content:flex-end}
.f_ac {align-items:center}

.red {color:red}

@media all and (min-width:1400px) {
 	.pc_br {display:block}

}

 

@media all and (min-width:900px) {
    .pc_none {display:none !important}
 
}
@media all and (max-width:900px) {
	.flex_box {flex-wrap:wrap}
    .m_none {display:none !important}
	.m_br {display:block}

}

.tab {width:100%; display:flex; position:relative; z-index:999}
.tab li {font-size:1.1em; border:1px solid #1c1c1c; border-radius:50px; margin-right:10px; transition: all 0.3s ease-out;}
.tab li:last-child {margin-right:0}
.tab li a {color:#111; width:100%; display:inline-block; padding:5px 0;  text-align:Center;  transition: all 0.3s ease-out;}
.tab li:hover {background-color:#1c1c1c}
.tab li:hover a {color:#fff}
.tab li.ov {background-color:#1c1c1c}
.tab li.ov a {color:#fff}


.support .tab li {width:94px}
 
.member .tab li {width:150px}
.member .tab li a {padding:0; line-height:48px;}

.product .tab li {width:100px}
 

a.s_btn {background-color:var(--main_c); color:#fff; border-radius:50px; padding:5px 20px; display:inline-block}
a.s_btn2 {border:1px solid #333; color:#333; border-radius:50px; padding:4px 15px; display:inline-block; font-size:.88em; background-color:#fff}
a.basic_btn {background-color:var(--main_c); color:#fff; border-radius:50px; padding:10px 0; width:200px; display:inline-block}

a.hover_under:hover {text-decoration:underline}


@media all and (max-width:900px) {
		.tab {overflow-x:scroll; padding-right:10px; display:inline-block; white-space:nowrap;}
		.tab li {font-size:.97em;   margin-right:3px; display:inline-block }
		.product .tab li {width:80px}
		.member .tab li {width:140px}
		.member .tab li a { line-height:37px;}
		a.s_btn2 { padding:3px 15px; font-size:.85em ; }
 

}

.border_text_box {font-size:1em; line-height:1.4; color:#333; border:1px solid #7e7e7e; width:100%; border-radius:50px; padding:30px; box-sizing:border-box; display:inline-block}

@media all and (max-width:900px) {

  .border_text_box {font-size:.97em;  border:none;  border-radius:0; padding:0; }

}