body{
font-family: maru-maru-gothic-asr-stdn,  sans-serif;  
font-weight: 400;  
font-style: normal; 
}

#page7 .box_item p{
color: #5e5f53;
}

#wrap{
overflow:hidden;
}

body, .txt_color_nomal {
    color: #61320e;
}

#cms_2-c .cate_title{
margin-bottom:40px;
}

.bg_color4 {
    background-color: lightcyan;
}

.bg_color1 {
    background-color: #4169e1;
}

.txt_color1 {
    color: #10abab;
}

.bg_color3 {
    background-color: #10abab;
}

.bg_color2 {
    background-color: lightcyan;
}




#main_img{
position:relative;
}

/*#main_img:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/font.svg);
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 70%;
    pointer-events: none;
    z-index: 2;
}*/

.catch{
    position: absolute;
    bottom: -3px;
    left: -3px;
    z-index: 2;
    width: 80%;
}

.ore{
margin-bottom:-200px;
}

.sita{
padding-top:100px;
}

.ore figure{
    min-width: 500px;
}

.ore h4{
       font-size: 42px;
    font-weight: bold;
    color: #1e99a8;
}

#page_title2{
    background-image: url(./Dup/img/title.jpg);
    height: 500px;
    position: relative;
    font-size: 23px;
background-size: cover;
}

#page_title2:before{
    content: "";
    display: block;
    width: 300px;
    height: 500px;
    position: absolute;
    top: 85%;
    left: 85%;
    background-image: url(./Dup/img/hana.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
background-position:center right;
}


#page_title2 p{
    /*transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;*/
    color: #744622;
}

#page_title h2{
color: #744622;

}

.shadow-l {
    box-shadow: 0px 2px 4px rgba(0,0,0,0);
}


#logo{
max-width: 200px;
    margin-bottom: 30px;
}

#logo.only{
max-width:250px;
}


#cms_2-c .cate, #cms_3-c .cate{
position:relative;
    z-index: 2;
}


#cms_2-c .cate:nth-child(odd) .cate_title:before, #cms_3-c .cate:nth-child(odd) .cate_title:before{
content: "";
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0%;
    left: 0%;
    background-image: url(./Dup/img/moyo2.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%;
    pointer-events: none;
    z-index: -1;
}


#cms_2-c .cate:nth-child(even) .cate_title:before, #cms_3-c .cate:nth-child(even) .cate_title:before{
content: "";
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0%;
    left: 0%;
    background-image: url(./Dup/img/moyo1.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%;
    pointer-events: none;
    z-index: -1;
}



/*#cms_2-c .cate:nth-child(odd){
    background-image: url(./Dup/img/moyo1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    pointer-events: none;
}*/


.cate_list a{
    border: 1px solid #c9e0e0;
    border-radius: 30px;
}

.hvr_txt_color2:hover {
    color: #613c0e;
    background-color: #edf2f2;
}

#cms_3-c .cate_box{
    background-color: #f7f7f7;
    padding: 20px 30px;
    border-radius: 10px;
}

.font_2up {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}

.box_title1, .cate_title{
font-weight:bold;
}

.shadow {
    box-shadow: 0 5px 10px rgb(0 0 0 / 0%);
}

.box_title2{
    color: #1e99a8;
    font-weight: bold;
}

.tyumo h2{
line-height: 1.4em;
     font-size: 37px;
    font-weight: bold;
    border-bottom: 5px dotted white;
    margin-bottom: 30px;
position: relative;
    z-index: 2;
}

.tyumo{
position: relative;
z-index:1;
}

.tyumo:before{
content: "";
    display: block;
    width: 300px;
    height: 300px;
    position: absolute;
    top: -15%;
    left: -10%;
    background-image: url(./Dup/img/tori.png);
    background-position: center;
    background-repeat: no-repeat;
    /* -webkit-transform: translate(-50% , -50%); */
    /* transform: translate(-50% , -50%); */
    background-size: contain;
    pointer-events: none;
    z-index: 0;

-webkit-animation-name: btn-sample-7-float,btn-sample-7;
	animation-name: btn-sample-7-float,btn-sample-7;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;


}

@-webkit-keyframes btn-sample-7 {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@keyframes btn-sample-7 {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}




.ore figure{
transform: translateY(50px);
}

.ore .grid_6.txt_center{
position:relative;
}

.ore .grid_6.txt_center:before {
    content: "";
    display: block;
    width: 50%;
    height: 500px;
    position: absolute;
    top: 85%;
    left: 85%;
    background-image: url(./Dup/img/hana.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    background-position: center right;
}

.hyou{
    padding: 5px;
    background-color: white;
}

#tel_contact{
    border-radius: 5px;
}

.txt_color3 {
    color: #1e99a8;
}

.linkStyle{color: #5e5f53;}


#footer ul{
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

#map3{
display:none;
}



/*--------20210406 start--------*/

#tel_txt p a{
color:#1e99a8;
}

.catch{
display:none;
}

.senks{
   /*position: absolute;
    bottom: 30%;
    right: 8%;*/
    z-index: 1;
    color: white;
    padding: 10px;
    background-color: transparent;
    font-size: 23px;
    width: 80%;
}

.senks2{
   position: absolute;
    bottom: 30%;
    right: 8%;
    z-index: 1;
    color: white;
    padding: 10px;
    background-color: transparent;
    font-size: 23px;
    width: 80%;
}

.ore{
margin-bottom:0;
}


/*--------20210406 end--------*/

/*------------2021 0409 start-----------*/

#footer{
background-color:lightcyan;
}

header ul.txt_vertical{
padding-bottom:30px;
}

.txt_color4 {
    color: #42210b;
}

#page_title2 p{
     color: #fff;
    text-align: left;
font-size:24px;
/*left:52% !important;*/
}


#page_title2:before{
    content: none;
}


/*------------2021 0409 end-----------*/




/*----------20210430 start---------*/


.tyumo h2 {
    font-size: 25px;
}

.ore .grid_6.txt_center:before {
    content: none;
}


#top_cms .box_title1, #top_cms .box_title2{
font-weight:normal;
}






/*----------20210430 end---------*/


/*-----------20210511 start------------*/

.tyumo h2 {
    font-size: 24px;
}

.tymo p{
font-size: 17px;
}

.top_cms_box h2.font_30{
    font-size:28px;
}

#page_title2 p {
    font-size: 22px;
}

#cms_2-c .box_txt1{
    font-size: -webkit-calc(1rem + 6px);
    font-size: calc(1rem + 6px);
}



/*-----------20210511 end------------*/


/*------20210517 start-------*/


.tyumo h2 {
    font-size: 22px;
}

.tyumo p{
font-size: 17px;
position:relative;
z-index: 1;
}

.top_cms_box h2.font_30 {
    font-size: 26px;
}

#page_title2 p {
    font-size: 24px;
}

#cms_2-c .box_txt1 {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}

/*------20210517 end------*/

/*-------20210527 ks start------*/

.tyumo h2 {
    font-size: 24px;
}

/*-------20210527 ks end------*/

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.hyou{
margin-bottom:30px;
}

.senks{
font-size:20px;
width:80%;
}

/*--------20210430 nanabba-------*/

#top_cms .font_2up_tb {
    font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem + 0px);
}

#top_cms .font_2up{
font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem + 0px);
}



#cms_2-c .box_txt1{
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}



}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.tyumo h2 {
    font-size: 23px;
}

.catch {
    width: 90%;
}

.tyumo:before {
    width: 150px;
    height: 150px;
    position: absolute;
    top: -6%;
    left: -10%;
   }

.ore figure {
    transform: translateY(0px);
 min-width: 100%;
}

.ore h4 {
    font-size: 28px;
    position: relative;
    z-index: 3;
}

.ore .grid_6.txt_center:before {
    width: 50%;
    height: 180%;
    top: 140%;
    left: 85%;
}

#page_title2 {
    height: 190px;
}

#page_title2:before {
    width: 180px;
    height: 150px;
    top: 90%;
    left: 85%;
}

#cms_2-c .cate_title, #cms_3-c .cate_title{
text-align:left;
}

#page_title2 p {
    color: #fff;
    text-align: center;
    font-size: 14px;
}


/*-----20210511 start------*/

.tyumo h2 {
    font-size: 21px;
}

.tyumo p{
    font-size:15px;
}

.top_cms_box h2.font_30 {
    font-size: 20px;
    font-weight: bold;
}

#page_title2 p {
    font-size: 19px;
    left: 50% !important;
    top: 36%;
}

/*-----20210511 end------*/

/*------20210517 start------*/
#page_title2 p {
    font-size: 22px;
}

/*------20210517 end------*/


/*---20210519 start----*/

.senks2 {
    font-size: 5.2vw;
}

#page_title2 p {
    font-size: 14px;
}

/*---20210519 end----*/

/*---20210524 start----*/


#page_title2 p {
    font-size: 16px;
}

/*---20210524 end----*/


}