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


/* ----------　all　---------- */
.linkStyle{
	color:#66be8f;
	text-decoration: underline;
}

.linkStyle:hover{
	color:#66be8f;
	opacity: 0.7;
	transition: all 0.5s;
}

body, .font_en {
	font-family: 'Noto Serif JP', serif!important;
	color: #333333!important;

}

h2,h3 {
    font-family: 'Noto Serif JP', serif!important;
}

body {
    background-image: url("/Dup/img/bg2.jpg");
    background-size: cover;
    background-attachment: fixed;
}

/* color */
.txt_color_nomal{color: #333333!important;}
.txt_color1{color: #66be8f!important;} /* メインカラー */
.txt_color2{color: #cceaf2!important;} /* サブカラー */
.txt_color3{color: #66be8f!important;} /* アクセントカラー1 */
.txt_color4{color: #cceaf2!important;} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #ffffff!important;} /* メインカラー */
.bg_color2{background-color: #ffffff!important;} /* サブカラー */
.bg_color3{background-color: #fee5c1!important;} /* アクセントカラー1 */
.bg_color4{background-color: #efeebf!important;} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #333333!important;}
.border_color2{border-color: #efeebf!important;}
.border_color3{border-color: #efeebf!important;}
.border_color4{border-color: #66be8f!important;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_color1:hover{color: #66be8f!important;} /* メインカラー */
.hvr_txt_color2:hover{color: #ffcccc!important;} /* サブカラー */
.hvr_txt_color3:hover{color: #66be8f!important;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffcccc!important;} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #2a2929} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f2f0f0} /* サブカラー */
.hvr_bg_color3:hover{background-color: #de1926} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cdcdcd} /* アクセントカラー2 */


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #2a2929}
.hvr_border_color2:hover{border-color: #f2f0f0}
.hvr_border_color3:hover{border-color: #de1926}
.hvr_border_color4:hover{border-color: #cdcdcd}


#loading_bg {
    background-image: url(Dup/img/bg2.jpg);
    background-color: transparent!important;
}


/* nav */

#main_menu ul li a {
	font-family: 'Noto Serif JP', serif!important;
	color: #333333!important;
}

#main_menu ul li a::before {
    background-color:#333333!important;
}

header {
    background-color: #fcfcfc;
	width: 20%!important;
}

header .contact_bt a, header .tel_bt a {
	border-color:#66be8f!important;
	color: #66be8f!important;
}

header .button:hover {
    color: #ffffff!important;
}

header .button:hover::after {
	box-shadow: inset 0 0 0 15em #66be8f!important;
}

#logo a img {
    width: 80%!important;
}

.contact_bnr:hover {
    opacity: 0.7;
}

.tel_bt a{
    background-color: rgba(255,255,255,0.5);
}

.scroll_bt {
    color: #ffffff!important;
}

.banner {
    bottom: 0px;
}

.banner:before {
    display: none;
}

/* button */

.more a:hover, footer .foot_tel_bt a:hover {
	color:#ffffff!important;
	border-color: transparent!important;
}

.button:hover::after {
	box-shadow: inset 0 0 0 15em #66be8f!important;
}



.follower {
	background-color: transparent!important;
	border-color:#333333!important;
}

/* ----------　TOP　---------- */

.main_box {
    width: 80%!important;
    margin-left: 20%;
}

/* main-img */

.copy-box {
    position: absolute;
    top:30%;
    left: 0px;
    right: 0px;
    width: 35%;
    margin: auto;
    z-index: 5;
}

.copy-box h2 {
    font-size: 55px;
    line-height: 2;
    	text-align: justify;
	text-align-last: justify;
	text-justify: inter-character;
}

.copy-box p {
    font-size: 18px;
    	text-align: justify;
	text-align-last: justify;
	text-justify: inter-character;
}

/*
#main_img::before {
	content: "";
	position: absolute;
	display: block;
	width:50%;
	height: 100%;
	top: 5%;
	left: 5%;
	background-image: url("Dup/img/chacthcopy1.png");
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 10;
}*/


.contents1_wrap {
	background-color: #ffffff;
}

#contents1 h2 {
    position:relative;
	width: 80%!important;
	margin: 0 auto;

	border-bottom: none!important;
    border-left: none!important;
    text-align: center;
}

#contents1 h2 span {
    background: linear-gradient(133deg, rgba(102,190,143,1) 0%, rgba(130,195,151,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}


#contents1 p {
    color: #333333!important;
    font-weight: lighter;
    text-align: center;
}

#contents1 h2::before {
	display:none;
}

.blur {
    background-color: rgba(254 ,254 ,242 , 0.75);
    backdrop-filter: blur( 5px );
    -webkit-backdrop-filter: blur( 5px );
}

#contents3 h3 {
	font-size:25px;
}

#contents2 h2, #contents3 h3 {
    font-weight: bolder!important;
    text-align: center;
    position: relative;
    border-bottom: 1px solid  rgba(102,190,143,1);
    transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    padding: 5px 10px;
    width: 100%!important;
    margin: 10px auto;
/*background: linear-gradient(133deg, rgba(102,190,143,1) 0%, rgba(130,195,151,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
    display: inline-block;*/

    text-align: center;
}

#contents2 p, #contents3 p {
    font-weight: normal;
}


/* video */

#video {
    height: auto!important;
    text-align: center;
    background-color: #ffffff;
}

#video video {
    width: 70%!important;
    margin: 0px auto 50px;
    -webkit-transform: translate(0%,0%)!important;
    transform: translate(0%,0%)!important;
}


/* top_cms */

.top_cms_wrap {
	background-color: transparent;


}

 .top_cms_wrap .top_cms_before {

}

.footer_back .f_before {
	background-image: url("/Dup/img/bg1.jpg");
}

#top_cms .box {
    position: relative;
}



#top_cms .box h2 {
    color:#333333!important;
}


.cms_title::before {
    background-color: #66be8f!important;
}

#top_cms .box_title1 {
    font-family: 'Noto Serif JP', serif!important;
}

#top_cms .cms_1-b .box_title1:empty {
    display: block!important;
    padding: 19px;
}

footer, .footer_back {
    background-color:#ffffff!important;
}

/* ----------　下層ページ　---------- */

#page_title h2 {
    color:#333333!important;
}

.anchor {
    content: "";
    display: block;
    padding-top: 30px;
    margin-top: -30px;

}


.cate_list li a:hover {
    background-color: #66be8f!important;
    border-color: #66be8f!important;
    color: #ffffff!important;
}

.cate_title {
    color: #333333!important;
    font-family: 'Noto Serif JP', serif!important;
}

.box_title1 {
    font-family: 'Noto Serif JP', serif!important;
}

#cms_6-b .cate_title {
    background-color: transparent!important;
}

#cms_6-b .cate_box .box_txt1 {
    background-color: #efeebf!important;
    color:#333333!important;
}

#cms_1-b .cate_box .date {
    background-color:#66be8f!important;
    color: #ffffff!important;
}


#cms_2-b .cate_box {
    border-left: 1px solid;
}

#cms_1-b .box_title1:empty {
    display: block!important;
    padding: 19px;
}

.pager li a {
    border-color: #66be8f!important;
}

.pager li a:hover {
    color: #ffffff!important;
    background-color: #66be8f!important;
}


/* 会社情報 */

#page7 .box .box_item:nth-of-type(2) p {
    color: #333333!important;
} 


/* お問い合わせ */


/* プライバシーポリシー */

#page9 .box a {
    background-color: #66be8f!important;
}

/* サイトマップ */

#page10 a {
    border-color: #66be8f!important;
}

#page10 a:hover {
    color: #ffffff!important;
    background-color:#66be8f!important;
}

/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
    .main_box {
    width: 100%!important;
    margin-left: 0;
}
    
    .banner {
        border-color: #66be8f!important;
        color: #66be8f!important;
        font-family: 'Noto Serif JP', serif!important;
        font-size: 20px;
    }
    
    .banner:before {
        border-color: #66be8f!important;
    }
    
    .hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
        background-color: #66be8f!important;
    }
    
    .hamburger.active .hamburger__icon {
        background-color: transparent!important;
    }
    
    #logo a img {
    width: 60%!important;
    }
    
    #logo {
        text-align: center;
    }
    
    .hamburger {
    top: 30px;
    right: 10px;
}


    #contents1 h2{
        font-size: 25px;
    } 
    
    #contents2 h2, #contents3 h3{
        font-size: 20px;
        width: 95%!important;
    transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);

}

    #contents3 h3 {
        text-align: left;
    }

    #copyright {
        margin-bottom: 10px;
    }

    .footer_back .f_before {
        height: 1100px;
    }
    
    .anchor {
    content: "";
    display: block;
    padding-top: 100px;
    margin-top: -100px;

}
    
    
    #page7 .box_item {
        width: 50%!important;
    }
    
    
    
}


/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
    #video video {
    width: 90%!important;

}
    
    .hamburger {
    top: 20px;
    right: 10px;
}
    
    .cms_wrap {
        padding: 0!important;
    }
    
    .box_wrap {
        padding: 0!important;
    }
    
    .cate_box {
        padding:20px;
    }
    
    #contents1 h2 {
        font-size: 20px;
        text-align: left;
        width: 100%!important;
    }
    
    #contents1 p {
        text-align: left;
    } 
    
    body {
        background-image: none!important;
    }
    
    #page_title h2 {
        font-size: 18px!important;
    }
    
    /*#page_title h2, .page_box p {
        color:#ffffff!important;
    }
    
    #page_title .page_box::before {
        background-color: #ffffff!important;
    }*/
    
    #copyright {
        margin-bottom: 25px;
    }
    
    .all main.scrollin .all_bg {
        width: 115%;
    }
    
    
    .footer_back .f_before {
    right: -65%;
    height: 1200px;
    width: 50%;
    }
    
    #page7 .box_item {
        width: 100%!important;
    } 
    
    #page9 .box p {
        padding-left: 0!important;
    }
    
}