/* all page */
body,.txt_color_nomal{color: #777777;}
.txt_color1{color: #f1beb2;} /* メインカラー */
.txt_color2{color: #ffd6d8;} /* サブカラー */
.txt_color3{color: #e99696;} /* アクセントカラー1 */
.txt_color4{color: #56383a;} /* アクセントカラー2 */

.bg_color1{background-color: #f1beb2;} /* メインカラー */
.bg_color2{background-color: #ffd6d8;} /* サブカラー */
.bg_color3{background-color: #e99696;} /* アクセントカラー1 */
.bg_color4{background-color: #56383a;} /* アクセントカラー2 */

.border_color1{border-color: #f1beb2;}
.border_color2{border-color: #ffd6d8;}
.border_color3{border-color: #efb4b4;}
.border_color4{border-color: #56383a;}



body{
	background-color: #F7F6F5;
}


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


/* top */

/* header */
header.scr_header{
	background-color: transparent !important;
	background: linear-gradient(180deg,#fff 0,rgba(255,255,255,.963) 16.6%,rgba(255,255,255,.923) 30.4%,rgba(255,255,255,.88) 41.5%,rgba(255,255,255,.833) 50.4%,rgba(255,255,255,.783) 57.5%,rgba(255,255,255,.729) 63%,rgba(255,255,255,.67) 67.3%,rgba(255,255,255,.606) 70.8%,rgba(255,255,255,.538) 73.7%,rgba(255,255,255,.464) 76.5%,rgba(255,255,255,.384) 79.5%,rgba(255,255,255,.298) 83%,rgba(255,255,255,.206) 87.3%,rgba(255,255,255,.106) 92.9%,rgba(255,255,255,0));
}

.banner a{
	padding: 5px 10px;
}
.banner_s a{
	padding: 5px 10px;
	background-color: rgba(255,255,255,0.5);
}
.banner_s::before{
	display: none;
}



/* main img */
#main_img:before{
	background-color: rgba(255,247,247,0.50);
}
/**/
#main_img:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("./Dup/img/frame5.png");
	background-repeat: no-repeat;
	background-size: 1030px;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#main_img .menu p{
	background-color: transparent;
}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a{
	color: #131313;
	transition: transform 0.4s ease 0.1s;
}
#pc_nav li a:hover, #top_pc_nav li a:hover, #footer_nav li a:hover{
	transform: translateY(-6px);
}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after{
	display: none;
}


/* intro */
#intro{
	margin-top: 50px;
	margin-bottom: 300px;
}
#intro #intro_wrap{
	background-color: transparent;
}
#intro .num{
	display: none;
}


.intro_title {
    padding-top: 90px;
    background-image: url("./Dup/img/intro_t2.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto;
}
#intro #intro_wrap:before{
	content: "";
	background-image: url("./Dup/img/intro_b2.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto;
	width: 80%;
	height: 120px;
	position: absolute;
	bottom: -75px;
	left: 50%;
	transform: translate(-50%,0);
}
#intro .line:before{
	display: none;
}




/* contents */

.back1:before{
	display: none;
}
.back2:before{
	display: none;
}

#contents1 .line:before, #contents2 .line:before{
	display: none;
}
#contents1{
	margin-bottom: 250px;
}
#contents1 figure{
	box-shadow: rgba(210, 157, 159, 0.4) 0px 30px 90px;
}
#contents1_wrap .con_box .con_title h3{
	background-image: url("./Dup/img/content2.png");
	background-repeat: no-repeat;
    background-position: top left;
    background-size: auto;
	padding-top: 35px;
}

#contents2_wrap .con_box .con_title h3{
	background-image: url("./Dup/img/content2.png");
	background-repeat: no-repeat;
    background-position: top left;
    background-size: auto;
	padding-top: 35px;
}
#contents2{
	padding-bottom: 200px;
}
#contents2 figure{
	box-shadow: rgba(210, 157, 159, 0.4) 0px 30px 90px;
}

#contents3 .con_box{
	box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
#contents3_wrap:after {
    background-color: rgba(255,237,238, 0.5) !important;
}
#contents3 h3{
	text-align: center;
	padding-top: 45px;
    background-image: url("./Dup/img/content_t3.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto;
}




/* youtube */
.youtube2{
	margin: 10% 10% 5% 10%;
	padding-top: 200px;
}
.youtube_wrap{
	width: 45%;
}
.youtube_wrap:nth-child(1){
	margin-right: 30px;
}
.youtube{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; /*境界線の打ち消し*/
}

.line_banner{
	max-width: 420px;
}



/* topcms */
#top_cms{
	margin-top: 50px;
}
#top_cms .more_btn{
    background-color: rgba(247,225,225,0.6);
}




/* footer */
#info_contact .con_box a{
	position: relative;
}
#info_contact .con_box a::before{
	content: "";
	background-image: url("./Dup/img/frame7.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 95% 95%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}



/* under page */
#page_title:before{
    background-color: rgba(255,247,247,0.55);
}
#logo {
    max-width: 250px;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */
#map{
    width: 48.5%;
}
#map:nth-of-type(1){
    margin-right: 3%;
}


/* page8 */

/* page9 */

/* page10 */



.nav_menu_more:first-of-type a .icon:before {
    content: "\f075";
}


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

/* ---------- 1280px ---------- */
@media screen and (max-width: 1280px){
	#main_img:after{
		display: none;
	}
	#main_img .menu{
		display: none;
	}
	.button_container span{
		color: #3c3c3c;
	}
	.button_container.active span:nth-of-type(1) {
		color: rgba(60,60,60,0.80)!important;
	}
	.button_container span.top{
		background: #3c3c3c !important;
	}
	.button_container span.middle{
		background: #3c3c3c !important;
	}
	.button_container span.bottom{
		background: #3c3c3c !important;
	}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    .intro_title {
        padding-top: 80px;
    }
    #intro{
        margin-top: 20px;
        margin-bottom: 220px;
    }
	#intro #intro_wrap:before {
		bottom: -90px;
	}
	#contents1 {
		margin-bottom: 50px;
	}
	#contents1 .con_box {
		margin-top: 15%;
	}
	
	#contents1_wrap .con_box .con_title h3{
        background-size: auto;
    	padding-top: 47px;
    }
    
    #contents2_wrap .con_box .con_title h3{
        background-size: auto;
    	padding-top: 47px;
    }
	
	#contents3 h3{
        background-size: contain;
        padding-top: 65px;
    }
    
	.youtube2 {
		margin: 10% 5% 5% 5%;
		padding-top: 150px;
	}
	.line_banner {
		max-width: 350px;
	}
	
	.pager li{
	    margin-right: 0;
	}
	.pager li a{
	    padding-top: 15px;
	}
	
	#cms_2-a .cate_wrap:nth-of-type(2) .cate_box .box_item{
	    width: 100% !important;
	}
	
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    #logo {
        max-width: 150px;
    }
    
    .intro_title {
        padding-top: 70px;
        background-size: contain;
    }
	#intro #intro_wrap:before {
		bottom: -10%;
		background-size: contain;
		width: 90%;
	}
	#intro {
		margin-top: 0px;
		margin-bottom: 200px;
	}
	#contents2 {
		padding-bottom: 150px;
	}
	#contents2 .con_box {
        margin-top: 15%;
    }
	
	#contents3 h3{
        padding-top: 45px;
    }
	
	.top_cms_box:first-of-type {
		padding-top: 0;
	}
	
	.youtube2 {
		margin: 10% 5% 10% 5%;
		padding-top: 50px;
	}
	.youtube_wrap {
		width: 95%;
	}
	.youtube_wrap:nth-child(1) {
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	#map {
        width: 100%;
    }
    #map:nth-of-type(1) {
        margin-bottom: 10px;
    }
    
    #page_title .page_title_box h2{
        font-size: 23px;
        letter-spacing: 1px;
    }
    
}



/* 公開後修正 */
.banner__fixed {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%,0%);
    width: 500px;
    z-index: 2;
}

footer {
    	margin-bottom: 180px;
    }


.cms_3-e .cate_box:nth-of-type(1) .box_title3{
    padding-top: 0;
}
.cms_3-e .cate_box .box_title3{
    color: #e99696;
    padding-bottom: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    footer {
    	margin-bottom: 160px;
    }
    
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    .banner__fixed {
        width: 100%;
    }
    
    #return_top{
        display: none;
    }
    
    footer {
    	margin-bottom: 125px;
    }
    
    
}