﻿section#contents2 {
    margin-top: 100px;
}
#page6 .cate_box{
    background: url(Dup/img/feed.png);
    background-repeat: no-repeat;
    background-position: right -20px bottom -40px;

}
.page3 .cate_title::after,.page4 .cate_title::after {
    content: "";
    background: url(Dup/img/b.png) no-repeat;
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: contain;
    right: -50px;
}
.page3 .cate_title,.page4 .cate_title {
    position: relative;
    padding: 0;
    border:0;
    display:inline-block;
}
#banner a{
    position: fixed;
    right: 0;
    top: 170px;
    background: #739586;
    z-index: 99;
    width: 40px;
    height: 190px;
    text-align: center;
    writing-mode: vertical-lr;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 40px;
    color: white;
    transition:all 0.3s;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#banner a:hover{
    opacity:0.6;
}
#banner2 a{
    position: fixed;
    right: 0;
   top: 400px;
    background: #cca379;
    z-index: 99;
    width: 40px;
    height: 190px;
    text-align: center;
    writing-mode: vertical-lr;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 40px;
    color: white;
    transition:all 0.3s;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#banner2 a:hover{
    opacity:0.6;
}
#page_title h2{
    white-space:nowrap;
}
 #top_pc_nav li a::after, #footer_nav li a::after {
    background: #a2b9af;
}
#fakeloader::before{
    background:#fafbf9;
}
#contact_tel a{
    font-size:20px;
}
.txt_color2 {
    color: #5a7c6d;
}
.linkStyle{
    color: #5a7c6d;
    transition:all 0.3s;
}
.linkStyle:hover{
    opacity:0.6;
}
#page_title:before{
    background-color: rgba(237,243,239,0.35);
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}
.overlay{
    background:#5a7c6d !important;
}
.nav_menu_more a {
    background: #8ea79c;
}

#logo {
    max-width: 200px;
    box-sizing: border-box;
}
#top_pc_nav .txt_white {
    color: #5a7c6d;

}
#top_cms{
    background:#fafbf9;
}
#top_cms.back1:before,.line-l:before{
    display:none;
}
.cms_title h3 {
    display: inline-block;
    background: #fafbf9;
    padding: 5px 25px;
    z-index: 2;
    position: relative;
}
.cms_title{
    text-align:center;
}

.top_cms_box::before {
    content: "";
    width: 80%;
    height: 30px;
    top: 35px;
    position: absolute;
    background: url(Dup/img/line.png) no-repeat;
    background-size: 90%;
    background-position: center;
}
.top_cms_box.no1::before{
    top:135px;
}

.pager li a:hover,.cate_list li a:hover {
    background-color: #dbe9e0 !important;
}
#fakeloader{
    background:#F6F9F7;
}
#main_img p.bg_white{
    background: #ffffff;
}
#contents1 h3::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 40px;
    background: url(Dup/img/con2.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: -50px;
}
#contents2 h3::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 80px;
    background: url(Dup/img/con3.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: -50px;
}
.top_cms_box{
    position:relative;
}
#header{
    background: rgba(90,124,109,0.4);
}

.num.txt_color1{
    color: rgba(90,124,109,0.5);
    opacity:1;
}
.num {
    top: -90px !important;
    font-size: 90px !important;
}

.num::before {
    content: "";
    width: 150px;
    height: 140px;
    background: url(Dup/img/num.png);
    position: absolute;
    background-size: contain;
    left: -29px;
    background-repeat: no-repeat;
    bottom: 25px;
}
#intro .num::before {
    content: "";
    width: 140px;
    height: 135px;
    background: url(Dup/img/num.png);
    position: absolute;
    background-size: contain;
    left: -35px;
    background-repeat: no-repeat;
    bottom: 27px;
}
.txt_color3 {
    color: #dbba98;
}
.line:before {
    background-color: rgba(231,190,148,0.5) !important;
}
.num{
font-family: 'The Nautigal', cursive;
}
#main_img:before {
    background-color: rgba(237,243,239,0.35);
}
#contents3_wrap:after {
    background-color: rgba(255,255, 255, 0.5) !important;
}
#contents1_wrap .portrait_img img {
    left: 20%;
}


.back1:before,.back2:before {
    background-color: #edf3ef !important;
    z-index:-1;
}

/*--------------------------------タブレット--------------------------------*/
@media screen and (max-width:768px){
.top_cms_box::before {
    width: 90%;
}
#contents1 .con_box {
    margin-top: 100px;
}
#intro .num::before {
    content: "";
    width: 90px;
    height: 105px;
    background: url(Dup/img/num.png);
    position: absolute;
    background-size: contain;
    left: -21px;
    background-repeat: no-repeat;
    bottom: 1px;
}
   .num {
    top: -60px !important;
    font-size: 60px !important;
}
.num::before {
    content: "";
    width: 95px;
    height: 105px;
    background: url(Dup/img/num.png);
    position: absolute;
    background-size: contain;
    left: -18px;
    background-repeat: no-repeat;
    bottom: 1px;
}
}

/*--------------------------------ここまで--------------------------------*/

/*--------------------------------スマホ--------------------------------*/
@media screen and (max-width:667px){
#banner a{
    top: 90px;
}
#banner2 a{
    top: 300px;
}
#intro_wrap,#contents3 .con_box{
    padding-top: 15%;
    padding-bottom: 5%;
}
.page_title_box {
    width: 60%;
    white-space: nowrap;
}
.page_title_box h2{
    font-size:20px;
}
#logo {
    max-width: 130px;
    box-sizing: border-box;
}
.cms_title h3{
    padding:5px;
}
.top_cms_box::before {
    background-size: 200%;
}
.top_cms_box.no1::before {
    top: 130px;
}
.top_cms_box::before{
    top:30px;
}
.con_title.txt_center_sp.mg_b-50px.mg_b-30px_sp{
    text-align:left;
}
#contents1 .con_box,#contents2 .con_box{
    margin-top: 50px;
}
}

/*--------------------------------ここまで--------------------------------*/