@charset "UTF-8";
.contents_main {
position: relative;
padding: 40px 20px 90px 20px;
}
.contents_main-wrap {
max-width: 1000px;
margin: 100px auto 50px;
font-size: 20px;
}
.other-area {
position: relative;
padding: 40px 20px 90px 20px;
background-color: #f8e9d4;
}
.other-area-wrap {
max-width: 1216px;
margin: 0px auto;
font-size: 20px;
}
@media screen and (max-width:1024px){
.other-area {
padding: 80px 50px 90px 50px;
}
}
@media screen and (max-width:767px){
.contents_main {
padding: 70px 20px 50px 20px;
}
.contents_main-wrap {margin: 0;}
.other-area {
padding: 30px 20px 50px 20px;
}
}


.other-grid-box {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(227px, 1fr));
}
.other-grid-item {
border-radius: 10px;
  background: #fff;
  box-shadow: 0 0.6rem 0.5rem -0.5rem hsl(0 0% 0% / 20%);
  padding: 0px;
  text-align: center;
}

.other-grid-item02 {
display: block;
content:"";
width: 300px;
}


.other-grid-box a:hover{
opacity: .85;
-webkit-opacity: .85;
-moz-opacity: .85;
}
@media screen and (max-width:1024px){
.other-grid-box {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
@media screen and (max-width:599px){
.other-grid-box {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}

@media screen and (min-width:1025px){
.wide-img {
  max-width: 227px;
  height:128px;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
				border-top-left-radius: 10px;
		border-top-right-radius: 10px;
}
.wide-img img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: .3s ease-in-out;
}
.wide-img:hover img {
  transform: scale(1.08);
}
}

#main {
	width: 100%;
	display: block;
	text-align: left;	box-sizing: border-box;
}

#main2 {
	clear: both;
	width: 1280px;
	text-align: left;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 100%;
	display: block;
	padding: 10px 30px 45px 30px;
}
#main H1{
font-size: 1.5rem;
padding-left: 14px;
color: #000;
border-left-width: 8px;
border-left-style: solid;
border-left-color: #eb5405;
margin-bottom: 15px;
padding-bottom: 2px;
}
#kenicon{
margin-left: 10px;
vertical-align:middle;
display:inline-block;
margin-top:-3px;
}
#copy{
	font-size: 1.2rem;
	font-weight: normal;
	font-weight: bold;
	margin: 50px 0 20px;
}
#info{
	line-height: 1.8rem;
	float: left;
	padding-bottom: 70px;
	font-size: 1rem;
}


#kihon{
	width: 100%;
	display: block;
box-sizing: border-box;
}
.kihon_info{
width: 66%;
float: left;
margin: 0px 0px;
}
.kihon_images{
width: 32%;
float: left;
margin-right: 2%;
}
#kihon H2{
	font-size: 1.1em;
	margin: 70px auto 20px;
	line-height: 30px;
	letter-spacing: 2px;
}

.ta2 {
border-collapse: collapse;
width: 100%;
box-sizing: border-box;
font-size:0.75rem;
}

.ta2 th  { width: 30%; text-align: left;
color: #ac7d00;
background-color: #fcf8e3;
font-weight: normal;
border-top-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #FFF;
border-left-color: #FFF;
padding: 12px;
width: 22%;
}

.ta2 td {
width: 78%;
color: #000000;
background-color: #FBFBFB;
padding: 12px;
border-top-width: 2px;
border-right-width:2px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #FFF;
border-right-color: #FFF;
}
#mapField iframe{
width: 100%;
height: 400px;
}

@media screen and (max-width: 1024px){
#main H1{font-size:2rem;}
#copy{	font-size: 1.5rem;}
#info{	line-height: 2.5rem;
	font-size: 1.5rem;}
#kihon H2{	font-size: 1.5rem;}
.ta2 {font-size:1.3rem;}
}
@media screen and (max-width: 767px){
#main,#main2 {
width: 95%; //624px ÷ 960px × 100
margin-right: 10%; //24px ÷ 960px × 100
}
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
#copy{
font-size: 0.85rem;
margin:30px 0px 10px;
}
#info{	line-height: 1.5rem;
	font-size: 0.8rem;
		padding-bottom: 25px;}
#kihon H2{
	font-size: 0.85rem;
	margin: 20px auto 20px;
}
}
@media screen and (max-width: 599px){
#main,#main2 {
width: 100%;
font-size:90%;
text-decoration:none;
display:block;
border-radius:none;
background: #FFF;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf7', endColorstr='#f4f2dd',GradientType=0 );
border:none;
margin-top: 0px;
padding:0px;
}
#main H1{font-size:1rem;
}

.wide-img img{
width: 40%;float: left;margin-right: 5%;
		border-top-left-radius: 10px;
}
.kihon_info{
width: 100%;
float: left;
margin: 0px 0px;
}
.kihon_images{
width: 100%;
float: left;
margin: 0px;
}
.ta2 {margin: 0;font-size:0.75rem;}
.ta2 th,.ta2 td{
width: 100%;
display: block;
border: none;
padding: 5px 5px 5px 10px;
box-sizing: border-box;
word-break: break-all;
}
.ta2 td{
padding: 15px;
}
.ta2 tr:first-child th { border-top: 1px solid #ddd; }

}