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 { border: 0; font-size: 100%;  vertical-align: baseline; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
* {
    box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
html,body {
	font-family:  'Noto Sans JP',"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	font-weight:normal;
	font-size: 62.5%;
	width:100%;
	color: #000;
	line-height: auto;
}
html,body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol {
	margin:0;
	padding:0;
	list-style:none;
}
img {
	max-width : 100% ;
	height : auto ;
	touch-callout:none;
	user-select:none;
}
img,a {
	border-style:none;
	outline:none;
}
a:link,a:visited,a:hover {
	text-decoration:none;
	color:#000;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.montserrat {
	font-family: 'Montserrat', 'Noto Sans JP';
}

/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media screen and (min-width: 768px) {
.sponly {
	display:none;
}
	
a {
transition: all  0.3s ease;
}
	
a:hover {
transition: all  0.3s ease;
}
	
a:hover img {
filter:alfa(opacity=60);
opacity:0.6;
-ms-filter:"alpha(opacity=60)";
zoom:1;
transition: all  0.3s ease;
}
}

@media screen and (max-width: 767px) {
.pconly {
	display:none;
}
img {
	width: 100%;
}
}

/*contents*/
.section h2 {
	border-top: 4px #000 solid;
	border-bottom: 1px #000 solid;
	font-weight: 700;
	font-family: 'Montserrat', 'Noto Sans JP';
	margin: 0 0 10px;
}
.comingsoon {
filter:alfa(opacity=30);
opacity:0.3;
-ms-filter:"alpha(opacity=30)";
}
@media screen and (min-width: 768px) {
div.contents {
	width: 90%;
	max-width: 1024px;
	margin: 0 auto;
}
.section h2 {
	font-size: 1.6rem;
	padding: 6px 2px;
}
}
@media screen and (max-width: 767px) {
div.contents {
	width: 94%;
	margin: 0 auto;
}
.section h2 {
	font-size: 1.6rem;
	padding: 4px 2px;
}
}
/*left right*/
@media screen and (min-width: 768px) {
div.contents_2col .contents_left {
	max-width: 714px;
	width: 69.8%;
	float: left;
}
div.contents_2col .contents_right {
	max-width: 280px;
	width: 27.3%;
	float: right;
}
}


/*ボタン・リンクのパターン*/
/*btn_box1..bg白bd黒tx黒*/
/*btn_box2..bg黒tx白*/

.btn a {
	display: block;
	text-align: center;
}
.btn_box1 a {
	background: #fff;
	color: #000;
	border: 1px #000 solid;
}
.btn_box2 a {
	background: #000;
	color: #fff;
	border: 1px #000 solid;
}
@media screen and (min-width: 768px) {
.btn a {
	padding: 4px 8px;
}
.btn_box1 a:hover {
	background: #000;
	color: #fff;
}
.btn_box2 a:hover {
	background: #fff;
	color: #000;
}
}
@media screen and (max-width: 767px) {
.btn a {
	padding: 4px 8px;
}
}

/*リンク矢印*/
/*.btn_arrowのa..黒矢印*/
/*.btn_arrow_wtのa..白矢印*/
/*.btn_arrow_not aじゃない..黒矢印*/
/*.btn_arrow_wtnot aじゃない..白矢印*/
.btn_arrow a,
.btn_arrow_wt a,
.btn_arrow_not,
.btn_arrow_wtnot {
	position: relative;
	padding-right: 20px;
	vertical-align: middle;
	z-index: 999;
}
.btn_arrow a:after,
.btn_arrow_wt a:after,
.btn_arrow_not:after,
.btn_arrow_wtnot:after {
	content: "chevron_right";
	font-family: "Material Icons";
	font-feature-settings: 'liga';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 1px 4px 0;
	font-size: 1.6rem;
	font-weight: normal;
	vertical-align: middle;
	width: auto;
	height: auto;
}
.btn_arrow_wt a:after,
.btn_arrow_wtnot {
	color: #fff;
}
.btn_arrow_not {
	color: #000;
}
/*.btn_arrow_btmのa..語尾につけたい時*/
.btn_arrow_btm a {
	vertical-align: middle;
}
.btn_arrow_btm a:after {
	content: "chevron_right";
	font-family: "Material Icons";
	font-feature-settings: 'liga';
	position: static;
}
.btn_arrow_wt a:hover:after {
	color: #000;
}

/*.btn_box_arrow..ボックスタイプの矢印*/
/*.btn_box_arrow_mini..ボックスタイプの矢印 ミニサイズ*/
.btn_box_arrow,
.btn_box_arrow_mini {
	position: relative;
}
.btn_box_arrow:after {
	position: absolute;
	content: "";
	background:#666 url(/lfj_2019/common/img/icon_arrow_wt.svg) center center no-repeat;
	background-size: 8px auto;
	text-align: center;
	color: #fff;
	width: 30px;
	height: 30px;
	font-weight: 100;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}
.btn_box_arrow_mini:after {
	position: absolute;
	content: "";
	background:#666 url(/lfj_2019/common/img/icon_arrow_wt.svg) center center no-repeat;
	background-size: 6px auto;
	text-align: center;
	color: #fff;
	width: 24px;
	height: 24px;
	font-weight: 100;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.btn_box_arrow:after {
	background:#666 url(/lfj_2019/common/img/icon_arrow_wt.svg) center center no-repeat;
	background-size: 5px auto;
	width: 22px;
	height: 22px;
	right: 6px;
}
.btn_box_arrow_mini:after {
	background:#666 url(/lfj_2019/common/img/icon_arrow_wt.svg) center center no-repeat;
	background-size: 5px auto;
	width: 22px;
	height: 22px;
	right: 6px;
}
}

/*テキストリンク*/
/*.txt_link*/
.txt_link a {
	text-decoration: underline;
}
.txt_link a:hover {
	text-decoration: none;
}

/*テキストボールド*/
/*.txt_bold*/
.txt_bold {
	font-weight: bold;
}

/*テキスト赤文字*/
/*.txt_attention_red*/
.txt_attention_red {
	color: #e00010;
}

/*パンくず*/
.breadcrumb li,
.breadcrumb li a {
	color: #000;
}
.breadcrumb { 
	width: 100%; 
	font-size: 1.2rem; 
	background-color: #fff;
	box-sizing: border-box; 
	z-index: 2;
	position: relative;
	border-bottom: 2px #b88f66 solid;
}
.breadcrumb ul { 
	margin-top: 0;
	padding:6px 0 6px 80px;
}
.breadcrumb ul li {
	display: inline-block;
	color: #000;
	font-weight: bold;
}
.breadcrumb ul li + li:before {
	content: ">";
	display: inline-block;
	margin-left: 7px;
	margin-right: 7px;
}
.breadcrumb ul li a { 
	color: #000; 
}

.breadcrumb ul li:nth-child(2) a,
.breadcrumb ul li:nth-child(3) a,
.breadcrumb ul li:nth-child(4) a {
    text-decoration: underline;
}

.breadcrumb ul li:nth-child(2) a:hover,
.breadcrumb ul li:nth-child(3) a:hover,
.breadcrumb ul li:nth-child(4) a:hover {
    opacity: 0.7;
}
 
@media screen and (max-width: 767px) { 
.breadcrumb {
	background-color: #fff; 
	position:relative;
	z-index:2;
	font-size: 10px;
}
.breadcrumb ul {
	padding: 5px 0 5px 10px;
}
.breadcrumb ul li{
	font-weight: normal;
}
.breadcrumb ul li a {
	padding: 5px 0; 
}
}
@media screen and (max-width: 1024px) {
.breadcrumb ul { 
	padding:6px 0 6px 20px;
}
}

/*各ページタイトル*/

#contents .heading h1 img {
	display: block;
	width: 55px;
	height: 6px;
	margin: 0 auto;
}
#contents .heading p.sub_txt { 
	text-align: center;
}
#contents .heading p.sub_txt .sub_tag {
	background: #b88f66;
	color: #fff;
	border-radius: 4px;
}
@media screen and (min-width: 768px) {
#contents .heading { 
	padding: 50px 0 0;  
}
#contents .heading.three_high { 
	padding: 30px 0 0;  
}
#contents .heading h1 {
	font-size: 2.1rem; 
	text-align: center; 
	color: #000;
	letter-spacing: 0.5rem;
    text-indent: 0.5em;
}
#contents .heading h1 img {
	margin-top:8px;
}
#contents .heading p.sub_txt { 
	font-size: 1.4rem;
	padding: 8px 0;
}
#contents .heading p.sub_txt .sub_tag {
	font-size: 1.1rem;
	padding: 2px 6px;
	margin: 0 0 0 6px;
}
}
@media screen and (max-width: 767px) {
#contents .heading { 
	padding: 30px 0 0;  
}
#contents .heading.three_high { 
	padding: 10px 0 0;  
}
#contents .heading h1 {
	font-size: 1.9rem; 
	text-align: center; 
	color: #000;
	letter-spacing: 0.2rem; 
}
#contents .heading h1 img {
	margin-top:8px;
}
#contents .heading p.sub_txt { 
	font-size: 1.3rem;
	padding: 6px 0;
}
#contents .heading p.sub_txt .sub_tag {
	display: inline-block;
	font-size: 1.0rem;
	padding: 2px 4px;
	margin: 0 0 0 3px;
}
}

/*right タイトル*/
@media screen and (min-width: 768px) {
#contents_second .contents_right h3 {
	background: #000;
	padding: 10px;
	font-size: 1.4rem;
	font-weight: 300;
}
#contents_second .contents_right h3 a {
	color: #fff;
}
#contents_second .contents_right h3 a:hover {
	text-decoration: underline;
}
#contents_second .contents_right ul li {
	font-size: 1.4rem;
	border-bottom: 1px #000 solid;
	padding: 16px 0 16px 6px;
}
#contents_second .contents_right ul li a:hover {
	text-decoration: underline;
}
}