﻿@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

/* ----------　all　---------- */
.linkStyle{
	color:#61c46e;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#61c46e;
	opacity: 0.7;
	transition: all 0.5s;
}

html {
    font-size: 16px;
}

body {
    overflow: hidden;
}

.fon_jos {
    font-family: 'Quicksand', 'Noto Sans JP', 'Comfortaa', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}


/* nav */

#con_nav ul li {
    max-width: none;
}

#con_nav li a h2, #con_nav li a p {
    font-weight: bold;
}

#page-top {
    border: 2px solid #fff;
}

#fix-con{
    right: 100px;
}

#fix-con a {
    display: block;
    font-size: 25px;
    font-weight: bold;
    padding: 15px 25px;
    border: 2px solid #fff;
    border-radius: 7px;
}

/* footer */

footer, .info_txt_wrap {
    background-color: #faf7f4!important;
}

.info_txt_wrap {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0 24px 24px 0;
}

#footer_info #map iframe {
    border-radius: 24px 0 0 24px;
}

/* ----------　TOP　---------- */

/* main-img */

#main_img:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(Dup/img/maincopy.png),url(/Dup/img/waku1.png), url(/Dup/img/waku2.png);
    background-repeat: no-repeat;
    background-size: 40%, 100%, 100%;
    background-position: right 3% bottom 3%, left top -5px, right bottom;
    z-index: 1;
}

/* top */

#top_news .img-container img {
    border-radius: 24px;
}

.img-container:before {
    background-color: #599360;
    border-radius: 24px;
}

#attach {
    height: 300px;
}

.promis li {
    text-indent: -60px;
    padding-left: 50px
}

.li-num {
    padding: 12px 20px;
    border-radius: 50%;
}

.con3_wrap {
    z-index: 1;
}

.con3-ul {
    border-radius: 24px;
}

.con3-ul li {
    padding-left: 30px;
    background-image: url(Dup/img/check.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0 55%;
}

/* top-cms */

#top_cms .cms_title p {
    font-weight: bold;
    color: #61c46e;
}

.cms_2-a .cate_box {
    border-radius: 24px;
}

.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #1b221c;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 80px;
    padding-bottom: 60px;
    border-radius: 25px;
}
.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;
}


/*top-ilu*/

.ilu1, .ilu2 {
    max-width: 350px;
    width: 20%;
}

.ilu1 img , .ilu2 img {
    border-radius: 0!important;
}

.ilu1 {
    right: -1px;
    top: 16%;
}

.ilu2 {
    top: 20%;
    left: -1px;
}

.ilu3 {
    top: -10%;
    right: -10%;
    width: 30%;
}

/* ----------　下層ページ　---------- */

#wrap {
    background-color: #faf7f4;
}

#page_title .title_wrap {
    text-shadow: 0 0 10px rgba(27,34,28,0.3);
}

.v_type3 .cate_box{
    border: 1px solid #599360;
    border-radius: 24px;
}

.v_type3 .box_title1{color: #599360;}

/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
#fix-con {
    right: 80px;
}

#fix-con a {
    font-size: 20px;
    padding: 5px 20px;
}
    
.loader_icon {
    width: 300px;
}
    
#main_img {
    height: 50vh;
    width: 100%;
}

#main_img:before {
    background-size: 60%, 100%, 100%;
}

.li-num {
    padding: 15px 20px;
}


.ilu1 {
    right: -1px;
    top: 14%;
}

.ilu2 {
    width: 30%;
}

.ilu3 {
    top: -2%;
    right: -10%;
    width: 30%;
}

footer .footer_item {
    padding-bottom: 70px;
}
    
    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
.loader_icon {
    width: 200px;
}
    
#main_img {
    height: 50vh;
    width: 100%;
    background-position: 30%;
}
    
#main_img:before {
    background-image: none;
    /*background-repeat: no-repeat;*/
    /*background-size:100%, 100%;*/
    /*background-position: left top -5px, right bottom;*/
}

.sp-copy {
    max-width: 380px;
}


.con3-ul {
    padding: 20px 15px;
}

.con3-ul li {
    padding-left: 30px;
    background-position: 0 10px;
}

#fix-con {
    width: 80%;
    text-align: center;
    right: 50px;
}

#fix-con a {
    font-size: 18px;
    padding: 5px 20px;
}

.ilu1 {
    right: -1px;
    top: 14%;
    width: 30%;
}

.ilu2 {
    width: 40%;
    top: 5%;
}

.ilu3 {
    top: -3%;
    right: -10%;
    width: 55%;
}

    
.link_type1 .link_top .link_title{
    font-size: 15px;
}

.info_txt_wrap {
    padding: 30px 20px;
    border-radius: 0
}

#footer_info #map iframe {
    border-radius: 0;
}
    
}