@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/* ----------　all　---------- */
.linkStyle{
	color:#ffbd59;
}
.linkStyle:hover{
	color:#ffbd59;
	opacity: 0.7;
	transition: all 0.5s;
}

/* color */
.txt_color1{color:#05989e!important;} /* メインカラー */
.txt_color2{color:#ebf7f7!important;} /* サブカラー */
.txt_color3{color:#ffbd59!important;} /* アクセントカラー1 */
.txt_color4{color:#fff7eb!important;} /* アクセントカラー2 */


/* background-color */
.bg_color1{background-color:#05989e!important;} /* メインカラー */
.bg_color2{background-color:#ebf7f7!important;} /* サブカラー */
.bg_color3{background-color:#ffbd59!important;} /* アクセントカラー1 */
.bg_color4{background-color:#fff7eb!important;} /* アクセントカラー2 */



/* border-color ※!important */
.border_color1{border-color:#05989e!important;}
.border_color2{border-color:#ebf7f7!important;}
.border_color3{border-color:#ffbd59!important;}
.border_color4{border-color:#fff7eb!important;}



/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color1:hover{color:#05989e!important;} /* メインカラー */
.hvr_txt_color2:hover{color:#ebf7f7!important;} /* サブカラー */
.hvr_txt_color3:hover{color:#ffbd59!important;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color:#fff7eb!important;} /* アクセントカラー2 */


/* background-color */
.hvr_bg_color1:hover{background-color:#05989e!important;} /* メインカラー */
.hvr_bg_color2:hover{background-color:#ebf7f7!important;} /* サブカラー */
.hvr_bg_color3:hover{background-color:#ffbd59!important;} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color:#fff7eb!important;} /* アクセントカラー2 */



/* border-color ※!important */
.hvr_border_color1:hover{border-color:#05989e!important;}
.hvr_border_color2:hover{border-color:#ebf7f7!important;}
.hvr_border_color3:hover{border-color:#ffbd59!important;}
.hvr_border_color4:hover{border-color:#fff7eb!important;}

/*
body, .font_en, .date, a[href^="tel:"], a[href^="mailto:"] {
    font-family: 'Zen Maru Gothic', sans-serif!important;
}*/

.font_en, .date, a[href^="tel:"], a[href^="mailto:"] {
    font-weight: bold;

}


/* nav */

header {
    padding-top: 100px!important;
}

#main_menu ul li {
    margin-top: 10px;
}

#main_menu ul li a {
    font-weight: bold;
}

#main_menu ul li a::before {
    background-color: #05989e!important;
}

.hamburger.active .hamburger__icon {
        background-color: transparent!important;
}


/* footer */

footer {
    background-color: #f1f4f4;
}

.fix-bnr {
    right: 60px;
    bottom: 0px;
    z-index: 10;
}

.fix-bnr a {
    transition: 0.5s;
}

.fix-bnr a:hover {
    opacity: 0.5;
}

/*more-btn*/

.button:hover {
    color: #ffffff!important;
}

.button:hover::after {
    box-shadow: inset 0 0 0 15em #05989e!important;;
}

#contents3 .button {
    font-weight: normal;
}

#contents3 .button:hover {
    color: #ffbd59!important;
    font-weight: normal;
}

#contents3 .button:hover::after {
    box-shadow: inset 0 0 0 15em #ffffff!important;;
}

/* ----------　TOP　---------- */

/* main-img */

.copy-box {
    z-index: 3;
    max-width: 1000px;
    top: 40%;
    right: 5%;
    width: 60%;
}

/* top */
/*
.con_no::before {
    display: none;
}*/
.con_no {
    font-weight: bold;

}

#contents1 {
    position: relative;
    padding: 80px 10%;

}

#contents1::before {
    content: "";
    width: 40%;
    height: 70%;
    background-image: url(Dup/img/logomark-tr.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 5%;
    right: 10%;
    transform: rotate(-15deg);
    z-index: -1;
}

#contents1 h2 {
    font-size: 40px;
}

#attach {
    position: relative;
}

#attach::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #05989e;
    opacity: 0.35;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}


#contents2 h2 {
    font-size: 30px;
}

#contents2 {
    background-image: url(Dup/img/car.png);
    background-repeat: no-repeat;
    background-position: left 3% bottom;
    background-size: 20%;
}

#contents3 {
    position: relative;
    padding:  100px 10%;
    background-image: url(Dup/img/con2-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

#contents3::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(5,152,158,0.85);
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
} 

.con3-box {
    width: 100%;
    column-gap: 5%;
    align-items: center;

}

.con3-box figure, .con3-txt {
    width: 45%;
    z-index: 1;
}


.con3-txt h3 {
    font-size: 30px;
}

.con3-box:nth-of-type(2) .con3-txt {
    order: 1;
}

.con3-box:nth-of-type(2) figure {
    order: 2;
}

.entry-buttun {
    padding: 45px;
    font-size: 30px;
}


/* top-cms */
/*
#top_cms > .box:nth-of-type(1), #top_cms > .box:nth-of-type(4) {
    background-color: #ebf7f7;
}*/


/* ----------　下層ページ　---------- */

.pager li a:hover, .cate_list li a:hover, #page10 li a:hover {
    color: #ffffff!important;
}

.cate_list li a:hover {
    
}

/* 会社情報 */
/* お問い合わせ */

#page8 #mail-form::before {
    content: "";
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

#page8 #form_area .mail input:nth-of-type(2) {
    background-color: #b5b7b7!important;
    border-color: #b5b7b7!important;
}


/* プライバシーポリシー */
/* サイトマップ */




/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
    header .head_banner a {
        display: none;
    }
    
    
    #main_img {
    max-height: auto!important;
    min-height: auto!important;
    }
    
    #main_img img {
    max-height: auto!important;
    min-height: auto!important;
    }
    
    header {
    padding: 25px 0!important;
    }
    
    .main_box {
        padding-top: 70px;
        margin-top: 0px;
    }
    
#contents1::before {
    width: 45%;
    height: 50%;
    top: 45%;
    right: 5%;
}

.fix-bnr {
    width: 60%;
    right: 15%;
    z-index: 10;
    bottom: 0;
}
    
    
.con3-box figure, .con3-txt {
    width: 100%;
}
    
.con3-box:nth-of-type(2) .con3-txt {
    order: 2;
}

.con3-box:nth-of-type(2) figure {
    order: 1;
}
    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
header {
    padding: 15px 0!important;
}
    
    .fix-bnr {
    width: 80%;
    right: 10%;
    z-index: 10;
}
    
.main_box {
        margin-top: 0;
        padding-top: 50px;
    }
    
    #contents1 {
        padding: 80px 7%;
    }
    
    #contents1::before {
    width: 50%;
    height: 15%;
    top: 75%;
    right: 10%;
}
    
    #contents1 h2 {
    font-size: 25px;
}
    
    #contents2 {
        padding: 100px 7% 150px;
    }
    
    #contents2 h2 {
    font-size: 20px;
}
    
    #contents3 {
        padding: 100px 7%;
    }
    
    .con3-txt h3 {
    font-size: 20px;
}

.con_no {
    padding-right: 0;
}

.con_no::before {
    display: none;
}
    
.button {
    width: auto!important;
}
    
}



/*仕事の流れ流れ*/

.flow_type4 .box_description2{
	border-left: dotted 4px #1e2b38;
	background-color: rgba(204, 204, 204, .35);
}
.flow_type4 .box_txt1,
.flow_type4 .box_txt2{
	padding-left:20px;
}
.flow_type4 .box_wrap{
    position: relative;
    padding-left: 30px;
}
.flow_type4 .box_wrap:before{
    content: "";
    display: inline-block;
    height: calc(100% - 30px);
    border-left: 4px dotted #1e2b38;
    position: absolute;
    top: 30px;
    left: 26px;
}
.flow_type4 .cate_box:last-of-type{
	padding-bottom: 0;
}
.flow_type4 .box_description2{
    position: relative;
    border-left: none;
    background-color: rgba(255, 255, 255, 0);
}
.flow_type4 .box_description2 span{
	position: absolute;
    display: inline-block;
    width: 68px;
    top: 5px;
    left: -38px;
}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
.flow_type4 .cate_box{
	flex-direction: column-reverse;
}
.flow_type4 .box_description2 span {
	width: 61px;
	left: -34px;
}
}
/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.flow_type4 .box_wrap{
    padding-left: 23px;
}
.flow_type4 .box_wrap:before {
    left: 19px;
}
}