a.d_inline_b.mg_l-5px.mg_r-5px.pd_t-5px.pd_b-5px.pd_l-10px.pd_r-10px.bg_color1.txt_white.shadow-l.motion03s.hvr_opa05.border_rad5 {
    color: black;
}
#page_title .title_box {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.cate_list li a {
    border-radius: 10px;
    padding: 10px 20px;
}
.link_top a {
    border-radius: 20px;
}
#fix_banner {
    bottom: -80px;
    left: 10px;
    position: fixed;
    width: 250px;
    z-index: 10;
    transition: all 0.4s;
}
#fix_banner:hover{
    transform:translateY(-5px);
}
#fix_banner.banner_active{
    bottom:10px;
}

#loading_line .line {
    background: #f5f5f5;
}
#page_title::before{
    display:none;
}
.sitemap_wrap .btn a:hover,.sitemap_wrap .btn a:hover span{
    color: white;
}
.hvr_bg_color4:hover {
    background-color: #000000;
}
.txt_color2 {
    color: #ffc903;
}
.BA_type2 .box_img1_wrap, .BA_type2 .box_img2_wrap {
	width: 48%!important;
	margin: 0 1%;
}
.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before {
    position: absolute;
    content: "Before";
    width: 121px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 4px 0px;
    box-sizing: border-box;
}
.BA_type2 .box_img2_wrap::before {
	content: "After";
	background-color: #fff200;
	color:black;
}


/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before{
	width: 76px;
	font-size: 13px;
}
.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before{padding: 1px 0px;}
}



.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 80px;
    padding-bottom: 60px;
}
.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.cms_wrap {
    gap: 20px;
}
.link_top {
    margin: 0;
    padding: 0;
    width: calc(50% - 10px);
}
@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}

.overlay {
    background: #fff200;　
}
.btn_box p {
    width: 50%;
    max-width: 200px;
}
#top_contact_box .con_bt a {
    padding-left: 0;
    padding-top: 0;
}
.more a {
    background: #fff200;
    border: 0;
}
.more a:hover{
    background:black;
    color:white;
    border: 0;
}
.border_color3 {
    border-color: #000000;
}
.txt_color3 {
    color: #000000;
}
i.font_bold {
    font-weight: 900;
}
.font_bold {
    font-weight: 500;
}

#page_title .title_box h2 {
    font-size: 26px;
    font-weight: 500;
}
.cate_list li a {
    color: white;
    background: black;
}
.cate_list li a:hover{
       background: #ffdb03;
       color:black;
}
.pager li a {
    width: 60px;
    height: 60px;
    background: #fdf000;
    color: black;
}
.pager li a:hover{
   background:black;
   color:white;
}
.border_color2 {
    border-color: #979797;
}
.border_color1 {
    border-color: #ffdb03;
}
#cms_6-d .cate_box:after, .cms_6-d .cate_box:after {

    color: #000000; 
}
a.linkStyle {
    color: black;
    text-decoration: underline;
}
.bg_color2 {
    background-color: #fff200;
}

.top_cms_title .after {
    color: black;
}
#logo {
    width: 200px;
    height: 200px;　
}
.top_cms_title .before {
    color: #ffe106;
}

#top_contents2 .con_box .text_box{
    overflow:visible;
}
#top_contents2 .con_box:nth-child(1) .text_box:before {
    content: "FORMER HOTEL MAN";
    font-size: 48px;
    position: absolute;
    top: -51px;
    font-family: 'Nunito', sans-serif;
    color: #ffffff;
    right: 50px;
}

#top_contents2 .con_box:nth-child(2) .text_box:before {
    content: "ABCD";
    position: absolute;
    top: 0;
    content: "NO EXTRA CHARGE";
    font-size: 48px;
    position: absolute;
    top: -51px;
    font-family: 'Nunito', sans-serif;
    color: #ffffff;
    left: 50px;
}


#top_contents2 .con_box .text_box h2 {
    font-size: 26px;
    font-weight: 500;
}
.mail_bt a {
    color: black;
}
#cms_5-a .cate .cate_title {
    cursor: pointer;
    color: black;
}
.mail_bt a:hover{
    color:white;
}
.hvr_bg_color3:hover {
    background-color: #000000;
}
#top_contents2 .con_box:nth-child(1) .text_box {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
#top_contents2 .con_box:nth-child(2) .text_box {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
#top_contents2 .con_box .text_box .before,#top_contents2 .con_box:nth-of-type(2) .text_box .before{
    display:none;
}
section#top_point .box_wrap .box img {
    width: 85%;
    display: block;
    margin: auto;
}
section#top_point .box_wrap .box p {
    background: black;
    color: white;
    padding: 10px 20px;
    border-radius: 15px;
    margin-top: 20px;
    text-align: center;
}
section#top_point .box_wrap .box {
    margin: 0 50px;
    width: 50%;
    max-width: 250px;
}
section#top_point .box_wrap {
    display: flex;
    justify-content: center;
    padding: 30px 0 80px;
    max-width: 1080px;
    margin: auto;
    border-bottom: 2px solid black;
}
section#top_point h2 span:before {
    width: 100%;
    height: 73px;
    content: "";
    position: absolute;
    background: url(Dup/img/point.png) no-repeat;
    background-position: center;
    background-size: contain;
    left: 0;
    top: -80px;
}

.point_title {
    max-width: 1080px;
    margin: auto;
}
section#top_point h2:before {
    width: 100%;
    height: 2px;
    background: black;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
}
section#top_point h2 {
    text-align: center;
    font-size: 46px;
    position: relative;
    font-family: 'Nunito', sans-serif;
}
section#top_point h2 span {
    display: inline-block;
    position: relative;
    background: #ffe900;
    padding: 0 30px;
}
section#top_point {
    background: #ffe900;
    padding: 0 50px;
}
#top_contents1 {
    padding: 150px 5% 155px;
    position: relative;
}
.catch_txt h2 {
    font-size: 28px;
    font-weight: 500;
}
section#top_contents1:before {
    width: 100%;
    height: 50%;
    content: "";
    position: absolute;
    background: #ffe900;
    bottom: 0;
    left: 0;
}

section#top_contents1:after {
    width: 100%;
    height: 90px;
    background: url(Dup/img/intro_bottom.png) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    background-size: contain;
    background-position: center bottom;
}
.bg_color4 {
    background-color: #fff200;
}
.catch_txt {
    background: #fdfffb;
    border: 2px solid #ffdb03;
    padding: 70px 100px;
    box-sizing: border-box;
    border-radius: 20px;
    position: relative;
    z-index: 2;
}

.bg_color1 {
    background-color: #fff200;
}
.txt_color1 {
    color: #000000;
}
h1.logo {
    width: 90% !important;
}

#main_img {
    position: relative;
    max-height: 800px;
    height: 100vh;
 
}
div#main_b img {
    width: 800px;
}
div#main_b:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: #1010100f;
    z-index: -1;

}
div#main_b {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index:2;
    
}
#main_img {
    background-repeat: repeat-x;
    background-position: 0 0;
    background-size: auto 100%;
    animation: main_loop 90s linear infinite;
    background-image: url(Dup/img/main_img.jpg);

}
@keyframes main_loop{
    0%{
       background-position: 0 0; 
    }
    100%{
        background-position: -2400px 0;  
    }
}

.bg_color3 {
    background-color: #000000;
}

h1,h2,h3,h4{
    font-family: 'Kiwi Maru', serif;
    
}
.catch_txt:before {
    content: "INTRODUCTION";
    font-size: 48px;
    position: absolute;
    top: -53px;
    font-family: 'Nunito', sans-serif;
    color: #ffdb03;
    left: calc(50% - 180px);
}
.top_info_title .before {
    color: #ffe106;
}
#top_contact_box .top .txt_wrap {
    max-width: 280px;
    min-width: 250px;
    color: black;
}
#top_contact_box .top .txt_box::before {
    background: #000;
}#top_contents2 {
    padding: 130px 0;
    background-color: #ffe900;
}

/*------------------------------------------------タブレット--------------------------------------*/
@media screen and (max-width:768px){
    #logo {
    height: 95px;
}
#logo h1.logo {
    max-width: 100px;
}
div#main_b img {
    width: 70%;
}
.catch_txt {
    padding: 60px 60px; 
}
.catch_txt h2 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
}
section#top_point h2 span:before {
    height: 63px; 
    top: -70px;
}
#top_contents1 {
    padding: 150px 5% 125px;
}
#top_contents2 .con_box .text_box {
    border-radius: 20px;
}
#top_contents2 .con_box:nth-child(2) .text_box:before{
    left: 20px;
}
#top_contents2 .con_box:nth-child(1) .text_box:before{
    right:20px;
}
.overlay {
    top: 95px; 
}
}
/*----------------------------------------スマホ-----------------------------------------------*/
@media screen and (max-width:768px){
    #logo {
    height: 78px;
}
.overlay {
    top: 78px;
}
.catch_txt:before {
    content: "INTRODUCTION";
    font-size: 28px;
    position: absolute;
    top: -31px;
    font-family: 'Nunito', sans-serif;
    color: #ffdb03;
    left: 17%;
}
#top_contents1 {
    padding: 70px 5% 125px;
}
.catch_txt {
    padding:10%;
}
.catch_txt h2 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}
section#top_point h2{
    font-size:32px;
}
section#top_point h2 span:before {
    height: 45px;
    top: -52px;
}
section#top_point {
    padding: 0 20px;
}
section#top_point h2 span {
    padding: 0 15px;
}
section#top_point .box_wrap {
    flex-direction: column;
    align-items: center;
}
section#top_point .box_wrap .box {
    margin: 0 50px;
    width: 100%;
    max-width: 210px;
}
section#top_point .box_wrap {
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
#top_contents2 .con_box:nth-child(1) .text_box:before {
    font-size: 20px;
    position: absolute;
    top: -21px; 
}
#top_contents2 .con_box .text_box {
    border-top-right-radius: 0;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
#top_contents2 .con_box .text_box h2 {
    font-size: 20px; 
}
#top_contents2 .con_box:nth-child(2) .text_box:before{
        top: -21px;
        left: 20px;
        font-size: 20px;
}
.con_box .img_box {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
section#top_contents1:before {
    height: 80%; 
}
section#top_contents1:after{
    bottom:80%;
}
#page_title .title_box h2 {
    font-size: 22px;
    font-weight: 500;
}
#main_img {
    padding-top: 0 !important;
    margin-top: 70px;
        height: calc(100vh - 70px);
}
div#main_b:before {

    background: #10101061;
    z-index: -1;
}
#top_contact_box .top .txt_wrap{
    margin:auto;
}
.btn_box p {
    width: 100%;
}
p#contact_tel a {
    font-size: 20px;
    white-space:nowrap;
    
}
}