/*--------------------------2020/3/27修正--------------------------*/
#main_menu ul li a::before{
background-color: black;
}
#page7 .txt_color1{
color:black;
}
#page7 .txt_color3{
color:black;
}
#page10 .txt_color3 {
color: black;
}
#page10 .txt_color3:hover {
color: white;
}
/*--------------------------IEデバック修正--------------------------*/
@media all and (-ms-high-contrast: none) {
.tel_bt .pd_b-15px{
padding-bottom: 13px;
padding-top:17px;
}
.foot_tel_bt .pd_b-15px{
padding-bottom: 13px;
padding-top:17px;
}
.more .pd_b-10px {
padding-bottom: 8px;
padding-top:12px;
}
#page8 .mail input{
padding:8px 16px 10px;
}
}


@import url('https://fonts.googleapis.com/css?family=Parisienne&display=swap');
/*-------------------------------------------------- 20200319_start */
.pd_t-80px{padding-top: 80px;}
header{
background-image: url(./Dup/img/head.png);
background-repeat: no-repeat;
background-size: auto 100%;
}
.main_box{position: relative;}
.main_box:before{
content: "";
display: block;
background-image: url(./Dup/img/back.png);
background-repeat: no-repeat;
background-size: cover;
width: 75%;
height: 100%;
z-index: -1;
position: fixed;
bottom: 0;
right: 0;
opacity: 0.7;
}
/* お問い合わせボタン hover */
.button:hover::after {
	box-shadow: inset 0 0 0 15em #0078d7;
}
.button2:hover {
	box-shadow: none;
}

.txt2,.txt4,.txt5,.txt7{position: relative;}
.txt4:before,.txt5:before,.txt7:before{
content: "";
display: block;
white-space:pre;
font-family: 'Parisienne', cursive;
font-size: 45px;
opacity: 0.3;
color: #beafa0;
font-weight: normal;
font-style: italic;
line-height: 1.2;
letter-spacing: 0;
position: absolute;
}
.txt4:before{
content: "Right people, \A Right place";
top: -95px;
left: -15px;
transform: rotate(-10deg);
}
.txt5:before{
content: "Worthwhile";
top: -30px;
left: -30px;
transform: rotate(-5deg);
}
.txt7:before{
content: "Experience & Works";
top: -35px;
left: -30px;
transform: rotate(-5deg);
}
.txt2:after,.txt4:after,.txt5:after,.txt7:after{
content: "";
display: block;
width: 70px;
height: 5px;
background-color: #cde6f5;
position: absolute;
bottom: 0;
left: 0;
}
.cate_list a{color: #285578;}
/*-------------------------------------------------- 20200319_end */

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #0078d7;}
.txt_color_nomal .linkStyle{color: #0078d7;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #0078d7;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #0078d7;}

/* color */
body,.txt_color_nomal{color: black/*#285578*/;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0078d7} /* メインカラー */
.txt_color2{color: #cde6f5} /* サブカラー */
.txt_color3{color: #876e4b} /* アクセントカラー1 */
.txt_color4{color: #beafa0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #0078d7} /* メインカラー */
.bg_color2{background-color: #cde6f5} /* サブカラー */
.bg_color3{background-color: #876e4b} /* アクセントカラー1 */
.bg_color4{background-color: #beafa0} /* アクセントカラー2 */
.bg_color5{background-color: rgba(205,230,245,0.3);}
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #0078d7}
.border_color2{border-color: #cde6f5}
.border_color3{border-color: #876e4b}
.border_color4{border-color: #beafa0}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #285578;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #0078d7} /* メインカラー */
.hvr_txt_color2:hover{color: #cde6f5} /* サブカラー */
.hvr_txt_color3:hover{color: #876e4b} /* アクセントカラー1 */
.hvr_txt_color4:hover{color:#beafa0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #0078d7} /* メインカラー */
.hvr_bg_color2:hover{background-color: #cde6f5} /* サブカラー */
.hvr_bg_color3:hover{background-color: #876e4b} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #beafa0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0078d7}
.hvr_border_color2:hover{border-color: #cde6f5}
.hvr_border_color3:hover{border-color: #876e4b}
.hvr_border_color4:hover{border-color: #beafa0}

/*-------------------------------------------------top*/
/*
.flex_box .bg_color4{
background: -moz-linear-gradient(top, #6fbfef 2%, #f1f1f1 70%);
background: -webkit-linear-gradient(top, #6fbfef 2%, #f1f1f1 70%);
background: linear-gradient(to bottom, #6fbfef 2%, #f1f1f1 70%);
background-image:url(./dup/img/header_back.jpg);
background-repeat: no-repeat;
background-size:auto 100%;
}
#contents1{
background-image:url(./dup/img/contents_back.jpg);
background-repeat: no-repeat;
background-size:100%;
}
*/
#contents_box{
background-image:url(./dup/img/contents_box.png);
background-position:bottom center;
background-repeat: repeat-x;
background-size:70%;
padding-bottom:150px;
}
#top_cms .circle{
background-color:rgba(255,255,255,.1);
}
#top_cms .arrow{
border-color:rgba(255,255,255,.1);
background-color:rgba(255,255,255,.1);
}
footer{background-color: #e9f4fb;}
/*
.foot_tel_bt a:hover{
color:#0f1b63;
}
*/
/*-------------------------------------------------cms04*/
#cms_6-a img{
width:70%!important;
margin-top: 20px;
margin-bottom: 20px;
}

/*-------------------------------------------------cms05*/
#cms_1-d .title_box {
    background-color:#d3ecf2;
}
#cms_1-d .box_wrap{
    background-color:white;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{
background-size: 100% auto;
background-position: bottom center;
}
.hamburger{top: 22px;}
.main_box:before{
width: 100%;
height: 100%;
position: fixed;
bottom: 0;
right: 0;
}
.txt4:before,.txt5:before,.txt7:before{
font-size: 30px;
}
.txt4:before{
top: -60px;
left: -15px;
}
.txt5:before{
top: -25px;
left: -15px;
}
.txt7:before{
top: -25px;
left: -15px;
}
.flex_box .bg_color4{
background-color:#f1f1f1;
background-image:none;
}
#contents_box{padding-bottom:100px;}
#cms_6-a img{
width:80%!important;
}
.hamburger{
z-index: 1000;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.hamburger{top: 13px;}
#contents1{
background-size: auto 100%;
}
#contents_box{
background-size:100%;
padding-bottom:70px;
}
#cms_6-a img{
width:100%!important;
}
｝