@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
sky   #82D2E6
blue  #4B9BE1
brown #5A3C00
-----------------------------------------------*/

/*-----------------------------------------------
  anchor
-----------------------------------------------*/
main .anchor {
display: block;
padding-top: 68px;
margin-top: -68px;
}
@media screen and (max-width: 640px) {
	main .anchor {
	display: block;
	padding-top: 16vw;
	margin-top: -16vw;
	}
}

/*-----------------------------------------------
  outer
-----------------------------------------------*/
/* outer1 */
main .outer {
padding: 60px 4%;
}
main .outer > .inner {
max-width: 1000px;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
	main .outer {
	padding: 8% 4%;
	}
}

/*-----------------------------------------------
  heading
-----------------------------------------------*/
/* h1 */
main h1 {
}
@media screen and (max-width: 640px) {
}
/* h201 */
main .h201 {
width: 10em;
max-width: 100%;
margin: 0 auto;
font-family: "Kanit", "Kiwi Maru", sans-serif;
font-size: 2em;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0.1em;
text-align: center;
color: #5A3C00;
overflow: hidden;
}
main .h201 span {
position: relative;
display: inline-block;
padding: 0.25em 0.5em;
text-align: left;
}
main .h201 span:before,
main .h201 span:after {
position: absolute;
top: 50%;
content: "";
width: 100vw;
height: 2px;
background-color: #5A3C00;
}
main .h201 span:before {
right: 100%;
}
main .h201 span:after {
left: 100%;
}
@media screen and (max-width: 640px) {
	main .h201 {
	padding: 0 0em;
	font-size: 1.5em;
	letter-spacing: 0;
	}
}

/*-----------------------------------------------
  table
-----------------------------------------------*/
/* table */
main table {
width: 100%;
background-color: #FFF;
}
@media screen and (max-width: 640px) {
}
/* scroll */
@media screen and (max-width: 640px) {
	main .scroll {
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	}
}

/*-----------------------------------------------
  link
-----------------------------------------------*/
/* link_more */
main .link_more {
max-width: 12em;
margin: 0 auto;
padding: 0.1em 1em;
font-family: "Kanit", sans-serif;
font-size: 1em;
letter-spacing: 0.1em;
text-align: center;
color: #5A3C00;
background-color: #FFF;
border: 1px solid #5A3C00;
border-radius: 2em;
transition: 0.2s;
}
main a:hover .link_more {
color: #FFF;
background-color: #5A3C00;
}
@media screen and (max-width: 640px) {
	main .link_more {
	font-size: 1em;
	}
}


/*-----------------------------------------------
  color
-----------------------------------------------*/
main .red {
color: #E90000;
}
main .brown {
color: #5A3C00
}