/*html, body{overflow: auto}
.pp-section{position: static}*/

/* color */
body,.txt_color_nomal{color: #1a1a1a;}
.txt_white{color: #1a1a1a;}
.txt_red{color: red;}
.txt_color1{color: #ffbe08} /* メインカラー */
.txt_color2{color: #8da0b6} /* サブカラー */
.txt_color3{color: #02c4b5} /* アクセントカラー1 */
.txt_color4{color: #cccccc} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #ffbe08}
.border_color2{border-color: #8da0b6}
.border_color3{border-color: #02c4b5}
.border_color4{border-color: #cccccc}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #1a1a1a;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ffbe08} /* メインカラー */
.hvr_txt_color2:hover{color: #8da0b6} /* サブカラー */
.hvr_txt_color3:hover{color: #02c4b5} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cccccc} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #f0ec81} /* メインカラー */
.hvr_bg_color2:hover{background-color: #8da0b6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #02c4b5} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cccccc} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ffbe08}
.hvr_border_color2:hover{border-color: #8da0b6}
.hvr_border_color3:hover{border-color: #02c4b5}
.hvr_border_color4:hover{border-color: #cccccc}

.linkStyle {
    color: #ffbe08;
}
#menu_stick .bg_white {
    background-color: #1a1a1a;
}
#menu_stick span.stick::before, #menu_stick span.stick::after {
    background-color: #000000;
}
.more a::before, .more a::after {
    border-bottom: solid 1px #1a1a1a;
}
.more a:hover::before, .more a:hover::after {
    border-bottom: solid 1px #fff;
}
.more a:hover {
    color: #fff;
}
.custom_txt {
    width: 600px;
    bottom: 30px;
    left: 30px;
}

.custom_img {
    width: 300px;
    bottom: -13px;
    right: 80px;
}
.intro_wrap .font_bar {
    width: 300px;
    margin: 0 auto 20px;
}
#logo .width_300-max {
    width: 100%;
    max-width: 200px;
}
.intro_left {
    padding-top: 50px;
}
#logo {
    margin-bottom: 50px;
}
#contents .con_box1::before {
    display: none;
}
.con_no {
    width: 100px;
}
.intro_left {
  background-image: linear-gradient(
    -45deg, 
    #ffffff 25%,
    #f0ec81 25%, #f0ec81 50%,
    #ffffff 50%, #ffffff 75%,
    #f0ec81 75%, #f0ec81 100%
  );
  background-size: 40px 40px;
}
.intro_wrap {
    background-color: #ffffff;
    padding: 20px 30px 20px;
    border-radius: 5px;
}
.intro_title {
    background-color: #f0ec81;
}
.contents1 .con_bg {
    background-image: url(./Dup/img/con1.png);
    background-size: cover;
}
.contents2 .con_bg {
    background-image: url(./Dup/img/con2.png);
    background-size: cover;
}
.neon_title {
    width: 250px;
    margin: 0 auto;
}
.white_box {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px 10px;
    border: 4px solid #f0ec81;
}
#page_title .title_wrap {
    color: #fff;
}
.hito {
    top: 7px;
    right: 93px;
    width: 150px;
}
.home {
    top: 33px;
    right: 100px;
}
#cms_4-c .cate_list li {
    display: none;
}
.banner1 {
    position: fixed;
    z-index: 7;
    width: 150px;
    bottom: 20px;
    right: 20px;
}
.banner {
    width: 150px;
    z-index: 7;
    position: fixed;
    right: 20px;
    bottom: 100px;
}
.banner:hover, .banner1:hover {
    opacity: 0.7;
}
.tel_mail {
    display: flex;
}
.mail_box_box .font_14up {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
.line_box img {
    vertical-align: bottom;
    width: 50%;
    height: auto;
}
/*ここからタブレット用（780px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){
.custom_box {
    background-image: none;
}
.custom_box {
    background-image: url(./Dup/img/custom_bg_tb.jpg) !important;
    background-position: center  center;
    background-size: cover;
}
.hito {
    top: 57px;
    right: 93px;
    width: 150px;
}
.custom_img {
    width: 300px;
    bottom: -13px;
    right: 0px;
}
.custom_txt {
    width: 600px;
    bottom: 28px;
    left: 13px;
}
.home {
    top: 96px;
    right: 49px;
}
.contents1 .con_bg, .contents2 .con_bg {
    background-position: center;
}
.banner1 {
    position: fixed;
    z-index: 7;
    width: 100px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.banner {
    width: 100px;
    z-index: 7;
    position: fixed;
    /* right: 0px; */
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.tel_mail {
    display: block;
}
}
/*ここからスマホ用（780px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
.custom_txt {
    width: 310px;
    bottom: 26px;
    left: 12px;
}
.custom_title {
    width: 340px;
    padding-right: 10px;
}
.hito {
    top: 57px;
    right: 40px;
    width: 120px;
}
.custom_img {
    width: 200px;
    bottom: 40px;
    right: 0px;
}
.intro_wrap .font_bar {
    width: 280px;
    margin: 0 auto 20px;
}
.home {
    top: 76px;
    right: 28px;
    width: 160px;
}
.tel_box a, .mail_box_box a {
    padding: 10px 0;
}
#cms_4-c .cate_list {
    border: none;
}
#cms_4-c .box_wrap {
    margin-top: -150px;
}

}
/***　IE対処　***/

@media all and (-ms-high-contrast:none) {
.intro_title {
    background-color: #f0ec81;
    padding-top: 8px !important;
}

}