@charset "utf-8";
/*----------------------------------------------------
 elements
----------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
 {
    font-family: "Noto Sans JP","Zen Kaku Gothic Antique","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color: #4d4d4d;
     font-weight: 600;
     font-feature-settings: "palt";
     letter-spacing: 0.1em;
    -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

.min {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    color: #4d4d4d;
}

.yu_min {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
    transition: 0.3s;
}

a[href^="tel:"] {
	cursor: default;
	opacity: 1;
}

img {
	vertical-align: bottom;
    max-width: 100%;
}

li {
	list-style: none;
}


/*
====================================================
 clearfix
====================================================
*/
.clearfix:after { content: ''; display: block; clear: both; }

.cf {overflow: hidden;}

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}

.clearB {clear: both;}

/* ================================================
	float settings
================================================== */
.floatL {
	float:left;
}
.floatR {
	float:right;
}


/* ================================================
	caption
================================================== */
.cap_Txt {
position: absolute;
bottom: 5px;
font-size: 10px;
line-height: 1;
z-index: 1;
}
.cap_R { right: 10px;}
.cap_L { left: 10px;}
.cap_W { color: #fff;}
.cap_B { color: #000;}
.cap_ShaB { text-shadow: 0 0 5px #000;}
.cap_ShaW { text-shadow: 0 0 5px #fff;}


/* ================================================
	table
================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0px;
}


/* ================================================
両はしに罫線
================================================== */
.kei {
    max-width: 1200px;
    margin: 50px auto 30px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.kei:before, .kei:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background:#fff;
    display: block;
}
.kei:before {
    margin-right: .8em;
}
.kei:after {
    margin-left: .8em;
} 



/* -------------------------------
	for smartphone
	960px以内
------------------------------- */
@media only screen and (max-width : 767px ){
    
    .pc { display: none !important;}
    .sp { display:block;}
    .tabsp { display: none;}
}


/* -------------------------------
	for pc
	861px以上
------------------------------- */
@media only screen and (min-width : 768px ){
    
    .pc { display: block;}
    .sp { display: none !important;}
    .tabsp { display: none;}

}

/* -------------------------------
	for tab
	861px以上
------------------------------- */
@media only screen and (max-width : 960px ){
    
    .tabsp { display: block;}
}