@charset "utf-8";
/*breakpoint
@media screen and ( max-width:1080px) and ( min-width:768px) {}
@media screen and ( max-width:767px) {}
*/

/*HTML5 reset css*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}


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

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/*--基本リンクカラー*/
a { text-decoration: none;color:#fff;}
a:hover {color:#fff;}

/*ブラウザスタイル初期値*/
body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background:url("") top left repeat #fff;/*bgimg*/
	background:#FFF;/*bgcolor*/
	font-size: 100%;
	line-height:2.0em;
	color:#333;
	position:relative;
}
@media (min-width: 768px) {
	body {min-width: 1024px;}
}

html{
    height:100%;
	width:100%;
}

img, a {
border:none;
}

/**/
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;
}

/*default*/
.wrap {
	width:100%;
	height:auto;
	padding:0;
	clear: both;
	overflow: hidden;
}
.wrap:after {
  content: "";
  display: block;
  clear: both;
}
.container {
	width: 100%;
	height: auto !important;
	min-height: 100%;
	margin:150px auto 0;
	position: relative;
}
@media screen and ( max-width:767px) {.container { margin:150px auto 0;} .container:first-of-type { margin:80px auto 0; } }

.content {
	overflow: hidden;
}
.clfix_sp {	
}
@media screen and ( max-width:767px) {.clfix_sp {clear: both;}} 
body img {
	width: 100%;
	height: auto;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
.clfix_img {
	width: auto;
	height: auto;	
}
.br_pc {
}
@media screen and ( max-width:767px) {.br_pc {display: none;}} 
.br_tb {
}
@media screen and ( min-width:1080px) {.br_sp {display: none;}} 
.br_sp {
}
@media screen and ( min-width:768px) {.br_sp {display: none;}} 

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*breadcrumbs*/
.breadcrumbs {
    width: 100%;
    margin: 10px auto 10px;
}
@media screen and ( max-width:767px) {.breadcrumbs { margin: 0 auto; line-height: 1.7em;}} 

.breadcrumbs ul {
    display: table;
}
.breadcrumbs ul li {
	font-size: 16px;
    float: left;
}
@media screen and ( max-width:767px) {.breadcrumbs ul li { font-size: 10px; margin-top: -5px;}} 

.breadcrumbs ul li:first-child::before {
    padding: 0 0 0 0;
	content: "";
	font-family: FontAwesome;
    font-size: 16px;
	color: #fff;
}
.breadcrumbs ul li::before {
    padding: 0 10px 0;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
	color: #fff;
}