@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
.font1,
.cms_title p,
#top_cms .more a,
.date,
.tel_bt,
#copyright,
#page_title p,
.pager li a{
    font-family: 'Quicksand', sans-serif;
}

.linkStyle{
    color:#ad6c1d;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;    
}




/*--all page---------------------------
-------------------------------------*/
#body{
    background-image:url(./Dup/img/bg.jpg);
    letter-spacing: 3px;
    line-height: 2.5;
}


.trans_logo img{
    display:block;
    width:200px;
    max-width:200px;
}

#footer .footer_bottom{
    background-color:transparent;
}
header .trans_header {
    top: -110px;
}
header .trans_logo{
    padding-top: 18px;
    padding-bottom:20px;
    box-sizing:content-box;
}
header .menu_stick span{
    background-color:#acd5af;
}

/*--top page---------------------------
-------------------------------------*/
.t_header{
    background:url(./Dup/img/reaf1.png) no-repeat top left;
}
#main_img{
    position:relative;
}
#main_img::before{
    content:'';
    position:absolute;
    display:block;
    width:30vw;
    height:45vh;
    background-image:url(./Dup/img/reaf2.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom right;
    bottom:0;
    right:0;
    z-index:2;
}
.catch{
    width:25vw;
    z-index:2;
}
.catch img{
    filter: drop-shadow(1px 1px 10px #ccc);
}

/*ローディング後にフェードイン*/
.load-fade {opacity : 0; transition : all 2s;}
.load-fade.done{opacity : 1; transform : translate(-50%, -50%);}
#top_cms .top_cms_bg{
    background-color: #f1edca;
}
#logo img{
    display:block;
    max-width:300px;
}
.hikari img{
    width:245px;
    height:125px;
}

.con1_title p{
    font-size: 3rem;
    letter-spacing: 5px;
    line-height: 1.2;
}

.con2_title h2,
.con3_title h2,
.cms_title h2,
.info_title h2,
#page_title h2{
    font-size: calc(1rem + 5px);
}

.con2_title p,
.con3_title p,
.cms_title p,
.info_title p,
#page_title p{
    font-size: 2.5rem;
    letter-spacing: 5px;
    line-height: 1.2;    
}
/*フェードイン*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
#top_cms,.under_page main{
    background:url(./Dup/img/reaf2.png) no-repeat bottom right;
}

/*--under page---------------------------
-------------------------------------*/
.under_page #footer{
    background-color: #CEE5D0;
}
#page_title h2,#page_title p{
    text-shadow: 0 0 10px #888;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img::before{
    width: 60vw;
    height: 42vh;
}
.catch {
    width: 50vw;
}

header .menu_stick{
    height:111px;
}

header .trans_header {
    top: -140px;
}
.trans_logo img{
    width: 150px;
    max-width: 150px;
}

header .trans_logo {
    padding-top: 20px;
    padding-bottom:10px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#top_cms, .under_page main{
    background-size: 100%;
}
header .menu_stick {
    height: 90px;
}
header .trans_header {
    top: 0;
    height:60px;
}
header .trans_logo{
    padding-top: 20px;
}
.trans_logo img {
    width: 130px;
    max-width: 130px;
}
.catch{
    top:60%;
}
.con1_right{
    padding-top:50px;
}
}

@media screen and (max-width: 361px){
.con1_title p{
    letter-spacing: 3px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#top_cms .more a/*, #page08 input[type='submit'], #page07 h3, #page07 p, .end_message*/{
    padding-top:20px!important;
}
#contact_tel a{
    padding-top:35px;
}
}