.section_01 {width: 100%; height: auto; overflow: hidden;}
.section_01 img {width: 102%; height: auto; top: -1%; left: -1%; z-index: 2; position: relative;}

.section_02 {align-items: center;}
.m_sec2_span_1 {font-family: 'Sans',sans-serif; font-size: 2rem; font-weight: 100;}
.m_sec2_span_2 {font-family: 'Sans',sans-serif; font-size: 2.5rem; font-weight: 200; text-decoration: underline; text-decoration-thickness: 2px;  margin: 5px 0;}
.m_sec2_span_3 {font-family: 'Sans', sans-serif; font-size: 1rem; font-weight: 300; margin: 30px 0;}
.shop_long_div_a {text-decoration: none; text-underline: none;}



.section_02 .main_div .san_main_shop {width: 200%; transition: 1s ease-in-out;}
.san_shop_slide {padding: 0 30px; margin-top: 15%; margin-bottom: 5%; font-family: 'Sans', sans-serif; font-size: 3rem; font-weight: 100; transition: 0.3s ease-in-out; color: rgba(0,0,0,0.4); cursor: pointer;}
.san_main_shop_left:hover {transform: translateX(-10px); color: rgba(0,0,0,1);}
.san_main_shop_right:hover {transform: translateX(10px); color: rgba(0,0,0,1);}
.san_sec3_img_div {width: auto; padding: 0 2px;}
.san_sec3_img_div, .san_main_contents_div {transition: 0.3s ease-in-out; cursor: pointer;}
.san_sec3_img_div:hover, .san_main_contents_div:hover {transform: translateY(-10px);}

.san_main_border {width: 80%; border-bottom: 1px solid rgba(0,0,0,0.5); margin: 50px 0;}

.san_main_btm {width: 100%; display: flex; justify-content: center; margin-top: 140px; margin-bottom: 50px;}
.san_main_btm_container {width: 80%; display: flex; justify-content: space-between; align-items: center;}
.san_main_btm_div1 {display: flex; flex-direction: column; align-items: start;}
.san_main_btm_div2 {width: 50%; height: 85%; border: 1px solid rgba(0,0,0,0.2); display: flex; justify-content: center; align-items: center;}

.btm_box_span1 {width: 90%; cursor: pointer; transition: 0.3s ease-in-out; text-align: center; font-family: 'Sans', sans-serif; font-size: 1.7rem; font-weight: 300; text-decoration: underline; text-decoration-thickness: 2px;}
.btm_box_span1:hover {transform: translateY(-5px);}
.btm_box_span2 {height: 100%; cursor: pointer; display: flex; margin-right: 30px; margin-bottom: 30px; align-items: end; font-family: 'Sans', sans-serif; font-size: 1.7rem; font-weight: 400; transition: 0.3s ease-in-out;}
.btm_box_span2:hover {transform: translateX(10px);}
.news_span2_a {text-decoration: none; color: white;}

.section_main_btm {display: flex; flex-direction: column; width: 80%; align-items: center; gap: 3rem;}
.notice {margin-top: 100px;}
.notice_span {color: white;}
.notice_top_span1 {font-family: 'Sans',sans-serif; font-size: 1.7rem; font-weight: 500;}
.notice_ring {width: 500px; height: auto; transition: 0.3s ease-in-out;}
.notice_top_span2 {font-family: 'Sans', sans-serif; font-size: 1.7rem; font-weight: 100;}
.notice_top_span3 {font-family: 'Sans', sans-serif; font-size: 1.1rem; font-weight: 400;}
.checkform-table {width: 100%; border-collapse: collapse;}
.checkform-table-header {height: 50px; border-top: 1px solid white!important; border-bottom: 1px solid white!important; text-align: center; font-family: 'Sans',sans-serif; font-size: 1.2rem; font-weight: 200; color: white;}
.checkform-table-body {height: 50px; border-bottom: 1px solid rgba(255,255,255,0.3); text-align: center;}
.border-right {border-right: 1px solid rgba(255,255,255,0.3);}
.border-left {border-left: 1px solid rgba(255,255,255,0.3);}
.checkform-table-smalltd {width: 10%;}
.checkform-table-writer-and-date {width: 15%;}
.pagination {width: 100%; display: flex; justify-content: center; align-items: center; margin: 50px 0;}
.page-item {width: 100%; justify-content: center; display: flex;}
.page-link {text-align: center; text-decoration: none; font-family: 'Sans',sans-serif; font-size: 1.3rem; font-weight: 200; color: white; transition: 0.3s ease-in-out;
            margin:0 7px;}
.page-link:hover {color: rgba(0,0,0,1); transform: translateY(-10px); font-weight: 400;}
.notice_link {cursor: pointer;}
.notice_link:hover {font-weight: bold; text-decoration: underline black;}
.checkform-table-body td {font-family: 'Sans',sans-serif; color: white; font-weight: 300; padding: 10px;}

.qa_form {width: 100%; display: flex; flex-direction: column; align-items: center;}
.qa_form div {width: 80%; display: flex; flex-direction: column; align-items: center; margin: 30px 0;}
.qa_form div span {font-family: 'Sans',sans-serif; font-size: 1.2rem; font-weight: 200; color: black; margin-bottom: 50px; text-align: center;}
.qa_form div input {width: 100%; border: none; border-bottom: 1px solid rgba(0,0,0,0.7); height: 30px; font-family: 'Sans',sans-serif; font-size: 1.1rem; font-weight: 200; text-align: center;}
.qa_form button {display: flex; border-radius: 20px; border: 1px solid rgba(0,0,0,0.7); font-family: 'Sans',sans-serif; font-size: 1.1rem; font-weight: 200; padding: 10px 50px; background-color: white; margin: 50px 0; cursor: pointer; transition: 0.3s ease-in-out;}
.qa_form button:hover {background-color: rgba(0,0,0,0.05); transform: translateY(-5px);}

.shop_img {transition: 0.5s ease-in-out; margin-bottom: 30px;}
.main_div .san_sec3_img_div {width: 380px;}
.main_div .san_sec3_img_div a {display: flex; flex-direction: column; align-items: center;}

.news_section01 {display: flex; flex-direction: column; width: 100%; height: auto; align-items: center;}
.news_logo {width: 200px; margin-top: 400px; margin-bottom: 200px;}
.news_top_img {width: 100%; margin-bottom: 100px;}

.news_section02 {display: flex; flex-direction: column; width: 100%; align-items: center;}
.n_sec2_span_1 {font-family: 'Shri', sans-serif; font-size: 2rem; color: rgb(67, 73, 40); margin-bottom: 70px;}
.n_sec2_span_2 {font-family: 'Sans', sans-serif; font-size: 1.7rem; font-weight: 200; color: rgb(67, 73, 40); margin-bottom: 30px;}
.n_sec2_span_3 {font-family: 'Sans',sans-serif; font-size: 1rem; font-weight: 300; color: rgb(67, 73, 40); text-align: center; margin-bottom: 50px;}

.news_section03 {width: 100%; display: flex; flex-direction: column; align-items: center;}
.news_icon {width: 115px; height: auto; margin-bottom: 30px;}
.news_section03 .san_main_btm_div2 {background-color: #3E451E; color: white; text-underline-color: white; width: 430px; height: 100px; margin-bottom: 20px;}
.news_section03 .san_main_btm_div2 .btm_box_span1 {font-weight: 100; margin-left: 50px;}
.news_section03 .san_main_btm_div2 .btm_box_span2 {font-size: 1.5rem;}
.news_sec3_span {font-family: 'Sans',sans-serif; font-size: 1rem; letter-spacing: 0; font-weight: 100; color: #3E451E;}
.news_border {border-bottom: 1px solid #3E451E; width: 75%; margin: 200px;}
.news_section02 .main_div {width: 80%;}

.shop_section01 {margin-bottom: 200px;}
.shop_section02_span {font-family: 'Sans',sans-serif; font-size: 2rem; color: #3E451E; font-weight: 200; margin-bottom: 50px;}

.brand_section_02 {padding:0; width: 100%; display: flex; flex-direction: column; align-items: center; margin: 140px 0; gap: 140px;}
.brand_sec2_icon {width: 40%; height: auto;}
.b_sec2_div {width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 100px;}
.b_sec2_span_1 {font-family: 'Sans',sans-serif; font-size: 1.8rem; font-weight: 200; color: #757575}
.b_span1_top {margin-top: 100px;}
.b_span1_btm {margin-bottom: 100px;}
.b_sec2_span_2 {font-family: 'Sans', sans-serif; font-size: 1.3rem; font-weight:300; color: #3E451E;}
.brand_sec2_img01 {width: 100%; height: auto;}

.brand_section_03 {width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 150px;}
.brand_sec3_icon {width: 110px; height: auto;}
.b_sec3_span {font-family: 'Sans', sans-serif; color: #757575; text-align: center; font-weight: 200;}
.sec3_span1 {font-size: 2rem; margin-top: 50px; margin-bottom: 5px;}
.sec3_span2 {font-size: 1.5rem;}
.b_sec3_border {width: 80%; border-bottom: 1px solid #3E451E; margin-top: 100px;}

.brand_section_04 {width: 100%; display: flex; flex-direction: column; align-items: center;}
.b_sec4_span1 {font-family: 'Sans', sans-serif; font-size: 2rem; color: #757575; font-weight: 200; margin-bottom: 100px;}
.b_sec4_contact_img {width: 80%; height: auto;}
.b_sec4_border {width: 80%; border-bottom: 1px solid #3E451E; margin: 150px 0;}
.b_sec4_history {width: 80%; border-left: 1px solid #3E451E; display: flex; flex-direction: column; align-items: start; padding: 100px 0; margin: 100px 0;}
.div_history {display: flex; justify-content: start; padding-left: 30px; border-bottom: 1px solid #3E451E;}
.history_span {font-family: 'Sans',sans-serif; font-size: 1.5rem; color: #757575; font-weight: 200; padding: 10px; transition: 0.3s ease-in-out;}
.history_span:hover {color: black; transform: scale(1.03);}
.div_history_01 {padding-left: 50px;}
.div_history_02 {padding-left: 100px;}
.div_history_03 {padding-left: 150px;}
.div_history_04 {padding-left: 200px;}
.div_history_05 {padding-left: 250px;}
.div_history_06 {padding-left: 300px;}
.div_history_07 {padding-left: 350px;}
.div_history_08 {padding-left: 400px;}

.san_footer {width: 100%; display: flex; flex-direction: column; align-items: center;}
.san_footer_top_div {width: 80%; display: flex; margin: 100px 0;}
.san_footer_left {width: 50%; display: flex; flex-direction: column; align-items: center; border-right: 1px solid rgba(0,0,0,0.3);}
.san_footer_right {width: 50%; display: flex; flex-direction: column; align-items: start; justify-content: center;}
.san_footer_right span {font-family: 'Sans',sans-serif; font-size: 1rem; color: rgba(0,0,0,0.5); padding: 4px 5px; margin-left: 50px; letter-spacing: 2px;}
.san_left_left {margin: 30px 0;}
.left_span_01 {font-family: 'Sans',sans-serif; font-size: 2rem; font-weight: 800; color: rgba(0,0,0,0.5);}
.left_span_02 {font-family: 'Sans', sans-serif; font-size: 1.2rem; color: rgba(0,0,0,0.5); padding: 0 30px;}
.san_left_right {display: flex; align-items: center; margin-bottom: 10px; margin-right: 30px; justify-content: space-around; width: 574px;}
.san_left_right a {width: 200px; text-align: center; text-decoration: none; color: rgba(0,0,0,0.5); font-family: 'Sans',sans-serif; font-size: 1rem; padding: 10px 10px; margin: 0 5px; transition: 0.3s ease-in-out; border: 1px solid rgba(0,0,0,0.5);}
.san_left_right a:hover {border: 1px solid rgba(0,0,0,1); color: black; transform: scale(1.03);}

.dome_section01 {width: 100%; display: flex; flex-direction: column; align-items: center;}
.dome_sec1_middle_border {width: 100%; display: flex; margin: 70px 0;}
.middle_left, .middle_right {width: 50%; height: 250px;}
.middle_left {border-right: 1px solid #3E451E;}
.dome_span1, .dome_span2 {font-family: 'Shri', sans-serif; font-size: 2.2rem; color: #3E451E;}
.dome_span3 {font-family: 'Sans', sans-serif; font-size: 2rem; color: #797979; margin: 50px 0;}
.dome_span4, .dome_span5 {font-family: 'Sans',sans-serif; font-size: 1rem; font-weight: 200; color: #3E451E;}
.dome_img1 {width: 300px; height: auto; margin-top: 400px;}
.dome_img2 {width: 130px; height: auto; margin: 100px 0;}

.dome_section02 {display: flex; flex-direction: column; width: 80%;}
.d_sec2_top_div {width: 100%; display: flex; padding: 50px 0; border-bottom: 1px solid rgba(62,69,30,0.4);}
.d_sec2_top_div img {width: 50%;}
.d_sec2_span_div {width: 50%; display: flex; flex-direction: column; color: #3E451E;}
.d_sec2_span1 {font-family: 'Shri',sans-serif; font-size: 15rem;}
.d_sec2_span2 {font-family: 'Sans', sans-serif; font-size: 1.5rem; margin-bottom: 30px;}
.d_sec2_span3 {font-family: 'Sans', sans-serif; font-size: 1rem; font-weight: 200;}
.d_left {align-items: start;}
.d_right {align-items: end;}

.dome_section03 {display: flex; flex-direction: column; width: 100%; align-items: center; margin: 50px 0;}
.dome_sec3_span1 {font-family: 'Sans',sans-serif; font-size: 2rem; color: #3E451E;}
.dome_sec3_span2 {font-family: 'Sans', sans-serif; font-size: 1.5rem; color: #656565; font-weight: 200; margin: 30px 0;}
.dome_section03 form {display: flex; }
.dome_section03 form input {width: 200px; border: 1px solid rgba(62,69,30,0.4); font-family: 'Sans',sans-serif; color: #3E451E; margin-right: 10px;}
.dome_section03 form button {width: 50px; transition: 0.3s ease-in-out; border: 1px solid rgba(62,69,30,0.4); font-family: 'Sans', sans-serif; color: #3E451E; background-color: white; cursor: pointer;}
.dome_section03 form button:hover {background-color: rgba(62,69,30,0.2);}

.section_02 .main_div .project_div .dome_amount {display: flex; width: 100%; align-items: center; flex-direction: row; justify-content: start; margin: 10px 0;}
.dome_amount input {height: 30px; width: 80%; margin-right: 10px; border: 1px solid rgba(62,69,30,0.4); font-family: 'Sans',sans-serif;}
.dome_amount span {height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Sans',sans-serif; font-size: 1.3rem; color: #3E451E;}
.dome_shop_form {align-items: center; justify-content: center;}
.submit_dome {width: 270px; cursor: pointer; margin-top: 100px; height: 50px; transition: 0.3s ease-in-out; background-color: white; font-family: 'Sans',sans-serif; font-size: 1rem; border: 1px solid rgba(62,69,30,1);}
.submit_dome:hover {transform: scale(1.03); background-color: rgba(62,69,30,0.2);}

.detail_section02 {width: 100%; display: flex; flex-direction: column; align-items: center; margin: 100px 0;}
.detail_gallery_type {font-family: 'Sans',sans-serif; font-size: 2rem; color: white; font-weight: 700;}
.detail_regdate {font-family: 'Sans',sans-serif; font-size: 1rem; color: white; font-weight: 200; margin: 20px 0;}
.gallery_top_span {font-family: 'Sans',sans-serif; font-size: 1.5rem; color: white; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid white;}
.detail_memo {width: 80%; height: auto; overflow: hidden}

.main_plus {width: 100%; display: flex; margin-bottom: 10px; justify-content: space-between; align-items: center;}
.main_plus a {transition: 0.3s ease-in-out; text-decoration: none; color: black; font-family: 'Sans', sans-serif; font-size: 1rem;}
.main_plus a:hover {transform: translateY(-5px) scale(1.01);}
.shop_span_btm {margin: 10px 0;}

.main_shop_web {}
#main .main_shop_mobile {display: none;}
.main_sec2_gird {grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.7rem; grid-row-gap: 5rem; display: grid; width: 100%; justify-content: space-between;}


.main_mobile_top {width: 100%; height: auto; display: none;}

@media screen and (max-width: 1760px) {
    .dome_section01, .dome_section02, .dome_section03 {width: 95%;}
    .dome_img2 {margin-top: 70px; margin-bottom: 0;}
    .d_img_left {flex-direction: column-reverse;}
    .d_img_right {flex-direction: column;}
    .d_sec2_top_div img {width: 100%; height: auto; margin-top: 30px;}
    .d_sec2_span_div {width: 100%;}
    .d_sec2_span_div span {width: 100%; text-align: center;}
    .d_sec2_top_div {padding-top: 0; padding-bottom: 50px;}
    .dome_sec3_span2 {width: 100%; text-align: center;}
}

@media screen and (max-width: 1370px) {
    .san_main_btm_container {width: 100%; flex-direction: column;}
    .san_main_btm_container .san_main_btm_div1 {width: 100%; align-items: center; justify-content: center;}
    .san_main_btm_container .san_main_btm_div1 span {text-align: center; width: 95%; padding: 0;}
    .san_main_btm_container .san_main_btm_div2 {width: 250px; height: 100px;}
    .san_main_btm_container .san_main_btm_div2 .btm_box_span1 {font-size: 1.3rem; text-decoration: none;}

    .b_sec4_span1 {margin-bottom: 50px;}
    .brand_section_04 {justify-content: center;}
    .b_sec4_history {width: 100%; border: none; align-items: center; padding: 0; margin-top: 0; margin-bottom: 100px; justify-content: center;}
    .b_sec4_history .div_history {padding: 0;}
    #main .brand_section_03 .main_div {width: 100%;}
    .b_sec4_contact_img {width: 100%;}
    #main .main_shop_mobile {display: flex;}
    #main .main_shop_web {display: none;}
}

@media screen and (max-width: 960px) {
    .dome_span4, .dome_span5 {text-align: center;}
    .dome_span4 {margin-bottom: 20px;}
    .project_div {grid-template-columns: repeat(2, 1fr);}
    .news_section02 .main_div {width: 100%;}
    /*#header .right_div {margin-right: -10px;}*/
    .shop_section01 {margin-bottom: 50px;}
    .news_section02 {width: 95%;}
    /*.sec2_btm_page {margin-bottom: 0;}*/
    #news .sec2_btm_page {margin-bottom: 50px;}
    .news_border {margin-top: 50px; margin-bottom: 0;}
}
@media screen and (max-width: 924px) {
    .m_sec2_span_1, .m_sec2_span_2, .m_sec2_span_3 {padding: 0 20px;}
    .detail_memo img {width: 100% !important;}
}
@media screen and (max-width: 770px) {
    .main_div .san_sec3_img_div {width: 100%;}
    .main_div .shop_span1 {text-align: center;}
    .main_div .shop_span_btm {margin-bottom: 30px;}
    .main_plus a {margin-right: 10px;}
    .m_sec2_span_2 {font-size: 1.7rem;}
    #main .brand_section_03 .main_div .main_bsec2_mid_div_btm {flex-direction: column;}
    #main .brand_section_03 .main_div .main_bsec2_mid_div_btm div {width: 100%;}
    #main .brand_section_03 .main_div .main_bsec2_mid_div_btm div .main_bsec2_span_top {width: 100%; text-align: center;}
    #main .brand_section_03 .main_div .main_bsec2_mid_div_btm div .main_bsec2_span_btm {width: 100%; text-align: center; margin-bottom: 20px;}
    .san_main_btm_1 .main_div {align-items: center; justify-content: center;}
    .san_main_btm_1 .m_sec2_span_3 {text-align: center;}
    .san_main_btm_1 .main_contents {width: 95%;}
    .submit_dome {margin-top: 20px;}
    #detail {display: flex; flex-direction: column; align-items: center; justify-content: center;}
    #detail .container {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
    .detail_section02 {width: 90%;}
    .detail_memo {width: 100%;}
    .gallery_top_span {font-size: 1.1rem;}
}
@media screen and (max-width: 740px) {
    .section_02 .main_div .main_contents {flex-direction: column;}
    .main_div .main_contents .san_main_contents_div {width: 100%;}
    .main_contents .main_bsec2_span_btm {text-align: center; margin-bottom: 20px; font-size: 0.9rem; margin-top: 0.5rem;}
    .checkform-table-smalltd {width: 20%;}
    .checkform-table-writer-and-date {width: 25%;}
    .b_sec2_span_2 {width: 100%; text-align: center; margin-bottom: 20px;}
    .brand_sec2_icon {width: 270px;}
    #main .container .san_main_btm_1 {margin-top: 70px; margin-bottom: 0;}
    .san_main_btm {margin-top: 0;}
    .brand_section_03 {margin: 0;}
    .b_sec4_border {margin-bottom: 0; margin-top: 50px;}
    .brand_section_02, .brand_section_03, .brand_section_04 {width: 95%;}
    .brand_section_02 {margin: 50px 0;}
    .brand_section_03 .sec3_span1 {font-size: 1.5rem;}
    .brand_section_03 .sec3_span2 {font-size: 1.1rem;}
    .main_bsec2_span_top {font-size: 0.9rem;}
}

@media screen and (max-width: 720px) {
    /*.main_mobile_top {display: flex;}*/
    /*.main_web_top {display: none;}*/
}

@media screen and (max-width: 560px) {
    .dome_span3 {width: 100%; text-align: center; font-size: 1.5rem;}
    .div_history {width: 100%; display: flex; text-align: center; justify-content: center; align-items: center;}
    .history_span {font-size: 1rem;}
}

@media screen and (max-width: 500px) {
    .news_sec3_span {text-align: center; width: 100%;}
    .news_section03 .san_main_btm_div2 {width: 250px;}
    .news_section03 .san_main_btm_div2 .btm_box_span1 {font-size: 1.2rem;}
    .n_sec2_span_1, .n_sec2_span_2 {text-align: center; width: 100%;}
    .checkform-table {width: 95%;}
    .notice_top_span3 {width: 100%; text-align: center;}
}

@media screen and (max-width: 400px) {
    .d_sec2_span1 {font-size: 10rem;}
    .d_sec2_span3 {margin-bottom: 20px;}
    .dome_img1 {width: 230px;}
    .dome_span1, .dome_span2 {font-size: 1.7rem;}
    .detail_gallery_type {width: 100%; text-align: center; font-size: 1.5rem;}
    #header .side_menu {width: 100%;}

}