@charset "utf-8";
/* CSS Document */
/* color */
.txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #212121} /* メインカラー */
.txt_color2{color: #f4f4f4} /* サブカラー */
.txt_color3{color: #333} /* アクセントカラー1 */
.txt_color4{color: #ecdfad} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #3489d6} /* メインカラー */
.bg_color2{background-color: #f4f4f4} /* サブカラー */
.bg_color3{background-color: #f0f6fb} /* アクセントカラー1 */
.bg_color4{background-color: #ecdfad} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}
.bg_color5{background-color: #61a2dc} /* アクセントカラー3 */

/* border-color ※!important */
.border_color1{border-color: #3489d6}
.border_color2{border-color: #f4f4f4}
.border_color3{border-color: #c1d6e8}
.border_color4{border-color: #848383}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #3489d6} /* メインカラー */
.hvr_txt_color2:hover{color: #f4f4f4} /* サブカラー */
.hvr_txt_color3:hover{color: #333} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ecdfad} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #3489d6} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f4f4f4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #f0f6fb} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ecdfad} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #3489d6}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #c1d6e8}
.hvr_border_color4:hover{border-color: #848383}



/*全ページ*/
#logo img{
      width: 70%!important;
}
footer{
      background-color:white!important;
}
.footer_cms p,#copyright{
      color:#333;
}
.company_info{
      background-image:url(dup/img/bg2.jpg);
      background-size:cover;
}
.bottom_nav li{
      border-color:white!important;
}

/*トップページ*/
.intro{
      border:0!important;
}
#intro h2{
      position:relative;
      border-bottom:2px solid #c8dff5;
}
#intro h2::before{
      content:'';
      position:absolute;
      display:block;
      width:20%;
      height:2px;
      background-color:#3489d6;
      bottom:-2px;
}
#contents::after{
      background-color: rgba(146,146,146,0.5);
}
.top_cms_box {
    box-shadow: 15px 15px #c1d6e8;
    padding-top: 30px;
}
.top_cms_box h2{
    font-size: 35px;
}
#logo2{
      width:20%!important;
}
/*YouTube*/
.youtube_box{
  position: relative;
  width:100%;
  padding-top: 56.25%;  
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  left:0;
  margin:auto;
  width: 100% !important;
  height: 100% !important;
}

/*下層ページ*/
.page_title_bg{
    background-image:url(dup/img/bg3.jpg);
    background-size:cover;
}
#page_title div {
    box-shadow: none;
}
#page_title h2{
    color:white;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
}
#page_title p{
    background-color:transparent!important;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.cate_list li {
    box-shadow: 3px 3px #c1d6e8;
    border: 2px solid #c1d6e8;
}
/*page07*/
.width_100per iframe{
  width: 100%;
  height: 380px;
}





/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header_menu li a span{letter-spacing:1px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo img {
    width: 126%!important;
}
#logo h1{
     padding-top:0;
     padding-bottom:0;
}
#header .menu_bt{width:15%!important;}
#logo2 img{width:200%!important;}

}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.bnr_box a{padding-top:25px;}
}


/* Google口コミ */
.list-review-output .rev{
  position: relative;
	display: block!important;
  margin-top: 1.4rem;
}
.list-review-output .data {
  width: 100%;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-review-output .rev::before {
  position: absolute;
  top: -1.4em;
  left: 0;
  color: #FFCC33;
	font-weight: bold;
}
.list-review-output .rev::after{
  position: absolute;
  top: -1.4em;
  left: 6.0em;
}
.list-review-output[data-rate='1'] .rev::before {
  content: "★";
}
.list-review-output[data-rate='2'] .rev::before {
  content: "★★";
}
.list-review-output[data-rate='3'] .rev::before {
  content: "★★★";
}
.list-review-output[data-rate='4'] .rev::before {
  content: "★★★★";
}
.list-review-output[data-rate='5'] .rev::before {
  content: "★★★★★";
}
.list-review-output[data-rate='1'] .rev::after{
  content: "評価：1";
}
.list-review-output[data-rate='2'] .rev::after{
  content: "評価：2";
}
.list-review-output[data-rate='3'] .rev::after{
  content: "評価：3";
}
.list-review-output[data-rate='4'] .rev::after{
  content: "評価：4";
}
.list-review-output[data-rate='5'] .rev::after{
  content: "評価：5";
}
hr{
	background-color: white;
	border: none;
	display: block;
	height: 2px;
	margin: 1.5rem 0;
}