#foot_banner2 {
    z-index: 99;
    width: 280px;
    right: 380px;
    bottom: 10px;
    display: block;
    border-radius: 50px;
}
div#foot_banner a {
    color: white;
        padding: 21px 40px 21px 72px;
        background: #06c755;
}
#foot_banner .foot_icon {
    width: 50px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
}
div#foot_banner2 a {
    color: white;
    padding: 21px 30px 21px 30px;
    background: #ff9100;
    text-align: center;
}

.intro_txt_wrap h2 {
    font-size: 32px;
    color: #262626;
    width: 100%;
    white-space: nowrap;
}
.intro_img_wrap{
    position:relative;
    right: 20px;
    top: 100px;
}
.intro_wrap {
    max-width: 1550px;
    padding-bottom: 250px;
    display: flex;
    align-items: center;
    padding-top: 50px;
}
#page_title{
        background-position: 50% 20%;
}
p#contact_tel a {
    margin: 0;
    margin-top: 10px;
}
p#contact_tel {
    display: flex;
   
}
.main_logo img{
     justify-content:center;
 }
div#info_title_box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000069;
    top: 0;
    left: 0;
}
.pager li a{
    white-space: nowrap;
}
.bg_color4 {
    background-color: #292929;
}
#copyright {
    color: white;
    text-align: left;
    padding-left: 20px;
}
#wrap.page{
    background: url(Dup/img/bg.jpg);
    background-size: 300px;
}
a.linkStyle {
    text-decoration: underline;
    color: red;
}
.hvr_bg_color1:hover {
    background-color: #e83628;
}
#fakeloader{
    background:white;
}
.double-bounce1, .double-bounce2{
    background:red;
}
.btn_container a {
    display: inline-block;
    background: red;
    padding: 10px 50px;
    color: white;
    margin-top: 20px;
}
.spinner1 {
    width: 90px;
    height: 90px;
}
#cms_2-a .cate_list li a{
    background:#ff0000;
    color:white;
}
#cms_2-a .cate_title{
    border-width:1px;
}
.page03 #cms_2-a .cate_list li a{
    background:#3d6adb;
    color:white;
}
.page03 #cms_2-a .cate_title{
    border-color:#3d6adb;
}
.page03 .btn_container a{
    background:#3d6adb;
}
.border_color1 {
    border-color: #e83628;
}
#filter_white{
    background-color: rgb(12 12 12 / 40%) !important;
}
#page_title h2 span {
    color: white;
}
#page_title p{
    display:none;
}
.page04 #cms_1-a p.box_txt1.font_2dw_tb.grid_12.mg_b-30px.txt_color_nomal {
    background: #ff91000f;
    padding: 20px;
}

.svg_box svg{
    display:none;
}
#cms_1-a h3.box_title1{
    font-size:28px;
}
.box_price, .box_date {
    width: 100%;
    border-bottom: 1px solid #ffa500;
    justify-content: space-between;
    padding: 5px 15px;
        margin-bottom: 20px;
}
.box_date p:first-of-type,.box_price p:first-of-type {
    font-size: 20px;
}
.box_date p:last-of-type,.box_price p:last-of-type {
    font-size: 20px;
}
.bg_color1 {
    background-color: #e83628;
}
div#page-top a {
    background: #e83628;
}
.bg_color3 {
    background-color: #e83628;
}

.cms_5-c .box_title1::before,#cms_5-c .box_title1::before{
    font-weight: normal;
    color: #e83628;
}
.txt_color1 {
    color: #262626;
}
.top_cms_box .cms_title, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no {
     font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}
.more a {
    border-radius: 0;
}
.border_color3 {
    border-color: #e83628;
}
.cms1{
    display:none;
}
#logo .logo {
    width: 80px;
    position: absolute;
    background: white;
    padding: 30px;
    padding-top: 10px;
}
#wrap{
    background:white;
}
header {
    background: white;
    padding-bottom: 35px;
}
p.main_txt{
    writing-mode: vertical-rl;
    font-size: 28px;
    font-family: 'Shippori Mincho', serif;
}
#main_img .main_logo {
    z-index: 2;
    max-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
body,nav ul li a,h2,h3,h4{
    font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}

p.main_txt {
    writing-mode: vertical-rl;
    font-size: 24px;
    font-family: 'Shippori Mincho', serif;
    color: white;
    padding-top: 30px;
    line-height: 50px;
    letter-spacing: 4px;
}
div#video {
    height: calc(100vh - 90px);
}
#main_img{
    padding-top:90px;
}
section#main_img:before {
    width: 100%;
    height: 100%;
        background: #00000059;
    z-index: 2;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
#intro .intro_img{
    transform:none;
    border-radius: 100%;
}

.intro_txt_wrap {
    position: relative;
    z-index: 2;
    top: 100px;
}

div#intro_bg {
    background: white;
}

.con_img figure {
    border-radius: 100%;
}

#contents .con_box h3 span.border {
    width: 140%;
    height: 1px;
    left: -40%;
    bottom: 0;
    border-top: 1px solid black;
    background: none;
}
.con_txt_wrap{
    padding-left:100px;
}

#contents .con_box .con_txt_wrap2 h3 span.border {
    width: 140%;
    height: 1px;
    left:0;
    bottom: 0;
    border-top: 1px solid black;
    background: none;
}
.con_txt_wrap2{
    padding-right:100px;
    padding-left: 20px;
}
#contents{
    background: url(Dup/img/bg.jpg);
    background-size:300px;
}
#contents .con_box {
    background: none;
}

.con_no {
    display: none;
}
a.con_btn {
    display: inline-block;
    padding: 8px 50px;
    margin-top: 30px;
    text-align: center;
    color: white;
    transition: all 1s !important;
}
a.con_btn:hover{
opacity:0.6;

}
a.con_btn1{
background:#ff0000;
}
a.con_btn2{
background:#3b69db;
}
a.con_btn3{
background:#ff9100;
}

.con_btn1:hover {
   background:rgb(255 0 0 / 70%);
}
a.con_btn2:hover {
    background: rgb(59 105 219 / 80%);
}
a.con_btn3:hover{
    background: rgb(255 145 0 / 80%);
}
/*
.intro_img_wrap:before {
    content: "";
    position: absolute;
    background: red;
    width: 130px;
    height: 130px;
    background: url(Dup/img/intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: -50px;
    bottom: -20px;
}*/
.intro_img_wrap:before {
    content: "";
    position: absolute;
    background: red;
    width: 100%;
    height: 100%;
    background: url(Dup/img/gara1.jpg);
    /* background-repeat: no-repeat; */
    background-size: 360px;
    border-radius: 100%;
    right: -20px;
    bottom: -20px;
}
.con_img{
    position:relative;
}
/*
.con_img1:before {
    content: "";
    position: absolute;
    width: 220px;
    height: 130px;
    background: url(Dup/img/con1.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: -50px;
    bottom: -20px;
}*/
.con_img1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(Dup/img/gara2.jpg);
    /* background-repeat: no-repeat; */
    background-size: 200px;
    left: -20px;
    bottom: -20px;
    border-radius: 100%;
}
/*
.con_img2:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 150px;
    background: url(Dup/img/con2.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: -50px;
    bottom: -20px;
}
*/
.con_img2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(Dup/img/gara3.jpg);
    /* background-repeat: no-repeat; */
    background-size: 200px;
    right: -20px;
    bottom: -20px;
    border-radius: 100%;
}
/*
.con_img3:before {
    content: "";
    position: absolute;
    width: 210px;
    height: 100px;
    background: url(Dup/img/con3.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: -50px;
    bottom: -20px;
}
*/
.con_img3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(Dup/img/gara4.jpg);
    background-size: 300px;
    left: -20px;
    bottom: -20px;
    border-radius: 100%;
}

body, .txt_color_nomal {
    color: #262626;
}
.more a {
    border-radius: 0;
    padding: 8px 50px;
    background: #e83628;
}
.hvr_border_color3:hover {
    border-color: red;
}
.hvr_bg_color3:hover {
    background-color: red;
}
article#top_cms {
    background: url(Dup/img/bg.jpg);
    background-size: 300px;
}
@media screen and (min-width:769px) and (max-width:1200px){
    #contents .con_box .con_img{
        position:absolute;
    }
    #contents .con_box .con_img1 {
    left: 0;
}
#contents .con_box {
    background: none;
    justify-content: flex-end;
}
#contents .con_box .con_img2 {
    right: 0;
}
#contents .con_box .con_img3 {
    left: 0;
}
}

/*-------------------------タブレット---------------------------*/
@media screen and (max-width:768px){
    #logo .logo {
    width: 50px;
    position: relative;
    background: white;
    padding: 0;
    padding-top: 0;
}
header {
    background: white;
    padding-bottom: 15px;
}
#main_img {
    padding-top: 170px;
}
div#video {
    height: auto;
}
video{
        vertical-align: bottom;
}
p.main_txt {
    font-size: 20px;
    font-family: 'Shippori Mincho', serif;
    color: white;
    padding-top: 20px;
    line-height: 30px;
    letter-spacing: 2px;
}
.main_logo img {
    max-width: 70px;
}
.intro_img_wrap {
    position: relative;
    right: 0;
    top: 0;
    margin: auto;
}
.intro_txt_wrap h2{
    width:100%;
    font-size:32px;
}
.intro_txt_wrap {
    position: static;
}
.intro_txt_wrap p {
    padding: 0;
    padding-left: 0;
    background: #ffffffe6;
    margin-top: 20px;
}
#intro .intro_wrap{
    padding-top:100px;
    padding-bottom:100px;
}

#contents .con_box .con_img {
    height: auto;
    width: 70% !important;
    margin: auto;
}
#contents .con_box h3 span.border{
    display:none;
}
.con_txt_wrap2 {
    padding: 50px;
}
.con_txt_wrap {
    padding-left: 100px;
    padding: 50px;
}
#main_img .main_logo{
    max-width:200px;
}
h3.con_title {
    margin-bottom: 10px;
}
#cms_2-a .cate_title {
    display: inline-block;
}
#page_title #filter_white {
    padding-top: 230px;
}
#intro .intro_wrap{
    flex-direction:column;
}
.intro_txt_wrap h2{
    margin-bottom:20px;
}
}


/*-------------------------スマホ---------------------------*/
@media screen and (max-width:667px){
    #logo .logo {
    width: 30px;
    }
    header {
    padding-bottom: 10px;
}
    #main_img {
    padding-top: 75px;
}

/*
p.main_txt {
    writing-mode: inherit;
    font-size: 18px;
    font-family: 'Shippori Mincho', serif;
    color: white;
    padding-top: 0px;
    line-height: 28px;
    letter-spacing: 2px;
    text-align: center;
}
*/
.intro_txt_wrap h2 {
    width: 100%;
    font-size: 24px;
    margin-bottom:0;
}
#intro .intro_wrap {
    padding-top: 60px;
    padding-bottom: 60px;
}
/*
.intro_img_wrap:before {
    content: "";
    position: absolute;
    background: red;
    width: 90px;
    height: 90px;
    background: url(Dup/img/intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: -30px;
}*/
.drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
    background-color: #e83628 !important;
}
.con_txt_wrap {
    padding: 50px 20px;
}
/*
.con_img1:before {
    width: 130px;
    height: 90px;
}
.con_img2:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 90px;
}
.con_img3:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 80px;
}*/
a.con_btn {
    padding: 8px 0px;
    width: 100%;
}
#page_title #filter_white {
    padding-top: 140px;
}
.box_date p:first-of-type, .box_price p:first-of-type {
    font-size: 16px;
}
.box_date p:last-of-type, .box_price p:last-of-type {
    font-size: 18px;
}
#cms_1-a h3.box_title1 {
    font-size: 22px;
}
div#foot_banner a {
    color: white;
    padding: 17px 10px 17px 60px;
}
.intro_img_wrap:before{
    right:-10px;
    bottom:-10px;
}
.con_img1:before{
    left: -10px;
    bottom: -10px;
}
.con_img2:before{
        right: -10px;
    bottom: -10px;
}
.con_img3:before{
    left: -10px;
    bottom: -10px;
}
p#contact_tel {
    flex-direction: column;
    align-items: center;
}
.intro_txt_wrap h2 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 0;
    white-space: nowrap;
}
.main_logo img {
    max-width: 35px;
}
p.main_txt {
    font-size: 14px; 
    letter-spacing: 1px;
    padding-top: 10px;
    line-height: 20px;
}
div#foot_banner2 a {
    color: white;
    padding: 20px 10px;
    background: #ff9100;
    text-align: center;
    writing-mode: vertical-lr;
    font-size: 14px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#foot_banner2 {
    z-index: 99;
    width: auto;
    height: auto;
    right: 0;
    top: 20%;
    bottom: 10px;
    display: block;
    border-radius: 0;
}
}