body{
font-family: "Noto Sans JP", serif;
font-weight: 500;
color: #1b472b;
}
a {
display: block;
}
a:hover,a:active {
opacity: 0.6;
transition: .3s all;
}
.container {
width: 100%;
}
.main_container {
padding-top: 80px;
margin-left: auto;
margin-right: auto;
}
.cont000 {
max-width: 1160px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}
.cont001 {
max-width: 1320px;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}
.cont001_02 {
margin-left: calc((100% - 1320px) / 2);
padding-left: 20px;
padding-right: 20px;
}
.cont002 {
max-width: 940px;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}
footer {
padding: 0 20px;
}
h1 {font-size: 2.6rem;}
h2 {font-size: 3.4rem;line-height: 5rem;margin-bottom: 20px;}
h3 {font-size: 2.8rem;line-height: 4rem;,margin-bottom: 40px;}
h4 {font-size: 2rem;}
h5 {font-size: 1.8rem;}
.bk_bg {
background-color: #e7e0d4;
border-top: 3px solid #1b472b;
border-bottom: 3px solid #1b472b;
padding-top: 80px;
padding-bottom: 80px;
}
.bt {
border-top: 1px solid #1b472b;
padding-top: 6px;
}
/*------------繧ｹ繝槭�------------*/
@media screen and (max-width: 1320px) {
.cont001_02 {
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
}
}
/*------------繧ｿ繝悶Ξ繝�ヨ------------*/
@media (min-width: 768px) and (max-width: 1279px) {
.cont000 {
padding-left: 40px;
padding-right: 40px;
}
}
/*------------繧ｹ繝槭�------------*/
@media screen and (max-width: 767px) {
.main_container {
padding-top: 40px;
}
.mt160 {
margin-top: 60px;
}
.bk_bg {
background-color: #e7e0d4;
border-top: 3px solid #1b472b;
border-bottom: 3px solid #1b472b;
padding-top: 80px;
padding-bottom: 80px;
}
}
/*
-----------------------------------------------
GOOGLE FONT
----------------------------------------------- */
/*
-----------------------------------------------
繝倥ャ繝繝ｼ
----------------------------------------------- */
#top_slider {
width: 100%;
height: 100%;
position: relative;
}
.slider {
height: 80vh;
margin-inline: auto;
overflow: hidden; /* 逕ｻ蜒上′縺ｯ縺ｿ蜃ｺ縺ｪ縺�ｈ縺�↓縺吶ｋ */
width: 100vw;
}
.slider .slick-slide img {
width: 100%;
height: 80vh;
object-fit: cover;
}
@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15); /* 諡｡螟ｧ邇� */
}
}
.slider .add-animation {
animation: zoomUp 14s linear 0s normal both;
}
.img_logo {
position: absolute;
top: 50%;
left: 50%;
width: 300px;
transform: translateX(-53%) translateY(-50%);
}
/*------------繧ｹ繝槭� ------------*/
@media screen and (max-width: 820px) {
}
/*
-----------------------------------------------
top_main
----------------------------------------------- */
.flowtext{
align-items: center;
color: #d95638;
background-color: #fff;
display: flex;
height: 60px;
line-height: 60px;
overflow:hidden;
width: 100%;
white-space: nowrap;
font-family: "Darumadrop One", serif;
font-size: 2.4rem;
font-weight: 400;
border-top: 3px solid #1b472b;
}
.flowtext ul {
animation: flowing 60s linear infinite;
font-size: 20px;
transform:translateX(100%);
margin: 0;
padding: 0;
}
.flowtext ul li{
display: inline-block;
padding-right: 10px;
}
@keyframes flowing {
0% { transform:translateX(0); }
100% { transform:translateX(-100%); }
}
.h2_01,.h2_02,.h2_03 {
font-size: 5rem;
line-height: 6rem;
color: #d95638;
}
.h2_02,.h2_03 {
font-size: 4.2rem;
}
.h2_01 span,.h2_02 span,.h2_03 span {
font-size: 1.6rem;
color: #1b472b;
display: block;
position: relative;
width: fit-content;
margin-bottom: 16px;
}
.h2_02 span {
font-size: 2.4rem;
margin-bottom: 10px;
}
.h2_02.tac-all span {
margin-left: auto;
margin-right: auto;
}
.h2_01 span:after,.h2_02 span:after,.h2_03 span:after {
content: "";
position: absolute;
background-image: url("../img/nami.png");
background-repeat: repeat-x;
background-size: contain;
width: 120px;
height: 10px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
/*------------繧ｹ繝槭� ------------*/
@media screen and (max-width: 820px) {
.h2_01,.h2_02,.h2_03 {
font-size: 3rem;
line-height: 4.6rem;
}
.h2_02,.h2_03 {
font-size: 2rem;
letter-spacing: 0.05rem;
line-height: 3.6rem;
}
.h2_01 span,.h2_02 span,.h2_03 span {
font-size: 1.6rem;
line-height: 4rem;
margin-bottom: 20px;
}
.h2_02 span {
font-size: 1.5rem;
margin-bottom: 12px;
}
.h2_01 span:after,.h2_02 span:after,.h2_03 span:after {
height: 8px;
bottom: -4px;
width: 80px;
}
}
/*
-----------------------------------------------
mejirushi
----------------------------------------------- */
.mejirushi_box {
display: flex;
justify-content: space-between;
align-items: end;
}
.mejirushi_left {
max-width: 500px;
}
.mejirushi_right {
max-width: 300px;
}
.mejirushi_left_p {
margin-top: 60px;
font-size: 1.8rem;
line-height: 3.8rem;
}
/*------------繧ｹ繝槭� ------------*/
@media screen and (max-width: 820px) {
.mejirushi_box {
justify-content:center;
}
.mejirushi_left {
margin-left: auto;
margin-right: auto;
}
.mejirushi_left_p {
margin-top: 30px;
font-size: 1.6rem;
line-height: 3.2rem;
margin-left: 10px;
margin-right: 10px;
}
.mejirushi_right {
max-width: 180px;
margin-left: auto;
margin-right: 10%
}
}
/*
-----------------------------------------------
item
----------------------------------------------- */
.item_list {
margin-top: 40px
}
.item_list > div{
width: 30%;
position: relative;
}
.item_list > div::after{
position: absolute;
content: "";
background-image: url("../img/pick.png");
background-size: contain;
background-repeat: no-repeat;
width: 60px;
aspect-ratio: 86 / 269;
top: -20px;
right: -10px;
}
.item_list .item_ttl {
font-size: 2.1rem;
margin-top: 4px;
padding-bottom: 0;
}
.item_list span {
color: #d95638;
display: block;
font-weight: 700;
}
/*------------繧ｹ繝槭� ------------*/
@media screen and (max-width: 820px) {
.item_list > div{
width: 31%;
position: relative;
}
.item_list > div::after{
display: none;
}
.item_list .item_ttl {
font-size: 1.8rem;
}
}
/*
-----------------------------------------------
member
----------------------------------------------- */
.menber_list > ul {
width: 100%;
}
.menber_list > ul > li:nth-child(2n) {
margin-top: 200px;
}
.menber_list > ul > li {
margin-left: 2%;
margin-right: 2%;
width: 46%;
}
.menber_list dl{
display: flex;
margin-left: 30px;
}
.menber_list dt{
font-size: 2rem;
font-weight: 600;
margin-right: 20px;
}
.menber_list li > div {
max-width: 500px;
width: 100%;
margin-bottom: 14px;
margin-top: 6px;
}
.sliderArea {
width: 100%;
overflow: hidden;
margin: 0 auto;
padding: 0 25px;
}
.slick-slide {
margin: 0 5px;
}
.slick-slide img {
width: 100%;
height: auto;
}
.slick-prev:before, .slick-next:before {
color: #1b472b;
}
.thumb {
margin: 20px 0 0;
}
.thumb .slick-slide {
cursor: pointer;
}
.thumb .slick-slide:hover {
opacity: .7;
}
/*------------繧ｹ繝槭� ------------*/
@media screen and (max-width: 820px) {
.menber_list > ul {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.menber_list > ul > li {
width: 96%;
}
.menber_list dl{
display: block;
text-align: center;
}
.menber_list > ul > li:nth-child(2n) {
margin-top: 40px;
}
.menber_list > ul > li {
margin-top: 40px;
}
.slick-dots li {
margin: 0 2px !important;
}
}
/*
-----------------------------------------------
event
----------------------------------------------- */
.event_photobox div{
width: 24%;
aspect-ratio: 4 / 3;
margin-top: 20px;
}
.event_photobox div img{
width: 100%;
height: 100%;
object-fit: contain;
}
/*------------繧ｹ繝槭� ------------*/
@media screen and (max-width: 600px) {
.event_photobox div{
width: 48%;
aspect-ratio: 4 / 3;
margin-top: 20px;
}
}
/*
-----------------------------------------------
advantage
----------------------------------------------- */
.sec_adv {
padding-bottom: 0;
}
.adv_list{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.adv_list li{
width: 28%;
margin-top: 40px;
}
.adv_list_img {
width: 80%;
height: 220px;
margin-left: auto;
margin-right: auto;
}
.adv_list_img img{
width: 100%;
height: 100%;
object-fit: contain;
}
.adv_list_ttl {
font-size: 1.6rem;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
/*------------繧ｿ繝悶Ξ繝�ヨ ------------*/
@media screen and (min-width: 601px) and (max-width: 1279px) {
.adv_list_img {
height: 140px;
}
.adv_list_img img {
max-height: 140px;
margin-left: auto;
margin-right: auto;
}
}
/*------------繧ｹ繝槭� ------------*/
@media screen and (max-width: 600px) {
.adv_list{
display: block;
}
.adv_list li {
width: 100%;
display: flex;
}
.adv_list li div:nth-child(2) {
width: calc(100% - 110px);
}
.adv_list_img {
width: 90px;
height: fit-content;
margin-left: 0;
margin-right: 20px;
}
.adv_list_ttl {
text-align: left;
margin-top: 0;
}
.adv_list .tac-all {
text-align: left;
}
}
/*
-----------------------------------------------
stores
----------------------------------------------- */
iframe {
width: 100%;
}
.map {
height: 400px;
overflow: hidden;
}
.map iframe {
width: 100%;
height: calc(100% + 60px);
margin-top: -60px;
}
/*------------繧ｹ繝槭� ------------*/
@media screen and (max-width: 820px) {
.map {
height: 260px;
}
}
/*
-----------------------------------------------
繝輔ャ繧ｿ繝ｼ
----------------------------------------------- */
footer {
margin-top: -4px;
}