@charset "utf-8";

/* 神谷付けたし */
#main_img:before {
    content: "";
    position: absolute;
    background-image: url(Dup/img/main_dec.png);
    background-position: bottom center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    background-repeat: no-repeat;
    background-size: contain;
}
header{
    width: 20%!important;
}
.main_box{
    width: 80%!important;
    margin-left: 20%;
}

/* CSS Document */
/* color */
.txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #e78954} /* メインカラー */
.txt_color2{color: #87cefa} /* サブカラー */
.txt_color3{color: #69b9b9} /* アクセントカラー1 */
.txt_color4{color: #87cefa} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #fffde6} /* メインカラー */
.bg_color2{background-color: #FCEEEB} /* サブカラー */
.bg_color3{background-color: #e78954} /* アクセントカラー1 */
.bg_color4{background-color: #87cefa} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #69b9b9}
.border_color2{border-color: #FCEEEB}
.border_color3{border-color: #fceeeb}
.border_color4{border-color: #69b9b9}


/* 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: #FFFDE6} /* メインカラー */
.hvr_txt_color2:hover{color: #FCEEEB} /* サブカラー */
.hvr_txt_color3:hover{color: #de1926} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #87cefa} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #e78954} /* メインカラー */
.hvr_bg_color2:hover{background-color: #FCEEEB} /* サブカラー */
.hvr_bg_color3:hover{background-color: #0d3b62} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #87cefa} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #FFFDE6}
.hvr_border_color2:hover{border-color: #FCEEEB}
.hvr_border_color3:hover{border-color: #de1926}
.hvr_border_color4:hover{border-color: #87cefa}

#main_menu ul li a{
    color: #47538d;
}

.contact_bt .txt_white{
    color: #5b5b5b;
}

.tel_bt .txt_white{
    color: #5b5b5b;
}

.img4{
    z-index: 5;
}


*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.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-svg {
  font-weight: 700;
  line-height: 54px;

  width: 204px;
  height: 54px;
  padding: 0;

  cursor: pointer;
  text-decoration: none;

  background-color: transparent;
}

a.btn-svg svg {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}

a.btn-svg svg rect {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;

  stroke: #47538d;
  stroke-width: 2;
  stroke-dasharray: 200px, 16px;
  stroke-dashoffset: 70px;
}

a.btn-svg:hover svg rect {
  stroke-dashoffset: 284px;
}

a.btn-svg span {
  color: #000;
}

#contents1 h2 span{
    color: #ff8c3a;
}

#contents1 h2{
    color: #93a8c7;
}

.blur {
    background-color: #e2e2e25c;
    backdrop-filter: blur( 5px );
    -webkit-backdrop-filter: blur( 5px );
}

.img-container{
    border-radius: 50px;
}

#contents2 h2{
    color: rgb(0 0 0 / 67%);
}

#contents2 p{
    color: rgb(0 0 0 / 67%);
}

#contents3 h3{
    color: rgb(0 0 0 / 67%);
}

#contents3 p{
    color: rgb(0 0 0 / 67%);
}

#page9 a{
    background-color: #1a73e8;
}

.cate_title {
    background-color: #ffcc70;
}


.cate_title  {
    border-color: rgb(0 0 0 / 0%);
}

.page_box h2{
    color: #222;
}

.banner {
    background-color: #007aff;
}

#cms_3-h .box_item {
    background-color: #007aff;
}

/* 神谷付けたし */
/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
.main_box {
    width: 100%!important;
    margin-left: 0%;
}    
}

.head_banner {
    background-color: #FFFDE6;
}

#main_menu {
    font-weight: bold;
}

#fakeloader{
    background-color: #69b9b9;
}

.button2:hover {box-shadow: none;}

.tel_bt a{
    color: #e78954;
}

header {
    background-color: #FFFDE6!important;
}

.button:hover::after {box-shadow: inset 0 0 0 15em #69b9b9;}

#contents1 h2 {
    color: #e78954;
}

#contents2 h2 {
    color: #e78954;
}

#contents2 .con_no{
    color: #69b9b9;
}

.square_img, .rectangle_img{
   
    border-radius: 35px;
}

.box_img1 a img{
   
    border-radius: 35px;
}

.cate_title {
    background-color: #e78954;
        font-weight: bold;

}

#cate0 h3{
    color: white;
}

#cate1 h3{
    color: white;
}

#contents3{
    background-color: rgb(255 253 230 / 50%);
}

#contents3 .con_no {
    color: #69b9b9;
} 

#contents3 h3 {
    color: #e78954;
}

.hamburger__icon {
    background-color: #e78954;
}

#page8 .mail_contact {
    padding-top: 10px!important;
}

#cms_3-h .box_item {
    background-color: #ffffff;
}


#cms_3-h .cate_box:first-of-type .box_item, .cms_3-h .cate_box:first-of-type .box_item {
    color: #000000;
    align-items: center;
    font-weight: bold;
}

@media screen and (max-width: 375px){
#main_img:before {
    content: "";
    position: absolute;
    background-image: url(Dup/img/main_dec.png);
    background-position: bottom center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 31px;
    z-index: 11;
    background-repeat: no-repeat;
    background-size: contain;
}}