html, body {
    font-size: 16px;
    line-height: 2;
}
body, .txt_color_nomal {
    color: #0f345b;
}
body {
    background-image: url("Dup/img/rice-paper-2.png");
    overflow: hidden;
}
.hamburger .bg_color1, .hamburger__icon:after, .hamburger__icon:before {
    background-color: #ffffff!important;
    background-image: none;
}
.hamburger.active .hamburger__icon {
    background-color: transparent!important;
}
.fat-nav li a {
    color: #fff;
}
.fat-nav ul {
    background: #ba4620;
}
.cms_1-a .cate_box:nth-child(odd) figure {
    transform: rotate(2deg);border: 1px solid #0f447d;
}
.cms_1-a .cate_box:nth-child(even) figure {
    transform: rotate(-1deg);border: 1px solid #0f447d;
}
.img5 {
    position: relative;
}
.img5:before {
    content: "";
    display: block;
    background-color: #ffffff;
    left: 5px;
    top: -11px;
    width: 100%;
    height: 100%;
    transform: rotate(7deg);
    z-index: -1;
    position: absolute;
}
#contents2 .con_no {
    /* text-shadow: 1px 1px 0 #ba4620, -1px 1px 0 #ba4620, 1px -1px 0 #ba4620, -1px -1px 0 #ba4620; */
    color: #f2f0ed;
    font-size: 62px;
    opacity: 0.9;
    margin-bottom: 6px;
    font-weight: normal;
    -webkit-text-stroke: 1px #ba4620;
    color: transparent;
}
#contents3 .con_no {
    top: -146px;
    right: 0;
    width: 140px;
    padding-right: 0;
}
#contents3 .con_no::before {
    display: none;
}
.font_12 {
    font-size: 15px;
}
.font_14 {
    font-size: 15px;
}
.head_banner a:hover {
    background-color: #245b97;
}
#contents3 {
    background-image: url(Dup/img/track.png);
    background-repeat: no-repeat;
    background-position: 96% 97%;
    background-size: 240px;
}
/**** cursor ****/

.cursor{
    position: fixed;
    width: 140px;
    height: 140px;
    z-index: 10001;
    transition: 0.4s;
    transform: scale(0.8);
    transition-property: opacity, transform;
    pointer-events: none;
}
.cursor.active{
    opacity: 1!important;
    transform: scale(1);
}
#main_img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 14%);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}
footer {
background-color: #0f447d;
}
#main_menu ul li a, .tel_bt a.txt_color1, .head_banner a.txt_white, .foot_tel_bt a.txt_white, footer, footer .txt_color_nomal, footer .txt_color1 {
    color: #fff;
}
.catch {
    z-index: 3;
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    top: 18%;
    left: 7%;
    letter-spacing: 0.45rem;
    text-shadow: 2px 1px 7px rgb(2 2 2 / 28%), 0px 0px 23px rgb(2 2 2 / 49%);
}
.catch span {
    position: relative;
}
.catch span:before {
    content: "";
    position: absolute;
    left: 2%;
    width: 97%;
    height: 3px;
    bottom: -13px;
    /* z-index: 0; */
    background: linear-gradient(to right, rgb(255 255 255 / 54%) 6px, transparent 6px) 0 0/12px 2px;
}
#page_title .page_box {
    text-align: left;
    margin: 0 10%;
}
#page_title .page_box p {
    font-size: 100px;
    line-height: 1;
}
.cate_list li a, a.button2 {
    /* background-color: rgb(255 255 255 / 77%); */
    /* color: #484848; */
    border: 1px solid #0f447d;
    border-radius: 32px;
    /* box-shadow: 8px 8px 0px 0px #f4f7f7; */
}
.cms_3-b .cate_box {
    width: 31.5%!important;
}

#cms_3-b .bnr a, .cms_3-b .bnr a {
    padding: 5px 7px;
    background: #ba4620;
    color: #fff;
    display: block;
    max-width: 139px;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 10px;
    text-align: center;
    transition: all 0.3s;
    border-radius: 6px;
}
#cms_3-b .bnr a:hover, .cms_3-b .bnr a:hover {
    background: #223059;
}
footer {
    position: relative;border-top: inherit!important;
    border: none;
}
footer:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 10px;
    background: linear-gradient(to right, rgb(215 215 215 / 50%) 6px, transparent 6px) 0 0/12px 2px;
}
#contents1 {
    position: relative;
    background-image: url(Dup/img/oyster.png);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position: left 98%  bottom -120px;
}
#contents1:before, #contents3:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    top: 10px;
    background: linear-gradient(to right, rgb(215 215 215 / 50%) 6px, transparent 6px) 0 0/12px 2px;
}
#contents3:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    bottom: 10px;
    background: linear-gradient(to right, rgb(215 215 215 / 50%) 6px, transparent 6px) 0 0/12px 2px;
}
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #fff;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
    z-index: 1;
}
.link_type1 .link_top a {
    padding-top: 66px;
    padding-bottom: 48px;
    /*border: 20px solid #eff1f1;*/
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    /*opacity: 0.1;*/
}
.link_type1 .link_top a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(11 39 80 / 32%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
@media screen and (max-width:1500px){
#contents3 .con_no {
    top: -147px;
    right: -12px;
    width: 119px;
}
}
@media screen and (max-width:768px){
#top_cms > .box {
    padding: 50px 6%;
}
#main_img {
    max-height: calc(100vh - 60px);
}
#main_img:before {
    background-color: rgb(0 0 0 / 17%);
}
.catch {
    text-shadow: 2px 1px 7px rgb(2 2 2 / 52%);
}
#page_title .page_box p {
    font-size: 7vw;
}
.fat-nav li a {
    font-size: 17px;
}
#contents1 {
    background-size: 50%;
    background-position: right -53px  top 29px;
}
#contents3 .con_no {
    top: -137px;
    right: -22px;
    width: 102px;
}
.cms_3-b .cate_box {
    /*width: 47.5%!important;*/
}
}

@media screen and (max-width:667px){
#page_title h2 {
    font-size: 15px;
    line-height: 1;
}
.fat-nav li a {
    font-size: 15px;
}
#page_title .page_box p {
    font-size: 11vw;
}
#contents2 {
    padding: 40px 6% 120px;
}
#contents2 .con_no {
    font-size: 10vw;
}
.catch {
    font-size: 34px;
    top: 18%;
    left: 3%;
}
#contents3 {
    background-position: 96% 99%;
    background-size: 143px;
}
.cms_3-b .cate_box {
    width: 98%!important;
    margin-bottom: 15px;
}
}