<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.mainVisual {
	margin-bottom: 90px;
    padding: 127px 0 20px;
    min-height: 880px;
    position: relative;
    background: url("../img/index/main_visual_bg01.jpg") no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
}

.mainVisual:before,
.mainVisual:after {
    width: 231px;
    height: 468px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/index/main_visual_bg02.png") no-repeat;
    background-size: 231px auto;
    
    content: "";
}

.mainVisual:after {
    width: 222px;
    left: auto;
    right: 0;
    background: url("../img/index/main_visual_bg03.png") no-repeat;
    background-size: 222px auto;
}

.mainVisual .inner {
	margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}

.mainVisual h2 {
    margin-bottom: 42px;
    text-align: center;
}

.mainVisual h2 img {
    height: 70px;
}

.mainVisual .mainImg {
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
    opacity: 0;
}

.mainVisual .mainImg.show {
    opacity: 1;
}

.mainVisual .mainImg img {
    width: 975px;
}

.mainVisual p {
    margin-top: -22.3%;
    color: #FFF;
    font-size: 1.4rem;
    line-height: 30px;
    letter-spacing: 1px;
    opacity: 0;
	transition: all ease 1.25s;
	-webkit-transition: all ease 1.25s;
}

.mainVisual p.show {
    opacity: 1;
}

#main .section {
    margin-bottom: 89px;
    padding-bottom: 98px;
    border-bottom: 1px solid #8FAB94;
}

#main .section:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

#main .h3Ttl01 {
    margin-bottom: 35px;
    font-size: 2rem;
    line-height: 45px;
    font-weight: normal;
    letter-spacing: 8px;
    text-align: center;
}

#main .h3Ttl01 .en {
    margin: 0 10px;
    color: #1F5627;
    font-size: 2.1rem;
    letter-spacing: 7px;
}
    
#main .photo {
    margin-bottom: 36px;
}

#main .text01 {
    margin-bottom: 86px;
    font-size: 1.4rem;
    line-height: 43px;
    text-align: center;
}

#main .watchBox {
	margin: 0 auto;
	width: 640px;
	display: table;
	table-layout: fixed;
}

#main .watchBox .photoBox,
#main .watchBox .textBox {
	padding-left: 8px;
	width: 380px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

#main .watchBox .photoBox {
    text-align: center;
}

#main .watchBox .textBox {
	padding: 0 0 10px 18px;
	width: 260px;
}

#main .watchBox .textBox p {
	margin-bottom: 22px;
    color: #1F5627;
	font-size: 1.5rem;
	letter-spacing: 1px;
	line-height: 1.85;
    font-family: 'Noto Sans';
}

#main .watchBox .textBox p:last-child {
	margin-bottom: 0;
}

#main .watchBox .textBox .btn {
	margin-top: 20px;
	text-align: left;
}

#main .watchBox .textBox .btn a {
	padding: 14px 5px 15px;
	min-width: 150px;
    color: #1F5627;
	display: inline-block;
	letter-spacing: 0.5px;
	line-height: 1.5;
	text-align: center;
	border: 1px solid #1F5627;
	box-sizing: border-box;
    font-family: 'Noto Sans';
}

#main .watchBox .textBox .btn a:hover {
    opacity: 0.7;
}

#main .sec02,
#main .sec03 {
    padding-bottom: 90px;
}

#main .sec02 .text01,
#main .sec03 .text01 {
    margin-bottom: 80px;
}

#main .sec02 .watchBox .photoBox {
    padding-left: 3px;
}

#main .sec03 .watchBox .photoBox {
    padding-left: 20px;
}

#main .sec04 .text01 {
    margin-bottom: 82px;
}

#main .sec04 .watchBox .photoBox,
#main .sec04 .watchBox .textBox {
	padding-left: 24px;
	width: 340px;
}

#main .sec04 .watchBox .textBox {
	padding: 0 0 10px;
	width: 300px;
}

#main .shopBox .h3Ttl01 {
    margin-bottom: 4px;
    font-size: 1.8rem;
}

#main .shopBox p {
    margin-bottom: 42px;
    text-align: center;
}

#main .shopBox table {
	width: 100%;
	border-collapse: collapse;
}

#main .shopBox th,
#main .shopBox td {
	padding: 11px 5px 10px 15px;
	font-size: 1.4rem;
    font-weight: normal;
	line-height: 1.5;
	word-break: break-all;
	text-align: left;
	vertical-align: middle;
    border: 1px solid #8FAB94;
	box-sizing: border-box;
}

#main .shopBox th {
	width: 29%;
    text-align: center;
    background-color: #D2DED4;
}

#main .shopBox th:nth-child(2) {
	width: 37%;
}

#main .shopBox th:nth-child(3) {
	width: 23%;
}

#main .shopBox td:nth-child(4) {
    text-align: center;
}

#main .shopBox td a {
    display: block;
}

#main .shopBox td a:hover {
    opacity: 0.7;
}

@media all and (max-width: 767px) {
    .mainVisual {
        margin-bottom: 40px;
        padding: 70px 0 20px;
        min-height: inherit;
    }

    .mainVisual:before,
    .mainVisual:after {
        display: none;
    }

    .mainVisual .inner {
        margin: 0 10px;
        max-width: inherit;
    }

    .mainVisual h2 {
        margin-bottom: 10%;
    }

    .mainVisual h2 img {
        height: 32px;
    }

    .mainVisual .mainImg {
        overflow: hidden;
    }

    .mainVisual .mainImg img {
        margin-left: -10%;
        width: 120%;
        max-width: inherit;
    }

    .mainVisual p {
        margin-top: -25%;
        font-size: 1.3rem;
        line-height: 1.6;
    }

    #main .section {
        margin-bottom: 30px!important;
        padding-bottom: 45px!important;
    }

    #main .section:last-child {
        margin-bottom: 0!important;
        padding-bottom: 0!important;
    }

    #main .h3Ttl01 {
        margin-bottom: 15px;
        font-size: 1.8rem;
        letter-spacing: 0.5px;
    }

    #main .h3Ttl01 .en {
        font-size: 1.8rem;
        letter-spacing: 0.5px;
    }

    #main .photo {
        margin-bottom: 15px;
    }

    #main .text01 {
        margin-bottom: 20px!important;
        font-size: 1.3rem;
        line-height: 1.6;
    }

    #main .watchBox {
        width: auto;
        display: block;
    }

    #main .watchBox .photoBox,
    #main .watchBox .textBox {
        padding: 0!important;
        width: auto!important;
        display: block;
    }

    #main .watchBox .photoBox {
        margin: 0 auto 20px!important;
        width: 50%!important;
    }
    
    #main .watchBox .textBox p {
        margin-bottom: 15px;
        font-size: 1.3rem;
        line-height: 1.6;
        text-align: center;
    }

    #main .watchBox .textBox .btn {
        margin-top: 20px;
        text-align: center;
    }

    #main .watchBox .textBox .btn a {
        padding: 10px 5px 11px;
		width: 50%;
		max-width: 250px;
    } 

    #main .shopBox p {
        margin-bottom: 30px;
        font-size: 1.3rem;
    }
#main .shopBox th,
#main .shopBox td {
	padding: 11px 5px 10px;
	font-size: 1.3rem;
    font-weight: normal;
	line-height: 1.5;
	word-break: break-all;
	text-align: left;
	vertical-align: middle;
    border: 1px solid #8FAB94;
	box-sizing: border-box;
}

#main .shopBox th {
	width: 27%;
    text-align: center;
    background-color: #D2DED4;
}

#main .shopBox th:nth-child(2) {
	width: 27%;
}

#main .shopBox th:nth-child(3) {
	width: 27%;
}

#main .shopBox td:nth-child(4) {
    text-align: center;
}

#main .shopBox td a {
    display: block;
}

#main .shopBox td a:hover {
    opacity: 0.7;
}

}
</pre></body></html>