﻿/* allpage */
.txt_white{color: #6D706F !important;}
/* .txt_color1{color: #050519;} メインカラー */
.txt_color2{color: #DB9D47 !important;} /* サブカラー */
/*.txt_color3{color: #41474f;}  アクセントカラー1 */
.txt_color4{color: #DB9D47;} /* アクセントカラー2 */


/* .bg_color1{background-color: #F7F5F2;} メインカラー */
.bg_color1{background-image: url("./Dup/img/pixta_34939441_XL3.jpg") !important;
    background-color: #F7F5F2;
    background-size: 480px;
} /* メインカラー */
.bg_color2{background-color: #6D706F !important;} /* サブカラー */
.bg_color3{
    background-color: #91A8A8 !important;
} /* アクセントカラー1 */
.bg_color4{background-color: #DB9D47 !important;} /* アクセントカラー2 */


.border_color2{border-color: #6D706F !important;}
.border_color4{border-color: #DB9D47 !important;}


.width_1000-max{
	max-width: 1200px !important;
}

h2,h3{
    font-family: 'Poppins', sans-serif;
}


.linkStyle{
    color: #6D706F;
    text-decoration: underline;
}


/* top */

/* header */
.header p{
	border-color: #6D706F !important;
}
.header a i{
	border-color: #6D706F !important;
}


#main_menu ul li a {
    color: #6D706F;
}

#main_menu.fixed {
    background-color: rgba(109,112,111,0.8) !important;
    border-bottom: 1px solid #DB9D47;
}
#main_menu.fixed ul li a .menu_title{
	color: #fff;
}

#fixed_right_banner .sns_link{
	background-color: #DB9D47 !important;
	border-color: #E3BF9C !important;
}


/* main */
#aisatsu{
	background-image: none !important;
	position: relative;
	margin-top: 210px;
	margin-bottom: 185px;
}
#aisatsu > div {
    background-color: transparent !important;
}
#aisatsu::before{
	content: "";
	/*background-color: antiquewhite;*/
	background-image: url("./Dup/img/kagiana3.png");
	background-size: 65px;
	width: 65px;
	height: 285px;
	position: absolute;
	top: -73px;
	left: 50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	background-repeat: no-repeat;
}


#top_contents{
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}
#top_contents:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #91A8A8;
    z-index: 0;
    transform: skewY(-3deg);
    transform-origin: top left;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
#top_contents::after{
	content: "About us";
	font-size: 100px;
	font-family: 'Poppins', sans-serif;
	color: #91A8A8;
	position: absolute;
	top: -130px;
	bottom: 0;
	right: 0;
	left: 10px;
}

#top_contents #contents1:before{
    content: "";
	background-image: url("./Dup/img/key01.png");
    background-size: 250px;
    position: absolute;
    width: 250px;
    height: 400px;
    top: -1%;
    right: 8%;
	background-repeat: no-repeat;
}

#top_contents #contents1:after{
    content: "";
	background-image: url("./Dup/img/key02.png");
    background-size: 180px;
    position: absolute;
    width: 180px;
    height: 400px;
    top: 5%;
    right: 2%;
	background-repeat: no-repeat;
}




.contents_box::before {
    display: none;
}
.contents_box::after {
    display: none;
}
.contents_box2::before {
    display: none;
}
.contents_box2::after {
    display: none;
}


#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    background-image: none !important;
	background: #F7F5F2;
	box-shadow: 5px 5px 10px #565a5a;
}

#contents1 h2:before, #contents2 h2:before, #contents3 h2:before {
	content: "";
	background-image: linear-gradient(to right, #6D706F, #6D706F 3px, transparent 3px, transparent 8px);
	background-size: 8px 1px;
	background-repeat: repeat-x;
	position: absolute;
    width: 400px;
    height: 10px;
	top: 70px;
    bottom: 0px;
    left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

#top_cms .cms_box .border_white{
	border-style: none;
}
#top_cms .cms_title{
	padding-top: 30px;
}
#top_cms .cms_box .cms_wrap{
	border-style: none;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: #6D706F !important;
}

.cms_box{
	box-shadow: 5px 5px 8px 3px #d8d1c8 inset;
    border-radius: 20px;
    padding: 30px;
}

.cms_5-b .cate_box .open_bt .box_title1::before {
    color: #6D706F !important; 
}



/* footer */
footer{
    border-top: none !important;
}

#info_map{
	clear: both;
}

#info_map .txt_white{
	color: #fff !important;
}
#info_map .border_color2{
	border-color: #fff !important;
}

#info_map a i{
	border-color: #fff !important;
}

#f_menu ul li a {
    color: #6D706F !important;
}

#page-top a{
	background-color: #DB9D47 !important;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	box-shadow: 0px 1px 5px #7b6546;
}


.fa-envelope:before {
    content: "\f075";
}








/* cms1 */
#main_img2 .page_title {
    background-color: rgba(145,168,168,0.5) !important;
}
#main_img2 .page_title h2 span {
    color: #91A8A8 !important;
}


.cate_list li a{
    background-color: #91A8A8;
    color: #fff !important;
    border-style: none;
}
.cate_list li a i{
    color: #fff !important;
}

#cms_2-e .cate .cate_title span::after {
    background-color: #91A8A8 !important;
}

#cms_2-e .box_title::after {
    background-color: #DB9D47;
}


/* cms2 */
.pager li a{
    border-radius: 5px;
    color: #fff !important;
}


/* cms3 */


/* cms4 */

/* バナー */
#btn{
	box-shadow: 0px 0px 15px 10px #d8d1c8 inset;
	width: fit-content;
    border-radius: 100vh;
    padding: 15px;
	float: right;
    margin-bottom: 70px;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-gradient {
    font-size: 1.5rem;
    color: #db9d47;
    border-radius: 100vh;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

a.btn-gradient span {
  background-image: -webkit-gradient(linear, left top, right top, from(#93a5cf), to(#e4efe9));
  background-image: -webkit-linear-gradient(left, #93a5cf 0%, #e4efe9 100%);
  background-image: linear-gradient(to right, #93a5cf 0%, #e4efe9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a.btn-gradient:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
	transform: translateY(0.1rem) scale(0.95);
	background-color: rgb(197 189 179 / 20%);
}



/* cms5 */
#cms_5-b .cate_box .open_bt .box_title1::before {
    color: #6D706F !important;
}


/* page7 */

/* page8 */
#page8 #contact_tel a{
    color: #6D706F !important;
}

#page8 .box_title1{
    width: 100% !important;
    margin-top: 70px;
    color: #000 !important;
    font-size: calc(1rem + 4px);
    font-weight: 600;
    border-bottom: solid 1px #000000 !important;
}
#page8 #tel_txt{
    margin-top: 15px;
}

#page8 #tel_txt p a{
    color: #6D706F;
    text-decoration: underline;
}



/* page9 */
#page9 #contents .cate_box p a{
    color: #fff !important;
}
#page9 #contents .cate_box p a:hover{
    background-color: #586969 !important;
}


/* page10 */
#page10 #contents ul li a{
    color: #6D706F !important;
}


/* IE */
@media all and (-ms-high-contrast: none){
    #contact_tel a{
        padding-bottom: 25px;
    }
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    #aisatsu{
        margin-top: 140px;
        margin-bottom: 100px;
    }
    
    #top_contents #contents1:before {
        background-size: 175px;
        width: 175px;
        top: 0%;
        right: 8%;
    }
    #top_contents #contents1:after {
        background-size: 110px;
        width: 110px;
        top: 5%;
        right: 3%;
    }
    
    #contents1 h2:before, #contents2 h2:before, #contents3 h2:before {
        width: 365px;
        top: 62px;
    }
    
    
    .cms_box {
        width: 90%;
    }
    
    
    a.btn-gradient {
        font-size: 1.3rem;
    }
    
    
    #page10 #contents ul li a span {
        letter-spacing: 1px;
    }
    
    
    
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    #aisatsu{
        margin-top: 100px;
        margin-bottom: 50px;
    }
    #aisatsu::before{
        background-size: 45px;
        width: 45px;
        top: -30px;
    }
    
    #top_contents {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    #top_contents #contents1:before {
        display: none;
    }
    #top_contents #contents1:after {
        display: none;
    }
    
    #top_contents::after {
        font-size: 66px;
        top: -86px;
    }
    
    #contents1 h2:before, #contents2 h2:before, #contents3 h2:before {
        width: 300px;
        top: 50px;
    }
    
    
    .cms_box {
        padding: 10px;
    }
    
    
    #btn{
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    
    a.btn-gradient {
        font-size: 1.0rem;
    }
    
    
    #page8 #contact_tel a{
        letter-spacing: 1px;
        font-size: 25px;
        padding: 25px;
    }
    
    
}


