@charset "UTF-8";
/* CSS Document */
	
/* ///////////////////////////////////////////

初期化

////////////////////////////////////////////*/

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;  
}  
table{  
    border-collapse: collapse; border-spacing:0;  
}  
fieldset, img{  
    border: 0;  
}  
address, caption, cite, code, dfn, em, strong, th, var{  
    font-style: normal; font-weight:normal;  
}  
ol, ul{  
    list-style: none;  
}  
caption, th{  
    text-align: left;  
}  
h1, h2, h3, h4, h5, h6{  
    font-size:100%; font-weight:normal;  
}  
q:before, q:after{  
    content:”;  
}  
abbr, acronym{  
    border:0;  
}  
a{
	cursor: pointer;
	text-decoration: none;
	color: #161616;
}
a:hover{
	text-decoration:underline;
	cursor: pointer;
}
figure{
	margin: 0;
	padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {
    -webkit-backface-visibility: visible;
}
/* ///////////////////////////////////////////

Font

////////////////////////////////////////////*/

body {
	font: 16px/1.231 "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
	font: 16px/1.231 "Noto Sans JP", sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
	color: #222;
	line-height: 2;
	letter-spacing: 1px;
    font-weight: 300;
}
img {
    vertical-align: bottom;
    max-width: 100%;
}

select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}
button{
	border: none;
	background: none;
}
table {
	font-size: inherit;
	font: 100%;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
.bold{
	font-weight: bold;
}
div#contents-area a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
div.under-bn-contents a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}



/* ///////////////////////////////////////////

Global style

////////////////////////////////////////////*/

.mb145 {
  margin-bottom: 145px;
}

/* ///////////////////////////////////////////

Common style

////////////////////////////////////////////*/

/*___/ clearfix /___*/
/*
.clearfix{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;	
}*/

.clearfix:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.clear{
    clear: both; 
}

.pc_on {
  display: inline !important;
}
@media screen and (max-width: 849px) {
  .pc_on {
    display: none !important;
  }
}
.pc_on_block {
  display: block !important;
}
@media screen and (max-width: 849px) {
  .pc_on_block {
    display: none !important;
  }
}
.sp_on {
  display: none !important;
}
@media screen and (max-width: 849px) {
  .sp_on {
    display: inline !important;
  }
}
.sp_on_block {
  display: none !important;
}
@media screen and (max-width: 849px) {
  .sp_on_block {
    display: block !important;
  }
}
.pc_on_flex {
  display: flex !important;
}
@media screen and (max-width: 849px) {
  .pc_on_flex {
    display: none !important;
  }
}
.sp_on_flex {
  display: none !important;
}
@media screen and (max-width: 849px) {
  .sp_on_flex {
    display: flex !important;
  }
}

.pc_on_block1200 {
  display: block !important;
}
@media screen and (max-width: 1200px) {
  .pc_on_block1200 {
    display: none !important;
  }
}

.sp_on_block1200 {
  display: none !important;
}
@media screen and (max-width: 1200px) {
  .sp_on_block1200 {
    display: block !important;
  }
}

.pc_on1200 {
  display: inline !important;
}
@media screen and (max-width: 1200px) {
  .pc_on1200 {
    display: none !important;
  }
}

.sp_on1200 {
  display: none !important;
}
@media screen and (max-width: 1200px) {
  .sp_on1200 {
    display: inline !important;
  }
}


.pc_on_block900 {
  display: block !important;
}
@media screen and (max-width: 900px) {
  .pc_on_block900 {
    display: none !important;
  }
}

.sp_on_block900 {
  display: none !important;
}
@media screen and (max-width: 900px) {
  .sp_on_block900 {
    display: block !important;
  }
}

.pc_on880 {
  display: block !important;
}
@media screen and (max-width: 880px) {
  .pc_on880 {
    display: none !important;
  }
}

.sp_on880 {
  display: none !important;
}
@media screen and (max-width: 880px) {
  .sp_on880 {
    display: block !important;
  }
}

.sp_on660 {
  display: none !important;
}
@media screen and (max-width: 660px) {
  .sp_on660 {
    display: block !important;
  }
}

.sp_on560 {
  display: none !important;
}
@media screen and (max-width: 560px) {
  .sp_on560 {
    display: block !important;
  }
}

.pc_on500 {
  display: inline !important;
}
@media screen and (max-width: 500px) {
  .pc_on500 {
    display: none !important;
  }
}

.sp_on500 {
  display: none !important;
}
@media screen and (max-width: 500px) {
  .sp_on500 {
    display: inline !important;
  }
}

.pc_on_block450 {
  display: block !important;
}
@media screen and (max-width: 450px) {
  .pc_on_block450 {
    display: none !important;
  }
}

.sp_on_block450 {
  display: none !important;
}
@media screen and (max-width: 450px) {
  .sp_on_block450 {
    display: block !important;
  }
}