@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500&display=swap');

.f_note{font-family: 'Noto Sans JP';}

.h_contents .tel_bt{display: none;}

#main_img{position: relative;}
#main_img::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom right, rgba(47,162,234,0.2), rgba(134,224,187,0.2));
	background-position: left top;
	background-repeat: repeat;
	background-size: 3px auto;
	z-index: 1;
}
#main_img h3{
	top: 42%;
	left:-5%;
	transform: translateY(-50%);
	max-width: 680px;
	transition: all 1s;
	opacity: 0;
	z-index: 2;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.8);
	letter-spacing: 8px;
}
#main_img h3 span{
	text-shadow: 2px 2px 3px rgba(0,0,0,1);
}
#main_img h3.active{
	left:5%;
	opacity: 1;
}

h1 img{width:100%!important;max-width:140px;}

/*
.catch_txt h2 {
    background: url(../dup/img/point.png) center top / 115px no-repeat;
    padding-top: 70px;
}
*/
#top_contents1 {
    background: url(../dup/img/point2.png);
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

#top_contents2 h2:first-letter {
    color: #2fc3f5;
    font-size: 25px;
    padding-right: 3px;
}

#top_contact_box .bottom .box {
    background-color: transparent;
    background: linear-gradient(to bottom right, rgba(47,162,234,0.8), rgba(134,224,187,0.8));
}
#top_contact_box .con_bt{
    background-color: rgba(5,28,81,0.10);
}

#footer::before {background: rgba(0,0,0,0.15);}

#page_title::before {background: transparent;}

#cms_2-d .box_title{background: #f4f4f4;padding: 5px;}


@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){
#main_img h3{
	top: 60%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#main_img h3.active{
	left:50%;
    width: 100%;
    text-align: center;
}
.sns_links_tb.flex_space-between_tb {
    justify-content: center;
}
}

@media screen and (max-width: 667px){
#logo2 img{background: rgba(255,255,255,0.80);}
.tb_sns_wrap .sns_links_tb li {
    width: 24px;
}
}

@media all and (-ms-high-contrast:none){
#page8 #contact_tel a{padding: 24px 20px 15px;}
#cms_2-c .cate_title{padding: 10px 5px 2px;}
#cms_2-d .box_title{padding: 8px 5px 2px;}
}

/* color */
.txt_color_nomal,.hvr_txt_color_nomal:hover,.linkStyle{color: #333333;}
.txt_white,.hvr_txt_white:hover,.txt_white .linkStyle{color: white;}
.txt_red,.hvr_txt_red:hover,.txt_red .linkStyle{color: red;}
.txt_color1,.hvr_txt_color1:hover,.txt_color1 .linkStyle{color: #1e90ff;}
.txt_color2,.hvr_txt_color2:hover,.txt_color2 .linkStyle{color: #bbe0f0;}
.txt_color3,.hvr_txt_color3:hover,.txt_color3 .linkStyle{color: #2fc3f5;}
.txt_color4,.hvr_txt_color4:hover,.txt_color4 .linkStyle{color: #ECECEC;}

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;}
.bg_black,.hvr_bg_black:hover{background-color: black;}
.bg_color1,.hvr_bg_color1:hover{background-color: #1e90ff;}
.bg_color2,.hvr_bg_color2:hover{background-color: #bbe0f0;}
.bg_color3,.hvr_bg_color3:hover{background-color: #2fc3f5;}
.bg_color4,.hvr_bg_color4:hover{background-color: #bbe0f0;}
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.border_white,.hvr_border_white:hover{border-color: #fff;}
.border_color1,.hvr_border_color1:hover{border-color: #1e90ff;}
.border_color2,.hvr_border_color2:hover{border-color: #bbe0f0;}
.border_color3,.hvr_border_color3:hover{border-color: #2fc3f5;}
.border_color4,.hvr_border_color4:hover{border-color: #ECECEC;}