﻿
/* color */
body,.txt_color_nomal{color: #42210b;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #e7e5da} /* メインカラー */
.txt_color2{color: #fff} /* サブカラー */
.txt_color3{color: #c2986d} /* アクセントカラー1 */
.txt_color4{color: #e3e0cf} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #e7e5da} /* メインカラー */
.bg_color2{background-color: #fff} /* サブカラー */
.bg_color3{background-color: #c2986d} /* アクセントカラー1 */
.bg_color4{background-color: #e3e0cf} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #e7e5da}
.border_color2{border-color: #adaca4}
.border_color3{border-color: #adaca4}
.border_color4{border-color: #e3e0cf}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #42210b;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #e7e5da} /* メインカラー */
.hvr_txt_color2:hover{color: #fff} /* サブカラー */
.hvr_txt_color3:hover{color: #c2986d} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e3e0cf} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #e7e5da} /* メインカラー */
.hvr_bg_color2:hover{background-color: #fff} /* サブカラー */
.hvr_bg_color3:hover{background-color: #c2986d} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e3e0cf} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #e7e5da}
.hvr_border_color2:hover{border-color: #fff}
.hvr_border_color3:hover{border-color: #c2986d}
.hvr_border_color4:hover{border-color: #e3e0cf}

.linkStyle {
  color: #e38284;
}
h2, h3 {
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
  font-weight: bold;
}
#contents .txt_white, .date, .news_title {
  color: #167e7c;
}
#intro_wrap .txt_white {
    color: #222;
}
#scroll, #menu_bt, #top_return {
  background-color: #e38284;
}
#pc_tel .txt_white {
  color: #e38284;
}
#footer_txt {
  color: #222;
}
#pc_news .txt_color2 {
  color: #167e7c;
}
#footer_txt .tel .txt_white {
  color: #e38284;
}
#contents::after {
    display: none;
}
.copy {
   background-color: #167e7c;
}
#pc_tel .txt_white {
    background-color: #fdfdfd;
    padding: 10px 20px;
    border-radius: 10px;
    opacity: 0.8;
}
#pc_menu .bg_wrap {
    background-color: #fff;
}
#top_header .intro_bt .bg_color3, #top_header .tel_bt .bg_color3 {
    background-color: #fff;
}
#page_title .txt_left {
  color: #167e7c;
}
.cate_list .txt_white, .cate_title, .box_txt1 {
    color: #167e7c;
}
#cms_1-c .box_txt1 {
   color: #222;
}
#cms_3-d .txt_color1 {
    color: #222;
}
#cms_5-b a {
    color: #222;
}
#cms_5-b li {
   display: none;
}
#cms_5-b .bg_color1 {
    background-color: #167e7c;
}
#cms_5-b .cate_box .open_bt .box_title1::before {
    color: #167e7c !important;
}
#info_box .txt_color1, #tel_txt .txt_color2 {
    color: #222;
}
#contact_tel .txt_color_nomal {
    color: #e38284;
}
#page9 #top_txt {
    color: #167e7c;
}
#page9 .box .bg_color1 {
    background-color: #167e7c;
}
#sitemap_box .txt_white {
    color: #222;
}
/*.back {
	background-image: url("./Dup/default/header_back.jpg");
	background-size: contain;
}*/
#top_header {
    background-color: rgba(231, 229, 218, 0) !important;
}
#pc_intro .bg_color2 {
  position: relative;
  z-index: 1;
}
#pc_intro .fs_wrap {
	position: relative;
}
#pc_intro .fs_wrap:before {
    content: "";
    position: absolute;
    background-image: url(./Dup/default/harb_1-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    width: 26%;
    height: 100%;
    top: 0px;
    right: -100px;
}
#pc_intro .fs_wrap:after {
	content: "";
	position: absolute;
	background-image: url("./Dup/default/harb_2-1.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom left;
	width: 26%;
	height: 100%;
	bottom: 0%;
	left: -100px;
}
.grid_8 {
    width: 100%!important;
}
.page04 .grid_4 {
    width: 100%!important;
	text-align: right;
}
.ca {
  margin-top: 20px;
}
/*#pc_news .grid_4 {
       height: 363.9096px !important;
    width: 60%!important;
    text-align: right;
}*/
#pc_news .flex_center-left {
    justify-content: center;
    align-items: center;
}
/*********リンクボタン***********/
#top_link {
	position: relative;
}
.tap {
    position: absolute;
    top: -10px;
    left: 24%;
}
.tap2 {
    position: absolute;
    top: 57%;
    left: 24%;
}
.tap, .tap2{
  animation: img_box_9955 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 3rem 0 !important;
}
 
@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}
.links_bt img{
transition: all 2s;
}
.links_bt img:hover{
transform: scale(1.3,1.3);
}
/*************************/
#link .link_txt {
  color: #222;
}
.pager .txt_white {
    color: #167e7c;
}
.pager .bg_color1 {
    background-color: #fff;
}

#main_left #left_link {
    top: 70%;
    left: 69%;
    transform: translate(-50%,-50%);
}
.tap2 {
    position: absolute;
    top: 57%;
    left: 42%;
}
.yoyaku_box {
    display: flex;
    justify-content: space-around;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.tap {
    position: absolute;
    top: 215px;
    left: 24%;
}
#sp_info {
  color: #222;
}
.tel_b .txt_white {
    color: #e38284;
}
.no_top {
  background-image: none;
}
.top2 {
	background-image: url("./Dup/default/header_back.jpg");
	background-size: contain;
}
.tap2 {
     display: none;
}
#main_menu .bg_color1 {
    background-color: #167e7c;
}
header #top_link .links_bt {
    position: absolute;
    top: 60% !important;
    left: 50%;
    transform: translate(-50%,-50%);
}
#link_bt.links_bt {
    max-width: 130px;
}
#main_left .posi_center {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.tap {
    position: absolute;
    top: 134px;
    left: 20%;
}
.page04 .grid_4 {
    width: 100%!important;
    text-align: right;
   font-size: 11px;
}
#sp_info {
  color: #222;
}
.tel_b .txt_white {
    color: #e38284;
}
#main_menu .bg_color1 {
    background-color: #167e7c;
}
#contents {
background-position-x: -304px !important;
}
.yoyaku_box {
    display: block;
}
}

/*IEのみ*/
@media all and (-ms-high-contrast: none)  {
.page6 .cate_item .pd_b-10px {
    padding-bottom: 2px !important;
}
#pc_tel .txt_white {
    background-color: #fdfdfd;
    padding: 13px 20px 0px !important;
    border-radius: 1px;
    opacity: 0.8;
}
#pc_tel img {
  width: 70px !important;
}
#contents {
background-position-x: 0px !important;
}
#page8 .font_8up .pd_30px {
    padding: 30px 30px 22px 30px !important;
}

}