@charset "UTF-8";


/*! base ============================================== */

html, body, div, span, p, img,
h1, h2, h3, h4, h5, h6, h7, h8, h9,
ul, ol, li, dl, dt, dd,
table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	}

header, footer, main, aside, nav, menu, section, article,
hgroup, figure, figcaption, address, time, small, canvas, details, summary,
.wrap {
	display: block;
	margin: 0;
	padding: 0;
	font-style: normal;
	}

body {
	line-height: 1;
	}

* {
  box-sizing: border-box;
	}

::before,
::after {
	box-sizing: border-box;
	text-decoration: inherit;
	vertical-align: inherit;
	}


/*! background ============================================== */

html, body {
	background-color: #eeeeee;
	}

* {
  background-repeat: no-repeat;
	}


/*! font ============================================== */

* {
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
	font-size: 12px;
	word-wrap: break-word;
	color: #4d4d4d;
	}

p, span, a, li, dt, dd {
	line-height: 1.8;
	}

h1, h2, h3, h4, h5, h6, h7 {
	line-height: 1.5;
	}

p {
	text-align: justify;
	text-justify: inter-ideograph ;
	}

p + p {
	margin-top: 20px;
	}

p, span, b {
	color: inherit;
	}

b {
	font-weight: bold;
	color: #696969;
	}

/* textover */
*::selection {
	background: #737373;
	color: #ffffff;
	}
*::-moz-selection {
	background: #737373;
	color: #ffffff;
	}

/* br */
main br {
	display: block;
	}

main br.smtbr {
	display: none;
	}


/* smt（font） ━━━━━━━━━━ */
@media only screen and (max-width:767px){
	* {
		font-size: 14px;
		-webkit-text-size-adjust: none;
	}

/* br */
	main br {
		display: none;
	}

	main br.smtbr {
		display: block;
	}

	main .smtbr br {
		display: block;
	}
}


/*! link ============================================== */

a,
a:visited {
	margin: 0;
	padding: 0;
  background-color: transparent;
	text-decoration: none;
	transition: 0.4s;
	color: #53a0bb;
	}
a:hover { color: #f39800 ; text-decoration:none ;}

/* img */
a img {
	border: 0;
	transition: 0.5s;
	}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

a, a img,
a:active, a:hover {
	outline: none;
	}


/* smt（link） ━━━━━━━━━━ */
@media only screen and (max-width:767px){
	a { 
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #ff6666;
	}
}


/*! img ============================================== */

img	{
	vertical-align: bottom;
	}


/* smt（img） ━━━━━━━━━━ */
@media only screen and (max-width:767px){
	img {
		width: auto;
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}
}


/*! list ============================================== */

ul, ol {
	list-style: none;
	}

ul li img {
	vertical-align: top;
	}


/*! table ============================================== */

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

th {
	line-height: 1.5;
	}

td {
	line-height: 1.8;
	}

/* align */
main table.left th,
main table.left td {
	text-align: left;	
	}

main table.right th,
main table.right td {
	text-align: right;	
	}

main table.center th,
main table.center td {
	text-align: center;	
	}

main table th.left,
main table td.left {
	text-align: left;
	}

main table th.right,
main table td.right {
	text-align: right;
	}

main table th.center,
main table td.center {
	text-align: center;
	}


/*! clear ============================================== */

.cut {
	zoom: 100%;
	}

.cut:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}