/*-------------------------------------------------------
				下からフェードイン
-------------------------------------------------------*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


header{
    background:url(./Dup/img/hd2.jpg) no-repeat;
    background-size:cover;
}
header .head_box{
    max-width:400px;
}
#logo{
    position:relative;
    z-index:2;
}
footer{background-color:#e3f3f7;}
.button:hover::after {
    box-shadow:none;
    background-color:#bedad0;
}
.more a:hover{border:1px solid #bedad0;}
.pc_box{
    /*background-color: rgba(255,255,255,0.9);*/
    padding: 50px 20px;
    position:relative;
}
/*
.pc_box::before{
    content:'';
    position:absolute;
    display:block;
    width:95%;
    height:98%;
    background-color:transparent;
    border:1px solid #999;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
*/
.pc_box .contact_bt,.pc_box .tel_bt,.foot_tel_bt{
    position: relative;
    z-index: 1;
}
.pc_box .contact_bt a,.pc_box .tel_bt a{
    padding-top:10px;
    padding-bottom:10px;
    width:200px;
    margin: auto;
    color: #555;
    border:1px solid #555;
    background-color:rgba(255,255,255,0.8);
    font-weight:bold;
}
.pc_box .contact_bt a:hover,.pc_box .tel_bt a:hover,.foot_tel_bt a:hover{
    color:white;
    border:1px solid #bedad0;
}


.link_box ul{justify-content:center;}
.link_box li{margin-right: 3%;}
.link_box li:last-of-type{margin-right: 0;}
#main_menu ul li a{
    padding-left:0;
    text-align:center;
    color: #222;
    text-shadow: 2px 2px 1px white;
    font-weight: bold;
}
#main_menu ul li a::before{display:none;}
#main_menu ul li a:hover{
     padding-left:0;
     transform:translateY(-3px);
}

.main_box{border-left: 3px solid white;}

.con1_outer{background:url(./Dup/img/item3.png) no-repeat right bottom;}
#contents1{
    padding-bottom:100px;
}
#contents1 .item1 img{
    display:block;
    width:13%;
    margin:auto;
}
#contents1 h2{
    text-align:center;
    margin-bottom: 40px;
}

#contents2 .img5{position:relative;}
#contents2 .img5::before{
    content:'';
    position:absolute;
    display:block;
    width:5vw;
    height:10vh;
    background-image:url(./Dup/img/01.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom right;
    top:-20px;
    left:-20px;
    z-index:2;
}
#contents3{margin-bottom:50px;}
#contents3 .con3_1,#contents3 .con3_2{position:relative;}
#contents3 .con3_1::before,#contents3 .con3_2::before{
    content:'';
    position:absolute;
    display:block;    
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom right;
    top:-20px;
    left:-20px;
    z-index:2;    
}
#contents3 .con3_1::before{
    width:5vw;
    height:10vh;
    background-image:url(./Dup/img/02.png);
    top:-50px;
    left:-20px;    
}
#contents3 .con3_2::before{
    width:5vw;
    height:10vh;
    background-image:url(./Dup/img/03.png);
    top:-50px;
    left:-20px;    
}
#top_cms .item4{margin-bottom:10px;}
#top_cms .item4 img{width:auto;}
#top_cms .box:first-oaf-type{padding-top:0;}
#top_cms .cms_2-c .cate_box{padding:3% 0;}
.cms_title{padding-left:20px;}
.cms_title::before{display:none;}


/*----------under page-----------------------------------*/
.pager li a:hover,.cate_list li a:hover,#page10 li a:hover{
    box-shadow:none;
    background-color: #f2d6e1;
    border-color:#f2d6e1;
    /*color:white;*/
}








/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{box-shadow: 0 0 5px #8e8e8e;}
#logo{max-width:250px;}
.pc_box{
    padding: 10px 20px;
    /*background-color: rgba(255,255,255,1);*/
}
.pc_box::before{
    width: 97%;
    height: 90%;
}
.hamburger {top: 30px;}
.hamburger__icon,.hamburger__icon:after, .hamburger__icon:before{
    background-color: #333;
    /*box-shadow: 0 0 3px #333;*/
}
.main_box{border-left:0;}
#contents1 .item1 img{width: 20%;}
#contents2 .img5::before{
    width: 10vw;
    height: 7vh;
}
#contents3 .con3_1::before,#contents3 .con3_2::before {
    width: 10vw;
    height: 7vh;
    top: -50px;
    left: 5px;
}
#page_title{margin-top:20px;}
#page_title .page_box{padding-left:0;}
#page_title .page_box::before{display:none;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header .head_box {
    max-width: 300px;
}
#logo {
    max-width: 180px;
}
.hamburger {
    top: 20px;
}
.con1_outer{background-size: 100%;}
#contents1 .item1 img {
    width: 35%;
}
#contents1 h2{margin-bottom: 20px;}
#contents2 .grid_6{margin-bottom:50px;}
#contents2 .img5::before {
    width: 15vw;
    height: 10vh;
    top: -45px;
    left: -5px;
}
#contents3 .con3_1::before, #contents3 .con3_2::before {
    width: 15vw;
    height: 7vh;
    top: -35px;
    left: -5px;
}
#main_img h2{font-size:18px;}
footer .grid_5{text-align:center;}
.cms_title {
    padding-left: 10px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.pc_box .contact_bt a{padding-top:17px;}
.contact_box p a{padding-top:37px;}
}