﻿

.linkStyle{
    color:#77c6ed;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

/*
html, body{overflow: auto}
.pp-section{position: static}
*/

/*--all page---------------------------
-------------------------------------*/



/*--top page---------------------------
-------------------------------------*/
#custom .custom_wrap{
    background-image:url(./Dup/img/main_img.jpg);
    background-size:cover;
}
.catch{
    top: 34%;
    left: 6%;
    font-size:4rem;
    font-weight:bold;
    line-height: 1.5;
}
.catch2{
    top: 4%;
    left: 2%;
    width: 60vw;

}
.custom_logo{
    top:25%;
    right:5%;
    width:7vw;
    display:none;
}
.bnr{
    bottom:10px;
    left:10px;
    z-index:5;
}
#intro .intro_left{
    padding-top:30px;
    padding-bottom: 150px;
}
#logo{
    margin-bottom:50px;
}
.cms_title h3{
    position:relative;
    padding-top:20px;
}
.cms_title h3::before{
    content:'';
    position:absolute;
    display:block;
    width:60px;
    height:40px;
    background-image:url(./Dup/img/item.png);
    background-repeat:no-repeat;
    background-size:contain;
    top:-10px;
    left:0;
    right:0;
    margin:auto;
}
#top_cms .more a{
        background-color: #279ed9;
}
#top_cms .more a:hover{
        background-color: #39d4c8;
}

/*--under page---------------------------
-------------------------------------*/
.tel_flex{
    width: 70%;
    margin: auto;
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#custom .custom_wrap{
    background-image:url(./Dup/img/main_img_tb.jpg);
}
.catch2{
    top:4%;
    left:1%;
    width:98vw;
}
.catch {
    top: 22%;
    font-size:3.5rem;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#custom .custom_wrap{
    background-image:url(./Dup/img/main_img_sp.jpg);
}
.catch{
    top:21%;
    font-size:2rem;
}
.catch2{
    top:8%;
}
.tel_flex {
    width: 100%;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{
    padding-top:35px;
}
#page08 .tel_box,
#page08 .tel_box2{
    max-width:50%;
    padding:20px;
}
}


