@charset "UTF-8";
/*
 * reset.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input,select,textarea,button
{ outline: none; }
abbr, acronym
{ border: 0;}
*, *:before, *:after {box-sizing: border-box;}

select,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
input[type=reset],
input[type=button],
input[type=submit],
textarea {
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  -moz-appearance: none;
  overflow: auto;
  border: none;
  border: 0;
  font-family: "Noto Sans JP", "Zen Kaku Gothic Antique", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear{
	display: none;
}
input[type=reset],
input[type=button],
input[type=submit]  {
  font-family: "Noto Sans JP", "Zen Kaku Gothic Antique", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  cursor: pointer;
}
select::-ms-expand { display: none;} 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}
input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check{
	display: none;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { 
	overflow-y: scroll;
	font-size: 62.5%;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
    html {
        font-size: 62.5%;
    }
}
body {
 font-family: "Noto Sans JP", "Zen Kaku Gothic Antique", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 font-size: 1.6rem;
 -webkit-text-size-adjust: none;
 line-height: 1.5;
 color: #231B29;
 font-weight: 400;
 /*letter-spacing: .04em;*/
}

.font_josefin {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
	body{font-size: 1.4rem}
}
/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #231B29;
	text-decoration: none;
	backface-visibility: hidden;
    transition: .2s ease-in;
    transition-property: opacity, color, border, background, transform, box-shadow;
    opacity: 1;
    line-height: inherit;
}

@media screen and (min-width: 768px) {
	a:hover {
		opacity: .7;
		text-decoration: none;
	}

}