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

div.kV {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}
div.kV img {
    width: 100%;
    height: auto;
  z-index: 1;
}
div.kV h3 {
font-size: 4rem;
font-size: clamp(3.4rem, 2vw, 4rem);
font-weight: 500;
color: #FFFFFF;
text-align: center;
position: absolute;
top: 1.6%;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
z-index: 3;
}
div.kV h3 span {
    font-size: clamp(5rem, 3.8vw, 6.4rem);
    font-weight: 700;
}
div.kV button.index1 {
    position: absolute;
    right: 9.3%;
    bottom:30.5%;
    z-index: 3;
}
div.kV button.index2 {
    position: absolute;
    bottom:2.5%;
    left: 2%;
    right: 2%;
    z-index: 2;
}
@media screen and (max-width: 767px) {
div.kV {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
	overflow-y: hidden;
}
div.kV img {
    object-fit: cover;	
  z-index: 1;
}
div.kV h3 {
font-size: 4.6vw;
font-weight: 500;
color: #FFFFFF;
text-align: center;
position: absolute;
top: 1.3%;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
z-index: 3;
line-height: 1.2;
}
div.kV h3 span {
    font-size: 6.4vw;
    font-weight: 700;
}
div.kV button.index1 {
    position: absolute;
    right: auto;
	left: 14%;
    bottom:12.6%;
	top: auto;
    z-index: 3;
}
div.kV button.index2 {
    position: absolute;
    bottom:auto;
	top: 93%;
    left: 2%;
    right: 2%;
    z-index: 2;
}
}


/*features*/
.features .h4style {
    letter-spacing: 0 !important;
	text-indent: 0 !important;
}

.features div {
    display: -webkit-flex;
    display: flex;
    column-gap: 50px;
    align-items: center;
    margin-bottom: 50px;
}
.features div figure {
    flex: 1;
}
.features div figure img {
    width: 100%;
    height: auto;
}
.features div p {
    flex: 2.5;
    font-size: 2.4rem;
    line-height: 1.4;
    text-align: left;
}


@media screen and (max-width: 767px) {
.features div {
    display: block;
    align-items: center;
    margin-bottom: 50px;
}
.features div figure {
    display: block;
}
.features div figure img {
    width: 90%;
    height: auto;
}
.features div p {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: left;
	width: 90%;
	margin: 15px auto;
}
button.features1 {
	font-size: 1.8rem !important;
	padding: 3px 10px !important;
}
}

/*jisseki*/
section.jisseki {
    text-align: center;
}
.jisseki span.txt1 {
    font-size: 2.8rem;
}
.jisseki span.txt1 strong {
    font-size: 3.4rem;
    font-weight: 700;
}
.jissekiMap,
.jissekiPhoto{
    width: 80%;
    height: auto;
    display: block;
    margin: 50px auto;
}
.jisseki p.txt2 {
    font-size: 2.6rem;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
.jisseki span.txt1 {
    font-size: 1.8rem;
}
.jisseki span.txt1 strong {
    font-size: 2.2rem;
    font-weight: 700;
}
.jissekiMap,
.jissekiPhoto{
    width: 90%;
    height: auto;
    display: block;
    margin: 30px auto;
}
.jisseki p.txt2 {
    font-size: 1.8rem;
    margin: 15px auto;
	width: 90%;
}
}


/*products*/
.products ul {
    margin: 0 auto;
    font-size: 2.4rem;
    list-style: none;
    display: inline-block;
}
.products ul li {
    margin-bottom: 1.4rem;
    text-align: left;
}

.products ul li i {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}
.products ul li a {
    display: inline-block;
    margin-left: 1rem;
    text-align: left;
}
.products ul li a:hover {
    text-decoration: underline;
}
h4.productsName {
    margin: 100px auto 60px auto;
    padding: 1.6rem 0;
    text-align: center;
    border: 1px solid #2565A5;
    color: #2565A5;
    font-size:3rem;
    line-height: 1.2;
    font-weight: 500;
}
div.productsImg {
    width: 80%;
    margin: 0 auto 50px auto;
    font-size: 1.8rem;
    text-align: left;
}
div.productsImg img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1.6rem;
}
.products p.txt3 {
    font-size: 2.2rem;
    text-align: left;
}
.products p.txt3 span {
    font-size: 2.4rem;
    color: #2565A5;
    font-weight: 700;
}
.products p.txt4 {
    font-size: 1.8rem;
    text-align: left;
}
.products table {
    font-size: 1.8rem;
    width: 100%;
    margin: 0px auto 15px auto;
	flex-shrink: 0;
    min-width: 1050px;
}
.products th,
.products td {
   text-align: center;
   padding: 2px;
   white-space: nowrap;
}
th.th1 {
    background-color: #E0C9B7;
}
th.th2 {
    background-color: #BED9EA;
}
th.th3 {
    background-color: #C6C6C6;
}
td.td1 {
    background-color: #F7E6D8;
}
td.td2 {
    background-color: #E9F3FA;
}
td.td3 {
    background-color: #E3E3E3;
}
@media screen and (max-width: 767px) {
.products ul {
    width: 100%;
    margin: 0 auto;
    font-size: 1.6rem;
    list-style: none;
}
.products ul li {
    margin-bottom: 1.4rem;
}

.products ul li i {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}
.products ul li a {
    display: inline-block;
    margin-left: 1rem;
    text-align: left;
}
.products ul li a:hover {
    text-decoration: underline;
}
h4.productsName {
    margin: 50px auto 20px auto;
    padding: 1.6rem 0;
    text-align: center;
    border: 1px solid #2565A5;
    color: #2565A5;
    font-size:2rem;
    line-height: 1.2;
    font-weight: 500;
}
div.productsImg {
    width: 100%;
    margin: 0 auto 20px auto;
    font-size: 1.4rem;
    text-align: left;
}
div.productsImg img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1.6rem;
}
.products p.txt3 {
    font-size: 1.6rem;
    text-align: left;
}
.products p.txt3 span {
    font-size: 1.6rem;
    color: #2565A5;
    font-weight: 700;
}
.products p.txt4 {
    font-size: 1.4rem;
    text-align: left;
	margin-top: 1.6rem;
}
.products table {
    font-size: 1.4rem;
    width: auto;
    margin: 10px 0 15px 0;
}

}

/*relatedProducts*/
section.relatedProducts {
	padding-bottom: 30px;
}
h4.relatedProductsName {
    margin: 100px auto 60px auto;
    padding: 1.6rem 0;
    text-align: center;
    border: 1px dashed #2565A5;
    color: #2565A5;
    font-size:3rem;
    line-height: 1.2;
    font-weight: 500;
}
.relatedProducts ul {
    margin: 0 auto;
    font-size: 2.4rem;
    list-style: none;
    display: inline-block;
}
.relatedProducts ul li {
    margin-bottom: 1.4rem;
    text-align: left;
}

.relatedProducts ul li i {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}
.relatedProducts ul li a {
    display: inline-block;
    margin-left: 1rem;
    text-align: left;
}
.relatedProducts ul li a:hover {
    text-decoration: underline;
}
div.relatedProductsImg01 {
    width: 89%;
    margin: 0 auto 50px auto;
}
div.relatedProductsImg02 {
    width: 66%;
    margin: 0 auto 50px auto;
}
div.relatedProductsImg03 {
    width: 100%;
    margin: 50px auto;
}
div.relatedProductsImg01 img,
div.relatedProductsImg02 img,
div.relatedProductsImg03 img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1.6rem;
}
.relatedProducts p.txt5 {
    font-size: 2.2rem;
    text-align: left;
}
.relatedProducts p.txt5 span {
    font-size: 2.4rem;
    color: #2565A5;
    font-weight: 700;
}
.relatedProducts table {
    font-size: 1.8rem;
    width: 100%;
    margin: 30px auto 15px auto;
	flex-shrink: 0;
    min-width: 1050px;
}
.relatedProducts th,
.relatedProducts td {
   text-align: center;
   padding: 2px;
   white-space: nowrap;
}
@media screen and (max-width: 767px) {
h4.relatedProductsName {
    margin: 50px auto 20px auto;
    padding: 1.6rem 0;
    text-align: center;
    border: 1px dashed #2565A5;
    color: #2565A5;
    font-size:2rem;
    line-height: 1.2;
    font-weight: 500;
}
.relatedProducts ul {
    width: 100%;
    margin: 0 auto;
    font-size: 1.6rem;
    list-style: none;
}
.relatedProducts ul li {
    margin-bottom: 1.4rem;
}
.relatedProducts ul li i {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}
.relatedProducts ul li a {
    display: inline-block;
    margin-left: 1rem;
    text-align: left;
}
.relatedProducts ul li a:hover {
    text-decoration: underline;
}
div.relatedProductsImg01 {
    width: 89%;
    margin: 0 auto 50px auto;
}
div.relatedProductsImg02 {
    width: 66%;
    margin: 0 auto 50px auto;
}
div.relatedProductsImg03 {
    width: 100%;
    margin: 30px auto;
}
div.relatedProductsImg01 img,
div.relatedProductsImg02 img,
div.relatedProductsImg03 img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1.6rem;
}
.relatedProducts p.txt5 {
    font-size: 1.6rem;
    text-align: left;
}
.relatedProducts p.txt5 span {
    font-size: 1.6rem;
    color: #2565A5;
    font-weight: 700;
}
.relatedProducts table {
    font-size: 1.4rem;
    width:auto;
    margin: 10px 0 15px 0;
}
.relatedProducts th,
.relatedProducts td {
   text-align: center;
   padding: 2px;
   white-space: nowrap;
}
}