@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap");
html            { width: 100%; height: 100% }

body                 
{ width: 100%; height: 100%;
font-family:"游明朝体", "Yu Mincho", YuMincho, 'Noto Serif JP', 'Hiragino Mincho ProN', "Helvetica Neue", serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 
text-decoration: none; 
margin: 0px; padding: 0px; width: 100%; height: 100%; overflow-x: hidden; url: text-align: center;
min-width: 1000px; 
}


#imageContainer     { margin: 0px; width: 100%; overflow: hidden; visibility: visible; display: block }
#imageContainer img   { position: fixed; top: 0px; left: 0; width: 100%; display: none }
.fitimg  { min-height: 100vh; min-width: 1050px }
.overlay   { background: url(../image/icon/bg_all_2.png) repeat; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100vh; }
#vegas   { width: 100%; height: 640px; }

.hidden        { display: none; }
.main_visible          {  }
.sp_visible        { display: none; }





.header                              { text-align: center; clear: both; position: relative; z-index: 20; width: 100%;  height: auto; }
.header_bg                        { text-align: center; margin: 0px auto; position: relative; width: 100%; height: auto; }
.header_box                        { position: absolute; top: 50%; left: 50%; transform: translateY(-65%) translateX(-50%); -webkit- transform: translateY(-65%) translateX(-50%); }

.header_box_1                          { text-align: center; margin: 0px auto 10px; position: relative; width: 100%; }
.header_box_2                          { text-align: center; margin: 0px auto; margin-top: 0px; position: relative; width: 100%; }

.title_image_size                         { width: 480px; height: auto }




.main_copy             { text-align: center; margin: 0px auto 10px; padding-bottom: 80px; position: relative; max-width: 600px }


/* リードコピー部 */
.main_01                                  { text-align: center; float: left; clear: both; margin: 100px auto 0px; position: relative; z-index: 10; width: 100% }
.main_01_box                                  { text-align: center; margin: 0px auto 0px; padding: 0px 20px; position: relative; width: 100%; max-width: 1100px;　}
.topics_flame                          { text-align: center; position: rerative; width: 800px; height: auto; }

/* 紹介 */
.main_01_1_l                                  { text-align: left; float: left; position: relative; z-index: 10; width: 40% }
.main_01_1_r                                 { text-align: left; float: right; position: relative; z-index: 10; width: 55% }


/* 申請・問い合わせ */
.main_02                                 { background-color: #FAF0D2; text-align: center; float: left; clear: both; margin: 100px auto 0px; padding: 80px 0px; position: relative; z-index: 10; width: 100% }
.main_03_box                                  { text-align: center; margin: 0px auto 0px; padding: 0px 20px; position: relative; width: 100%; max-width: 1100px;　}

/* プライバシー */
.main_02_box                             { text-align: center; margin: 0px auto 100px; position: relative; width: 100%; max-width: 900px; }
.main_01_2                                 { text-align: left; float: left; margin-bottom: 120px; position: relative; width: 100% }


/* 紹介 */
.main_05_img_top                    { text-align: left; padding: 0px 20px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); width: 100%; max-width: 1100px;　}
.main_05_text1              { color: #3a3a3a; font-size: 24px; line-height: 50px; text-decoration: none; margin: 50px auto 10px; }
.main_05_text2              { color: #39854C; font-style: normal; font-weight: bold; font-size: 56px; line-height: 80px; text-decoration: none; margin: 0px auto; }
.main_05_box                 { background-color: #FAF0D2; text-align: center; float: left; clear: both; padding: 80px 0px; position: relative; z-index: 10; width: 100%; }
.main_05_1                 { text-align: center; clear: both; margin: 0px auto; padding: 30px 20px; position: relative; z-index: 10; width: 100%; max-width: 1100px; }
.main_05_1_l                 { text-align: left; float: left; position: relative; width: 55%; }
.main_05_1_r                { float: right; position: relative; width: 40%; }
.main_05_1_1               { float: left; text-align: left; position: relative; width: 100%; margin-bottom: 40px; }
.main_05_2_l                 { float: left; position: relative; width: 40%; }
.main_05_2_r                { text-align: left; float: right; position: relative; width: 55%; }




.footer_bgbox             { text-align: center; clear: both; position: relative; z-index: 20; width: 100%;  height: auto; }
.footer_bg                  { text-align: center; margin: 0px auto; position: absolute; bottom: -5px; width: 100%; height: auto; }
.footer                       { background: url(../image/bg_footer_02.png) repeat; text-align: center; clear: both; position: relative; z-index: 10; width: 100% }
.foot_box_1                     { text-align: center; margin: 0 auto; padding: 100px 0px 0px; z-index: 10; width: 100% }
.foot_box_2                    { background-color: #146627; text-align: center; margin: 0 auto; padding: 10px 0px; width: 100% }
.foot_box_3                   { text-align: center; margin: 0 auto; padding: 20px 0px 100px; position: relative; width: 100% }
.foot_box_3_1                   { margin: 0 auto; padding: 0px 15px; position: relative; width: 70px }
.foot_box_3_2                   { margin: 0 auto; padding: 0px 15px; position: relative; width: 130px }

.sns_box                               { text-align: right; position: fixed; z-index: 100; right: 0px; bottom: 0px; width: 80px; height: 160px }
#pageTop     { position: fixed; right: 30px; bottom: 60px }


.bg_contents_01                { width: 1000px; height: 560px }

.img_size_01                              { width: 100%; height: auto; }
.img_size_02_topicon                              { width: 90px; height: auto; }
.img_size_03_news                              { width: 55px; height: auto; margin-right: 8px; }
.img_size_04_number                              { max-width: 120px; height: auto; }
.img_size_05_pagetop                             { max-width: 60px; height: auto; }


.table_width_01                { width: 780px; }
.td_width_01                { width: 280px; }
.osusume_td_01                  { text-align: left; float: left; margin-right: 35px; margin-left: 35px; width: 220px }







/* マウスオーバーでアンダーライン */

.list-item::after{
   content: '';
        display:block;
        width:0;
        margin: 2px auto 0;
        border-bottom: 2px solid  #A90303;
        transition: width 0.3s ease-in-out;
}

.list-item:hover::after{
  width: 100%;
}

.list-item2::after{
   content: '';
        display:block;
        width:0;
        margin: 0px auto 0;
        border-bottom: 2px solid  #FF9D3E;
        transition: width 0.3s ease-in-out;
}

.list-item2:hover::after{
  width: 100%;
}

.list-item3::after{
   content: '';
        display:block;
        width:0;
        margin: 0px auto 0;
        border-bottom: 2px solid  #A47542;
        transition: width 0.3s ease-in-out;
}

.list-item3:hover::after{
  width: 100%;
}



/* 商品画像の切り替え表示 */

.mainimage img                 { text-align: left; margin: 0px 0px 20px }
.thumbnails                { text-align:left; width: 100%; margin: 0 auto; }
.thumbnails img                   { margin: 0px 10px 0px 0px; width: 80px; height: auto }