/* all page */
/* color */
.txt_color1{color: #000;} /* メインカラー */
.txt_color2{color: #0f0f0f;} /* サブカラー */
.txt_color3{color: #EFBB24;} /* アクセントカラー1 */
.txt_color4{color: #56383a} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #000;} /* メインカラー */
.bg_color2{background-color: #0F0F0F;} /* サブカラー */
.bg_color3{background-color: #EFBB24;} /* アクセントカラー1 */
.bg_color4{background-color: #000;} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #000;}
.border_color2{border-color: #0f0f0f;}
.border_color3{border-color: #EFBB24;}
.border_color4{border-color: #56383a}

.hvr_txt_color1:hover {color: #000000;}
.hvr_bg_color2:hover {background-color: #efbb24;}

.overlay {
    background: linear-gradient(135deg, rgba(0,0,0,0.9) , rgba(195,195,195,0.9) ) !important;
}

.linkStyle{
    color: #333;
    text-decoration: underline;
}
.nav_menu_more:first-of-type a .icon:before {
    content: "\f075";
    top: -3px;
    left: -30px;
}

/* top ----------------*/

/* header */
header.scr_header {
    background-color: rgba(0,0,0,0.5)!important;
}

/* main img */
#main_img:before {
	background-color: rgba(70,70,70,0.4);
}
#main_img .menu p{
	background: none;
}

/* main */
.back1::before{
	background-image: url("./Dup/img/marble.jpg");
	background-position: top left;
	background-repeat: repeat-y;
	background-size: cover;
	opacity: 0.7;
    z-index: -1;
}
.back2::before{
	background-image: url("./Dup/img/marble.jpg");
	background-position: top right;
	background-repeat: repeat-y;
	background-size: cover;
	opacity: 0.7;
    z-index: -1;
}
.line:before {
    background-color: rgba(239,187,36,0.5) !important;
}
#intro .num, #contents1 .num, #contents2 .num, #contents3 .num {
    color: #efbb24;
}

/* intro */
#intro::before{
	content: "";
	background-image: url("./Dup/img/flower1.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 600px;
	width: 600px;
	height: 550px;
	position: absolute;
	bottom: -25vh;
	right: -80px;
	z-index: 1;
	opacity: 0.3;
}
#intro .intro_txt{
	z-index: 3;
    position: relative;
    background-color: rgba(255,255,255,0.5);
}

/* contents */
#contents1 .con_txt{
	z-index: 3;
    position: relative;
    background-color: rgba(255,255,255,0.5);
}
#contents2::before{
	content: "";
	background-image: url("./Dup/img/flower2.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 400px;
	width: 400px;
	height: 500px;
	position: absolute;
	top: 25vh;
	left: -110px;
	z-index: 0;
	opacity: 0.3;
	transform: rotate(30deg);
}
#contents2 .con_txt{
	z-index: 3;
    position: relative;
    background-color: rgba(255,255,255,0.5);
}

/* topcms */
#top_cms .top_cms_box a.more_btn{
	background-color: rgba(245,199,66,0.20);
}
.cms_3-b .cate_box{
    background-color: rgba(255,255,255,0.5);
}
.cms_5-c .box_title1{
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    margin-left: 50px;
    margin-right: 50px;
    border: none;
}
.cms_5-c .box_title1::before{
    content: "Q";
    top: 50%;
    left: -65px;
    transform: translateY(-50%);
    background-color: #000;
    color: #EFBB24;
    padding: 10px;
    line-height: 1;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
}
.cms_5-c .box_title1::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 10px 0;
    border-color: transparent #000 transparent transparent;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}
.cms_5-c .box_txt1{
    background-color: #e9e9e9;
    border-radius: 5px;
    padding: 5px 10px;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 20px;
}
.cms_5-c .box_txt1::before{
    content: "A";
    left: auto;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);
    background-color: #e9e9e9;
    color: #333;
    padding: 10px;
    line-height: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: end;
}
.cms_5-c .box_txt1::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #e9e9e9;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}

/* footer */
#info_contact .con_img:before {
    background-color: rgba(84,84,84,0.3);
}
#footer_con h2, #footer_txt span, #h1txt p, .tel_bt{
    color: #fff;
}


/* under page */
#page_title:before {
    background-color: rgba(0,0,0,0.3);
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */
#cms_5-c .box_title1{
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    margin-left: 50px;
    margin-right: 50px;
    border: none;
}
#cms_5-c .box_title1::before{
    content: "Q";
    top: 50%;
    left: -65px;
    transform: translateY(-50%);
    background-color: #000;
    color: #EFBB24;
    padding: 10px;
    line-height: 1;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
}
#cms_5-c .box_title1::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 10px 0;
    border-color: transparent #000 transparent transparent;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}
#cms_5-c .box_txt1{
    background-color: #e9e9e9;
    border-radius: 5px;
    padding: 5px 10px;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 20px;
}
#cms_5-c .box_txt1::before{
    content: "A";
    left: auto;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);
    background-color: #e9e9e9;
    color: #333;
    padding: 10px;
    line-height: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: end;
}
#cms_5-c .box_txt1::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #e9e9e9;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}

/* page7 */

/* page8 */

/* page9 */

/* page10 */

	

/* IE */
@media all and (-ms-high-contrast: none){
    .cms_5-c .box_title1{
        padding-top: 10px;
    }
    .cms_5-c .box_txt1{
        padding-top: 10px;
    }
    .cms_5-c .box_txt1::before{
        text-align: right;
    }
    #cms_5-c .box_title1{
        padding-top: 10px;
    }
    #cms_5-c .box_txt1{
        padding-top: 10px;
    }
    #cms_5-c .box_txt1::before{
        text-align: right;
    }
    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#main_img .menu {
		display: none;
	}
	#main_img:before {
		background-color: rgba(70,70,70,0.3);
	}
	#intro::before{
		background-size: 450px;
		width: 450px;
		bottom: -15vh;
	}
	#contents1 .con_box {
		margin-top: 15%;
	}
	#contents2::before{
		background-size: 300px;
		width: 300px;
		top: 20vh;
		left: -60px;
	}
    #page_title .page_title_box{
        width: 100%;
        background-color: rgba(0,0,0,0.5);
    }
    #cms_1-c .prev{
        margin-right: 0;
    }
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    .back1::before{
        background-size: inherit;
    }
	#intro::before{
		background-size: 350px;
		width: 350px;
		bottom: -10vh;
	}
	#contents1 .con_box {
        margin-top: 0;
    }
	#contents2::before{
		background-size: 260px;
		width: 260px;
		top: 35vh;
		left: -30px;
	}
    .cms_5-c .box_title1{
        margin-left: 60px;
        margin-right: 0;
    }
    .cms_5-c .box_title1::before{
        left: -60px;
        width: 20px;
        height: 20px;
        }
    .cms_5-c .box_txt1{
        margin-left: 0;
        margin-right: 60px;
        margin-top: 10px;
    }
    
    #cms_5-c .box_title1{
        margin-left: 60px;
        margin-right: 0;
    }
    #cms_5-c .box_title1::before{
        left: -60px;
        width: 20px;
        height: 20px;
        }
    #cms_5-c .box_txt1{
        margin-left: 0;
        margin-right: 60px;
        margin-top: 10px;
    }
	
}

/*20211122公開後修正*/
.bg_color1 {background-color: #dd8a60;}
.border_color1 {border-color: #c45f2c;}
.border_color3 {border-color: #EFBB24;}

#intro::before{
    opacity: 0.8;
}
#contents2::before{
    opacity: 0.8;
}
#top_cms.back1:before{
    display: none;
}
.portrait_img{
    border-radius: 30px;
}
#contents1_wrap::before{
    content: "";
	background-image: url("./Dup/img/bird.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100px;
	width: 100px;
	height: 300px;
	position: absolute;
	bottom: -50px;
	right: 40%;
	z-index: 0;
}
#contents1_wrap::after{
    content: "";
	background-image: url("./Dup/img/bird2.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100px;
	width: 100px;
	height: 300px;
	position: absolute;
	bottom: 20px;
	right: 20%;
	z-index: 0;
}
#contents2 .con_img{
    border-radius: 30px;
}
#info_contact .con_img{
    border-radius: 20px;
}
.cms_5-c .box_title1{
    background-color: #dd8a60;
}
.cms_5-c .box_title1::after{
    border-color: transparent #dd8a60 transparent transparent;
}
.cms_5-c .box_title1::before{
    background-color: #dd8a60;
    color: #ffffff;
}
#cms_5-c .box_title1{
    background-color: #dd8a60;
}
#cms_5-c .box_title1::after{
    border-color: transparent #dd8a60 transparent transparent;
}
#cms_5-c .box_title1::before{
    background-color: #dd8a60;
    color: #ffffff;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    #contents1_wrap::before{
    	background-size: 80px;
    	width: 80px;
    	bottom: -100px;
    	right: auto;
    	left: 2%;
    }
    #contents1_wrap::after{
    	background-size: 90px;
    	width: 90px;
    	bottom: -50px;
    	right: auto;
    	left: 23%;
    }
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    #contents1_wrap::before{
    	background-size: 60px;
    	width: 60px;
    	bottom: -180px;
    	right: auto;
    	left: 5%;
    }
    #contents1_wrap::after{
    	background-size: 80px;
    	width: 80px;
    	bottom: -160px;
    	right: auto;
    	left: 40%;
    }
}