@charset "utf-8";

@font-face {
   font-family: "Noto Sans JP";
   font-weight: 400;
   src: url('../webfonts/NotoSansJP-Regular.woff') format("woff");
   font-display: swap;
}
@font-face {
   font-family: "Noto Sans JP";
   font-weight: 700;
   src: url('../webfonts/NotoSansJP-Bold.woff') format("woff");
   font-display: swap;
}

*{ 
margin: 0;
padding: 0;
font-size: 1em;
font-style: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

body {
	/* overflow-y: scroll; */
	cursor: auto;
}

img{
	border:none;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	max-width:100%;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* add 24/11/29 iPhoneでTELが自動リンクされるのに対応 */
a[href^="tel"] {
	text-decoration: none; /* 下線を削除 */
	color: inherit; /* 色を親要素に揃える */
	font-size: inherit; /* フォントサイズを親要素に揃える */
	font-family: inherit; /* フォントを揃える */
}
/* add end */

/******************************************************************** responsive
*/
@media (max-width: 1023px) {
	.pc {
		display: none !important;
	}

	.sp {
	}

	.br-pc {
		display: none !important;
	}

	.br-sp {
		display: block !important;
	}

	.aC-pc {
		text-align: left !important;
	}

	.aC-sp {
		text-align: center !important;
	}
}
@media (min-width: 1024px) {
	.pc {
	}

	.sp {
		display: none !important;
	}

	.br-pc {
		display: block !important;
	}

	.br-sp {
		display: none !important;
	}

	.aC-pc {
		text-align: center !important;
	}

	.aC-sp {
		text-align: left !important;
	}
}

/******************************************************************** link
*/
a {color:#0869B1;}
a:link,
a:visited,
a:active {
	text-decoration: none;
	color:#0869B1;
}

a:hover {
	text-decoration: underline;
	color:#0869B1;
	
}
/*
a:focus{
	overflow:hidden;
	outline: none;
}
*/


/******************************************************************** universal
*/

.aL { text-align: left !important;}
.aC { text-align: center !important;}
.aR { text-align: right !important;}
.fR { float: right !important;}
.fL { float: left !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}

.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}

.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr80 {margin-right:80px !important;}
.mr100 {margin-right:100px !important;}

.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml80 {margin-left:80px !important;}
.ml100 {margin-left:100px !important;}

.pb0 {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb80 {padding-bottom:80px !important;}
.pb100 {padding-bottom:100px !important;}

.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}

.pl0 {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl80 {padding-left:80px !important;}
.pl100 {padding-left:100px !important;}

.pr0 {padding-right:0px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr80 {padding-right:80px !important;}
.pr100 {padding-right:100px !important;}


.bold{
	font-weight:bold;
}
.large{
	font-size:110%;
}
.mini{
	font-size:84%;
}
.red{
	color:red !important;
}
.red2{
	color:#CC0000 !important;
}
.red_b{
	color:#CC0000 !important;
	font-weight:bold !important;
}
.blue{
	color:blue !important;
}
.brown{
	color:#600 !important;
}
.white{
	color:#fff !important;
}


.img_l {
	margin: 0 15px 10px 0;
	float: left;
}
.img_l2 {
	margin: 0 15px 0 0;
	float: left;
}
.img_r {
	margin: 0 0 10px 15px;
	float: right;
}
.img_r2 {
	margin: 0 0 0 15px;
	float: right;
}

p.photoTxt {
	line-height: 1.8;
	overflow: hidden;
	_zoom: 1;
}
/*
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
*/
.attent{
	font-weight:bold;
	color:#F60;
}

.letter-spacing_narrow{
	letter-spacing: -2px;
}

/******************************************************************** clearfix
*/

.clearfix {
	zoom: 1;/*for IE 5.5-7*/
	overflow:hidden;
}
.clearfix:after {/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
	display: inline-table;
	/*\*/display:block;/**/
}
.clearfix2 {
    zoom: 1;/*for IE 5.5-7*/
}
.clearfix2:after {/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clearfix2 {
	display: inline-table;
	/*\*/display:block;/**/
}
.clear {
    clear: both;
}


/* ******************************************************************** 
 汎用グリッドレイアウト
********************************************************************* */
/* 2カラム */
.col2-pc{
	display:block;
}
@media (min-width: 1024px) {
	.col2-pc {
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
	}

		.col2-pc > div {
			width: calc( (100% - 40px) / 2 );
		}
}
/* 3カラム */
.col3-pc{
	display:block;
}
@media (min-width: 1024px) {
	.col3-pc {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}

		.col3-pc > div {
			width: calc( (100% - 60px) / 3 );
		}
}
/* 4カラム */
.col4-pc{
	display:block;
}
@media (min-width: 1024px) {
	.col4-pc {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

		.col4-pc > div {
			width: calc( (100% - 60px) / 4 );
		}
}