﻿#header_menu .txt_color1 {
    color: #555;
}
footer .bg_color1 {
    background-color: #047fbc;
}
#intro .border_so2-b, #contents .txt_color3, #top_cms .txt_color3 {
    font-weight: bold;
}
.grid_6 .normal_img {
    z-index: 100;
   position: relative;
}
#body, #intro_txt, .info_box {
	background-color: #f9f9f9;
}

#header .logo {
    width: 100%;
}
#footer #logo2 {
   width: 30%;
}
.back_1 {
  margin-top: -150px;
}
.back_2 {
  margin-top: -100px;
}
.back_3 {
  margin-top: -100px;
}
.back_4 {
  margin-top: -120px;
}
#fakeloader, #page-top .bg_color1, #copyright, #cms_6-b .bg_color3   {
   background-color: #333333;    /*灰色*/
}
#cms_1-c .border_color4, .cms_2-b .border_color2, #top_cms .border_color4, #page7 .border_color1, #cms_6-b .border_color4, #cms_2-c .border_color1, #intro_txt .border_color3,  #page8 .border_color2, #page9 .border_color1, #page10 .border_color3, #cms_6-c .border_color3  {
  border-color: #ed1e79;  /*ピンク*/
}
#page7 .txt_color1, .ad, #page8 .txt_color2  {
  color: #333333;  /*灰色*/
}
#intro .border_so2-b, #contents .txt_color3, #top_cms .txt_color3  {
   color: #015077;
}
#header_menu .border_so2, .more .txt_color1, .tel .txt_color3 {
   color: #ed1e79;  /*ピンク*/
}
#main_img .svg_box, .svg_box2 svg, #page_title .svg_box {
   display: none;
}
#cms_2-b .bg_color1 {
  background-color: #333333;  /*灰色*/
}
#cms_2-b .border_color3 {
   border-color: #ed1e79;  /*ピンク*/
}
#cms_2-b .border_color1 {
   border-color: #333333;  /*灰色*/
}
#cms_6-b .bg_color1 {
    background-color: #555;
}
#page9 .bg_color3, #page_title .bg_color3, #info_title_box .bg_color3 {
    background-color: #ed1e79;  /*ピンク*/
}
#intro_txt .border_so2-b {
	position: relative;
}
#intro_txt .border_so2-b:before {
    content: url(./Dup/img/logo8.png);
    position: absolute;
    top: -80px;
    left: 190px;
}
/*.shadow-l, .cate img, .cate_box img {
    box-shadow: 5px 5px 4px rgba(179,17,80,0.8);
}*/
.yt{width: 800px;}
.video_cms{
	padding-bottom: 50.25%;
	height: 0;
}
/*#intro_txt .width_1000-max {
	position: relative;
}
#intro_txt h2:after {
	content: url("./Dup/img/ira_1.png");
	position: absolute;
	top: 10px;
	right: 10px;
}*/
/* loader ---------------------------------------------------------------------------------------------*/
#fakeloader .fl{
	position: absolute;
	top: 49%!important;
	left: 50%!important;
	transform: translate(-50%,-50%);
	width: 50%;
	max-width: 300px;
}
#fakeloader .fl{
	animation-name: loader;
	animation-duration: 3s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
}
@keyframes loader {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.cate_list li {
	position: relative
}
.cate_list li:after {
	position: absolute;
	border-right: 1px solid #ed1e79;
    content: "";
    height: 70%;
	top: 5px;
	right: -6px;
}
.cate_list li:last-of-type:after {
      display: none;
	position: absolute;
	border-right: 1px solid #ed1e79;
    content: "";
   /* height: 70%;
	top: 5px;
	right: -6px;*/
}

header #header #header_menu li a span:hover {
  color: #ed1e79;
}
header #header #header_menu .border_color3 {
    border-color: #ed1e79;
}

.skill {
	position: relative;
}

.skill:before {
    content: url(./Dup/img/back_logo_2-2.png);
    position: absolute;
    top: 155px;
    right: -300px;
}
.wel {
	position: relative;
}

.wel:before {
    content: url(./Dup/img/back_logo_3-2.png);
    position: absolute;
    top: 170px;
    left: -400px;
}
.earn {
	position: relative;
}

.earn:before {
    content: url(./Dup/img/back_logo_4-2.png);
    position: absolute;
    top: 170px;
    right: -320px;
}
.pro {
	position: relative;
}

.pro:before {
    content: url(./Dup/img/back_logo_1-2.png);
    position: absolute;
    top: 42px;
    right: -520px;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/* YouTube */
.yt{width: 100%;}

#intro_txt .border_so2-b:before {
    content: url(./Dup/img/logo7.png);
    position: absolute;
    top: -100px;
    left: 160px;
}
#header .logo {
    width: 30%;
}
.back_1 {
    margin-top: -90px;
    margin-bottom: -40px;
}
.back_4 {
    margin-top: -90px;
    margin-bottom: -50px;
}
.skill:before {
    content: url(./Dup/img/back_logo_2-2.png);
    position: absolute;
    top: 145px;
    right: -90px;
}
.earn:before {
    content: url(./Dup/img/back_logo_4-2.png);
    position: absolute;
    top: 50px;
    right: -90px;
}
.wel:before {
    content: url(./Dup/img/back_logo_3-2.png);
    position: absolute;
    top: 100px;
    left: -400px;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.video_cms {padding-bottom: 56.25%;}

#fakeloader .fl{max-width: 100px;}

#intro_txt .border_so2-b:before {
    content: url(./Dup/img/logo7.png);
    position: absolute;
    top: -100px;
    left: 110px;
}
#header .logo {
    width: 100%;
}
#footer #logo2 img {
   width: 100% !important;
}
.back_1 {
    margin-top: -80px;
    margin-bottom: -60px;
}
.back_4 {
    margin-top: -110px;
    margin-bottom: 10px;
}
.all {
   display: none;
}
.wel:before {
    content: url(./Dup/img/back_logo_3-2.png);
    position: absolute;
    top: 75px;
    left: -90px;
}
#intro_txt .border_so2-b:before {
    display: none;
}
#intro_txt .border_so2-b:after {
    content: url(./Dup/img/logo9.png);
    position: absolute;
    top: -67px;
    left: 137px;
}
.pro:before {
    content: url(./Dup/img/back_logo_1-2.png);
    position: absolute;
    top: 265px;
    right: -520px;
}
#page_title .font_22_sp {
    font-size: 20px;
}
}

