/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html { font-family:dnp-shuei-mgothic-std, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, arial, helvetica, sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break:break-all;}
body { margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
a { background-color: transparent;}
a:active, a:hover { /*color: #f08300;　*/  outline: 0; } 
abbr[title] { border-bottom: 1px dotted;}
b,strong { font-weight: bold;}
dfn { font-style: italic;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img{border:0;vertical-align:middle}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0;}
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
p,dl,dt,dd,th,td,pre,ul,ol{ margin:0; -ms-line-break:strict; line-break:strict; -ms-word-break:break-strict; word-break:break-strict}
ul,ol { list-style: none; padding: 0;}

/* ----------------------------------------------------
base setting
---------------------------------------------------- */

* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
*:before,*:after {  -webkit-box-sizing: border-box;  box-sizing: border-box;}

html {
  -webkit-tap-highlight-color: transparent;   -moz-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;
  font-size: 62.5%; /* 10px */
}
body { font-size: clamp(1.6rem, 1.66vw, 2rem);
text-rendering: optimizeLegibility;
font-kerning: normal;               
font-variant-ligatures: common-ligatures contextual;
font-feature-settings: "kern", "liga", "clig", "calt";}
#wrapper { margin: 0 auto; position: relative;}


/* ----------------------------------------------------
element base setting
---------------------------------------------------- */

h1, h2, h3, h4, h5, h6, table, ul, ol, p, dl { font-size: 100%; margin: 0;}
ul{ list-style: none; }
dd { margin: 0;}
table, ul, ol, p, dl {margin-bottom: min(1.66vw, 20px);}
header table, header ul, header ol, header p,  header dl,footer table, footer ul, footer ol, footer p,  footer dl {	margin-bottom: 0px;}

/* link  */
a[href^="tel:"] { cursor: default;}
.clickable { cursor: pointer;}
.clearfix{ zoom:100%;	}
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}

@media (min-width:768px) { /* PC + tablet */
.pcNoDisplay, #ftSlideBlock { display: none !important;}
a:hover[href^="tel:"] { text-decoration:none; }
}

@media (max-width: 1200px) and (min-width: 768px) {
}

@media (max-width: 767px) {/*  sp */
body {font-size: clamp(1.4rem, 4vw, 1.8rem);}
.spNoDisplay { display: none;}
a:hover { text-decoration: none !important;}
img { width: 100%;}
table, ul, ol, p, dl {margin-bottom: 2.5vw;}
}


/* helper class  ----------------------------------------------------------*/

/* text-align */
.alignC {text-align: center !important;}
.alignR {text-align: right !important;}
.alignL {text-align: left !important;}

@media (min-width:768px) {
	/* width % */
	.w--20 {width: 20% !important;}
	.w--25 {width: 25% !important;}
	.w--30 {width: 30% !important;}
	.w--35 {width: 35% !important;}
	.w--40 {width: 40% !important;}
	.w--45 {width: 45% !important;}
	.w--50 {width: 50% !important;}
	.w--55 {width: 55% !important;}
	.w--60 {width: 60% !important;}
	.w--65 {width: 65% !important;}
	.w--70 {width: 70% !important;}
	.w--75 {width: 75% !important;}
	.w--80 {width: 80% !important;}
}

/* img width */
.img--w120 {width:min(10vw, 120px) !important; }
.img--w140 {width:min( 11.67vw, 140px) !important; }
.img--w150 {width: min( 12.5vw, 150px) !important;}
.img--w200 {width: min( 16.6vw, 200px) !important;}
.img--w240 {width: min( 20vw, 240px) !important;}
.img--w280 {width: min( 23.33vw, 280px) !important;}
.img--w300 {width: min( 25vw, 300px )!important;}
.img--w320 {width: min( 26.67vw, 320px) !important;}
.img--w400 {width: min( 33.33vw, 400px) !important;}
.img--w640 {width: min( 53.33vw, 640px) !important;}
.img--w840 { width: min( 70vw, 840px) !important;  max-width: 100%;}

@media (max-width: 767px) {
.img--w120 {width:min(20%, 120px) !important; }
.img--w140 {width:min( 25%, 140px) !important; }
.img--w150 {width: min( 30%, 150px) !important;}
.img--w200 {width: min( 35%, 200px) !important;}
.img--w240 {width: min( 40%, 240px) !important;}
.img--w280 {width: min( 50%, 280px) !important;}
.img--w300 {width: min( 60%, 300px )!important;}
.img--w320 {width: min( 70%, 320px) !important;}
.img--w400 {width: min( 80%, 400px) !important;}
.img--w640 {width: min( 90%, 640px) !important;}
.img--w840 { width: min( 100%, 840px) !important;}

}



/* margin-bottom */
.mb00 {margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !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;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 { margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}

/* margin-top */
.mt00 {margin-top: 0px !important;}
.mt05 { margin-top: 5px !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;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt55 { margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mr120 {margin-top: 120px !important;}

/* 仕切り線 */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.hr1 {
   border-top: 1px solid #cccccc;
	margin:2em auto;
}