/*reset*/

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

html {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica Neue,Arial,Hiragino Sans,Hiragino Kaku Gothic ProN,BIZ UDPGothic,Meiryo,sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-align: justify;
}



body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6,button,input,select,textarea {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 600;
}

ul,dl {
	list-style: none;
}

img,embed,iframe,object,audio,video {
	height: auto;
	border: 0;
}

a {
	text-decoration: none;
}

a:active,a:hover {
	text-decoration: none!important;
	outline: 0;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,th {
	padding: 0;
	text-align: left;
}

a:link { color: #333;}
a:visited { color: #333; }
a:hover { color: #333; }
a:active { color: #333;}

input, textarea {
  font-size: 14px;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

input[type="submit"],input[type="button"] {
  	-webkit-box-sizing: content-box;
  	-webkit-appearance:none;
  	appearance: button;
  	cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  	display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    height: 38px;
    padding: 10px 10px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}


/*container 調整-----------------------------------------------------------------------------*/

.container{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}

@media (min-width:576px){
	.container{max-width:767px}
}

@media (min-width:768px){
	.container{max-width:890px}
}

@media (min-width:992px){
	.container{max-width:890px}
}

@media (min-width:1200px){
	.container{max-width:990px}
}

.contents {
	width: 100%;
}

/*表示-----------------------------------------------------------------------------*/

/*スマホ表示のみ*/
@media (min-width:768px){
	.hid_sm_xs {
		display: none !important;
	}
}

/*pc表示のみ*/
@media (max-width:767px){
	.hid_md_lg {
		display: none !important;
	}
}