/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}

@charset "UTF-8";

/**
 * reset
 */
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, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
  margin: 0;
}

body {
  color: #252525;
  font-family: "游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #232323;
  text-align: left;
}

ol, ul {list-style: none;}
a {text-decoration: none;color:#252525;}
p {font-size: 18px;}
@media (max-width: 769px){
  p {font-size: 14px;}
  li{font-size: 12px;}
}

img{width: 100%;vertical-align: top;}

/* 改行指定 ---------------------------------------*/
@media (min-width: 769px){ 
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media (max-width: 768px){ 
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/* float ---------------------------------------*/
.float_r{float: right;}
.float_l{float:left;}
@media (max-width: 768px) {.float_r,.float_l{float:none;}}
.float_end{clear:both;}


/* font color ---------------------------------------*/
.color_blue{color:#0097dc;}
.color_green{color:#00b2af;}
.color_pink{color:#ff3f90;}

/* display設定 ---------------------------------------*/
.pc_only{}
.sp_only{display: none;}
@media (max-width: 768px) {
  .pc_only{display:none;}
  .sp_only{display: block;}
}

/* flex設定 ---------------------------------------*/
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}


/* aline設定 ---------------------------------------*/
.center{text-align: center; margin: 10px auto 0;}

/* ---------------------------------------------------

◆　ページトップへ

----------------------------------------------------*/

#pageTop {
    position: fixed;
    bottom: 37px;
    right: 32px;
    font-size: 1.1rem;
    z-index: 9999;
}
#pageTop a {
    display: block;
    z-index: 999;
    padding: 10px 16px;
    text-decoration: none;
    text-align: center;
    border-radius: 50px;
    border:1px solid #ccc;
    background: #fff;
    color:#222;
    transition: all .2s ease;
}
#pageTop a:hover {
    color:#fff;
    padding: 10px 16px;
    background: #222;
    text-align: center;
    transition: all .2s ease;
}
@media(max-width: 768px){
  #pageTop{ bottom: 20px;right: 12px;}
  #pageTop a {padding: 10px 16px;}
  #pageTop a:hover{padding: 10px 16px;}
  
}

/* ---------------------------------------------------

◆　footer

----------------------------------------------------*/


footer{padding: 40px 0 30px;background: #fff;width: 100%;text-align: center;}
footer a{font-size:16px;}

@media (max-width: 768px) {
  footer{padding: 0 0 70px;}
  footer a{font-size:14px;}
} 

/* ----------------------------------------------------
	copyright
---------------------------------------------------- */
.copyright {
	text-align: center;
	color: #808080;
	font-size: 14px;
	padding-bottom: 20px;
	background: #fff;
}
@media (max-width: 768px) {
.copyright {
		font-size: 12px;
	}	
}