@charset "utf-8";
/* CSS Document */

/* color */
.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #f4d51c} /* メインカラー */
.txt_color2{color: #f6f6f6} /* サブカラー */
.txt_color3{color: #2678ef} /* アクセントカラー1 */
.txt_color4{color: #fff8a3} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f4d51c} /* メインカラー */
.bg_color2{background-color: #f6f6f6} /* サブカラー */
.bg_color3{background-color: #2678ef} /* アクセントカラー1 */
.bg_color4{background-color: #fff8a3} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #f4d51c}
.border_color2{border-color: #f6f6f6}
.border_color3{border-color: #1673f5}
.border_color4{border-color: #fff8a3}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #f4d51c} /* メインカラー */
.hvr_txt_color2:hover{color: #f6f6f6} /* サブカラー */
.hvr_txt_color3:hover{color: #2678ef} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fff8a3} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #f4d51c} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f6f6f6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #1673f5} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fff8a3} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f4d51c}
.hvr_border_color2:hover{border-color: #f6f6f6}
.hvr_border_color3:hover{border-color: #1673f5}
.hvr_border_color4:hover{border-color: #fff8a3}


/*全ページ*/
body{font-size: calc(1rem - 0px)!important;}
#logo .logo{width:100%!important;}
#header .mail_bt a{background-color:#2678ef;}
#header .mail_bt a:hover{background-color: #f4d51c;}
#header .tel_bt a{color:#2678ef;}
#header .tel_bt a:hover{color: #f4d51c;}
#page_title::before,#footer::before{background: rgba(77, 134, 159, 0.3);}
.l-gh__scrollnav-pagetop-text{
background-color: #f4d51c;
padding: 10px 8px 10px 10px;
color: white;
}
.l-gh__scrollnav-scroll-text{
color:white;
background-color: #1673f5;
padding: 10px 8px 10px 10px;
}

/*トップページ*/
#main_img{max-height: 850px;}
#top_contents1{
padding: 150px 5% 265px;
position:relative;
}
#top_contents1::before{
content:'';
position:absolute;
display:block;
background-image:url(dup/img/item3.png);
width:200px;
height:200px;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
}
#top_contents1 h2{
position:relative;
color:#333333;
}
#top_contents1 h2::before{
position:absolute;
content:'';
display:block;
background-image:url(dup/img/item.png);
width:200px;
height:40px;
background-repeat:no-repeat;
top: -60px;
left: 0;
right: 0;
margin: 0 auto;
}
#top_contents2 .item4::before,#top_contents2 .item5::before,#top_contents2 .item6::before{
position:absolute;
content:'';
display:block;
background-repeat:no-repeat;
z-index:2;
}
#top_contents2 .item4::before{
background-image:url(dup/img/item4.png);
width:140px;
height:145px;
bottom: 20px;
right: 35px;
}
#top_contents2 .item5::before{
background-image:url(dup/img/item5.png);
width:100px;
height:150px;
bottom: 30px;
left: 50px;
}
#top_contents2 .item6::before{
background-image:url(dup/img/item6.png);
width:170px;
height:145px;
bottom: 60px;
right:35px;
}



/*下層ページ*/
#page_title .page_title_inner {padding: 190px 20px;}
#page_title::after{
position:absolute;
content:'';
display:block;
background-image:url(dup/img/item2.png);
width:60px;
height:60px;
background-repeat:no-repeat;
bottom:  -80px;
left: 0;
right: 0;
margin: 0 auto;
}
#page_title h2{font-size: calc(1rem + 10px);}

/*幣社について*/
#cms_2-c .cate_title{
border-bottom:2px solid #f4d51c;
border-left:10px solid #1673f5;
font-weight: bold;
}
#cms_2-c .cate{border-bottom:0;}
#cms_2-c .box_txt1{
color:#333;
font-weight:bold;
}

/*業務内容*/
#cms_2-b .cate_title{
background-color:transparent;
color:#333;
border-bottom: 2px solid #f4d51c;
font-weight: bold;
}
#cms_2-b img{
border-right:0;
border-bottom: 0;
}
#cms_2-b .cate_box{border-left: 10px solid #1673f5;}
#cms_2-b .box_title1{
color:#333!important;
border-bottom:0;
font-weight: bold;
}  

/*採用情報*/
#cms_6-b .box_txt1 {
background-color: #fff8a3;
color:#333;
}
#cms_6-b .cate_box:first-of-type,#cms_6-b .cate_box, #cms_6-b .cate_box .box_txt1, #cms_6-b .cate_box .box_txt2{border-color: #bebebd;}

/*スタッフインタビュー*/
#cms_6-a .cate_title {
background-color:transparent;
color:#333;
border-bottom: 2px solid #f4d51c;
font-weight: bold;
}
#cms_6-a .box_wrap{border-left: 10px solid #1673f5;}
#cms_6-a .cate_box{border-bottom: 2px dashed #f4d51c;}
#cms_6-a .box_txt1 {
color:#333;
margin-bottom:5px;
font-size: 18px;
}

/*お問い合わせ*/
#page8 span .txt_color1{color:red;}
#contact_tel a{border:1px solid #d7d7d7;}
#page8 #tel_txt h3{color:#333;}
#page8 #tel_txt p{border-left:1px solid #d7d7d7;}
#page8 #tel_txt > div{border-bottom:1px solid #d7d7d7;}

/* ---------- レスポンシブ ---------- */
@media screen and (max-width: 1285px){
#top_contents2 .con_box .text_box {padding: 30px 20px 150px;}

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo img{width:170%!important;}
#top_contents2 .con_box .text_box {padding: 30px 20px 130px;}
#top_contents2 .item4::before,#top_contents2 .item5::before,#top_contents2 .item6::before{bottom:0;}
#page_title .page_title_inner {padding: 150px 20px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo img{width:160%!important;}
#top_contents1 h2{font-size: calc(1rem + 3px);}
#top_contents2 .item5::before{left: 240px;}
#top_contents2 .con_box .text_box {padding: 30px 20px 150px;}
#page_title .page_title_inner {padding: 100px 20px;}
#page_title h2 {font-size: calc(1rem + 7px);}
#page_title::after {
background-image:url(dup/img/item2_sp.png);
width: 42px;
height:42px;
bottom:-60px;
}

}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.l-gh__scrollnav-pagetop-text,.l-gh__scrollnav-scroll-text{padding: 10px;}
.font_Quick .pager li a .posi_center{top:52%;}
.font_Quick .cate_list li a{padding:15px 10px 9px;}
#cms_2-c .cate_title{padding:15px 5px 5px;}
}