@keyframes loader2{
	0% {left: 50%;transform: translate(-50%,-50%);}
	100% {left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;}
}

/*.bg_color1 {
    background-color: #797eb3;
}

.bg_color1 {
    background-color: #6168b9;
}*/


.bg_color1 {
    background-color: #69ACDE;
}

#catch span{
color:yellow;
}


#catch p{
font-size:2.7vw;
}


#catch h2{
font-size:5.3vw;
}

#main_contents #catch {
    transform: translateY(-10vw);
z-index: 4;
}

#main_contents #main_menu.kore{
    transform: translatey(-2vw);
}

header h1{
max-width:400px;
}


#main_contents.kore:before{
     content: "";
    display: block;
    width: 100%;
    height: 250%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/wave.png);
    /* background-image: url(./Dup/img/we.png); */
    background-position: right top;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 3;
}

#main_contents:before{
     content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/wave_sub.png);
    /* background-image: url(./Dup/img/we.png); */
    background-position: right top;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: cover;
    pointer-events: none;
    z-index: 3;
}

#main_img{
z-index:4;
}

#intro, #contents, #contents_link a, #page_title {
    z-index: 4;
}

/*#main_contents{
padding-top:20px;
}
*/

#header {
    padding: 10px 30px;
}

#loader img {
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
}

@keyframes loader1{
	0% {transform: rotate(0deg) scale(10);}
	100% {transform: rotate(0deg) scale(1);}
}

#main_contents{
background-image: url(./Dup/img/catch.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 30%;
}


#main_contents #main_menu li.active a {
    color: white !important;
}

#intro h2{
color:yellow;
font-size:40px;
}

#main_contents #main_menu li.active::before {
    background-color: #fefe01;
}

#main_contents #main_menu li::before {
    border: 2px solid yellow;
}


#contents h3{
color:yellow;
}

#intro:after {
    /*background-color: rgba(0,0,0,0.35);*/
    background-color: rgba(0, 84, 156, 0.4);
}

#intro{
z-index:0;
}

#page_title h2{
color:yellow;
}

#top_cms .top_cms_title h3 span {
    color: yellow;
}

.banner2{
         top: 93px;
    right: 0;
    text-align: right;
    z-index: 100;
    width: 110px;
}

.txt_color3 {
    color: #5f6390;
}

#page08{
color:white;
}

#contact_tel a{
color:yellow;
}

.henko .txt_color1{
color:yellow;
}

  .linkStyle{  color: #5c73f2;}


/*-------20210203 start--------*/

#main_contents #main_menu li.active a {
    font-weight: bold;
}

#top_cms .top_cms_title h3 span {
    font-weight: bold;
}

#contents_link a h3 {
    font-weight: bold;
}

.font_en {
    font-weight: bold;
}


/*-------20210203 end--------*/




/* ----------カスタム---------- */
@media screen and (max-width: 1000px){
#main_contents #catch {
    transform: translateY(-0vw);
    z-index: 4;
}

#main_contents #main_menu {
    transform: translatey(-0);
}



}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_contents #catch {
    transform: translateY(-30px);
}

#intro h2{
color:yellow;
font-size:30px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

}