@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #211E55;}
.txt_white{color: #F5FCFF;}
.txt_red{color: red;}
.txt_color1{color: #211E55;} /* メインカラー */
.txt_color2{color: #bad2d5;} /* サブカラー */
.txt_color3{color: #EF6E50;} /* アクセントカラー1 */
.txt_color4{color: #F5FCFF;} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: #F5FCFF;} /* 白背景 */
.bg_black{background-color: #211E55;} /* 黒背景 */
.bg_color1{background-color: #211E55;} /* メインカラー */
.bg_color2{background-color: #F4DE71} /* サブカラー */
.bg_color3{background-color: #211E55;} /* アクセントカラー1 */
.bg_color4{background-color: #F5FCFF;} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important;}


/* border-color ※!important */
.border_color1{border-color: #211E55;}
.border_color2{border-color: #bad2d5;}
.border_color3{border-color: #EF6E50;}
.border_color4{border-color: rgba(33,30,85,0.1);}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #211E55;}
.hvr_txt_white:hover{color: #F5FCFF;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #211E55;} /* メインカラー */
.hvr_txt_color2:hover{color: #bad2d5;} /* サブカラー */
.hvr_txt_color3:hover{color: #bf9d74;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #F5FCFF;} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: #F5FCFF;} /* 白背景 */
.hvr_bg_black:hover{background-color: #211E55;} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #211E55;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #bad2d5;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #EF6E50} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #F5FCFF;} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #211E55;}
.hvr_border_color2:hover{border-color: #bad2d5;}
.hvr_border_color3:hover{border-color: #EF6E50}
.hvr_border_color4:hover{border-color: #F5FCFF;}



body{
    background: #EF6E50;
}

#contents .box:nth-child(odd) figure:after {
    color: #F4DE71 !important;
}

.img-container:before {
    background: #211E55;
}

.t_cms_img2 .img-container:before {
    background: #EF6E50;
}

.top_cms_box:before {
    background-color: #211E55;
}

footer {
    background-color: #211E55;
}

/*--------------------------------------------------------------------------------------------*/
/*font*/
body{
font-family: 'Kosugi Maru', sans-serif;
}

/*足跡*/

.dec {
    width: 70px;
}


#dec1, #dec3, #dec5, #dec7 {
    margin-left: 47.5%;
    margin-top: 18px;
    margin-bottom: 0px;
    transform: rotate(37deg);
}

#dec2, #dec4, #dec6, #dec8 {
    margin-left: 44.5%;
    margin-top: 0px;
    margin-bottom: 5px;
    transform: rotate(37deg);
}

footer .svg_box {
    position: absolute;
    width: 50%;
    max-width: 148px;
    transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    z-index: -1;
}

#page_title:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(201, 255, 255, 0.50);
}






/*下層ページタイトル画像*/

#page_title p:nth-child(2) span {
	font-size: 18px;
}
#page_title .page_title_box {
    margin-left: 80px;
    z-index: 1;
    padding: 20px 20px 0px 87px;
    position: absolute;
    left: 0;
    margin: 0;
}



#page_title .img-container::after {
    background-color: rgba(244,222,113,0.18);
}
/*画像表示前背景色*/
#page_title .img-container:before {
    background: #F4DE71; 
}
#title_img {
	width: 75%;
}
#page_title{
	padding-top: 0;
}
/*画像*/
#page_title:before {
    content: "";
    display: block;
    width: 75%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 25%;
    z-index: 1;
    background: rgba(245, 252, 255, 0.50);
}


/*linkStyle*/
a.linkStyle {
    color: #EF6E50;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #211E55;
}

/*top nav*/
.top_nav li a:hover{
    opacity: 0.8;
    color:#F5FCFF;
}

li.loader a:hover {
    opacity: 0.6;
}


/*top cms*/
.cms_3-e .topcms_css {
    width: 96% !important;
    height: auto !important;
}

.cms_3-e .topcms_css .square_img img, .rectangle_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.cms_3-e .topcms_css .cate img, .cate_box img {
    box-shadow: 0 2px 4px rgb(0 0 0 / 0%);
}


/*ロゴ　ローディング*/
#loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 250px;
    z-index: 3;
}

/*会社概要色*/
section#page7 .border_color2 {
    border-color: #211E55;
}
/*フッター複合機*/
footer .logo img{
    margin-right: 30px;
    /* width: 80%; */
}

#loading {
    background-color: #EF6E50;
}

#loading_line .line2 {
    background-color: #EF6E50;
}

.menu .nav ul li a {
    padding-left: 15px;
}

.img-container.active:before {
    transform: translateX(101%);
}

/*デ1修正*/
.menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.concept_banner{
    width: 32%;
}

.is-fixed .logo {
    width: 5%!important;
    transition: 0.3s;
}

.logo {
    width: 7% !important;
}

.is-fixed .nav1 {
    font-size: calc(1rem + 0px);
}

.menu.is-fixed {
    padding-top: 1px;
    padding-bottom: 1px;
}


.btn-flat-border {
    display: inline-block;
    padding: 0.5em 9em;
    text-decoration: none;
    color: #211E55;
    border: solid 2px #EF6E50;
    border-radius: 3px;
    transition: .4s;
}

.btn-flat-border:hover {
  background: #211E55;
  color: #F5FCFF;
  border-color: #211E55;
}



	#cms_3-e .cate_box{
		padding: 0px 0px;
	}


footer .logo {
    width: 50% !important;
}







@-moz-document url-prefix() {
    body{font-family:sans-serif;
}

}

/*IE*/
@media all and (-ms-high-contrast: none){
    #dec2, #dec4, #dec6, #dec8{
        margin-left: 46.5%;
        margin-top: 0px;
        margin-bottom: 0px;
        transform: rotate(39deg);
    }
   
.top_cms_box .more_box .more div{
    padding-top: 0px;
    padding-bottom: 1px;
}

#cms_3-e .cate_title{
    padding-top: 6px !important; 
}

#cms_3-e .sub_cate_title{
    padding-top: 5px !important;
}

.cate img, .cate_box img{
    box-shadow: 0px 2px 4px rgba(0,0,0,0);
}

footer .svg_box{
    transform:rotate(-40deg) translateY(-50%) translateX(-50%)
}

#cms_6-a .cate .cate_title{
    padding-top: 10px !important;
}

#page8 #tel_CONTACT p a{
    padding-top: 17px;
}


#page9 p a{
    padding-top: 6px;
}

.page10 .more_box .more div{
    padding-top: 0px;
    padding-bottom: 1px;
}

.pager li a span{
    padding-top: 11px;
    padding-bottom: 11px;
}
    
}

@media screen and (max-width: 768px){
    .cate_list li a {
    /*display: block;*/
    /*padding: 10px 1px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

p.catch {
    margin: 0 107px 0 20px;
}

.button_container span {
    height: 3px;
}

.overlay ul {
    padding-top: 53px;
}

.dec {
    width: 50px;
}

#page_title .page_title_box {
    padding: 20px 20px 0px 41px;
}

footer .pd_l-r5per {
    padding: 0 2%;
}
/*デ1修正*/
.all_header {
    position: static!important;
    background: #F5FCFF;
}


}

@media screen and (max-width: 667px){
    #page_title .page_title_box {
    padding: 0px 0px 0px 0px;
    background: rgba(33,30,85,0.4);
}

#page_title:before {
     background: rgba(245, 252, 255, 0.0); 
}

footer .dec {
    width: 88px;
}


#loading_logo {
    width: 40% !important;
    padding-right: 30px !important;
}

#page_title .img-container:before {
    background: #211E55; 
}

p.catch {
    margin: 0px 0px 7px 0px;
}
.main_img_wrap .catch span {
    padding: 10px 0;
    line-height: 2;
}


.dec {
    width: 40px;
}
}

/*デ1修正*/
.other_link_wrap .box_title{
        font-size: calc(1rem + 12px);
}

.main_img_wrap .catch {
    bottom: 190px;
}


.all_header {
    position: static!important;
    background: #F5FCFF;
}


.btn-flat-border {
    display: inline-block;
    padding: 0.5em 6em;
    text-decoration: none;
    color: #211E55;
    border: solid 2px #EF6E50;
    border-radius: 3px;
    transition: .4s;
    /* text-align: center; */
    margin: 0 12px;
}

.all_header #header {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.navi.posi_abs{
width: 100%;
    text-align: right;

}


/*20210624修正*/
@media screen and (max-width: 667px){
img.concept_banner.hvr_opa07.motion03s {
    width: 85%;
    /* text-align: center; */
    margin: 0 13px;
}

.de_1 {
    padding: 10px 10px !important;
}
}


/*20210625修正*/


.modal_bg{
     top: 0;left: 0;
     background-color: rgba(217,228,232,1.0);
     z-index: 9
}
.modal_box{
     max-height: 80%;
     overflow-y: auto;
     z-index: 10
}
.close_bt{cursor: pointer}

#contents .box figure {
    z-index: 0;
}
#contents .box .txt_wrap {
    z-index: 1;
}
#top_cms .top_cms_wrap {
    z-index: 0;
}
#top_cms .line {
    z-index: 0;

}
.bottom_menu {
    z-index: 0;
}


img.concept_banner {
    transition: 0.5s;
}
img.concept_banner:hover {
    opacity: 0.7;
}

.migi{
    transform:rotate(95deg);
    margin: 0px 16px 25px 42px;
    }
    

@media screen and (max-width: 768px){
    .migi{
    transform:rotate(95deg);
    margin: 20px 0 10px 37px;
    }

}

@media screen and (max-width: 667px){
.migi {
    transform: rotate(95deg);
    margin: 14px 16px 16px 25px;
}

    
    .modal_bt.mg_center_sp{
        margin: 27px auto 22px;
    }
    

.concept_banner {
    width: 80%;
    margin: 15px 30px;
}
}

@media all and (-ms-high-contrast: none){
.concept_banner {
    width: 32%;
    margin-bottom: -100px;
}

#cms_3-e figure.ie_mg {
    margin: -10px 0 -150px;
}


}

/*2021_0701_修正*/
/*.fixed_img*/
/*{*/

/*  width: 80%;*/
/*  transition: 0.5s;*/
/*}*/

.fixed_img {
    width: 70%;
    transition: 0.5s;
    position: relative;
    bottom: 1px;
    right: 85px;
    padding: 5px 10px;
    z-index: 2;
    width: 50%;
    transition: 0.5s;
}
.fixed_img:hover{
    opacity: 0.8;
    /*transition: 0.5s;*/
}
.nav.mg_center {
    margin-left: 10%;
}

.fixed_img_tb {
display: none;
}



/*IE*/
@media all and (-ms-high-contrast: none){}
/*タブレット*/
@media screen and (max-width: 768px){
/*.fixed_img_tb {*/
/*    display: inline;*/
/*    position: fixed;*/
/*    bottom: 0px;*/
/*    right: 71px;*/
/*    padding: 10px 10px;*/
/*    z-index: 2;*/
/*    width: 21.5%;*/
/*    transition: 0.5s;*/
/*}*/
/*.fixed_img_tb:hover{*/
/*    opacity: 0.8;*/
/*    transition: 0.5s;*/
/*}*/


#tel_fix{
     bottom: 11px;
     right: 80px;
     z-index: 10;
     width: 160px;
}

}
/*スマホ*/
@media screen and (max-width: 667px){
/*.fixed_img_tb {*/
/*    display: inline;*/
/*    position: fixed;*/
/*    bottom: 0px;*/
/*    right: 60px;*/
/*    padding: 10px 10px;*/
/*    z-index: 18;*/
/*    width: 35%;*/
/*    transition: 0.5s;*/
/*}*/
/*.fixed_img_tb:hover{*/
/*    opacity: 0.8;*/
/*    transition: 0.5s;*/
/*}*/
#tel_fix {
    bottom: 11px;
    right: 69px;
    z-index: 10;
    width: 126px;
}
}



/*20210709_修正*/
.vegas-overlay {
    background-size: 0% !important;
}