@charset "utf-8";
/* content="charset=UTF-8" */

/*******************************************
FONT-SIZE LIST (base: 13px)
-------------------------------------------
8px  =  62%
9px  =  70%
10px =  77%
11px =  85%        21px = 161.6%      31px =  239%
12px =  93%        22px = 167%        32px =  247%
13px = 100%        23px = 174%        33px =  254%
14px = 108%        24px = 182%        34px =  262%
15px = 116%        25px = 189%        35px =  270%
16px = 123.1%      26px = 197%        36px =  277%
17px = 131%        27px = 208%        37px =  285%
18px = 138.5%      28px = 216%        38px =  293%
19px = 146.5%      29px = 224%        39px =  300%
20px = 153.9%      30px = 231%        40px =  308%

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


/*******************************************
COMMON
-------------------------------------------
RESET
********************************************/

html {
	scroll-behavior: smooth;
}
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,hr,
p,blockquote,table,th,td,em {
	text-align:left;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	border:none;
	margin:0;
	padding:0;
	list-style: none;
	text-indent:0;
	box-sizing: border-box;
}
img {
	border:none;
	font-style:normal;
	font-weight:normal;
	vertical-align:top;
}
input,textarea,select {
	font-family:inherit; font-size:inherit; font-weight:inherit;
}
input[type="text"],textarea,input[type="password"] {
	border-top: 1px solid #A1A1A1;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #A1A1A1;
	border-bottom: 1px solid #E5E5E5;
}
* html input,* html textarea,* html select {font-size:100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size:100%;}

table {
	border-collapse:collapse; border-spacing:0; font-size:inherit;
}
th,td {
	text-align:left; vertical-align:top;
}

/*******************************************
COMMON
-------------------------------------------
SET
********************************************/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,hr,
p,blockquote,table,th,td {
	color:#333333;
}
body {				
	font:13px/1.4 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","MS PGothic","Verdana","Helvetica","Arial","sans-serif";
	background:#FFFFFF;
	text-align:center;
}
* html body {font:13px/1.4 font-size:small; font:x-small;}
*:first-child+html body {font:13px/1.4 font-size: small; font: x-small;}

a {
	text-decoration: none;
	color: #0066FF;
	transition: all 0.08s linear;
	box-sizing: border-box;
}
a:active,
a:hover,
a:focus {
	outline: none;
}
a:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
	zoom: 1;
}
a img,
input[type="image"],
input[type="submit"] {
	opacity: 1;
	filter: alpha(opacity=100); 
}
a:hover img.noTrans {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
a[href^="tel:"] {
    pointer-events: none;
    cursor: text;
}
a[href^="tel:"]:hover {
    opacity: 1;
}
@media screen and (max-width:640px) {
	a[href^="tel:"]  {
		pointer-events: auto;
	}
}

a img.trans,
input[type="image"] {
	opacity:1; filter:alpha(opacity=100);  -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
}
a:hover img.trans,
input[type="image"]:hover {
	opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; zoom:1; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
}
.clear {
	clear:both;
}
.clearfix:after { /* for Modern Browser */
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}

/* FONT SIZE
========================================== */

.fontB {font-weight:bold;}
.fontN {font-weight:normal;}
.font10 {font-size:77%;}
.font11 {font-size:85%;}
.font12 {font-size:93%;}
.font14 {font-size:108%;}
.font15 {font-size:116%;}
.font16 {font-size:123.1%;}
.font18 {font-size:138.5%;}
.font20 {font-size:153.9%;}
.font30 {font-size:231%;}

.basic {font-size:108%; line-height:180%;}

/* FLOAT
========================================== */

.floatR {float:right;}
.floatL {float:left;}

/* FONT COLOR
========================================== */

.red {color:#FF0000;}
.dred {color:#CC0000;} /*DarkRed*/
.dRed {color:#D82C01;} /*DarkRed*/
.green {color:#669900;}
.gray4 {color:#444444;}
.gray6 {color:#666666;}
.brown {color:#3F1F11;}
.blue {color:#0066FF;}
.dblue {color:#0C3D8A;} /*Darkblue*/
.orange {color:#FF6600;} /*Darkblue*/
.u-text-wh {color: #fff;}


/* underline
========================================== */

.undl {text-decoration:underline;} /*underline*/

/* display inline
========================================== */

.dil {display:inline;} 

/* LINE HEIGHT
========================================== */

.lh16 {line-height:1.6;}
.lh18 {line-height:1.8;}
.lh20 {line-height:2;}

/* KOME
========================================== */

.kome {padding-left:1em;	text-indent:-1em;}
.kome11 {padding-left:11px;	text-indent:-11px;}
.kome12 {padding-left:14px;	text-indent:-14px;}
.kome13 {padding-left:14px;	text-indent:-14px;}
.kome14 {padding-left:14px;	text-indent:-14px;}
.kome20 {padding-left:17px;	text-indent:-17px;}
.kome24 {padding-left:24px;	text-indent:-24px;}

/* CENTER
========================================== */

.center {text-align:center;}
.txtR {text-align:right;}

/* VERTICAL ALIGN
========================================== */

.vT {vertical-align:top;}
.vM {vertical-align:middle;}
.vB {vertical-align:bottom;}

/* LETTER SPACING
========================================== */

.ls01 {letter-spacing:0.1em;}
.ls-01 {letter-spacing:-0.1em;}
.ls-02 {letter-spacing:-0.2em;}

/* WIDE
========================================== */

.w10 {width:10px;}
.w20 {width:20px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w175 {width:175px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w248 {width:248px;}
.w253 {width:253px;}
.w265 {width:265px;}
.w320 {width:320px;}
.w338 {width:338px;}
.w360 {width:360px;}
.w380 {width:380px;}
.w440 {width:430px;}
.w480 {width:480px;}
.w640 {width:640px;}
.w700 {width:700px;}
.w752 {width:752px;}
.w860 {width:990px;}
.w900 {width:900px;}
.w912 {width:912px;}
.w950 {width:950px;}

/* HISSU MARK
========================================== */

img.must {
	width:13px;
	height:16px;
	margin:0 0 0 5px;
}

/* INPUT + TEXTAREA + SELECT 
========================================== */

input[type="checkbox"],
input[type="radio"] {  
	vertical-align:-0.1em;
	margin-right:5px;
	border:none;
}

/*input type*/
.inputText30 {width:30px;height:21px;text-align:center;}
.inputText40 {width:40px;height:21px;text-align:center;}
.inputText50 {width:50px;height:21px;text-align:center;}
.inputText60 {width:60px;height:21px;text-align:center;vertical-align:middle;}
.inputText80 {width:80px;height:21px;}
.inputText100 {width:100px;height:21px;text-align:right;}
.inputText150 {width:150px;height:21px;}
.inputText200 {width:200px;height:21px;}
.inputText250 {width:250px;height:21px;}
.inputText300 {width:300px;height:21px;}
.inputText380 {width:380px;height:21px;}
.inputText500 {width:500px;height:21px;}
.inputText600 {width:600px;height:21px;}
/*textarea*/
.textArea2_200 {width:200px;height:42px;vertical-align:top;}
.textArea225 {width:225px;height:150px;vertical-align:top;}
.textArea3_250 {width:250px;height:63px;vertical-align:top;}
.textArea380 {width:380px;height:150px;}
.textArea2_380 {width:380px;height:42px;vertical-align:top;}
.textArea3_380 {width:380px;height:63px;vertical-align:top;}
.textArea500 {width:500px;height:150px;}
.textArea2_500 {width:500px;height:42px;vertical-align:top;}
.textArea3_500 {width:500px;height:63px;}
.textArea5_500 {width:500px;height:105px;}
/*input select*/
.inputSelect40 {width:40px;height:26px;}
.inputSelect50 {width:50px;height:26px;vertical-align:middle;}
.inputSelect60 {width:60px;height:26px;vertical-align:middle;}
.inputSelect70 {width:70px;height:26px;}
.inputSelect80 {width:80px;height:26px;}
.inputSelect90 {width:90px;height:26px;}
.inputSelect100 {width:100px;height:26px;}
.inputSelect120 {width:120px;height:26px;vertical-align:middle;}
.inputSelect150 {width:150px;height:26px;}
.inputSelect200 {width:200px;height:26px;}
.inputSelect300 {width:300px;height:26px;}

figure {	margin: 0;}
figure img {max-width: 100%;width: 100%;}

.cursor-pointer {
	cursor: pointer;
}