@charset "utf-8";

/* -----------------------------------------------------------------
 html,body
----------------------------------------------------------------- */
html,body {
	overflow-wrap: break-word;
	background-color: #fff;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	color: #000;
}
body {
	position:relative;
	padding-top:70px;
	line-height: 1.4;
}
#main {
	padding-bottom:103px;
}
@media print, screen and (min-width: 768px) {
html,body {
	font-size: 15px;
}
}
@media print, screen and (min-width: 1024px) {
html,body {
	font-size: 16px;
}
body {
	padding-top:87px;
}

}

/* -----------------------------------------------------------------
 js_setting
----------------------------------------------------------------- */
.accordion_body {
	display:none;
}

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

/*---------- overlay ----------*/
#overlay {
	display:none;
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 100vw;
	height: 100vh;
	background:rgba(0,0,0,.5);
	z-index: 2;
}
/*---------- body.fixed ----------*/
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}

/* -----------------------------------------------------------------
 link
----------------------------------------------------------------- */
a {
	color: #000;
	text-decoration:none;
}

/* -----------------------------------------------------------------
 font
----------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height:1.2;
}
.font_70per {
	font-weight:inherit;
	font-size:70%;
}
.font_80per {
	font-weight:inherit;
	font-size:80%;
}
.font_90per {
	font-weight:inherit;
	font-size:90%;
}
.font_110per {
	font-weight:inherit;
	font-size:110%;
}
.font_120per {
	font-weight:inherit;
	font-size:120%;
}
.font_140per {
	font-weight:inherit;
	font-size:140%;
}
.font_160per {
	font-weight:inherit;
	font-size:160%;
}
.font_200per {
	font-weight:inherit;
	font-size:200%;
}
.font_bold {
	font-weight:bold;
}
.text_center {
	text-align:center;
}
.text_right {
	text-align:right;
}
.font_gothic {
	font-family: Helvetica, arial, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}
.font_mincho {
	font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
}
.font_roboto {
	font-family: 'Roboto';
}
.font_roboto_condensed {
	font-family: 'Roboto Condensed';
}


/* -----------------------------------------------------------------
 collar
----------------------------------------------------------------- */
.collar_red {
	color:#cc0033;
}
.collar_navy {
	color:#063e8d;
}

/* -----------------------------------------------------------------
 display
----------------------------------------------------------------- */
.disp_none {
	display:none;
}
/* -----------------------------------------------------------------
 float
----------------------------------------------------------------- */
.float_left {
	float:left;
}
.float_right {
	float:right;
}

/* -----------------------------------------------------------------
 margin
----------------------------------------------------------------- */
.mt_00 {margin-top:0 !important;}
.mt_03em {margin-top:.3em !important;}
.mt_05em {margin-top:.5em !important;}
.mt_06em {margin-top:.6em !important;}
.mt_1em {margin-top:1em !important;}
.mt_2em {margin-top:2em !important;}
.mt_3em {margin-top:3em !important;}
.mt_4em {margin-top:4em !important;}
.mt_5em {margin-top:5em !important;}
.mt_6em {margin-top:6em !important;}
.ml_00 {margin-left:0 !important;}
.ml_03em {margin-left:.3em !important;}
.ml_05em {margin-left:.5em !important;}
.ml_06em {margin-left:.6em !important;}
.ml_1em {margin-left:1em !important;}
.ml_2em {margin-left:2em !important;}
.ml_3em {margin-left:3em !important;}
.ml_4em {margin-left:4em !important;}
.ml_5em {margin-left:5em !important;}
.ml_6em {margin-left:6em !important;}
.mr_00 {margin-right:0 !important;}
.mr_03em {margin-right:.3em !important;}
.mr_05em {margin-right:.5em !important;}
.mr_06em {margin-right:.6em !important;}
.mr_1em {margin-right:1em !important;}
.mr_2em {margin-right:2em !important;}
.mr_3em {margin-right:3em !important;}
.mr_4em {margin-right:4em !important;}
.mr_5em {margin-right:5em !important;}
.mr_6em {margin-right:6em !important;}

/* -----------------------------------------------------------------
 padding
----------------------------------------------------------------- */
.pb_00 {padding-bottom:0 !important;}


/* -----------------------------------------------------------------
 width
----------------------------------------------------------------- */
.width_05 {width: 5%;}
.width_10 {width: 10%;}
.width_15 {width: 15%;}
.width_20 {width: 20%;}
.width_25 {width: 25%;}
.width_28 {width: 28%;}
.width_30 {width: 30%;}
.width_35 {width: 35%;}
.width_40 {width: 40%;}
.width_45 {width: 45%;}
.width_50 {width: 50%;}
.width_55 {width: 55%;}
.width_60 {width: 60%;}
.width_65 {width: 65%;}
.width_70 {width: 70%;}
.width_75 {width: 75%;}
.width_80 {width: 80%;}
.width_85 {width: 85%;}
.width_90 {width: 90%;}
.width_95 {width: 95%;}
.width_100 {width: 100%;}

.width_1em{width:1em;}
.width_2em{width:2em;}
.width_3em{width:3em;}
.width_4em{width:4em;}
.width_5em{width:5em;}
.width_6em{width:6em;}
.width_7em{width:7em;}
.width_8em{width:8em;}
.width_9em{width:9em;}
.width_10em{width:10em;}
.width_11em{width:11em;}
.width_12em{width:12em;}
.width_13em{width:13em;}
.width_14em{width:14em;}
.width_15em{width:15em;}
.width_16em{width:16em;}
.width_17em{width:17em;}
.width_18em{width:18em;}
.width_19em{width:19em;}
.width_20em{width:20em;}


@media all and (min-width :769px){
  .width_05_pc {width: 5%;}
  .width_10_pc {width: 10%;}
  .width_15_pc {width: 15%;}
  .width_20_pc {width: 20%;}
  .width_25_pc {width: 25%;}
  .width_28_pc {width: 28%;}
  .width_30_pc {width: 30%;}
  .width_35_pc {width: 35%;}
  .width_40_pc {width: 40%;}
  .width_45_pc {width: 45%;}
  .width_50_pc {width: 50%;}
  .width_55_pc {width: 55%;}
  .width_60_pc {width: 60%;}
  .width_65_pc {width: 65%;}
  .width_70_pc {width: 70%;}
  .width_75_pc {width: 75%;}
  .width_80_pc {width: 80%;}
  .width_85_pc {width: 85%;}
  .width_90_pc {width: 90%;}
  .width_95_pc {width: 95%;}
  .width_100_pc {width: 100%;}
}
@media print, screen and (max-width :768px){
  .width_05_sp {width: 5%;}
  .width_10_sp {width: 10%;}
  .width_15_sp {width: 15%;}
  .width_20_sp {width: 20%;}
  .width_25_sp {width: 25%;}
  .width_28_sp {width: 28%;}
  .width_30_sp {width: 30%;}
  .width_35_sp {width: 35%;}
  .width_40_sp {width: 40%;}
  .width_45_sp {width: 45%;}
  .width_50_sp {width: 50%;}
  .width_55_sp {width: 55%;}
  .width_60_sp {width: 60%;}
  .width_65_sp {width: 65%;}
  .width_70_sp {width: 70%;}
  .width_75_sp {width: 75%;}
  .width_80_sp {width: 80%;}
  .width_85_sp {width: 85%;}
  .width_90_sp {width: 90%;}
  .width_95_sp {width: 95%;}
  .width_100_sp {width: 100%;}  
}


/* -----------------------------------------------------------------
 for_sp / for_pc
----------------------------------------------------------------- */
.for_sp {
	display:block !important;
}
.for_sp_inline {
	display:inline !important;
}
.for_pc {
	display:none !important;
}
.for_pc_inline {
	display:none !important;
}

@media print, screen and (min-width: 1024px) {
.for_sp {
	display:none !important;
}
.for_sp_inline {
	display:none !important;
}
.for_pc {
	display:block !important;
}
.for_pc_inline {
	display:inline !important;
}

}