/* color */
.txt_color_nomal{color: #000000;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #13448f} /* メインカラー */
.txt_color2{color: #D8E9EA} /* サブカラー */
.txt_color3{color: #ffc600} /* アクセントカラー1 */
.txt_color4{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #13448f} /* メインカラー */
.bg_color2{background-color: #d3f3f5} /* サブカラー */
.bg_color3{background-color: #ffc600} /* アクセントカラー1 */
.bg_color4{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #13448f}
.border_color2{border-color: #D8E9EA}
.border_color3{border-color: #ffc600}
.border_color4{border-color: #ffffff}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #000000;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #13448f} /* メインカラー */
.hvr_txt_color2:hover{color: #D8E9EA} /* サブカラー */
.hvr_txt_color3:hover{color: #ffc600} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #13448f} /* メインカラー */
.hvr_bg_color2:hover{background-color: #D8E9EA} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ffc600} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #13448f}
.hvr_border_color2:hover{border-color: #D8E9EA}
.hvr_border_color3:hover{border-color: #ffc600}
.hvr_border_color4:hover{border-color: #ffffff}

#page08 h3, .linkStyle {
    color: #13448f;
}
#cms_2-a .cate_wrap .cate_txt1 u, a {
    text-decoration: none;
    color: #13448f;
}
.modal_bt {
    cursor: pointer;
    margin: 10px auto;
    padding: 10px;
}
.modal_bg{
     top: 0;left: 0;
     background-color: rgba(0,0,0,0.8);
     z-index: 9
}
.modal_box{
     max-height: 80%;
     overflow-y: auto;
     z-index: 10
}
.close_bt{cursor: pointer}
#page_title p {
    color: #13448f;
    z-index: -1;
    position: absolute;
}
#page_title h3 {
    position: relative;
    z-index: 2;
}
#contents h3 img {
    width: 70%;
}
#loader::after {
    background: rgba(19, 68, 143, 1) !important;
    background: -moz-linear-gradient(left, rgba(19, 68, 143, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(19, 68, 143, 1) 0%,rgba(255, 255, 255, 1) 100%) !important;
    background: linear-gradient(to right, rgba(19, 68, 143, 1) 0%,rgba(255, 255, 255, 1) 100%) !important;
}
#menu_wrap::after, #page10 .box a::after, .sm-slider::after, #main_img h2::before {
	background: rgba(19, 68, 143, 0.8) !important;
    background: -moz-linear-gradient(left, rgba(19, 68, 143, 1) 0%, rgba(211, 243, 245, 1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(19, 68, 143, 1) 0%,rgba(211, 243, 245, 1) 100%) !important;
    background: linear-gradient(to right, rgba(19, 68, 143, 1) 0%,rgba(211, 243, 245, 1) 100%) !important;
}

#contents h3 {
    margin-bottom: 100px;
    margin-left: 10px;
    color: #13448f;
    font-weight: bold;
}
#cms_2-a .cate_wrap .cate_txt1 u, a {
    text-decoration: none;
}
#cms_2-e .cate, #cms_2-e .box_title .bg_color2 {
    background-color: #13448f;
}
#cms_2-e .cate_title, #cms_2-e .cate_txt, #cms_2-e .box_title,  #cms_2-e .box_item {
  color: #ffffff;
}
#cms_3-b .box_title1 {
    position: relative;
    padding-left: 50px;
}
#cms_3-b .box_title1:before {
	position: absolute;
	content: "";
	background-image: url("./Dup/img/icon.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	width: 10%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 0%;
  height: 4px;
  background: #ffc600;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span.isActive:after {
  width: 100%;
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(150px);
  }
  
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.slideInRight {
  width: 90%!important;
  animation-name: slideInRight;
  animation-duration: 4s;
  animation-timing-function: ease-out;
}

#keyvisual {
    overflow: hidden;
    width: 50%;
}

main {
	background-image: url("./Dup/img/back.png");
	background-repeat: repeat-y;
	background-size: 100% auto;
}
.page4_main {
	background-image: url("./Dup/img/back.png");
	background-repeat: no-repeat;
	background-size: cover;
}
/* ---------- 1280px~ ---------- */
@media screen and (max-width: 1281px){

}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#keyvisual {
    overflow: hidden;
    width: 90%;
}
main {
	background-image: url("./Dup/img/back.png");
	background-repeat: no-repeat;
	background-size: cover;
}
#loader::after, .sm-slider::after, #page_title::before, #menu_wrap::after, #tel_contact, #page10 .box a::after {
    background: rgb(19, 68, 143);
    background: -moz-linear-gradient(left, rgba(19, 68, 143, 1) 0%,rgba(211, 243, 245, 1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(19, 68, 143, 1) 0%,rgba(211, 243, 245, 1) 100%) !important;
    background: linear-gradient(to right, rgba(19, 68, 143, 1) 0%,rgba(211, 243, 245, 1) 100%) !important;
}
#contents h3 img {
    width: 80%;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.hp_btn {
    width: 100%!important;
}
.modal_bt {
    width: 150px;
}
#main_img h2::before {
    z-index: -1;
}
#cms_2-b .box_title1 {
    position: relative;
    padding-left: 6px;
}
#cms_2-b .box_title1:before {

    width: 15%;
    height: 120%;
    left: -25px;
    top: -24px;
}
#keyvisual {
    overflow: hidden;
    width: 100%;
}
.Text-Span:after {
  display: none;
}
#contents h3 {
    margin-bottom: 100px;
    margin-left: 12px;
    color: #13448f;
    font-size: 24px;
}
#intro h3 {
    font-size: 18px;
    text-align: left;
}
#footer h2 {
padding: 10px;
}
#contents h3 img {
    width: 90%;
}
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {

}