#page_title,  h2, h3 {
font-family: "Yu Mincho", "YuMincho", serif !important;
}
/* color */
body,.txt_color_nomal{color: #555;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #2875c7} /* メインカラー */
.txt_color2{color: #f3f3f3} /* サブカラー */
.txt_color3{color: #75a8cd} /* アクセントカラー1 */
.txt_color4{color: #ffcebd} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_white{border-color: #fff}
.border_color1{border-color: #2875c7}
.border_color2{border-color: #cce3fb}
.border_color3{border-color: #cce3fb}
.border_color4{border-color: #ccc}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #555;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #2875c7} /* メインカラー */
.hvr_txt_color2:hover{color: #cce3fb} /* サブカラー */
.hvr_txt_color3:hover{color: #75a8cd} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffcebd} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #2875c7}
.hvr_border_color2:hover{border-color: #cce3fb}
.hvr_border_color3:hover{border-color: #75a8cd}
.hvr_border_color4:hover{border-color: #ffcebd}

h2, h3 {
  font-weight: bold;
}
.linkStyle {
  color: #333;
}
#intro .intro_bg {
    background-color: rgba(0,122,255,0.7);
}
#main_img h2 {
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.02em;
    font-size: 3vw;
}
#main_img {
    z-index: 0;
    overflow: hidden;
}
#header img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}
#contents2 .contents2_bg::before {
    background-color: #2875c7;
}
#contents1 .txt_color3 {
    color: #2875c7;
}
.tel_bt .txt_color3 {
    color: #2875c7;
}
.tel_bt .txt_color3:hover {
    opacity: 0.8;
}
#f_contact .bg_color3 {
    background-color: #2875c7;
}
#copyright {
   background-color: #2875c7;
  color: #ffffff;
}
 #copyright .txt_color_nomal {
  color: #ffffff;
}
#contents2 .cate_box {
	position: relative;
}
#contents2 .cate_box:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/dotto.png);
    background-repeat: repeat;
    background-size: contain;
    background-position: bottom center;
    bottom: -46%;
    left: -51%;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#intro {
    background-image: url(./Dup/img/dotto.png);
    background-size: 26%;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.intro_title h2, .top_title h2 {
  position: relative;
}
.intro_title h2:after, .top_title h2:after {
    content: "";
    width: 130px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: bold;
}
#contents1 h2 {
  position: relative;
    text-align: center;
}
#contents1 h2:after {
    content: "";
    width: 130px;
    height: 2px;
    background-color: #2875c7;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: bold;
}
#contents1 .contents_txt {
	position: relative;
}

.contents1 .d_flex {
	position: relative;
}
.contents1 .d_flex:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/protect.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 50%;
    height: 100%;
    left: 0%;
    top: 22px;
    opacity: 1;
}
.contents0 .d_flex {
	position: relative;
}
.contents0 .d_flex:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/slorgan.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    width: 50%;
    height: 100%;
    right: 0%;
    top: 22px;
    opacity: 1;
}
#contents2 .contents2_bg:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/choose.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 100%;
    height: 60%;
    top: 16%;
    left: 0px;
    opacity: 0.3;
    z-index: 1;
}
#intro:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/intrust.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 50%;
    height: 100%;
    top: 6%;
    left: 17px;
    opacity: 0.3;
}
.intro_txt {
  position: relative;
  z-index: 1;
}
/*#page_title h2 span {
    color: #2875c7;
}*/
#page8 .border_color2 {
    border-color: #ccc;
}
#page8 .txt_color2 {
    color: #2875c7;
}
.con2 {
  display: none;
}
.video {
    width: 100% !important;
    height: auto !important;
}

#cms_6-a .border_color3 {
    border-color: #cce3fb;
}
#page2 .txt_color3 {
    color: #2875c7;
}
#page2 .txt_color3:hover {
    color: #f5f5f5;
}
#footer .width_300-max {
    max-width: 160px;
}
#sp_nav a.active {
    color: #fff;
    border-bottom: 1px solid #75a8cd;
    margin-bottom: 10px;
}

.fab {
    font-family: "Font Awesome 5 Brands";
     margin: 10px; 
}
.cms_2-a .cate_box {
display: contents;
}
.cms_2-a .box_item {
    padding: 0 5%;
    width: 80%;
    margin: 0 auto;
}
.cms_2-a img {
    vertical-align: bottom;
    width: 70%;
    height: auto;
}

/*#main_img:after {
    content: "";
    background-image: url(./Dup/img/main_after3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    width: 97%;
    height: 50%;
    bottom: 0%;
    right: 0;
    z-index: 1;
}*/
.cms_6-a .grid_4 {
    width: 98%!important;
    display: flex;
}
.cms_6-a .cate .pd_10px {
    padding: 0px 30px 10px 90px;
}
.cms_6-a h3 {
    width: 95%;
}

@media screen and (max-width: 1264px){
.video {
    width: auto !important;
    height: 100% !important;
}
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

/* color */
body,.txt_color_nomal{color: #555;}
.txt_white_tb{color: white;}
.txt_red_tb{color: red;}
.txt_color1_tb{color: #2875c7} /* メインカラー */
.txt_color2_tb{color: #cce3fb} /* サブカラー */
.txt_color3_tb{color: #75a8cd} /* アクセントカラー1 */
.txt_color4_tb{color: #ffcebd} /* アクセントカラー2 */
	
/* background-color */
.bg_white_tb{background-color: white} /* 白背景 */
.bg_black_tb{background-color: black} /* 黒背景 */
.bg_color1_tb{background-color: #005379} /* メインカラー */
.bg_color2_tb{background-color: #cce3fb} /* サブカラー */
.bg_color3_tb{background-color: #75a8cd} /* アクセントカラー1 */
.bg_color4_tb{background-color: #ffcebd} /* アクセントカラー2 */
.bg_color_clear_tb{background-color: transparent!important}
	
/* border-color ※!important */
.border_white_tb{border-color: #fff}
.border_color1_tb{border-color: #2875c7}
.border_color2_tb{border-color: #cce3fb}
.border_color3_tb{border-color: #cce3fb}
.border_color4_tb{border-color: #ffcebd}



#main_img,#video {height: 500px!important;}
#main_img {
    z-index: 0;
    overflow: hidden;
    top: 90px;
}
/* #main_img::before {
    height: 50%;
}*/
#main_img .txt {
    z-index: 10;

    top: 55%;
    left: 10vw;
}
#main_img h2 {
   color: #2875c7;
}
#main_img .width_60per {
color: #555555;
}
#main_img h2 {
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.02em;
    font-size: 28px;
}
#intro:before {
    width: 55%;
}
#contents2 .contents2_bg:after {
    width: 55%;
    height: 70%;
    top: 23%;
}
#intro {
    margin-top: 70px;
}
.con1 {
  display: none;
}
.con2 {
    display: block;
    margin-top: 120px;
    width: 85%;

}
.con2 h2 {
    animation: heroText 600ms 800ms both;
}
.con2 .font_50 {
    font-size: 30px;
    color: #2875c7;
    font-weight: bold;
}
.con2 .width_60per {
    width: 100%!important;
    margin: 0 auto;
}
#contents1 .d_flex:before {
    top: -25px;
}
#page10 .d_flex h2 {
    display: grid;
    position: relative;
    top: -15px;
}
#page10 h2 span {
    position: absolute;
    top: 30px;
    left: 130px;
}

}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img,#video {height: 38vh!important;}
.bg_color_clear_sp{background-color: transparent!important}
#main_img .txt {
    z-index: 10;
    top: 40%;
    left: 10vw;
}
/* #main_img::before {
    height: 250px;
}*/
#main_img {
    z-index: 0;
    overflow: hidden;
    top: 65px;
}
#main_img h2 {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-size: 22px;
}
#intro:before {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0px;
}
#contents1 .d_flex:before {
    width: 100%;
    height: 100%;
    right: -5%;
    top: -78px;
}
#contents2 .contents2_bg:after {
    width: 100%;
    height: 70%;
    top: 1%;
}
#intro {
    margin-top: 50px;
}
.con1 {
  display: none;
}
.con2 {
  display: block;
}
.con2 .font_50 {
    font-size: 23px;
}
.con2 .width_60per {
    width: 100%!important;
    margin: 0 auto;
}
#contents2 .cate_box:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/dotto.png);
    background-repeat: repeat;
    background-size: contain;
    background-position: bottom center;
    bottom: -12%;
    left: -6%;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.load_logo {
    width: 40%;
}
#page10 .d_flex h2 {
    display: block;
    position: relative;
    top: 0px;
}
#page10 h2 span {
    position: relative;
    top: 0px;
    left: 0px;
}
.contents0 .d_flex:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/slorgan2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    width: 50%;
    height: 100%;
    right: 0%;
    top: 22px;
    opacity: 1;
}
.contents1 .d_flex:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/protect2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 50%;
    height: 100%;
    left: 0%;
    top: 22px;
    opacity: 1;
}
.cms_6-a .grid_4 {
    width: 98%!important;
    display: block;
}
.cms_6-a .width_40per {
    width: 100%!important;
}
.cms_6-a .cate .pd_10px {
    padding: 10px 0px 10px 0px;
}
.cms_6-a .width_60per {
    width: 95%!important;
}
}

@media all and (-ms-high-contrast:none){
.cate_list li a {
    padding: 15px 10px 9px !important;
}

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

#cms_2-a .cate .cate_title {
    padding-top: 9px !important;
}*/

#cms_4-c .cate_title {
    padding-top: 9px !important;
}

/*#page9 a {
    padding-bottom: 8px !important;
}*/
#pc_nav .grid_10 .pd_l-10px {
    padding: 8px 0px 10px 10px !important;
}

}