/*color1 main = #1daba4*/
/*color2 sub = #e9efee*/


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

#loader:after{
    background: #fff !important;
}

.bg_color2 {
    background-color: #fcee21;
}

h1:after {
    border-color: #282b3e transparent transparent transparent !important;
}

.bg_color3 {
    background-color: #1a2851;
}

.bg_color1 {
    background-color: #1daba4;
}

h1:after {
    border-color: #1daba4 transparent transparent transparent !important;
}

.bg_black {
    background-color: #97e2d8;
}

.bg_color3 {
    background-color: #ecdf1f;
}

.txt_color3 {
    color: #1daba4;
}

.txt_color1 {
    color: #1daba4;
}

#menu_wrap:after{
    background: linear-gradient(to right, rgb(29, 171, 164) 0%,rgb(29, 171, 164) 100%) !important;
}

#menu_wrap nav ul li a .title2 {
    opacity: 0.1;
}

#page_title:before{
    background: -moz-linear-gradient(left, rgb(29, 171, 164) 0%, rgb(29, 171, 164) 100%);
    background: -webkit-linear-gradient(left, rgb(29, 171, 164) 0%,rgb(29, 171, 164) 100%);
    background: linear-gradient(to right, rgb(29, 171, 164) 0%,rgb(29, 171, 164) 100%);
    opacity: 0.2;
}

#page_title h3 span {
    color: #1daba4;
    /* background-color: #1daba4; */
    /* padding: 1px 10px; */
    position: relative;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5), -1px 1px 0 rgba(255,255,255,0.5), 1px -1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);
}

#page_title h3 span:before{
     content: "";
     display: inline-block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
     background-color: rgba(255,255,255, 0.3);
     -webkit-transform: translate(-50% , -50%);
     transform: translate(-50% , -50%);
     pointer-events: none;
     z-index: -1;
     padding: 6px 9px;
}

#page_title p{
    color: yellow;
    z-index: -1 !important;
    opacity: 0.85 !important;
}

.cate_list li a {
    background-color: #f7f7f7;
}

.cate_list li .cate_no {
    opacity: 0.2;
    display: none;
}

#page_title:before{
    background: none !important;
}

#page_title::after {
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(100,100,100,0.3) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(100,100,100,0.3) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(100,100,100,0.3) 100%);
    z-index: 2;
}

#page_title.active > div p {
    transform: translateY(-20px);
}


.linkStyle{
        color: #1daba4;
}

.bg_color1 .linkStyle{
        color: yellow;
}


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


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


#intro h3{
        font-size: 80px;
}

#intro p{
    margin-bottom: 200px;
    padding: 0 9%;
}

#intro_box h3{
    font-size: 24px;
}

#intro_box p{
    margin-bottom: 0;
    padding: 0;
}

#main_img::after {
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
    z-index: 2;
}

#main_img:before{
    content: "";
    display: block;
    width: 90%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/font.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: 13;
}

#main_img h2 {
    position: relative;
    z-index: 14;
    overflow: hidden;
    top: 25%;
    padding-right: 10%;
}

#contents div{
    border: none;
}

#contents div:after {
    opacity: 1;
    z-index: 1;
}

#main_img h2 span{
    color: yellow;
}


#contents_links .box_wrap .box a:after {
    opacity: 0.6;
}

#contents_links .box_wrap .box a div span::after {
    background-color: #1daba4;
}

#contents_links .box_wrap .box a h4 {
    background-color: rgba(29, 171, 164, 0.1);
}

#contents:before {
    background-image: url(./Dup/img/bg_black.png);
    height: 50%;
    opacity: 0.3;
}

.top_cms_box{
        background-color: #f7f7f7;
        padding: 20px;
}



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

/*---contact start------*/

#mail_contact{
    display: none;
}

#tel_contact{
    background: rgb(29, 171, 164);
    background: -moz-linear-gradient(left, rgb(29, 171, 164) 0%, rgb(29, 171, 164) 100%) !important;
    background: -webkit-linear-gradient(left, rgb(29, 171, 164) 0%,rgb(29, 171, 164) 100%) !important;
    background: linear-gradient(to right, rgb(29, 171, 164) 0%,rgb(29, 171, 164) 100%) !important;
}



/*---contact end------*/


/*-----page10 start-----*/

#page10 .box a:after{
    background: rgb(29, 171, 164);
    background: -moz-linear-gradient(left, rgb(29, 171, 164) 0%, rgb(29, 171, 164) 100%) !important;
    background: -webkit-linear-gradient(left, rgb(29, 171, 164) 0%,rgb(29, 171, 164) 100%) !important;
}

#page10 .box a > div p {
    font-size: 50px;
}

#page10 .box a > div h3 {
    font-size: 20px;
}

/*-----page10 end-----*/

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#main_img h2:before{
    background: linear-gradient(to right, rgb(29, 171, 164) 0%,rgb(29, 171, 164) 100%) !important;
}

#intro h3 {
    font-size: 50px;
}

}

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

#intro h3 {
    font-size: 40px;
    line-height: 1.4em;
}

#footer_box h2{
    width: 90%;
}

#tel_contact a{
        letter-spacing: 0.1em;
            padding: 5px;
}

}