/* ----------　all　---------- */
.linkStyle{
	color:#FFB266;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#FFB266;
	opacity: 0.7;
	transition: all 0.5s;
}

/* nav */

#fix-bnr {
    left: 50px;
    bottom: 30px;
    transition: 0.5s;
    width: 20%;
    max-width: 300px;
    z-index: 3;
}

#fix-bnr a {
    padding: 20px;
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
}


/* footer */


/* ----------　TOP　---------- */

/* main-img */

#main_img {
    background-image: url('/Dup/img/main.jpg');
}

#main_img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(243,243,243,0.3);
    background-image: url('/Dup/img/main-copy.png');
    background-repeat:no-repeat;
    background-size: 50%;
    background-position: 5% 85%;
}

/* top */

#top-reco {
    background-image: url(Dup/img/intro-1.png),url(Dup/img/intro-2.png);
    background-repeat: no-repeat;
    background-size: 10%,15%;
    background-position: 99% -15px,2% 10%;
}

.reco-ul li {
    background-image: url('/Dup/img/check.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 15px 20px;
}

#top-reco:before {
    content: "";
    width: 150px;
    height: 75px;
    background-color: #F3EFEB;
    margin: auto;
    position: absolute;
    right: 0px;
    left: 0;
    bottom: -50px;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

#top_contents1 {
    padding: 100px 5%;
}

#top_contents2 .con_box:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}

#top_contents2 .con_box:nth-of-type(1):before {
    background-image: url('/Dup/img/con1-ilu.png');
    width: 200px;
    height: 125px;
    right: 5%;
    bottom: 0px;
}

#top_contents2 .con_box:nth-of-type(2):before {
    background-image: url('/Dup/img/con2-ilu.png');
    width: 150px;
    height: 95px;
    left: 5%;
    bottom: 0px;
}

@media screen and (max-width:1270px){
#top_contents2 .con_box:nth-of-type(1):before {
    bottom: -15%;
}

#top_contents2 .con_box:nth-of-type(2):before {
    bottom: -20%;
}
}

/* top-cms */

.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 80px;
    padding-bottom: 60px;
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.1;
}



/* ----------　下層ページ　---------- */

.pager li a {
    color: #FF896B;
}

/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
#main_img {
    background-image: url('/Dup/img/main-tb.jpg');
    max-height: initial;
}

#main_img:before {
    background-size: 80%;
    background-position: 20% 65%;
}

#top-reco {
    background-size: 10%,15%;
    background-position: 94% 0px,3% 5%;
}

#top_contents2 .con_box:nth-of-type(2):before {
    bottom: -10%;
}


#fix-bnr {
    width: 40%;
}


}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
.link_type1 .link_top .link_title{
    font-size: 15px;
}

#main_img:before {
    background-size: 90%;
    background-position: 10% 65%;
}

#top-reco {
    padding-top: 50px;
    background-size: 15%,22%;
    background-position: 95% 0px,3% 3%;
}

.reco-ul li {
    background-position: 15px 25px;
}

#fix-bnr {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
}

#fix-bnr a {
    padding: 10px 15px;
}
    
}