@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/* ----------　all　---------- */
.linkStyle{
	color:#2C945D;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#2C945D;
	opacity: 0.7;
	transition: all 0.5s;
}

.main_box {
    overflow: hidden;
}

body {
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 500;
}

h2,h3 {
    font-weight: bold;
}

.font_en, .date, a[href^="tel:"], a[href^="mailto:"] {
    font-family: 'Outfit', 'Zen Maru Gothic', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* nav */

#main_menu ul li a {
    font-weight: bold;
}

.con-bnr {
    bottom: 15px;
    right: 15px;
    z-index: 5;
}

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

.tel_bt a {
    border-color: #a13228!important;
    color: #a13228;
    font-size: 18px;
    font-weight: bold;
}

.head_banner a {
    background-color: #a13228;
    font-size: 18px;
    font-weight: bold;
}

/* footer */


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

/* main-img */

#main_img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/Dup/img/con-top-w.svg),url(Dup/img/maincopy.png);
    background-repeat: repeat-x,no-repeat;
    background-size: 50%,40%;
    background-position: 0% 101%,10% 45%;
    z-index: 3;
}

/* top */

#top-iconlist {
    padding: 100px 10% 50px;
}

.iconlist {
    list-style-type: none;
}

#contents1 {
    background-image: url(Dup/img/grow.gif);
    background-repeat: no-repeat;
    background-position: 85% 100%;
    background-size: 15%;
    padding-top: 50px;
}

#contents1 .txt3 {
    text-shadow: 0 0 5px #ffffff;
}

#contents1:before {
    content: "";
    width: 45%;
    height: 100%;
    position: absolute;
    right: -15%;
    top: -30%;
    background-image: url(/Dup/img/sun.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: 25s linear infinite rotation;
    z-index: -1;
    opacity: 0.5!important;
}

@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

#attach:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('/Dup/img/con-top-w.svg');
    background-repeat: repeat-x;
    background-size: 50%;
    background-position: 0% 101%;
    z-index: 3;
}

#contents2 {
    background-image: url(Dup/img/con-top-g.svg);
    background-repeat: repeat-x;
    background-position: 0% 110%;
    margin-bottom: 0;
    background-size: 50%;
}


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


.con2-ul:before {
    content: "";
    width: 35%;
    height: 45%;
    max-width: 300px;
    position: absolute;
    right: -110px;
    bottom: -15%;
    background-image: url(/Dup/img/house.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


#contents3 {
    padding: 50px 10% 130px;
    background-image: url('/Dup/img/con-top-w.svg');
    background-repeat: repeat-x;
    background-size: 50%;
    background-position: 0% 101%;
}

/* top-cms */



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



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


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
#main_img:before {
    background-position: 0% 101%,50% 45%;
}
    
.main_box {
    padding-top: 65px;
}

header .head_banner a {
    display: none;
}
    
#main_img, #main_img img.object_fit_img {
    min-height: initial;
    height: 70vh;
}

#main_img:before, #attach:before {
    background-size: 70%;
}

#top-iconlist {
    padding: 30px 10% 30px;
}

#contents1 {
    background-position: 0% 100%;
    background-size: 15%;
}

#contents2 {
    background-position: 0% 106%;
    background-size: 70%;
}

.con2-ul:before {
    right: -75px;
    bottom: -20%;
}

#contents3 {
    background-size: 70%;
    background-position: 0% 100%;
}
    
    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
#main_img, #main_img img.object_fit_img {
    height: 40vh;
}
    
.main_box {
    padding-top: 50px;
}

#main_img:before {
background-size: 65%, 75%;
    background-position: 0% 101%,10% 50%;
}

.iconlist {
    row-gap: 20px;
}

#contents1 {
    background-size: 30%;
    background-position: 80% 100%;
}

#contents1:before {
    width: 80%;
    height: 40%;
    right: -30%;
    top: -15%;
}

#contents2 {
    background-position: 0% 102%;
    padding: 50px 5% 100px;
}
    
.con2-ul:before {
    display: none;
}

.house {
    width: 80%;
    margin: 20px auto;
}

.more a {
    max-width: initial;
}

.con-bnr {
    left: 0;
    right: 0;
    margin: auto;
}
    
}