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

.font_en,
#main_menu ul li a{
    font-family: 'Zen Maru Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font1,
.con_no{
    font-family: 'Concert One', cursive;
}





#fakeloader{
    /*display:none;*/
    background-color:transparent!important;
    background:url(./Dup/img/load_bg.jpg) no-repeat;
    background-size:cover;
}


.font_14 {
    font-size: 18px;
}

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

body {
    overflow: hidden;
    line-height: 2;
}

header{
    background-image:url(./Dup/img/hd.jpg),url(./Dup/img/hd2.jpg);
    background-repeat:no-repeat,no-repeat;
    background-size:100% 50%,100% 50%;
    background-position:bottom,top;
}
.head_box .tel_bt a{
    border-top:0;
    padding: 10px 0;
    margin: 0 auto 10px;
    width:90%;
    border-radius:30px;
}
.head_box .tel_bt a:hover{
    background-color:#d67e4a;
}
.head_box .head_banner a{
    width:90%;
    margin:auto;
    border-radius:30px;
}
.head_box .head_banner a:hover,
#top_cms .more a:hover,
.foot_tel_bt a:hover{
    opacity:0.7;
}
#top_cms .more a,
.foot_tel_bt a{
    border-radius:50px;
}
footer{
    border-top: 2px solid #736357!important;
}


/*--top page---------------------------
-------------------------------------*/

#main_img::before,
#contents_box::before{
    content: '';
    position: absolute;
    display: block; 
    pointer-events:none;
}
#main_img::before {
    width: 100%;
    height: 220px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(212,252,121,0.5) 50%, rgba(150,230,161,1) 100%);
    left: 0;
    bottom: 0;
    z-index: 2;
}
#video video{
    width: 100%!important;
    height: auto;
}
.catch {
    font-size: 2.5rem;
    bottom: 26%;
    right: 3%;
    z-index: 2;
}

#contents_box{
    position:relative;
}

#contents_box::before {
    width: 100%;
    height: 235px;
    background: url(./Dup/img/intro.png) no-repeat;
    background-size: contain;
    background-position: bottom;
    top: -223px;
    z-index: 3;
}

#contents1 .font1{
    font-size:2.5rem;
}
#contents1 h2{
    font-weight: 700;
    font-size: 2.5rem;
}
#contents1 h2 span{
    border-bottom:8px dotted #ecac3d;
}


#contents1 .nayami_box .n_2{
    margin-top:60px;
}
#contents1 .kotei {
    font-size: 1.2rem;
    background-color: #C0EDA6;
    padding: 5px;
    border-radius: 30px;
    display:none;
}

.con_no{
    font-size:2.5rem;
}


#contents2 h2{
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 50px;
}
#contents2 .nayami li {
    padding-left: 35px;
    background: url(./Dup/img/check.png) no-repeat;
    background-size: 26px;
    background-position: left top 5px;
    /*font-size: 1.2rem;*/
    margin-bottom: 5px;
}
#contents2 .img5 {
    border-radius: 30px 0 0 30px;
    border: 2px solid #736357;
    border-right: 0;
}


#contents3 .img6,
#contents3 .img7{
    border-radius:30px;
    border: 2px solid #736357;
}

#top_cms .more a,
.head_banner a{
    background:url(./Dup/img/bg.jpg);
}

.mail_bnr{
    border-radius:50px;
}

/*--under page---------------------------
-------------------------------------*/
#page_title h2{
    font-weight:600;
}
.pager li a{
    border-radius: 50px;
}
.cate_list li a,
#page10 ul li a{
    border-radius: 50px;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{
    background-image:none;
}
.main_box{
    background-image:url(./Dup/img/hd_tb.jpg),url(./Dup/img/hd2_tb.jpg);
    background-repeat:no-repeat,no-repeat;
    background-size:40%,40%;
    background-position:left top,right top;
}
#logo{
    max-width:120px;
}
.main_box{
    border-left:0;
}
#main_img::before{
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(212,252,121,1) 50%, rgba(150,230,161,1) 100%);
}
.catch {
    font-size: 1.5rem;
}
#contents1 {
    padding: 50px 10% 100px;
}
#contents1 h2 {
    font-size: 1.7rem;
}
#contents1 h2 span {
    padding: 5px 45px;
}
#contents2 {
    padding: 70px 10% 100px;
}
#contents2 h2{
    font-size: 1.8rem;
    letter-spacing: 1px;
}
#contents2 .img5 {
    border-radius: 30px;
    border-right: 2px solid #736357;
}
.fadein {
    opacity: 1;
    transform:none;
}
.head_box .head_banner a {
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.hamburger {
    top: 40px;
}
.fat-nav li,
.fat-nav li a{
    font-size:18px;
}


}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.font_14 {
    font-size: 17px;
}
#logo {
    max-width: 100px;
}
#main_img::before{
    height:80px;
}
.catch {
    font-size: 1rem;
}
#contents1 h2 {
    font-size: 1.5rem;
    line-height: 2;
}
#contents1 h2 span {
    padding: 0;
}
#contents1 .nayami_box .n_2 {
    margin-top: 0;
}
.con_no {
    font-size: 1.5rem;
}
#contents2 h2 {
    font-size: 1.3rem;
}
footer .grid_5 .logo{
    text-align: center;
}
#page_title h2{
    letter-spacing: 1px;
}
.hamburger {
    top: 30px;
}
}