﻿@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
/* ----------　all　---------- */
.linkStyle{
	color:#0CB35E;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#0CB35E;
	opacity: 0.7;
	transition: all 0.5s;
}



/* nav */

#logo {
    top: 20px;
    left: 30px;
}

#fix-con {
    bottom: 0px;
    right: 110px;
    z-index: 5;
}

#fix-con a {
    font-size: 25px;
    padding: 20px 25px;
    border-radius: 10px;
}

#page_top {
    border-radius: 10px;
}

/* footer */


/* ----------　TOP　---------- */

/* main-img */

#custom {
    background: rgb(245,248,246);
    background: linear-gradient(90deg, rgba(245,248,246,1) 50%, rgba(229,237,233,1) 50%);
}

#custom:before, #custom:after {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    z-index: 0;
}

#custom:before {
    left: 0;
    background-image: url(Dup/img/l-1.png),url(Dup/img/l-2.png),url(Dup/img/l-3.png);
    background-repeat: no-repeat;
    background-position: 15% 20%,75% 10%,20% 95%;
    background-size: 25%,30%,50%;
}

#custom:after {
    right: 0;
    background-image: url(Dup/img/r-1.png),url(Dup/img/r-2.png);
    background-repeat: no-repeat;
    background-position: 80% 5%, 20% 95%;
    background-size: 55%,40%;
}

#custom .custom_wrap.trans {
        z-index: 2!important;
}

.copy-ul {
    row-gap: 20px;
}

/* top */

#intro .intro_right div:first-of-type {
    border-radius:100px 0 0 0;
}

#intro .intro_right div:nth-of-type(2) {
    border-radius: 0 0 0 100px;
}

#intro .intro_left {
    background-image: url(Dup/img/intro-bg.png);
    background-repeat: no-repeat;
    background-position: 100% 10%;
    background-size: 90px;
}


#contents .con_img {
    border-radius: 0 100px 100px 0;
}

.con_sub_title {
    color: #999999;
}

/* 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;
    background-color: #F6F9F7;
}
.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;
}

/* ----------　下層ページ　---------- */



/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
#fix-con {
    bottom: 0px;
    right: 70px;
    z-index: 5;
}

#fix-con a {
    font-size: 20px;
}
    
#custom {
    background: rgb(245,248,246);
    background: linear-gradient(180deg, rgba(245,248,246,1) 50%, rgba(229,237,233,1) 50%);
}

#custom:before, #custom:after {
    height: 50%;
    width: 100%;
}

#custom:before {
    background-position: 85% 20%,85% 85%,5% 60%;
    background-size: 25%,25%,60%;
}

#custom:after {
    top: 50%;
    background-position: 95% 80%, 5% 95%;
    background-size: 50%,40%;
}
    
#intro .intro_right div:first-of-type {
    border-radius:50px 50px 0 0;
}

#intro .intro_right div:nth-of-type(2) {
    border-radius: 0 0 0 50px;
}

#intro .intro_right div:nth-of-type(3) {
    border-radius: 0 0 50px 0;
}

#contents .con_img {
    border-radius: 50px;
}


    
    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
#fix-con {
    right: 50px;
    margin: auto;
    height: 50px;
    width: calc(100% - 50px);
}

#fix-con a {
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 0;
}

#page_top {
    border-radius: 0px;
}
    
#custom:before {
    background-position: 95% 35%,95% 80%,5% 60%;
    background-size: 25%,25%,65%;
}
    
#custom:after {
    background-position: 95% 60%, 5% 75%;
    background-size: 50%,40%;
}
    
.copy-ul {
    display: none;
}

.link_type1 .link_top .link_title{
    font-size: 15px;
}
    
    
    
}