/*--------------------------IE--------------------------*/
@media all and (-ms-high-contrast: none) {
.cate_list li a{
padding: 13px 15px 7px 15px!important;
  }
}
/*--------------------------公開後修正--------------------------*/
#contact_tel .width_300-max {
    margin-bottom: 30px;
}
#page8 .width_300-max {
    max-width: 350px;
}
.hrader_info .tel{
display:none;
}
#info .tel{
display:none;
}
.hrader_info .contact .border_color4 {
    border-color: #a0a0a0;
}




#page7 .txt_color3 {
    color: #000000;
}
#header_menu .border_color1 {
    border-color: #ffd87e;
}

.fa-envelope:before {
/*display:none;*/
    content: "\f095"!important;  
}
#cms_2-a h4{
color: #00062b;
}
/*
p.contact {
    display: none;
}
*/
.tel .border_color4 {
    border-color: #133296;
}
.clone-nav .hrader_info .tel {
    margin-right: -32px;
}
#footer {
    border-top: none!important;
}


/* color */
body,.txt_color_nomal{color: #444444;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #133296} /* メインカラー */
.txt_color2{color: #afafaf} /* サブカラー */
.txt_color3{color: #C7C7C7} /* アクセントカラー1 */
.txt_color4{color: #ecf6f1} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #133296} /* メインカラー */
.bg_color2{background-color: #afafaf} /* サブカラー */
.bg_color3{background-color: #C7C7C7} /* アクセントカラー1 */
.bg_color4{background-color: #ecf6f1} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #133296}
.border_color2{border-color: #afafaf}
.border_color3{border-color: #C7C7C7}
.border_color4{border-color: #ecf6f1}


/* 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: #133296} /* メインカラー */
.hvr_txt_color2:hover{color: #afafaf} /* サブカラー */
.hvr_txt_color3:hover{color: #C7C7C7} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ecf6f1} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #133296}
.hvr_border_color2:hover{border-color: #afafaf}
.hvr_border_color3:hover{border-color: #C7C7C7}
.hvr_border_color4:hover{border-color: #ecf6f1}

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

/*--------------------------TOP--------------------------*/
#page-top a {
    border: 1px solid #f7f7f7;
}
div#wrap {
background-color: #f7f7f7;
}
#intro{
position:relative;
}
/*
#intro:before{
    position: absolute;
    content: "";
    width: 300px;
    height: 100%;
    background-image: url(./dup/img/int_right.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%;
    right: 0%;
    bottom: -76%;
}
*/
#intro:after{
    position: absolute;
    content: "";
    width: 500px;
    height: 119%;
    background-image: url(./dup/img/int_left.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    left: 0%;
    bottom: -46%;
}
#intro #intro_txt h2 {
font-weight: bold;
  position: relative;
    color: #00062b;
}
#intro #intro_txt h2::before {
    content: '';
    position: absolute;
    left: 110%;
    bottom: -13px;
    display: inline-block;
    width: 1px;
    height: 50px;
    background-color: #00062b;
    top: 0%;
}
/*--------------------------コンテ--------------------------*/
#contents h2 {
font-size: 36px;
position:relative;
    color: white;
}
#contents h2::before{
    content: "";
    width: 150px;
    height: 400px;
    position: absolute;
    background-image: url(./dup/img/txt.png);
    background-repeat: no-repeat;
    background-position: right top;
    top: 0;
    right: 16px;
    background-size: 23%;
}
#contents h2 .svg_box {
opacity: 0;
}
#contents h3{
color: #00062b;
font-size: 24px;
}
/*--------------------------フット--------------------------*/
#top_cms .cms_title .title_box {
    background-image: url(./dup/img/title.png);
    background-size: 14%;
    background-repeat: no-repeat;
    background-position: center;
}
#top_cms .txt_color1 {
color: #00062b;
font-weight: bold;
}
.foot_back{
background-color: #133296;
}
footer .txt_color1 {
color: #ffffff;
}
footer .txt_color_nomal {
    color: #ffffff;
}
footer .border_so1-r {
border-right: 1px solid #ffffff;
}
#footer {
    border-top: 4px double #fff;
}
#logo2 img{
    width: 100%!important;
}


/*--------------------------CMS--------------------------*/
.hvr_txt_color2:hover {
    color: #3e3e3e!important;
    background-color: #fff580;
    border: 1px solid #fff580;
}
#page_title .back_color {
    background: rgba(255,255,255,0.3);
}
#page_title h2{
color:#00062b;
}
.cate_list li a {
/*    background-color: #fff;*/
  position: relative;
    padding: 10px 15px;
  text-align: center;
    border: 1px solid #133296;
}
/*
.cate_list li a:before,.cate_list li a:after {
  position: absolute;
  content: '';
}
.cate_list li a:after {
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.cate_list li a:before {
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
*/
#cms_6-b .bg_color3 {
background-color: #424242;
    border-radius: 0px;
}
#cms_2-a h3{
/*transform: skew(-15deg);
background-color: #ffffff;*/
}
#cms_2-a .border_color2 {
border-color: #afafaf;
}
#cms_4-a .txt_color3 {
color: #424242;
}
#page8 .border_color2 {
border-color: #afafaf;
}
#page8 .txt_color2 {
color: #0d1ca2;
}

/* ---------- 1100---------- */
@media screen and (max-width: 1100px){
#contents h2::before {
    right: 19px;
}
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header .hrader_info {
    margin-left: 41.66667%!important;
    /*width: 23%!important;*/
    width: 28%!important;
}
#top_cms .cms_title .title_box {
    background-size: 22%;
}
#intro{
    margin-bottom: 70px;
}
.clone-nav .hrader_info .tel {
    margin-right: 5px;
}
.hrader_info .tel{
    margin-right: 5px;
}
#contents h3{
width:100%!important;
    font-size: 23px;
}
#intro:before {
    width: 272px;
    bottom: -61%;
}
#intro:after {
    bottom: -41%;
    width: 424px;
   /* left: 10%;*/
}
#contents h2 {
    background-position-x: 100%;
}
#contents h2::before {
    right: -11px;
    background-size: 26%;
    width: 139px;
    height: 331px;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.clone-nav .hrader_info .tel {
    margin-right:-25px;
}
.hrader_info .tel{
    margin-right: -27px;
}
#intro:after {
    bottom: -43%;
    width: 260px;
  /*  left: 14%;*/
    height: 87%;
}
#contents h3 {
    font-size: 20px;
}
#top_cms .cms_title .title_box {
    background-size: 44%;
}
#contents h2 {
font-size: 34px;
margin-bottom: 70px;
}
#contents h2::before {
    left: 194px;
    background-size: 43%;
    width: 56px;
    height: 450px;
    transform: rotate(-90deg);
    top: -302%;
}
#intro #intro_txt h2::before {
    left: 50%;
    width: 39px;
    height: 1px;
    top: 109%;
    transform: translate(-50%, 0px);
}
#header .hrader_info {
    margin-left: 21.66667%!important;
    width: 23%!important;
}
.clone-nav #logo {
    width: 30.66667%!important;
}
footer .border_so1-r {
    border-right:none!important;
}
#contents .back_color2::after {
background-image:url(./dup/img/back_c.png)!important;
background-size: cover;
    background-position-x: -65.5%;
}
.tel_txt{
font-size:16px;
} 
｝