@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');



/* ----------　個別ここから　---------- */


.link-position {
    display: block;
    position: relative;
    top: -62.5px;
}

.trans_logo {
    display: none;
}

/* ----------　all　---------- */
.linkStyle{
	color:#5f5f5f;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#ffb6ca;
	opacity: 0.7;
	transition: all 0.5s;
}

/*---color---*/

body{
	color:#5f5f5f!important;
	font-family: 'Zen Maru Gothic', sans-serif!important; 
}

.txt_color_nomal{color: #5f5f5f;}
.txt_color1{color: #5f5f5f!important} /* メインカラー */
.txt_color2{color: #dec5f9} /* サブカラー */
.txt_color3{color: #ffb6ca} /* アクセントカラー1 */
.txt_color4{color: #fffcd4;} /* アクセントカラー2 */

/* background-color */
.bg_black{background-color: #5f5f5f} /* 黒背景 */
.bg_color1{background-color: #fffcd4!important} /* メインカラー */
.bg_color2{background-color: #dec5f9} /* サブカラー */
.bg_color3{background-color: #fffab3!important} /* アクセントカラー1 */
.bg_color4{background-color: #fffcd4!important} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #5f5f5f!important}
.border_color2{border-color: #5f5f5f!important}
.border_color3{border-color: #ffd2de}
.border_color4{border-color: #ffd2de}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #5f5f5f;}

.hvr_bg_color1:hover {
    background-color: #fffcd4!important
}

#page-top a::before {
	border-color:#5f5f5f;
}

.contents_bg {
	display:none;
}


.info_title {
    margin-bottom: 0;
}


header .trans_header {
    top:-120px;
}

.logo_sp {
    display: none;
}



/*右下固定バナー*/

#bt_fix {
	bottom: 10px;
	right: 5px;
	overflow: hidden;
	z-index: 8;
}

.link_fix {
	text-align: center;
	height: 30px;
	width: 30px;
	float:left;
	padding: 10px;
	background-image: url("Dup/img/contents_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 25px;
	transition: 0.5s all;
	overflow: hidden;
	white-space: nowrap;
}

.link_fix:hover {
	width: 300px;
	color: #5f5f5f;
	font-weight: bold;
}

.link_fix img {
	height: 100%;
	width: auto;
	padding-right: 10px;
	float: left
}

#page-top {
	float:left;
}




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

.chach-copy {
	position: absolute;
    z-index: 10;
    top: 44%;
    left: 5%;
    width: 60%;
	font-size: 45px;
	font-family: 'Shippori Mincho', serif;
	font-weight: bold;
	line-height: 2.5;
}

.chach-copy span {
	margin-top:10px;
	background:linear-gradient(to bottom, transparent 90%, #fffcd4 90%, #fffcd4 100%);
}

#logo span {
	display:none;
}

#logo {
	background-color:transparent!important;
	padding: 0!important;
}

#logo a img {
    max-width: 250px!important;
}

#header .grid_12 {
    text-align: center;
}


.trans_logo {
    background-color:transparent!important;
}

.menu_stick {
    background-color:#fffcd4!important;
}

.menu_stick span {
    background-color:#5f5f5f!important;
}

header .menu_stick.stick_trans span:not(:first-of-type):not(:last-of-type) {
    background-color: transparent!important;
}


#pc_nav ul li a {
    font-size: 18px;
}

.con3_title span, .con2_title span {
	display:none;
}

.con1_title p {
    color: #ffadba!important;
    font-weight: bold;
    text-shadow: 3px 3px 5px rgb(0 0 0 / 15%);
}

#contents1 {
    background-image: url('Dup/img/bg_fl1.png');
    background-repeat: no-repeat;
    background-position: right top;
}

#contents1 h2, #contents2 h2, #contents3 h2, #contents4 h2, .cms_title h2  {
    font-weight: 500;
}

#contents2 .con2_wrap, #contents4 .con4_wrap {
	background-image: url("Dup/img/contents_bg.jpg");
	box-shadow: 0 0 50px rgb(0 0 0 / 8%);
}

#contents2 .con2_wrap img, #contents4 .con4_wrap img  {
	box-shadow: 30px 30px #fffcd4;
    background-color: #fffcd4;
}

#contents1 .con_left .filter, #contents2 .con2_wrap .filter, #map .filter {
	background-color: #f5f1b7;
}

.plan_link {
	display:block;
	font-weight: 500;
	border:1px solid #5f5f5f;
	width: 45%;
	padding: 15px 30px;
	text-align: center;
	border-radius: 50px;
	margin: 30px auto;
	transition: 0.5s;
}

.plan_link:hover {
	background-color:#fffcd4;
	border:1px solid #fffcd4;

}

#contents3 .plan_link:hover {
    background-color:#ffd2de;
    border:1px solid #ffd2de;
}

#contents4 .plan_link:hover {
    background-color:#ddddf9;
    border:1px solid #ddddf9;
}



#contents3 .con3_wrap img{
	box-shadow: -30px 30px #ffd2de;
    background-color: #ffd2de;
}

#contents3 .con3_wrap .filter{
	background-color: #ffb6ca;
}


#contents4 .con4_wrap img {
	box-shadow: 30px 30px #ddddf9;
    background-color: #ddddf9;
}

.title_dec {
    font-size: 20px;
    background-color: #fffab3;
    width: 30%;
    text-align: center;
    margin-bottom: 20px;
}

.con2_title h2 {
    text-decoration: underline #fffab3 5px;
}


.con3_title h2 {
    text-decoration: underline #ffd2de 5px;
}

.con4_title h2 {
    text-decoration: underline #ddddf9 5px;]
}

.con3_left {
	color: #5f5f5f!important;
}

.con3_title .title_dec {
	left: -15%;
	background-color:#ffd2de;
}

.con4_title .title_dec {
	background-color: #ddddf9!important;
}

.top_cms_bg {
	background-color: transparent!important;
	background-image:url("Dup/img/contents_bg.jpg");
}


.bnr_box {
	width:65%;
	margin: 100px auto;
	overflow:hidden;
}

.bnr {
	width: 45%;
	box-shadow: 0 0 20px rgb(0 0 0 / 8%);
	transition: 0.5s;
	float: left;
}

.bnr:last-child {
	margin-left: 10%;
}

.bnr:hover {
	opacity: 0.6;
}


.cms_5-b .cate_box .open_bt .box_title1::before {
    color: #5f5f5f;
}

.more a {
	color:#5f5f5f!important;
	border-color: #5f5f5f!important;
	transition: 0.5s;
}

.more a:hover {
	border-color:#fffcd4!important;
}

#header, #logo2 {
    background-image: url(Dup/img/contents_bg.jpg);
}

#footer .footer_bottom {
    background-color:transparent!important;
}


#top_cms .cms_title h2 {
    background: linear-gradient(to bottom, transparent 50%, #fffcd4 50%);
}


#top_cms .date {
    color: #5f5f5f!important;
    font-weight: bold;
}

.cms_5-c .box_title1 {
    border-color: #ffd2de;
}

.br_tb {
    display: none;
}


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

.main_filter {
    background-color: #ffd2de!important;
}


#page05 #cate0 .cate_box {
    padding-bottom:0;
}




#page06 .box_title1 {
    font-weight: bold;
}





/* 会社情報 */
/* お問い合わせ */

#page08 h3 {
    color: #5f5f5f!important;
    font-weight: bold;
}

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

#page09 a {
    color: #5f5f5f!important;
} 

#page09 a:hover {
    opacity: 0.5;
}


/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
#main_img {
    padding-top:0;
}

.chach-copy {
    top:70%;
    background-color: rgba(249,249,200,0.5);
    font-size: 30px;
    padding: 10px;
}

.chach-copy span {
    background: none;
}

#page_title {
    padding-top:0;
}

#page_title p {
    font-weight: 500;
}

#page_title h2 {
    font-weight: 700;
}

.page_title_bg {
    background-color: #ffffff!important;
    opacity: 0.75!important;
}
    
.br_tb {
    display: block;
}
    
#contents1 h2, #contents2 h2, #contents3 h2, #contents4 h2 {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
    
.title_dec {
    width: 60%;
}
    
.con1_left {
    background-size: auto;
    background-position: top right 30%;
}
    
.plan_link {
    width: 60%;
}
    
.bnr_box {
	width:60%;
	margin: 100px auto;
	overflow:hidden;
}

.bnr {
	width: 100%;
	float: none;
}

.bnr:last-child {
	margin-left: 0;
	margin-top: 30px;
}
     
.page_title_box p, .page_title_box h2 {
    color: #5f5f5f!important;
}

#page05 .box_img1 {
    width: 100%!important;
    
}

#page05 .box_img1 img {
    width: 100%;
    height: auto;
}


     
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
.link_fix:hover {
	width: 30px;

}
    
    
.link-position {
    top: -100px;
}
    
#contents1 h2, #contents2 h2, #contents3 h2, #contents4 h2 {
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
}
    
    
#contents1 {
    background-size: contain;
    background-position: right center;
}
    
.chach-copy {
    top: 75%;
    left: 0;
    width: 100%;
    background-color: rgba(249,249,200,0.5);
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
}
    
.title_dec {
    font-size: 20px;
}
    
.plan_link {
    width: 80%;
}

.plan_link {
	background-color:#fffcd4;
	border:1px solid #fffcd4;

}

#contents3 .plan_link {
    background-color:#ffd2de;
    border:1px solid #ffd2de;
}

#contents4 .plan_link {
    background-color:#ddddf9;
    border:1px solid #ddddf9;
}

   
.bnr {
    width: 100%;
}
    
.con1_left {

    background-position: bottom right 30%;
}

.bnr_box {
	width:80%;

}


.logo_pc {
    display: none;
}

.logo_sp {
    display: block;
}

header .trans_logo {
    background-color: #fffcd4!important;
}

#footer .footer_bottom {
    padding: 30px 30px 80px 30px;
}

}