/* color */
.txt_color_nomal{color: #212121;}
.txt_white{color: #212121;}
.txt_red{color: red;}
.txt_color1{color: #212121} /* メインカラー */
.txt_color2{color: #f4f4f4} /* サブカラー */
.txt_color3{color: #222222} /* アクセントカラー1 */
.txt_color4{color: #EDD9B6} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #FF9E03}
.border_color2{border-color: #f4f4f4}
.border_color3{border-color: #ff9e03}
.border_color4{border-color: #EDD9B6}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #FF9E03;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #FF9E03} /* メインカラー */
.hvr_txt_color2:hover{color: #f4f4f4} /* サブカラー */
.hvr_txt_color3:hover{color: #3d973c} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #EDD9B6} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #FF9E03}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #3d973c}
.hvr_border_color4:hover{border-color: #EDD9B6}

body {
    font-family: 'Kiwi Maru',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", sans-serif !important; 
}
.linkStyle {
    color: #FF9E03;
}
#main_img {
    height: 100vh;
    overflow: hidden;
}
#cms_3-d {
    margin-top: 100px;
}
#intro_txt h2 {
    color: #ffffff;
}
.intro_title {
    background-color: #ff9e03;
    padding: 10px;
    border-radius: 10px;
}
.intro_sub_title {
    color: #ff0000;
    font-size: 27px;
}
.reten {
    color: #ff0000;
}
.custom_intro, .page04_p, .grid_6 p, .cms_6-c .box_txt1, .cms_2-a .cate_txt1 {
    font-size: 20px;
}
.contents2,.contents2 h3, .contents2 p {
    color: #222;
}
.cms_6-c .cate_box {
    margin-bottom: 20px;
}
#cms_1-a .box_title1, #cms_1-a .box_txt1 {
    color: #212121;
}
.contents_title1 {
    background-color: #ff9e03;
    color: #ffffff;
    padding: 10px;
    border-radius: 10px;
}
.contents_title2 {
    background-color: #222;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}
.title2 {
    color: #ff9e03;
}
.green {
    background-color: #3d973c;
}
.catch {
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
}
.catch_img {
  position: relative;
  left: 0;
  top: 0;
  animation-name: r1;
  animation-duration: 4s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}
.catch {
    animation-name: moveToRight;
  animation-duration: 4s;
  animation-delay: 4s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
@keyframes r1 {
  0% { 
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
      opacity: 1;
  }
  100% { 
    transform: rotate(-360deg);
    opacity: 0;
  }
}
@keyframes moveToRight {
  50% {
      opacity: 1;
  }
  100% {
    left: 400px;
    opacity: 0;
  }
}
#global-nav .en {
    color: #47aa65;
}
.banner {
    bottom: 20px;
    z-index: 2;
    width: 350px;
}
.tel2, .mail, .line {
    width: 50px;
}
.title_border {
    border-color: #fff;
}
.grid_5 img {
    box-shadow: none;
}
.cms_6-c .grid_7 {
    padding: 5%;
    background-color: #fff;
    border-radius: 8%;
    position: relative;
}
.cms_6-c .grid_7:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/hukidasi.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 8%;
    right: -21%;
    width: 140px;
    height: 40px;
    transform: rotate(
3deg);
}
#header .fas {
    left: -31px;
    top: 9px;
}
.mail_box .font_14up {
    font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem + 0px);
    padding-top: 15px;
    padding-bottom: 5px;
}
#page9 .box a {
    background-color: #212121;
}
/*.otoiawase {
    display: flex;
}*/
.tel_box a, .mail_box a {
    background-color: #ff9e03;
    color: #fff;
    width: 280px;
    height: 35px;
}
.line_box a {
    background-color: #00b900;
    color: #fff;
    width: 280px;
    height: 35px;
}
.line_box p {
    color: #00b900;
    border-color: #00b900;
}
.cate_list li a {
    background-color: #ff9e03;
}
#cms_6-c .circle {
    background-color: #ff9e03;
}
#page9 .box a {
    background-color: #ff9e03;
    color: #ffffff;
}
#page10 .grid_5 a, .top_cms_box .more a {
    background-color: #ff9e03;
    color: #fff;
}
#page10 .grid_5 a:hover, .top_cms_box .more a:hover {
    background-color: #3d973c;
}
.price_txt {
    line-height: 61px;
    top: -18px;
    left: 0px;
    font-size: 35px;
    color: #00a040;
}

.price_title {
    left: 54%;
    top: 32%;
    font-size: 40px;
    color: #ff0000;
}
.nedan {
    bottom: 161px;
    left: 52%;
    font-size: 90px;
    color: #ff0000;
}
.map_img {
    width: 30%;
    margin-bottom: 50px;
    margin-top: 20px;
}
.custom_box_4 {
    box-shadow: 0px 4px 4px #ddd;
    padding: 10px 20px;
}
.line_txt_box {
    padding: 10px 20px 30px;
    border-color: #00b900;
}

.line_span {
    background-color: #00b900;
    color: #fff;
    font-size: 22px;
    padding: 10px;
}
.line_title2, .line_title3 {
    font-size: 20px;
    font-weight: bold;
    color: #00b900;
    border-bottom: 2px solid #00b900;
}
.line_txt1, .line_txt2, .line_txt3 {
    color: #00b900;
}
/* ---------- 1109px ---------- */
@media screen and (max-width: 1109px){
.nedan {
    bottom: 161px;
    left: 52%;
    font-size: 80px;
    color: #ff0000;
}
}
/* ---------- 1099px ---------- */
@media screen and (max-width: 1099px){
.custom_title {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}
.contents_title1 {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #ff9e03;
    padding: 10px;
    border-radius: 10px;
}
.nedan {
    bottom: 153px;
    left: 54%;
    font-size: 74px;
    color: #ff0000;
}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img {
    height: 50vh;
}
@keyframes moveToRight {
  50% {
      opacity: 1;
  }
  100% {
    left: 100px;
    opacity: 0;
  }
}
.catch {
    top: 4%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
}

.custom_cms {
    margin-top: 80px;
}
#global-nav .grid_2 {
    width: 18%!important;
}
#logo {
    width: 50%!important;
}
.price_txt {
    line-height: 36px;
    top: -20px;
    left: 5px;
    font-size: 22px;
    color: #3d973c;
}
.nedan {
    bottom: 100px;
    left: 52%;
    font-size: 58px;
    color: #ff0000;
}
.price_title {
    left: 53%;
    top: 26%;
    font-size: 34px;
    color: #ff0000;
}
.intro_sub_title {
    color: #ff0000;
    font-size: 24px;
}

.custom_intro, .page04_p, .grid_6 p, .cms_6-c .box_txt1, .cms_2-a .cate_txt1 {
    font-size: 18px;
}
.map_img {
    width: 50%;
    margin-bottom: 20px;
    margin-top: 10px;
}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#intro_txt h2 {
    color: #ffffff;
    background-color: #ff9e03;
    padding: 10px;
    border-radius: 10px;
}
.intro_title {
    background-color: none;
    padding: 0px;
}
.custom_title {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}
.contents_title1 {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #ff9e03;
    padding: 10px;
    border-radius: 10px;
}
#main_img {
    height: 40vh;
}


.cms_6-c .grid_7 {
    width: 100% !important;
}
.cms_6-c .grid_7:before {
    top: 93%;
    right: -7%;
    width: 140px;
    height: 40px;
    transform: rotate( 
105deg);
}
.cms_6-c .grid_7 p {
    position: relative;
    z-index: 1;
}
.cms_6-c .grid_5 {
    width: 70%!important;
    margin-top: 20px;
}
nav.globalMenuSp {
    z-index: 3;
}
#logo {
    width: 70%!important;
}

#copyright {
    padding-bottom: 70px;
}
.banner {
    bottom: 5px;
    z-index: 2;
    width: 340px;
}
.price_txt {
    line-height: 30px;
    top: -7px;
    left: 3px;
    font-size: 20px;
    color: #3d973c;
}
.nedan {
    bottom: 64px;
    left: 53%;
    font-size: 35px;
    color: #ff0000;
}
.price_title {
    left: 54%;
    top: 41%;
    font-size: 20px;
    color: #ff0000;
}
.intro_sub_title {
    color: #ff0000;
    font-size: 22px;
}

.custom_intro, .page04_p, .grid_6 p, .cms_6-c .box_txt1, .cms_2-a .cate_txt1 {
    font-size: 16px;
}
.map_img {
    width: 90%;
}
.line_span {
    background-color: #00b900;
    color: #fff;
    font-size: 21px;
    padding: 5px;
}
}
@media all and (-ms-high-contrast:none) {
#top_cms .more a {
    padding-top: 10px !important;
}
/*@media all and (-ms-high-contrast:none)*/
.cate_list li a {
    padding-top: 7px !important;
}
/*@media all and (-ms-high-contrast:none)*/
#cms_2-a .cate .cate_title {
    padding-top: 10px !important;
}
/*@media all and (-ms-high-contrast:none)*/
#cms_3-d .cate .cate_title {
    padding-bottom: 17px !important;
}
/*@media all and (-ms-high-contrast:none)*/
#cms_6-a .cate .cate_title {
    padding-top: 7px !important;
}
/*@media all and (-ms-high-contrast:none)*/
#page9 .box p a {
    padding-top: 8px !important;
}
/*@media all and (-ms-high-contrast:none)*/
#page10 ul li a {
    padding-top: 12px !important;
}


}