/*-------global-------*/


.hvr_bg_color1:hover {
    background-color: #231815;
}

.menu_stick div.before {
    background-color: black;
}

#sp_nav a.active {
    border-bottom: 1px solid #efe705;
}

.linkStyle{
    color: #41adf7;
}

.border_color4 {
    border-color: #d8d8d8;
}

#pc_nav ul {
    height: 65px;
}

.border_color3 {
    border-color: #41adf7;
}

#header.head_fix h1#logo img{
width:90% !important;
}

.bg_color1 {
       background-color: #fbdc02;
}

.txt_color3 {
    color: #41adf7;
}

.bg_color3 {
    background-color: #41adf7;
}


#pc_nav ul.grid_10 li{
max-width:195px !important;
}

.font_30 {
    font-size: 35px;
}

#pc_nav ul.grid_2{
position: relative;
    overflow: hidden;
}

.sou{
       display: block;
    width: 150%;
    height: 100%;
    position: absolute;
    z-index: 0;
    transform: translate(-101% ,0%) skewX(45deg);
    transition: all 0.2s;
top: 0%;
    left: -20%;
}

#pc_nav ul.grid_2:hover .sou{
    transform: translate(0% ,0%) skewX(45deg);
}

#pc_nav ul.grid_2 li a{
    position: relative;
    z-index: 1;
    color: #009fe8;
    font-weight: bold;
    font-size: 17px;
}

#pc_nav ul.grid_2:hover li a{
transform:scale(0.9);
color:white;
}

#bottom_menu{
    background-color: #3e3431;
}

#sp_nav nav{
background-color: #019fe8;
background-color: #afafaf;
}


/*-------global end-------*/

/*----top start----*/





#contents1{
background-color:white;
}



#intro{
    margin-top: -10px;
position:relative;
/*background-image: url(./Dup/img/mi.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 50%;*/
}

#intro:before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 55%;
    left: 50%;
    background-image: url(./Dup/img/brush.png);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

#intro .width_1280-max{
    position: relative;
    z-index: 2;
}


#contents1 .img_box {
    z-index: 0;
}

#contents1 .img_box figure{
position:relative;
}

#contents1 .img_box figure:before{
content: "";
    display: block;
    width: 110%;
    height: 101%;
    position: absolute;
    top: 50%;
    left: 46%;
    background-image: url(./Dup/img/fill.png);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 2;
}


#intro .intro_title h2{
color: #009fe8;
}

#intro .intro_txt{
color:black;
}

.txt h2:first-letter{
color:#fbdc02;
}

.catch{
max-width: 270px;
    display: block;
    margin-bottom: 20px;
    width: 60%;
}

#main_img h2 {
    font-size: 5vw;
}

#main_img p{
margin:auto;
}


/*----top end----*/


/*------動画入れた後------*/

#main_img {
    overflow: hidden;
height:auto !important;
}

#main_img .txt {
        top: 50%;
    text-align: center;
}


#main_img:before {
    background-color: #204782;
top:-10px;
}


#main_img:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/eye.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 25%;
    pointer-events: none;
}

#top_info h2{
    background-color: #015479;
}



/*------動画入れた後終わり------*/


/*--------page06---------*/

#cms_6-b .cate_box .box_txt1 {

    background-color: #c1c1c1;
}


/*-------page08------*/
#contact_tel_wrap{
display:block;
}

#contact_mail_wrap{
display:none;
}

#tel_txt p a{
    color: #009fe8;
}







/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header ul.grid_10 li.grid_3{
max-width:180px;
}





#intro {
    background-image: none;
}




#main_img .txt {
    top: 50%;
    text-align: center;
    width: 90% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2vw;
}


#contents1 .img_box figure:before {
    width: 101%;
    height: 101%;
    position: absolute;
    top: 50%;
    left: 50%;
}

#main_img h2 {
    font-size: 7vw;
}


#intro:before{
    background-image: url(./Dup/img/brush_sp.png);
}



}

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

#pc_nav ul {
    height: 65px;
}

.font_30 {
    font-size: 29px;
    letter-spacing: 0.1em;
}

.welcome h2 {
    font-size: 6.5vw;
}

#main_img {
    margin-top: 50px;
}

}