/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #081F66;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #081F66} /* メインカラー */
.txt_color2{color: #c7e2f3} /* サブカラー */
.txt_color3{color: #70c4f9} /* アクセントカラー1 */
.txt_color4{color: #c5e9ff} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #081F66}
.border_color2{border-color: #c7e2f3}
.border_color3{border-color: #87CEFA}
.border_color4{border-color: #c5e9ff}


/* 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: #081F66} /* メインカラー */
.hvr_txt_color2:hover{color: #c7e2f3} /* サブカラー */
.hvr_txt_color3:hover{color: #87CEFA} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c5e9ff} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #081F66}
.hvr_border_color2:hover{border-color: #c7e2f3}
.hvr_border_color3:hover{border-color: #87CEFA}
.hvr_border_color4:hover{border-color: #c5e9ff}


/* all ---------------------------------------------------------------------------------------------*/
.mg_b-50px .nav_menu_more:last-of-type a{display: none}
.nav_menu_more:first-of-type a .icon:before {content: "\f879";top: -5px;left: -25px;}

#fakeloader:before{background-color: rgba(255,255,255,0.09);}
#fakeloader .fl{max-width: 346px;}
#pc_nav li, #top_pc_nav li{max-width: 159px;}
#wrap:not(.top){position: relative}
#wrap:not(.top)::before {
    content: "";
    background-image: url(./Dup/img/wrap_bg.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-position: right top;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
}
header.scr_header {
    z-index: 5;
	background-color: transparent!important;
    background: linear-gradient(to bottom, #ffffff,rgba(255,255,255,0.68), rgba(255,255,255,0));
    padding: 16px 0 25px;
}
header.scr_header #pc_nav a,.page #pc_nav a{color: #081f66;}
.cate_list li a {background-color: rgba(135,206,250,0.21)!important;}
.cate_list li a:hover {background-color: rgba(9,99,191,0.05)!important;}
footer .txt_color3{color: #081f66;}

#overlay .left li{max-width: 100%;}
.button_container span{background: #081f66;}
.button_container span:nth-of-type(1){color: #081f66;}


/* top ---------------------------------------------------------------------------------------------*/
#main_img .menu .bg_white{background-color: transparent;max-width: 469px;}
#main_img .menu .bg_white a{max-width: 89%;}
#main_img:before {background-color: rgba(58,58,58,0.35)}
.line:before {background-color: #b1e1ff!important;height: 2px;}

.circle_wrap {
    width: 469px;
    height: 469px;
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
    mix-blend-mode: multiply;
    position: absolute;
}
.circle-1, .circle-2, .circle-3{
	width: 100%;
    height: 100%;
	border: 1px solid #fff;
    opacity: 0.4;
	position: absolute;
}

/* Circles */
.circle-1 {
	border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
	animation: border-animation 16s infinite linear;
}
.circle-2 {
	border-radius: 80% 30% 50% 50%/50%;
	animation: border-animation 14s infinite linear;
}
.circle-3 {
	border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;
	animation: border-animation 13s infinite linear;
}

/* Animation */
@keyframes border-animation {
  to { transform: rotate(360deg); }
}

.back1:before, .back2:before {
    background: url(../dup/img/bg1.png) left top / cover no-repeat rgba(205,182,188,0.1);
    background-attachment: fixed;
}
#top_cms::before{display: none}
#canvas-container{
	position: absolute;
    left: 0;
    top: -160px;
    z-index: 52;
	width: 100%!important;
}
#sineCanvas{
	height: 221px;
    width: 100%!important;
}
#contents3_wrap:after{background-color: rgba(210,238,255,0.20);}
#info_contact .con_img:before{background-color: rgba(76,85,113,0.25)!important;}


/* 他 ---------------------------------------------------------------------------------------------*/
.page main.back1:before{display: none}
#page_title:before{background-color: rgba(255,255,255,0.60);}
#page_title .page_title_box{background-color: rgba(8,31,102,0.76);}
#pc_nav li a::after{height: 1px;background: #081f66;}




/* IE */
@media all and (-ms-high-contrast: none){
#page8 a{padding-bottom: 15px}
}

@media screen and (max-width: 1153px){
#page8 .width_400-max{width: 100%!important;margin: 0 auto 30px;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#canvas-container, #sineCanvas{display: none}
#main_img .menu .bg_white{max-width: 324px;}
.circle_wrap{
	width: 324px;
	height: 324px;
	top: 50%;
	transform: translate(-50%, -50%);
}
.back1:before, .back2:before{background: url(../dup/img/bg1.png) left top / 500px repeat rgba(205,182,188,0.1);background-attachment: scroll;}
#contents1 .num{top: -54px;}
#contents1 .con_box{margin-top: 36px;}
#top_cms .top_cms_box:first-of-type::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 37px;
    left: 0;
    top: -33px;
    background-image: url(./Dup/img/nami1.png);
    background-size: 100% 100%;
    z-index: 3;
}
.page_title_box {
   padding: 20px;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.top header{
    background-color: transparent!important;
    background: linear-gradient(to bottom, #ffffff,rgba(255,255,255,0.68), rgba(255,255,255,0));
}
#logo {max-width: 206px;}
header.scr_header{padding: 5px 0;}
header.scr_header #logo {max-width: 174px;}
#main_img .menu .bg_white{max-width: 278px;}
.circle_wrap{width: 278px;height: 278px;}
#contents1 .con_box{margin-top: 0;}
#contents1_wrap .con_title{text-align: left}
#top_cms .top_cms_box:first-of-type::before {height: 30px;top: -28px;}

.page_title_box {
    width: 73%!important;
    padding: 20px;
    padding-bottom: 24px!important;
    box-sizing: border-box;
}
.page_title_box h2 {font-size: 20px;}
}


/* 2021.08.30 */
.tel_bt, .con_box p.font_14.font_13_sp.mg_t-5px{display: none}