﻿.bg_color1 {background-color: #13448f;}
.bg_color3 {background-color: #4bc5c5;}
.txt_color1 {color: #13448f;}
.txt_color2 {color: #14448f;}
.border_color1 {border-color: #13448f;}
.border_color2 {border-color: #4bc5c5;}
.border_color3 {border-color: #4bc5c5;}
.border_color4 {border-color: #14448f;}
.hvr_bg_color3:hover { background-color: #4bc5c5;}
.hvr_border_color1:hover {border-color: #14448f;}

/* ----------　all　---------- */
.linkStyle{
	color:#13448f;
}
.linkStyle:hover{
	color:#13448f;
	opacity: 0.7;
	transition: all 0.5s;
}
#header {
    background-color: rgba(255 ,255, 255,0.65);
}
#header_contact a.btn_back {
    background-color: rgba(75 ,197 ,197,0.65);
  height: 81px;
}
#logo {
    width: 300px;
}
#logo2 {
    width: 250px;
}
.footer_sitemap {
    border-left: 1px solid #a3dede;
}
#footer {
    border-bottom: 1px solid #a3dede;
}
#footer_contact .more:first-child{
display:none;
}
#footer_contact{
position: relative;
}
#footer_contact:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 68 ,143 ,0.4);
    position: absolute;
    top: 0;
    z-index: 0;
}
#footer_contact h3,#footer_contact .Russo{
    position: relative;
    z-index: 2;
}
#footer_contact h3{
    font-weight: bold;
}
#footer_contact .Russo.txt_color1{
    color: #54e9e9;
}
header#page_title span.before{
    bottom: 0;
    top: auto;
}
header#page_title {
    margin-top: 82px;
}
header#page_title #header{
    margin-top: -82px;
}
/* ----------　TOP　---------- */
header#vegas span.before {
    top: 82px;
    left: -270px;
}
header#vegas span.after {
    top: 82px;
}
.vegas-slide{
    margin-top: 82px;
}
#top_message p:first-of-type {
    color: #4bc5c5;
}
#top_contents1 h3::before, #top_contents2 h3::before {
    opacity: 0.7;
    color: #4bc5c5;
    z-index: -1;
}
#top_contents2{
    margin-bottom: 0px;
}
#top_cms{
position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}
#top_cms:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 15vw solid #4bc5c5;
    border-left: 50vw solid transparent;
}
#top_cms:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    border-bottom: 15vw solid #4bc5c5;
    border-right: 50vw solid transparent;
}
.cms_title p {
    color: #4bc5c5;
    opacity: 1!important;
}
.cms_5-c .box_txt1::before {
    color: rgba(75, 197, 197,0.7);
}



.top_message_wrap{
    position: relative;
    padding-bottom: 50px;
}
.top_message_wrap::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 150px;
    bottom: 10px;
    left: 0;
    background: url(../dup/img/dec.png) repeat-x;
    background-size: cover;
    background-position: 110% 0;
    -webkit-animation: bgroop 135s linear infinite;
    animation: bgroop 135s linear infinite;
    opacity: 0.7;
}
@-webkit-keyframes bgroop {
    from {background-position: 1956px 0 ;}
    to {background-position: 110% 0;}
}
@keyframes bgroop {
    from {background-position:  1956px 0;}
    to {background-position: 110% 0;}
}

/* ----------　下層ページ　---------- */
#filter_white {
    background-color: rgba(20, 68 ,143,0.3);
    padding: 100px 0px 100px;
}
#page_title h2{
    color: #ffffff;
}
#page_title p{
    color: #4fdede;
}
#cms_5-c .box_txt1::before {
    color: rgba(75, 197, 197,0.7);
}
#page10{
    border-color: #14448f;
}
#page10 div a{
    border-color: #4bc5c5;
}
#page10 div a:hover {
    border-color: #14448f;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.top_message_wrap::before {
    width: 95%;
    bottom: 0px;
    background-size: contain;
left: 2.5%;
}
#cms_2-b .cate .cate_title {
    padding-top: 13px!important;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header#vegas span.before {
    left: -220px;
}
#top_cms {
    padding-bottom: 50px;
}
.top_contents1_box p, .top_contents2_box p{
    opacity: 1;
}
.top_message_wrap::before {
    height: 120px;
}
#top_contents1 h3::before, #top_contents2 h3::before{
font-size: 65px;
}
#top_contents1 h3::before{
top: -45%;
}
#top_contents2 h3::before{
top: -80%;
}
header span.before, header span.after {
    width: 150px;
}
header span.after {
    bottom: 0;
    top: auto;
}
header#page_title span.before {
    bottom: auto;
    top: 0;
}
}
@media screen and (max-width: 768px) and (-ms-high-contrast: none){
.top_message_wrap::before {
    height: 80px;
}
.top_message_wrap {
    padding-bottom: 30px;
}
}

/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#logo {
    width: 230px;
}
.vegas-slide {
    margin-top: 70px;
}
header#vegas span.before {
    top: 70px;
}
header#vegas span.after {
    top: auto;
right: -220px;
}
#top_contents1 h3::before{
     top: -15%;
}
 #top_contents2 h3::before {
    top: -40%;
}
#top_cms:before {
    border-top: 20vw solid #4bc5c5;
    border-left: 70vw solid transparent;
}
#top_cms:after {
    border-bottom: 20vw solid #4bc5c5;
    border-right: 70vw solid transparent;
}
#logo2 {
    width: 200px;
    margin: auto;
    margin-bottom: 30px;
}
#top_contents1 h3::before, #top_contents2 h3::before {
    font-size: 48px;
}
header span.before, header span.after {
    width: 80px;
}
#filter_white {
    padding: 80px 0px 80px;
}
header#page_title {
    margin-top: 70px;
}
header#page_title #header{
    margin-top: -70px;
}
}