<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* margin,padding
--------------------------------------------------------------------*/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
div,
p,
pre,
address,
blockquote,
ul,
ol,
dl,
dt,
dd,
form,
fieldset,
header,
nav,
footer,
figure,
section,
article {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/* font 
--------------------------------------------------------------------*/

html {
	overflow-y	: scroll;
	height		: 100%;
	font-size	: 62.5%;
}

body{
  word-wrap : break-all;
  overflow-wrap : break-word;
}

address,
em {
	font-style: normal;
}

/* list 
--------------------------------------------------------------------*/

ul,ol {
	list-style-type: none;
}

/* img 
--------------------------------------------------------------------*/

img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
	height: auto;
}

/* table
--------------------------------------------------------------------*/

table,
thead,
tbody,
tfoot,
tr,
th,
td,
caption,
col,
colgroup {
	text-align: inherit;
	line-height: inherit;
	font-size: 100%;
}

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

thead {
	display: table-header-group;
}

tbody {
	display: table-row-group;
}

tfoot {
	display: table-footer-group;
}

tr {
	display: table-row;
}

th,
td {
	display: table-cell;
}

caption {
	display: table-caption;
}

col {
	display: table-column;
}

colgroup {
	display: table-column-group;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

.nowarap{
	white-space: nowrap;
    vertical-align: baseline;
}
/* clearfix
--------------------------------------------------------------------*/

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

.clearfix {display: inline-block;}/*IE7用*/

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

/* heading
--------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:300;
}

/** margin-top **/
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}

/** margin-bottom **/
.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}
.mb150{margin-bottom: 150px !important;}


/* メイン
--------------------------------------------------------------------*/

*{
	box-sizing: border-box;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #333;
}

/* 明朝体 */

.mincho {
	font-family: 'Noto Serif JP', serif;
	font-weight:600;
}


a:hover img.opaImg {
	opacity: 0.7;
}

svg {
	max-width:100%;
}


img[src$=".svg"] {
    width: 100%;
}


/*-------------------------------------------------------------------
	wrap
-------------------------------------------------------------------*/

#main {
	letter-spacing: normal !important;
}

#wrap {
}

@media screen and (max-width: 1024px){

	body {
		font-size: 1.4rem;
	}
	
}

/*-------------------------------------------------------------------
	container
-------------------------------------------------------------------*/

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}


.redText {
	color: #e60000;
}


.contInner {
	width: 1180px;
	max-width: 90%;
	margin: 0 auto;
}

.contInner02 {
	width: 1280px;
	max-width: 90%;
	margin: 0 auto;
}

.indentText {
	text-indent: -1.2em;
	padding-left: 1.2em;
}

.fontSize14 {
	font-size: 1.4rem;
}

.secTitle {
	font-size: 3.0rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 50px;
	letter-spacing: .05em;
}



@media screen and (max-width: 767px){
	
	.secTitle {
		font-size: 2.4rem;
		margin-bottom: 30px;
	}

	
}


/* pagetop
--------------------------------------------------------------------*/

#pagetop {
	position: fixed;
	bottom: 100px;
	right: 18%;
	z-index: 5;
}


#pagetop .pageTop {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #00b0ec;
	position: relative;
	text-indent: -9999px;
	border-radius: 50%;
}

#pagetop .pageTop::after {
	width: 15px;
  height: 15px;
  border: 5px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 42%;
	left: 35%;
}

#pagetop .pageTop:hover {
	background: #0088b6;
}


@media screen and (max-width: 1300px){
	
	#pagetop {
		bottom: 80px;
		right: 3%;
	}

	
}

@media screen and (max-width: 767px){
	
	#pagetop {
		bottom: 30px;
		right: 3%;
	}
	
	
	#pagetop .pageTop {
		width: 50px;
		height: 50px;
	}

	#pagetop .pageTop::after {
		width: 10px;
		height: 10px;
		border: 3px solid;
		border-color: #fff #fff transparent transparent;
		transform: rotate(-45deg);
		content: '';
		position: absolute;
		top: 42%;
		left: 35%;
	}


	
	
}


/* format */

.sp,
.spV {
	display:none;
}

.pc,
.pcV {
	display:inline;
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border-radius: 0;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="reset"]::-focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

*:focus {
	outline: none;
}

html {
 -webkit-text-size-adjust: 100%;
}



.frameWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.frameWrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


.relaWrap {
	position: relative;
}

.relaWrap .absLink {
	position: absolute;
	width: 0;
	height: 0;
	top: -200px;
	left: 0;
	pointer-events: none;
}

.relaWrap .extLink {
	position: absolute;
	width: 0;
	height: 0;
	top: 550px;
	left: 0;
	pointer-events: none;
}


.spIn,
.spBl {
	display: none;
}

.pcIn {
	display: inline;
}

.pcBl {
	display: block;
}


@media screen and (max-width: 1024px){
	
	.pcBl {
		display: none;
	}
	
	.spBl {
		display: block;
	}
	
}


@media screen and (max-width: 767px){
	
	.sp {
		display:block;
	}
	.spV {
		display:inline;
	}
	
	.pc,
	.pcV {
		display:none;
	}
	
	.relaWrap .extLink {
		top: 400px;
	}
	
	
	.spIn {
		display: inline;
	}
	
	.pcIn {
		display: none;
	}
	
}

a[href^="tel:"]{
	text-decoration: none;
	color: #333;
}

/* tel */
@media(min-width: 1024px){
  
	a[href^="tel:"]{
    pointer-events: none;
  }
}

/*-------------------------------------------------------------------
	fadein
-------------------------------------------------------------------*/

.fadeInDown {
	animation-fill-mode:both;
	animation-duration:3s;
	animation-name: fadeInDown;
	visibility: visible !important;
}

.fadeInLeft {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: fadeInLeft;
	visibility: visible !important;
}

.fadeInRight {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: fadeInRight;
	visibility: visible !important;
}

@keyframes fadeInDown {
 	0% { opacity: 0; transform: translateY(30px); }
 	100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInLeft {
 	0% { opacity: 0; transform: translateX(50px); }
 	100% { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInRight {
 	0% { opacity: 0; transform: translateX(-50px); }
 	100% { opacity: 1; transform: translateX(0); }
}
</pre></body></html>