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

.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: #171c61;
}

.txt_color3 {
    color: #41adf7;
}

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


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

.font_30 {
    font-size: 35px;
}



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

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



.welcome{
    padding: 9% 6% 14%;
    position: relative;
    background-image: url(./Dup/img/eye.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 50%;
}

.welcome:before{
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0%;
    right: -100%;
    background-color: #f3f3f3;
    -webkit-transform: translate(-50% , -50%);
    transform: rotate(-45deg);
    pointer-events: none;
    z-index: -2;
}


#contents1{
background-color:white;
}

/*.welcome figure{
position: absolute;
    top: 50%;
    left: 75%;
    z-index: -1;
    transform: translate(-50%, -50%);
}*/


.welcome figure {
    position: relative;
    top: 0%;
    left: 8%;
    z-index: -1;
    /* transform: translate(-50%, -50%); */
    float: right;
}


.welcome h2{
    font-size: 3.2vw;
    margin-bottom: 1%;
    color: #171c61;
    font-weight: bold;
}

#intro{
    background-image: url(./Dup/img/entry.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -10px;
}


/*#contents1 .img_box {
    z-index: 0;
width:35% !important;
}*/


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

#contents1 .img_box a{
    width: 100%;
    height: 28vw;
    display: block;
}


/*----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;
}


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


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

#contact_mail_wrap{
display:none;
}

@media screen and (max-width: 845px){
#contents1 .grid_5, #contents1 .grid_6{
width:90% !important;
}

.flex_order2_sp {
    order: 2;
}

.flex_order1_sp {
    order: 1;
}

#contents1 .img_box{
margin-top:20px;
}


}



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

.welcome h2 {
    font-size: 10vw;
    margin-bottom: 2%;
    color: #171c61;
    font-weight: bold;
}

.welcome figure {
    top: 0%;
    left: 1%;
    float: none;
width: 85% !important;
    margin-bottom: 20px;
}

.welcome {
    background-size: 63%;
}

#intro {
    background-image: none;
}

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

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

}

/* ---------- スマートフォン ---------- */
@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;
}



}