html { font-size: 62.5% !important;background-color:#008bd1; /*フッターの色を指定*/}

h1,h2,h3,h4,h5,h6, {
margin: 0 !important;
padding: 0 !important;
vertical-align: baseline;
font-style: normal;
font-weight: normal;
font-size: 1.0em;
}

dl,dt,dd,ul,ol,li,hr,
table,th,td,embed,object {
margin: 0;
padding: 0;
vertical-align: baseline;
list-style:none;
}

h2,h3,h4,h5,h6 {
    font-size: inherit !important;
    margin-top: inherit !important;
    margin-bottom: inherit !important;
    display: inline !important;
}

@font-face {
	font-family: NotoSansCJKjp-Regular;
	src: url('../fonts/noto.woff'), url('../fonts/noto.eot');
}
@media ( min-width: 768px ) {
	body {
		font-family: 'NotoSansCJKjp-Regular' !important;
	}
}

body {
	color: #878787;
	background-color: #FFF;
	line-height:1.68em;
	font-size: 1.5rem;
	background-color:#ffffff;
}

@media ( max-width: 767px ) {
	html { font-size: 58% !important; }
}

a:hover img, a:hover div, li a:hover {
	-webkit-transition: all .3s !important;
	transition: all .3s !important;
}

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

li a:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
}

li a:hover img {
	opacity:1;
	filter:alpha(opacity=1);
	-ms-filter: "alpha( opacity=1 )";
}

a:hover div {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a img, a div, li a, li a img {
	-webkit-transition: opacity 0.5s ease-out !important;
	-moz-transition: opacity 0.5s ease-out !important;
	-ms-transition: opacity 0.5s ease-out !important;
	transition: opacity 0.5s ease-out !important;
}

ul a {
  display: block;
}

.redfont {
  color: #d9534f;
}

span.error {
	font-size:1.3rem;
	padding:3px 0;
  color: #d9534f;
}

.btn[disabled] {
	opacity: .25;
}


/* mbtm*/
.mbtm0{margin-bottom:0px !important;}.mbtm5{margin-bottom:5px !important;}.mbtm10{margin-bottom:10px !important;}.mbtm15{margin-bottom:15px !important;}.mbtm20{margin-bottom:20px !important;}.mbtm25{margin-bottom:25px !important;}.mbtm30{margin-bottom:30px !important;}.mbtm35{margin-bottom:35px !important;}.mbtm40{margin-bottom:40px !important;}.mbtm50{margin-bottom:50px !important;}.mbtm60{margin-bottom:60px !important;}

/* mtop*/
.mtop0{margin-top:0px !important;}.mtop5{margin-top:5px !important;}.mtop10{margin-top:10px !important;}.mtop15{margin-top:15px !important;}.mtop20{margin-top:20px !important;}.mtop25{margin-top:25px !important;}.mtop30{margin-top:30px !important;}.mtop35{margin-top:35px !important;}.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}.mtop60{margin-top:60px !important;}

.mcenter {margin: 0 auto !important;}
.m0 {margin: 0px !important;}
.p0{padding: 0px !important;}.pbtm0{padding-bottom: 0px !important;}

.text-left-i{text-align:left !important;}

.seo {
    background-color: #F7F7F7;
}
.seo .container h1 {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 1.0rem;
}
.seo .container {
    padding: 6px 15px;
    overflow: hidden;
    white-space: nowrap;
	margin-bottom: 5px;
}

@media ( max-width: 767px ) {
.mtop-xs15{margin-top:15px;}
.footer{padding-bottom:45px;}
}

.blue_bg {
	background-color:#008bd1;
}

.fs20 {font-size:2.0rem !important;}.fs16 {font-size:1.6rem !important;}.fs18 {font-size:1.8rem !important;}.fs14 {font-size:1.4rem !important;}

.btn-default {
	color: #878787 !important;
}

.balloon {
    background-color: #ffe300;
    display: inline-block;
    padding: 0.3rem 1rem;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
}
.balloon:before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #ffe300;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

/*溝幅 30pxの場合*/
.gutter-20{
margin-left:-15px;
margin-right:-15px;
}
.gutter-30 > [class*='col-'] {
padding-left:15px;
padding-right:15px;
}

/*溝幅 20pxの場合*/
.gutter-20{
margin-left:-10px;
margin-right:-10px;
}
.gutter-20 > [class*='col-'] {
padding-left:10px;
padding-right:10px;
}

/*溝幅 10pxの場合*/
.gutter-10{
margin-left:-5px;
margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}

/*溝幅 0pxの場合*/
.gutter-0{
margin-left:0px;
margin-right:0px;
}
.gutter-0 > [class*='col-'] {
padding-left:0px;
padding-right:0px;
}

/* -- -- */
::-webkit-input-placeholder {
  color: #ddd !important;
}
::-moz-placeholder {
  color: #ddd; opacity: 1 !important;
}
:-ms-input-placeholder {
  color: #ddd !important;
}

/* -- recaptha -- */
.grecaptcha-badge {
	position: relative !important;
	width: 100% !important;
	background: #008bd1;
	right: 0 !important;
	bottom: 0 !important;
	box-shadow: none !important;
	text-align: center;
	margin-bottom: 30px;
	border-radius: 0px !important;
}
@media (max-width: 767px) {
	.grecaptcha-badge {
	    margin-top: -55px;
	    margin-bottom: 65px;
	}
}
/* -- sp tel tooltips -- */

#tel-tooltips {
  font-size: 1.2rem;
}
.tippy-popper {
  pointer-events: inherit !important;
}
.tippy-tooltip.dark-theme {
  color: #333;
  background-color: #fff;
  box-shadow: 5px 5px 6px -4px #9e9e9e;
  -moz-box-shadow: 5px 5px 6px -4px #9e9e9e;
  -webkit-box-shadow: 5px 5px 6px -4px #9e9e9e;
  padding: 10px;
  border: 1px solid #eee;
}
.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom: 7px solid transparent;
  box-shadow: 5px 5px 6px -4px #9e9e9e;
  -moz-box-shadow: 5px 5px 6px -4px #9e9e9e;
  -webkit-box-shadow: 5px 5px 6px -4px #9e9e9e;
}