﻿/* ----------　all　---------- */
.linkStyle{
	color:#ff558d;
}
.linkStyle:hover{
	color:#ff558d;
	opacity: 0.7;
	transition: all 0.5s;
}

/* color */
body,.txt_color_nomal{color: #333333!important;}
.txt_color1{color:#35a7f3!important;} /* メインカラー */
.txt_color2{color:#3bd8dc!important;} /* サブカラー */
.txt_color3{color: #ffef55!important;} /* アクセントカラー1 */
.txt_color4{color: #ff558d!important;} /* アクセントカラー2 */


/* background-color */
.bg_color1{background-color: #35a7f3!important;} /* メインカラー */
.bg_color2{background-color: #3bd8dc!important;} /* サブカラー */
.bg_color3{background-color: #ffef55!important;} /* アクセントカラー1 */
.bg_color4{background-color: #ff558d!important;} /* アクセントカラー2 */



/* border-color ※!important */
.border_color1{border-color: #35a7f3!important;}
.border_color2{border-color: #ff558d!important;}
.border_color3{border-color: #ffef55!important;}
.border_color4{border-color: #ff558d!important;}



/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333!important;}
.hvr_txt_color1:hover{color: #35a7f3!important;} /* メインカラー */
.hvr_txt_color2:hover{color: #3bd8dc!important;} /* サブカラー */
.hvr_txt_color3:hover{color: #ffef55!important;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ff558d!important;} /* アクセントカラー2 */


/* background-color */
.hvr_bg_color1:hover{background-color: #35a7f3!important;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #3bd8dc!important;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ffef55!important;} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ff558d!important;} /* アクセントカラー2 */



/* border-color ※!important */
.hvr_border_color1:hover{border-color: #35a7f3!important;}
.hvr_border_color2:hover{border-color: #3bd8dc!important;}
.hvr_border_color3:hover{border-color: #ff558d!important;}
.hvr_border_color4:hover{border-color: #ff558d!important;}


.top_loader .logo {
    display: none;
}

.top_loader {
    background-color: #ffffff!important;
}

.top_loader .loader_txt {
    transform: translateY(50vh);
}

.top_loader .loader_txt img {
    width: 30%!important;
}

.all_page header .logo img {
        width: 80%!important;
    height: auto!important;
}

/* nav */

.cms_link div a {
       background: rgb(59,216,220);
    background: linear-gradient(120deg, rgba(59,216,220,1) 0%, rgba(53,167,243,1) 50%, rgba(51,94,233,1) 100%);
    color: #ffffff!important; 
}

.menu {
    width: 20%!important;
    z-index: 20;
}


.all_page header.clone-nav, header.clone-nav {
    background-color: #35a7f3!important;
        z-index: 10;
}

/* footer */

.f_link {
    background-color:#efefef!important;
}

.page-top a {
    background-color: #ff558d!important;
}

.f_logo .box .more_txt1, .f_logo .box .more_box {
    background-color:#ffffff!important;
}

.footer_con_box .footer_tel {
    background-color: #35a7f3!important;
}


/* ----------　TOP　---------- */

/* main-img */

.menu .logo {
        background: rgb(59,216,220);
    background: linear-gradient(95deg, rgba(59,216,220,1) 0%, rgba(53,167,243,1) 50%, rgba(51,94,233,1) 100%);
}

.main-copy {
    max-width: 1154px;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 70%;
}



.hover {
    background-color: #ff558d!important;
}

/* top */

#question:before {
    display: none;
}

#question {
    background-color: #ffffff!important;

}

#question .box .box_item {
        background-color: rgba(255,255,255,0.6)!important;
}

#contents {
    background-color: #efefef!important;
}

#contents .box .box_item:before {
    border: 1px dashed #666666;
}


.title_dec img {
        height: 50px;
    width: auto;
    margin-bottom: 10px;
    margin-right: 10px;
}

#question .sliceTxt4, #question .sliceTxt5, #question .sliceTxt6 {
    font-size: calc(1rem + 14px);
    text-shadow: none;
    color: #333333!important;
}

#contents .box .box_item .sub_title, #catch .box .sub_title, .cms1 .sub_title span{
    background: -webkit-linear-gradient(60deg, rgba(59,216,220,1) 0%, rgba(53,167,243,1) 50%, rgba(51,94,233,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: none;
    font-weight: bold;

}

.sub_title {
    font-family: Sans-Serif!important;    
}

#catch {
    position: relative;
}

#catch::before {
    content: "";
    width: 30%;
    height: 35%;
    background-image: url(/Dup/img/hito1.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0%;
    bottom: -20%;
    z-index: 5;
}


.con1, .con2, .con3 {
    position: relative;
}

.con1::before {
    content: "";
    width: 50%;
    height: 50%;
    background-image: url(/Dup/img/hito3.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 5;
}

.con2::before {
    content: "";
    width: 50%;
    height: 50%;
    background-image: url(/Dup/img/hito4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    position: absolute;
    right: 55%;
    bottom: -15%;
    z-index: 5;
}

.con3::before {
    content: "";
    width: 15%;
    height: 50%;
    background-image: url(/Dup/img/hito5.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    bottom: -30%;
    z-index: 5;
}

#question .txt:before {
    background-color:transparent!important;
}

/* top-cms */



/* ----------　下層ページ　---------- */

.page_title_box .title p {
    font-family: Sans-Serif!important;
}

#page_title {
    margin-top: 45px;
    height: 270px;
}

/* 会社情報 */
/* お問い合わせ */

.page8 #tel_contact {
    background-color: #ffffff!important;
    color:#333333!important;
}

.page8 #tel_contact .tel a {
    color: #35a7f3!important;
    border-color: #35a7f3!important;
}

.page8 #tel_txt {
    text-align: left;
}


/* プライバシーポリシー */


.loader a:hover {
    opacity: 0.5;
    color: #ffffff!important;
}


/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
    header {
        padding: 15px!important;
    }
    
    #nav_menu {
        height: 50px;
        width: 50px;
    }
    
    header .logo img, .all_page header .logo img {
        width: 80%!important;
        height: auto!important;
    }
    
    .vegas-wrapper::before {
        background-size: 80%;
    }
    
    
    
    #page_title, .main_img_wrap {
        margin-top: 55px;
    }
    
    #catch::before {
        width: 40%;
        height: 40%;
    }
    
    .title_dec img {
        height: 40px;
        margin-bottom: 15px;
    }
    
    #question {
        padding-bottom: 50px!important;
    }
    
    #question .txt {
        width: 100%!important;
        margin: 0 0 40px 0!important;
    }
    
    
    .con1::before {
    width: 30%;
    height: 30%;
    left: 80%;

}

    .con2::before {
        width: 30%;
        height: 30%;
        right: 0%;
        bottom: -17%;
    }
    
    .con3::before {
        width: 30%;
    height: 30%;
    left: 70%;
    bottom: -20%;
    }
    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
    .top_loader .loader_txt img {
    width: 80%!important;
} 
    
    .top_loader .loader_txt {
    transform: translateY(40vh);
}
    
    .vegas-wrapper::before {
    background-size: 95%;
}
    
    .main-copy {
        width: 95%;
    }
    
    header .logo, header .logo img, .all_page header .logo img {
        height: auto!important;
        width: 70%!important;
    }
    
    .header {
        width: 100%!important;
    }
    
    
    #catch::before {
    width: 50%;
    height: 20%;
    bottom: -10%;
    right: -5%;
    }
    
    #catch .box .sub_title {
            font-size: calc(1rem + 30px);
    top: -5px;
    left: 0px;
    }
    
    .con1::before {
        background-position: bottom;
        left: 75%;
    }
    
    .con3::before {
        width: 45%;
        height: 30%;
        left: 55%;
        bottom: -7%;
        background-position: bottom;
    }
    
    #question .box .box_item {
    padding: 5px;
}
    
    #question .txt {
        font-size: calc(1rem + 0px)!important;
    }
    
    .page8 #tel_contact .tel a {
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
    }
    
}





.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}