@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
.font1,
.top_cms_title h2 span,
#top_cms .more_bt a span,
.tel_bt a,
#top_info .more_bt2 a,
#f_contact .con_txt,
#page_title h2 span,
#page10 .more_bt2 a span,
#sp_nav nav ul li:last-child a{
    font-family: 'Fjalla One', sans-serif!important;
}

/*
#page-top{
    position:absolute;
}
*/


.linkStyle{
    color:#16924d;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

body{
    overflow:hidden;
}
#wrap{
    
    background:url(./Dup/img/bg.jpg) repeat;
    background-size:200px;
    /*
    background-color: #d7cfbd;
    */
}
#header.head_fix #logo img{
    width:60%;
}

/*animation*/
.txt_anim2 span{
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	transition:transform 0.1s ease;
}
.txt_anim2 span.start{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.move{
    transition:all 0.3s;
    text-shadow:5px 5px 0 rgba(0,0,0,0.8);
}



/*--top page---------------------------
-------------------------------------*/
#main_img .txt h2{
    text-shadow: 7px 7px 0 rgba(0,0,0,0.8);
}
#main_img .txt p{
    text-shadow: 3px 3px 0 rgba(0,0,0,0.8);
}
#intro .intro_bg {
    background-color: rgba(44,35,11,0.4);
}
#intro .intro_sub_title,
#intro .intro_inner{
    padding-left:10%;
}
#intro .intro_txt_box{
    text-shadow: 0 0 20px rgb(76,45,34);
    position: relative;
    z-index: 2;
}
#intro .intro_sub_title{
    font-size:5rem;
    position:relative;
    z-index:2;
}

#contents1 .con1_sub_title{
    font-size:5rem;
}

#contents2 .con2_sub_title{
    font-size: 5rem;
}

#contents3 .con3_sub_title{
    font-size:4rem;
}
#contents3 .con3_sub_title span{
    text-shadow: 5px 5px 0 rgba(0,0,0,0.8)
}
#contents3 .c_txt{
    font-size:1.1rem;
    font-weight:bold;
    padding-left:30px;
    background:url(./Dup/img/check.png) no-repeat;
    background-size:25px;
    background-position:left;
}
#contents3 .case{
    margin-top:30px;
}
#contents3 .con3_bnr{
    border-radius:50px;
}


/*--under page---------------------------
-------------------------------------*/

#page3 #cms_2-g #cate2 .cate_box{
    margin-top:0;
    position:relative;
}
#page3 #cms_2-g #cate2 .cate_box .box_title1{
    font-weight: bolder;
}
#page3 #cms_2-g #cate2 .cate_box::before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url(./Dup/img/arrow-down-solid.svg) no-repeat;
    background-size: contain;
    left: 30px;
    bottom: 20px;
}
#page3 #cms_2-g #cate2 .cate_box:last-of-type::before{
    display:none;
}

#page10 .more_bt2 a span{
    opacity:1;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#pc_nav #logo a{
    display: block;
    width: 180px;
}
#header.head_fix #logo img {
    width: 100%;
}
#main_img{
    margin-top:85px;
    height: 42vh;
}
#main_img p {
    font-size: 1.5rem;
    letter-spacing: 1px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.move{
    text-shadow:4px 4px 0 rgba(0,0,0,0.8);
}

#pc_nav #logo a{
    width:130px;
}
#main_img {
    height: 31vh;
    margin-top: 65px;
}
#main_img .txt h2 {
    text-shadow: 3px 3px 0 rgba(0,0,0,0.8);
}
#main_img .txt p {
    font-size: 1rem;
    letter-spacing: 0px;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.8);
}
#intro .intro_sub_title {
    font-size: 3.4rem;
}
#contents1 .con1_sub_title {
    font-size: 3.5rem;
}
#contents2 .con2_sub_title {
    font-size: 4rem;
}
#contents3 .con3_sub_title {
    font-size: 3rem;
}
#contents3 .con3_sub_title span {
    text-shadow: 4px 4px 0 rgba(0,0,0,0.8);
}
#contents3 .c_txt{
    padding-left: 25px;
    margin-bottom:5px;
    background-size: 20px;
    background-position:top 6px left;
}
#sp_nav a.active{
    border-bottom: 1px solid #e72828;
}
#page3 #cms_2-g #cate2 .cate_box::before{
    width: 14px;
    height: 14px;
    left: 20px;
    bottom: 0;
}
}