/* all page */
/* color */
.txt_color1{color: #a172cd;} /* メインカラー */
.txt_color2{color: #dec5f9} /* サブカラー */
.txt_color3{color: #9b6cb0;} /* アクセントカラー1 */
.txt_color4{color: #ffdfa6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #a172cd;} /* メインカラー */
.bg_color2{background-color: #dec5f9} /* サブカラー */
.bg_color3{background-color: #9b6cb0;} /* アクセントカラー1 */
.bg_color4{background-color: #ffdfa6} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #a172cd;}
.border_color2{border-color: #dec5f9}
.border_color3{border-color: #9b6cb0;}
.border_color4{border-color: #ffdfa6}

.hvr_bg_color1:hover{background-color: #a172cd;} /* メインカラー */
.hvr_border_color3:hover{border-color: #9b6cb0;}

/* fonts */
#pc_nav, #contents1 .con1_title, #contents2 .con2_title, #contents3 .con3_title, #top_cms .cms_title, #top_info .info_title, .more, #footer .footer_nav, #sp_nav, #page_title, .cate_title, .sub_cate_title, .box_title, .box_title1, a[href^="tel:"], #main_img .main_catch {
    font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

.linkStyle{
    color: #333;
    text-decoration: underline;
}

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

/* header */
#header{
	text-align: center;
	padding-left: 0;
	background-image: url("./Dup/img/header_bottom.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}
#pc_nav {
    padding-left: 0;
	padding-right: 0;
}
#logo{
	background: none;
	padding: 40px;
	margin-bottom: 0;
}
#logo span{
	display: none;
}
header .trans_header {
    top: -126px;
    height: 126px;
}
header .trans_logo {
    padding: 5px 20px;
	background: none;
}
header .trans_logo img{
    max-width: 110px;
}
#sp_nav .sp_nav_box > ul::before{
	content: "";
	background-image: url("./Dup/img/header_bottom.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 100%;
	height: 20%;
	position: absolute;
	bottom: 0;
	right: 0;
}
#sp_nav .tel_bt{
	position: relative;
}
#sp_nav .sns_links{
	position: relative;
}

/* main img */
#main_img .main_catch{
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	text-align: center;
	border-bottom: 1px solid #552583;
	padding: 0px 20px;
}
#main_img .main_catch p{
	font-size: 30px;
	color: #552583;
}

/* main */

/* intro */


/* contents */
.contents_wrap .contents_bg{
	background-image: linear-gradient(to bottom, #a18cd1 0%, #fbc2eb 100%);
}
.contents_wrap .contents_bg::before{
	content: "";
	background-image: url("./Dup/img/content_bg.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
}
#contents2 .con2_wrap{
	background-image: url("./Dup/img/content2_bg.png");
	background-position: center;
	background-size: 100px;
}

/* topcms */


/* footer */
#logo2{
	background-color: transparent;
}


/* under page */
.under_page #header{
	background: none;
}
.under_page header > .page_title_bg{
	background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
}
.under_page header > .page_title_bg::before{
	content: "";
	background-image: url("./Dup/img/content_bg.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
}
.under_page #logo {
    padding-left: 30px;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* IE */
@media all and (-ms-high-contrast: none){
    .tel_wrap .banner a{
        padding-bottom: 15px;
    }
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#main_img{
		padding-top: 0;
	}
	#contents2 .con2_left{
	    width: 100% !important;
	    padding: 0;
	    margin-bottom: 50px;
	}
	#contents2 .con2_right{
	    width: 100% !important;
	    padding: 0;
	}
	.contents_wrap .contents_bg {
        width: 100%;
    }
	.contents_wrap .contents_bg::before {
		background-size: cover;
	}
	#contents3 .con3_left{
	    width: 100% !important;
	    padding: 0;
	    margin-bottom: 50px;
	}
	#contents3 .con3_right{
	    width: 100% !important;
	    padding: 0;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#main_img .main_catch {
		padding: 0px 10px;
	}
	#main_img .main_catch p {
		font-size: 14.5px;
		letter-spacing: 0.5px;
	}
	.contents_wrap .contents_bg::before {
		background-size: inherit;
	}
	.under_page #page_title {
        padding-top: 0px;
    }
	
}