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

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


/* border-color ※!important */
.border_color1{border-color: #121212}
.border_color2{border-color: #EFEFEF}
.border_color3{border-color: #333333}
.border_color4{border-color: #E4E2D5}


/* 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: #121212} /* メインカラー */
.hvr_txt_color2:hover{color: #EFEFEF} /* サブカラー */
.hvr_txt_color3:hover{color: #9f002d} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E4E2D5} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #121212}
.hvr_border_color2:hover{border-color: #EFEFEF}
.hvr_border_color3:hover{border-color: #9f002d}
.hvr_border_color4:hover{border-color: #E4E2D5}


h2, h3, .custom_box .box_txt1 {
    font-family: 'Roboto', sans-serif !important;
}
body {
    font-size: 17px;
}
.font_14 {
    font-size: 17px;
}

.scroll_bt {
    display: none;
}
#main_menu li, .pc_box .contact_bt {
    font-size: 22px;
}
.linkStyle {
  color: #121212;
}
.txt_color1 {
	color: #ffff01;
}
.txt_color4 {
    color: #121212;
}
.txt_color3 {
    color: #121212;
}
.cate_title {
	color: #ffff01;
}
.bg_color3 {
    background-color: #121212;
}
#cms_6-b .cate_title {
    color: #fbfbfb;
}
#cms_6-a .cate_title {
    color: #fbfbfb;
}
#cms_6-a .border_color3 {
    border-color: #fbfbfb;
}
#page8 .txt_color2 {
    color: #121212;
}
#page8 .border_color2 {
    border-color: #121212;
}
#page7 .txt_color1 {
    color: #212121;
}
#page9 .txt_color1 {
    color: #121212;
}
.flex_box .bg_color4 {
    background-color: #ffff01;
}
.border_color1 {
    border-color: #121212;
}
.contact_bt .border_color1, .tel_bt .border_color1 {
	border-color: #5b5b5b;
}
#main_menu ul li a::before {
    content: "";
    position: absolute;
    top: 42%;
    left: 0;
    width: 20px;
    height: 1px;
    background-color: #5b5b5b;
    transition: .5s;
}
.width_1280-1000 {
    width: 100%;
    max-width: 1280px;
    min-width: 300px;
}


.footer_cms {
	color: #212121;
}
.fa-envelope:before {
	display: none;
}
#contact_line {
	margin-top: 20px;
}
.flex_box .bg_color4 {
    padding-top: 100px !important;
}



.pc_box .txt_color3 {
	color: #222222;
}

#contents2 .d_flex {
	position: relative;
}


/*img {
    border-radius: 20px;
}*/
.img7, .img6 {
	height: 354.125px !important;
}
#cms_1-c .box_item .width_40per {
	 height: 232.625px !important;
}
#cms_2-c .box_img1 {
	height: 302px !important;
	/*border-radius: 20px;*/
}
#cms_2-c .shadow {
	box-shadow: 0 5px 10px rgba(0,0,0,0);
}
#cms_6-b .cate_img1 {
    height: 465.375px !important;
}
#cate1 .cate_img1 {
    height: 431.375px !important;
}
#cms_4-b .box_img1 {
	height: 200.5px !important;
}
#cate1 .mg_b-25px {
    margin-bottom: 80px;
}
.cms_1-c {
	position: relative;
}

#contact_tel {
font-size: 20px;
}
#main_menu ul li a {
    margin-bottom: 2.5vh;
}
.tel_bt {
display: none;
}
.cms_4-b .box_img1 {
height: 222.125px !important;
}
.txt_shadow-b {
    text-shadow: none;
}
h2, h3 {
  font-weight: bold;
}
.border_color4 {
    border-color: #121212;
}
.txt_color1 {
    color: #333333;
}
/*#page-top .txt_color1 {
    color: #ffff01;
}*/
.cate_title {
    color: #333333;
}
.catch, .catch2 {
    z-index: 3;
}
.catch {
    top: 40px;
    left: 310px;
    font-size: 30px;
}
#main_img {
    position: relative;
}
#main_img:after {
    position: absolute;
    content: "";
    background-color: rgba(0,0,0,0.1);
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.custom_box {
    background-color: #212121;
    text-align: center;
    padding-top: 20px;
}
.custom_title {
    font-size: 22px;
    color: #ffff01;
}
.custom_box .box_txt1 {
    color: #ffff01;
    padding-bottom: 13px;
    margin-bottom: 20px;
}
.cms_2-c .shadow {
    box-shadow: 0 5px 10px rgba(0,0,0,0);
}
.contact_bt a:hover {
    color: #ffffff;
}
#contents2 h2, #contents3 h2, #contents4 h2, #cms_2-c .box_txt1 span {
    position: relative;
    padding: 5px 5px 5px 42px;
    background-color: #ffff01;
    font-size: 20px;
    color: #000000;
    margin-left: -33px;
    line-height: 1.3;
    z-index: -1;
    text-align: center;
}

#contents2 h2:before, #contents3 h2:before, #contents4 h2:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}
#cms_2-c .box_txt1 span:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: 0
}
#contents1 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #212121;
}
#contents1 h2 {
    color: #ffff01;
}
#contents1 p {
    color: #fff;
}
#contents1 {
    background-image: url(./Dup/img/intro_ball.png);
    background-position: right;
    background-repeat: no-repeat;
    background-position-x: 115%;
}
.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0%;
  height: 3px;
  background: #ffff01;
  z-index: -1;
  transition: all 0.8s;
}
.Text-Span.isActive:after {
  width: 100%;
}

.catch2 {
    width: 100%;
    font-size: 45px;
    top: 72%;
    text-shadow: 3px 3px 4px #000;
}
#couse .cate {
    background-color: #121212;
    padding: 20px 10px;
}
 #couse .cate_title {
    color: #ffff01;
    border-color: #fff;
}
#couse .cate_txt1,  #couse .box_txt1, #couse .box_txt2 {
     color: #fff;
 }
 .banner:hover {
     opacity: 0.7;
 }
 #page10 .grid_4 .button:hover {
     color: #fff;
 }
 #contents1 .txt3 {
     text-align: left;
 }
.cms_6-a .cate_box {
    background-color: #121212;
}
.cms_6-a .box_txt1 {
    color: #ffff01;
}


#cms_6-a .cate_box, .cms_6-a .cate_box {
    border-bottom: 3px dotted #ffff01;
}
#couse .cate_txt1, #couse .box_txt1 {
    color: #ffff01;
}
.cms_6-a .box_txt2 {
    color: #fff;
}
#cms_2-c .cate_list .grid_4 a {
    font-size: 15px;
}
.cate_list a:hover {
    color: #fff;
}
.cms_title::before {
    display: none;
}
.cms_2-c .box_item {
    border: none;
}
.cms_2-c .cate_box {
    justify-content: flex-start;
    display: none;
}
.cms_6-a .cate_wrap {
    background-color: #121212;
    padding: 20px;
}
#cms_2-c .cate_list {
    display: none;
}
#cms_2-c .cate_title {
    font-size: -webkit-calc(1rem + 16px);
    font-size: calc(1rem + 16px);
}
#cms_6-a .box_wrap {
    background-color: #121212;
}
#cms_6-a .box_txt1 {
        color: #fff;
}
#cms_6-a .box_txt2 {
        color: #fff;
}
#cms_6-a .border_color3 {
    border-color: #ffff01;
}

#cms_6-a .cate_title {
    color: #ffff01;
}
.h2_title {
    display: flex;
    align-items: center;
    justify-content: left;
}
.h2_title:before, .h2_title:after {
  border-top: 1px solid;
  content: "";
  width: 1em; /* 線の長さ */
}
.h2_title:before {
  margin-right: 1em; /* 文字の右隣 */
}
.h2_title:after {
  margin-left: 1em; /* 文字の左隣 */
}
.cms_title {
    position: relative;
    padding-left: 0px;
}
#tel_txt {
    background-color: #000;
    padding: 20px;
}
#tel_txt p {
    color: #fff;
}
#page8 .txt_color2 {
    color: #fff;
}
#tel_txt .border_do3-b {
    border-color: #fff100;
}
/*#contact_line {
    width: 160px;
    margin: 0 auto;
}*/
#cms_6-a .cate_txt1 {
    color: #fff;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.pc_box{
position:relative;
    transform: none;
    top: 0%;
    left: 0%;
    width: 100%;
}

header{
padding:15px 0 !important;
}
/*.flex_box .bg_color4 {
	background-image: url("./Dup/img/tb_header.jpg");
	}*/

	.pc_box {
		position: relative;
	}
	.pc_box:before {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/logo3.png);
    background-repeat: no-repeat;
    background-position: center right;
    top: -1%;
    right: 113%;
    /* z-index: 10; */
    width: 100%;
    height: 100%;
}
	#cms_2-c .box_img1 {
    height: 200px !important;
    border-radius: 20px;
}
	#cate1 .cate_img1 {
    height: 317.375px !important;
}
.catch {
    top: 45px;
    left: 268px;
    width: 80%;
}
.cms_2-c .width_50per {
    width: 80%!important;
}
.custom_box .box_txt1 {
    color: #ffff01;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.flex_box .bg_color4 {
    padding-top: 10px !important;
}
#contents1 {
    margin-top: 0px;
    margin-bottom: 0px;
}
#contents2 h2, #contents3 h2, #contents4 h2 {
    font-size: 19px;
}
.fat-nav li {
    font-size: 17px;
}
.banner {
    width: 100%;
    margin-top: 0;
}
#logo {
    width: 100% !important;
    /* margin-left: 90px; */
    max-width: 150px !important;
    text-align: center;
}
#contents2 h2, #contents3 h2, #contents4 h2 {
    font-size: 16px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	/*.pc_box:before {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/logo4.png);
    background-repeat: no-repeat;
    background-position: center right;
    top: -1%;
    right: 70%;
    width: 78%;
    height: 100%;
}*/
#logo {
    width: 37% !important;
    /* margin-left: 105px; */
}
	/*#attach:before {
    content: "";
    background-image: url(./Dup/img/con1_back.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -343px;
    right: 0px;
    width: 14%;
    height: 83%;
    z-index: 1;
}*/
#cate1 .mg_t-30px {
    margin-top: 40px;
}
	#cate1 .cate_img1 {
    height: 185.375px !important;
}
	#cms_6-b #cate0 .mg_b-25px {
    margin-bottom: -70px;
}
.catch {
    top: 17px;
    left: 133px;
    font-size: 12px;
    width: 300px;
}
.catch2 {
    font-size: 19px;
    width: 300px;
    top: 186px;
}
.cms_2-c .width_50per {
    width: 100%!important;
}
.custom_box .box_txt1 {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
#contents1 {
    text-align: left;
}
#contents2 h2, #contents3 h2, #contents4 h2 {
    font-size: 18px;
}
#cms_2-c .cate_list .grid_4 a {
    font-size: 13px;
}
#cms_2-c .box_txt1 span {
    position: relative;
    padding: 0px 0px 0px 32px;
    background-color: rgba(0,0,0,0);
    font-size: 17px;
    color: #000000;
    margin-left: -33px;
    line-height: 1.3;
    z-index: -1;
    text-align: center;
    top: 0px;
}
#cms_2-c .box_txt1 span:before {
  display: none;
}
#cms_2-c .box_txt1 {
    position: relative;
    padding: 5px 5px 5px 42px;
    background-color: #ffff01;
    font-size: 20px;
    color: #000000;
    margin-left: -33px;
    line-height: 1.3;
    z-index: -1;
    text-align: center;
}

#cms_2-c .box_txt1:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}
#cms_2-c .cate_title {
    font-size: -webkit-calc(1rem + 13px);
    font-size: calc(1rem + 13px);
}
.h2_title {
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 23px;
}
}