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

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

/* border-color ※!important */
.border_color1{border-color: #141414}
.border_color2{border-color: #f4f4f4}
.border_color3{border-color: #4A67A6}
.border_color4{border-color: #ffffff}


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

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #141414} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f4f4f4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #4A67A6} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #141414}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #4A67A6}
.hvr_border_color4:hover{border-color: #ffffff}

.linkStyle {
    color: #4A67A6;
}
.top_cms_title h4, #page_title h2, #page_title p {
    font-family: 'Zen Antique', serif !important;
}
#top_contents1 h3 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#top_contents1 p, #top_contents2 p {
        font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#top_contents1 p, #top_contents2 p, #top_contents1 h3 span, #top_contents2 h3 span {
    color: #222;
}
/*.top_wrap, .intro_txt h2 {
    background-image: url(./Dup/img/base.jpg);
}*/
#top_contents1, #top_contents2 .flex_top {
    background-color: rgba(0,0,0,0);
}
.intro_txt p, .intro_title h3, .top_cms_box .font_24, .top_cms_box .font_14, h2 .txt_left, .cms_1-b .box_title1, .cms_1-b .date, .contents1_txt p, .contents2_txt p, .cms_5-c .box_title1, .cms_5-c .box_txt1::before, .intro_txt h2 span {
    color: #222;
}
#footer_txt p, #footer_links a, #copyright, #footer_links li::after, .under_nav .txt_color_nomal {
    color: #fff;
}
#page10 ul li a:hover {
    color: #fff;
}
/*#cms_2-a .cate_title, .tel_wrap, #tel_txt .d_flex {
    border-color: #fff;
}*/
.cms_6-c .box_title, #menu_wrap .txt_color_nomal, #cate_list_title, .cate_list .txt_color_nomal, #cms_1-a .date, #cms_1-a .box_title1, #cms_1-a .box_txt1, #cms_5-c .box_txt1, #page10 li a {
    color: #141414;
}
#page_top {
    color: #222 !important;
}
.cms_6-c .cate_box {
    width: 85%!important;
    margin-bottom: 20px;
}
/*#intro {
    margin-bottom: 0px;
    padding-bottom: 200px;
}*/
h1 img {
    max-width: 450px;
}
.txt1_image {
    bottom: 173px;
    width: 750px;
    right: 0;
}


#top_contents2 {
    margin-bottom: 0px;
    padding-bottom: 200px;
}



#top_contents2 h3 {
    overflow: hidden;
}
.contents2_txt .bg_white {
    background-color: #fff;
    text-shadow: none;
    box-shadow: 0px 4px 5px rgba(30, 30, 30, 0.2);
    color: #fff;
}
/*.slick-list:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/gaku.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}*/

/*.gaku {
    top: -2%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 71%;
}*/
/*.slick-list:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/hana.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 110%;
    height: 110%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
}*/
.intro_txt {
    background-color: #fff;
}
/*#top_contents1:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/txt2_image.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 500px;
    height: 60px;
}*/
/*#top_contents1:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/txt2_image.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 300px;
    height: 60px;
    top: -45px;
    right: 5%;
    z-index: 1;
}*/
/*#top_contents2:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/txt3_image.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 315px;
    height: 60px;
    top: 4px;
    right: 5%;
    z-index: 1;
}*/
.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
  overflow: hidden;
}
 
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}

.tel_box a {
    background-color: #474d70;
    color: #fff;
    width: 93.5%;
    padding-top: 20px;
    padding-bottom: 25px;
    font-size: 24px;
}

#page07 .box h3, #page07 .box p {
    border-color: #4a67a6;
}
#top_contents1 .contents1_txt h3 {
    position: relative;
    z-index: 2;
    transform: translateX(0px);
    text-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
/*.contents1_txt h3 span {
    background-color: rgba(74, 103, 166, 100);
    padding: 10px;
    text-shadow: none;
    box-shadow: 0px 4px 5px rgb(30, 30, 30, 0.2);
    color: #ffffff;
}*/
footer {
    background-color: #191817 !important;
}
#page_title .font_14 {
    text-align: center;
    font-size: 40px;
    background-color: #fff;
    opacity: 1;
    margin-top: 30px;
}
.sub_title {
    right: 0;
    font-size: 24px;
    top: 25px;
}
#page_title .font_24 {
    font-size: 40px;
    color: #fff;
}
#page_title {
    min-height: 100px;
    background-position: center center;
    background-size: contain;
    box-sizing: border-box;
    padding: 10px 50px;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.seo {
    color: #222 !important;
}
#main_img img, .intro_img img, #top_contents1 img, #top_contents2 img {
    filter: none;
}
.top_page_nav .txt_color_nomal {
    color: #4e454a;
}
.contents1_txt, .contents2_txt {
    text-align: center;
}
#page_title, .under_nav {
    background-color: #4e454a;
}
#cate_list_title span {
    display: none;
}
#cms_2-a .cate {
    text-align: center;
}
#cms_2-a .cate .box_img1 {
    left: 50%;
    transform: translateX(-50%);
}
#cms_2-a .cate .box_img1 img {
    width: 60% !important;
}
#cms_6-c .border_color3 {
    border-color: #4e454a;
}
#cms_6-c .circle {
    display: none;
}
#cms_6-c .arrow {
    display: none;
}
.cms_1-b .border_color2 {
    border-color: #444444;
}
.cms_6-c .border_color3 {
    border-color: #222;
}
#top_contents2 h3::after {
    border-color: #141414;
}
#intro .intro_txt h2 {
    background-color: #fff;
}
.on {
    background-color: #222;
}
#intro h2 span, #top_contents1 h3 span, #top_contents2 h3 span {
    font-size: 22px;
    font-weight: bold;
}
#top_contents1 .contents1_txt h3 {
    text-shadow: none;
}
#top_contents1 figure {
    position: relative;
    bottom: 40px;
    z-index: 1;
    margin: 0 auto;
}
#top_contents1 .contents1_txt {
    width: 60%!important;
    margin: 0 auto;
    padding-top: 30px;
    padding-right: 20px;
}
#top_contents1 p {
    width: 95%;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#top_contents1:after {
    width: 400px;
    height: 60px;
    top: -120px;
    right: 0%;
    z-index: 1;
}
#top_contents2:after {
    width: 440px;
    height: 60px;
    top: -100px;
    right: 0%;
    z-index: 1;
}
h1 .width_30per_tb {
    max-width: 400px;
    width: 40%!important;
}
#cms_1-b .order_1 {
    width: 70% !important;
}
#cms_1-b .order_2 {
    width: 90% !important;
}
#top_contents1 p {
    width: 100%;
}
#top_contents1 .contents1_txt {
    width: 80%!important;
    margin: 0 auto;
    padding-top: 30px;
    padding-right: 20px;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#top_contents1:after {
    width: 220px;
    height: 60px;
    top: -37px;
    right: 0%;
    z-index: 1;
}
#top_contents2:after {
    width: 243px;
    height: 60px;
    top: 11px;
    right: 0%;
    z-index: 1;
}
#top_contents2 {
    margin-bottom: 0px;
    padding-bottom: 100px;
}
#page_title {
    padding: 50px 30px 0px;
}
h1 .width_30per_tb {
    max-width: 400px;
    width: 70%!important;
    position: relative;
    left: -40px;
    top: -9px;
}
.cms_6-c .cate_box {
    width: 100%!important;
    margin-bottom: 20px;
}
#top_contents1 {
    margin-top: 140px;
}
#page_title .font_14 {
    text-align: center;
    font-size: 24px;
    background-color: #fff;
    opacity: 1;
}
#page_title .font_24 {
    font-size: 22px;
}
.sub_title {
    font-size: 17px;
    top: 7px;
}
#cms_1-b .order_1 {
    width: 95% !important;
}
#cms_1-b .order_2 {
    width: 95% !important;
}
.gaku {
    top: -1%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 92%;
    /* height: 70%; */
}
#top_contents1 .contents1_txt {
    width: 100%!important;
    margin: 0 auto;
    padding-top: 30px;
    padding-right: 40px;
}
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
.contents1_txt h3 span {
    background-color: #4a67a6;
    padding: 16px 10px 10px;
    text-shadow: none;
    box-shadow: 0px 4px 5px rgba(30, 30, 30, 0.2);
    color: #fff;
}

}