@charset "UTF-8";

/* *************************************************************

*   Base CSS
*   Since:2024-01
*   Editor:ricostyle

************************************************************* */

/* font japanease */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

/* font ENGLISH LIKE impact */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Oswald:wght@400;500;600;700&display=swap');


/* Base reset
---------------------------------------------------- */
html{ margin: 0; padding: 0; height: 100%;width: 100%;background:#FFF;}

body {
	position:relative;
	background:#FFF;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	height: auto !important;
	text-align: center; /* for win ie */
	filter: expression(document.execCommand("BackgroundImageCache", false, true));　/*ホバー時の画像ちらつき防止*/
	-webkit-text-size-adjust: 100%;
}

html>/**/body {overflow:-moz-scrollbars-vertical; } /* for firefox scroll area show */



/* Style Reset
------------------------------------------------------------ */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,strong,address,em
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font: inherit;
    vertical-align: baseline;
	list-style:none;
}

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

strong { font-weight: bold !important;}

table{border-collapse:collapse;border-spacing:0;empty-cells: show;}
td,th{vertical-align:top;text-align:left;font-weight:normal;}
table caption { text-align: left; }

img {border: none; vertical-align:top; background: transparent;}
p img{vertical-align:0em;}

input[type="radio"], input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}




/* font family
---------------------------------------------------- */
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:normal;
	color:#454545;
	line-height:1em;
	font-size:90%;
}



.FTblue{color:#007AB5;}
.FTred{color:#940F0F;}
.FTwhite{color:#FFF;}


/* backgroundcolor
---------------------------------------------------- */
.bggray{background:#E8E8E8;}
.bgblack{background:#000;}



/* a tag
---------------------------------------------------- */
a {
	text-decoration: underline;
	overflow: hidden;
	outline: none;
	cursor:pointer;
	color:#007AB5;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
a:hover {color:#007AB5; opacity: 0.7; }

a {
/*\*/
    overflow: hidden;
/**/
}

a img {border: none; }
a:hover img{ opacity: 0.7; }



/* paragraph position
---------------------------------------------------- */
.right  { text-align: right !important; }
.left   { text-align: left !important; }
.center { text-align: center !important; }


/* CLEARFIX
------------------------------------------------------------ */

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

.clear{float:clear;}


/* A TEL
------------------------------------------------------------ */
a[href^="tel:"] { cursor: default; }