@import url("https://use.typekit.net/ach8kox.css");

body,.pop400{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}

.fadein{
     opacity: 0;
transform: translate(-50%, -40%);
     transition: 2s;
     transition-property: opacity,transform
}
.fadein.animStart{
     opacity: 1;
transform: translate(-50%, -50%);
}
header.scr_header #logo {
    max-width: 120px;
}

#main_img{
height: 55vw;

}
#main_img .bg_white{
    height: 100px!important;
    opacity: 0.5;
    display: none;
}
#contents3_wrap:after{background-color: rgba(187,231,255,0.5)!important;}
#main_img .bg_white,#main_img:before{background-color: transparent!important;}
.num,.more_btn{color: #BA9140;}
#intro_wrap,#contents3 .con_box,.page main .con_box{border: 1px solid #f2f2f2;}
.back1:before,.back2:before{
background-image: url(Dup/img/bg.png);
    opacity: 0.2;
}
.nav_menu_more:first-of-type a .icon:before,.nav_menu_more:last-of-type a .icon:before{display: none;}
#top_cms.back1:before{
z-index: -1;
width: 100%;
}
#footer {
    background-color: rgba(255,255,255,0.8);
}
.catch{
    width: 100%;
    height: 100%;
    background: url(Dup/img/catch.png)no-repeat bottom right;
    background-size: 20%;
  
    right: -45%;
    top: 0%;
}
#main_img .logo_m{
width: 100%;
    height: 100%;
    background: url(Dup/img/catch2.ai.png)no-repeat bottom right;
background-size: 30%;
transition-delay: 0.8s;
    right: -45%;
    top: 22%;
}
#contents1_wrap .con_box{padding-left: 7%;}
#contents2_wrap .con_box{padding-right: 7%;}
#main_img .menu{
    top: 2%;
    left: 82%;
}
#info_contact_wrap .con_title{
    right: 10%;
    bottom: 10%;
}
#intro .line:before, #contents3 .line:before,#contents1 .line:before, #contents2 .line:before{content: none;}
header.scr_header {
    background-color: rgb(195 230 252)!important;
}
#pc_nav li a, #top_pc_nav li a{font-size: 21px!important;}
.border_so3-l {
    border-left: 1px solid #acacac;
}
.return a{
font-family: aviano-royale, serif;
font-style: normal;
font-weight: 300;
}
#info_contact .con_img:before{background-color: rgba(175,175,175,0.2);}
#sticker{
    bottom: 50px;
    left: 20px;
    z-index: 7;
}
#sticker a{background-color: #5cb4ea;}
#footer{padding-bottom: 100px;}

/*---------------------------
1280以下
-------------------------------*/
@media screen and (max-width: 1280px){
	#main_img .menu,#main_img .logo_m{display: none;}
.button_container span:nth-of-type(1){color: #333;}
.button_container span{background-color: #333;}
.button_container{top: 55%;}

.overlay {
    background: linear-gradient(135deg, rgba(187,187,187,0.9) , #87cefa)!important;
}
#header .d_flex{
padding-bottom: 15px;
padding-top: 15px;
}
.overlay-menu .nav_menu_more.mg_t-10px{display: none;}
.overlay-menu .mg_b-50px{margin-bottom: 10px;}
#logo{max-width: 150px;}

}



/*-----------------------------
下層
----------------------------------*/
#cms_5-a .box_wrap{display:block;}
#page_title .page_title_box{background-color: transparent;}
#page_title .page_title_box h2,
#page_title .page_title_box p{
color: #333333;
opacity: 1;
}
#page_title:before{background-color: transparent;}

#pc_nav li a,#top_pc_nav li a{color: #666666;}
#cms_5-a .box_title1,.cms_5-a .box_title1{color: #6ba2c5;}
#cms_3-e .cate_title{background-color: rgba(186,145,64,0.8);}
.page #logo{max-width: 200px;}

/*---------------------------
768以下
-------------------------------*/
@media screen and (max-width: 768px){
#main_img{width: 100%;}
.catch{top: 15%;}
}



/*---------------------------
スマホ
-------------------------------*/
@media screen and (max-width: 667px){
#logo{max-width: 80px;}
header.scr_header #logo {
    max-width: 80px;
}
.page #logo {
    max-width: 80px;
}
#main_img{margin-top: 25%;}
footer{padding-bottom: 50px;}
#sticker {
    bottom: 0px;
    left: 0px;
    z-index: 7;
}
#sticker a{
    padding: 10px;
    background-color: #5cb4ea;
    border-radius: inherit;
}
}