/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */



@charset "utf-8";
/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*
#fakeloader{
    display:none;
}
*/
#logo .logo {
    width: 200px;
}
/*
#header{
  position: fixed;
  top: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  background: #fff;
  z-index: 100;
}
*/
#header h1{
  margin-left: auto;
  margin-right: auto;
  width: 240px;
  display: block;
  transition: all 0.4s ease;
}
#header h1.isSmall{
  width: 150px!important;
}
#header h1 img{
  width: 100%;
  height: auto;
  display: block;
}
#foot_banner a{
    color:white!important;
    padding: 21px 70px 21px 70px;
}
#foot_banner a img{
    display:none;
}

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

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
#foot_banner a {
    padding: 21px 20px 21px 20px;
}
}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.main_logo_catch{
    z-index:2;
}
.main_logo img{
    border-radius: 50%;
}
#main_img .main_img_wrap{
    /*height:800px;*/
    height:100vh;
}
#main_img .main_img_wrap:before{
    background-color: rgba(70, 70, 70, 0.2);
}
/*FV txt*/
.fv_catch{
    z-index:1;
    bottom: 15%;
}
.fv_catch p{
    font-size:2rem;
}

/*FV txt animation*/
.txt_anim1 span{
	position: relative;
	right: 20px;
	opacity: 0;
	transition: all .8s;
}
.txt_anim1 span.start{
	right: 0;
	opacity: 1;
}
#intro_bg{
    background-image: url(/Files/img/bg.jpg);
    background-attachment: fixed;
}
.con_item_intro{
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 80px;
    right: 60px;
    z-index: 1;
}
#contents,#wrap{
    background-color:none;
    background-image: url(/Files/img/bg2.jpg);
}
#contents .con_box{
    box-shadow: 0px 0px 45px -4px #f7c8bc;
}
.svg_box{
    display:none;
}
#top_cms{
    background: url(/Files/img/ptn1.png);
    background-repeat: repeat;
    background-color: var(--color2);
    background-size: 200px;
    
}
    



/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
#main_img .main_img_wrap {
    height: 500px;
}

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
#main_img .main_img_wrap {
        height: 700px;
    }
.fv_catch p {
    font-size: 1.2rem;
    letter-spacing: -1px;
}
}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.con_item_intro{
    bottom:20px;
}
.con3_title .pc_txt{
    letter-spacing:-1px;
}
#top_cms{
    background-size: 150px;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
.con_item_intro {
    width: 120px;
    height: 120px;
    bottom: 20px;
    right:-15px;
}
#contents .fadein:nth-of-type(1) .con_box .con_item1 {
    right: 1%;
}
#contents .con_txt_wrap{
    padding-top: 20px;
    margin-top: -35px;
}

}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.block_add_area{
    background-color:white;
    padding:50px;
    box-shadow: 0px 0px 45px -4px #f7c8bc;
}
#cms_5-f .cate_box .open_bt .box_title1::before, .cms_5-f .cate_box .open_bt .box_title1::before{
    color: #8b4646;
}
#cms_5-f .cate_box .open_bt .arrow::before, #cms_5-f .cate_box .open_bt .arrow::after, .cms_5-f .cate_box .open_bt .arrow::before, .cms_5-f .cate_box .open_bt .arrow::after{
    background-color: #8b4646;
}
#form_area .g-recaptcha>div{
    margin:20px auto;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
#page_title #filter_white {
    padding-top: 250px;
    padding-bottom: 120px;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
.block_add_area{
    padding:20px 10px;
}
}