@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
        width:100%;
        padding-left: 130px;
	}
	.main_top_in {
		position: relative;
        width:100%;
        border-radius: 20px 0 0 20px;
        overflow: hidden;
	}
    
    .main_top_in img{
        width:100%;
        height:auto;
    }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
        width:100%;
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
    .main_top_in img{
        width:100%;
        height:auto;
    }
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	見出し

================================================================================ */
.page-home h2{
    font-family:garton;
    font-weight: normal;
    letter-spacing: 0.1em;
}
.page-home h3{
    font-family: hannari;
    font-weight: normal;
    text-align: center;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .page-home h2{
        font-size: 50px;
        margin-bottom: 30px;
    }
    .page-home h3{
        
        font-size:25px;
        margin-bottom: 30px;
    }

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.page-home h2{
        font-size: 8vw;
        margin-bottom: 8vw;
        
    }
    .page-home h3{
        font-size:5.33vw;
        margin-bottom: 8vw;
    }
}

/* ================================================================================

	コンセプト

================================================================================ */
.top-concept{
    
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top-concept-txt{
        padding:50px;
    }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top-concept-txt{
        padding:8vw 4vw;
        
    }
}

/* ================================================================================

	サービス

================================================================================ */
.top-service{
    
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top-service{
        
    }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top-service{
        padding: 13.33vw 4vw !important;
    }
    .top-service .elementor-column:first-child{
        margin-bottom: 13.33vw !important;
    }
    .top-service .elementor-button-wrapper{
        margin-top: 5.33vw;
    }
    
    .top-service .elementor-image-box-description{
        text-align: left;
        line-height: 1.8;
    }
}

/* ================================================================================

	リンク

================================================================================ */
.page-home .elementor-button-link{
    background-color: #7DBDFD;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
    display: inline-block;
    font-family: hannari;
    text-align: center;
    color:#111;
}
.page-home .elementor-button-link.elementor-size-lg{
    background-color:#fff;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.page-home .elementor-button-link{
        min-width: 200px;
        height:50px;
        border-radius: 25px;
        font-size:15px;
        
    }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.page-home .elementor-button-link{
        min-width: 53.33vw;
        height:13.33vw;
        border-radius: 6.67vw;
        font-size:4vw;
        
    }
}

/* ================================================================================

	Contact

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .contact-area-tel a{
        pointer-events: none;
        color:#7DBDFD;
    }
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
    .contact-area{
        padding:13.33vw 4vw !important;
    }
    
    .contact-area-tel a{
        color:#7DBDFD;
    }
    
    .contact-area-tel .elementor-widget-container{
        border: none !important;
    }
    
    .contact-area-line {
        margin-top: 6vw;
    }
    
    .contact-area-line a{
        display: block;
        text-align: center;
        background-color:#41d141;
        color:#fff;
        border-radius: 1.33vw;
        padding:4vw;
        box-shadow: 0px 3px 15px -5px #cfcfcf;
    }
    .contact-area-line a img{
        display: none;
    }
    
    .contact-area-line span {
        display: block;
        font-size: 5vw !important;
    }
}


/* ================================================================================

	デフォルトCSS調整

================================================================================ */
.page-home .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{
    padding:0;
}

.page-home .elementor-2 .elementor-element .elementor-image-box-wrapper .elementor-image-box-img{
    width: 100%;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .page-home .elementor-image-box-content{
        margin-top: 50px;
        margin-bottom: 50px;
        padding: 0 30px;
        text-align: left;
    }
    
    /* 2カラム間余白 */
    .page-home .elementor-row .elementor-col-50:nth-child(2n-1){
        padding-right: 25px;
    }
    .page-home .elementor-row .elementor-col-50:nth-child(2n){
        padding-left: 25px;
    }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}



/* ================================================================================

	Blog一覧

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .page-home .post_wrap ul{
        display: flex;
        flex-wrap: wrap;
    }
    .page-home .post_wrap ul li{
        width: calc( (100% - 90px) / 4 );
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .page-home .post_wrap ul li:nth-child(4n){
        margin-right: 0;
    }
    
    .page-home .post_wrap .post_icon_box,
    .page-home .post_wrap .post_excerpt{
        display: none;
    }
    
    .page-home .post_wrap .post_thumb{
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 10px;
    }
    .page-home .post_wrap .post_date{
        color:#7DBDFD;
        font-family: hannari;
        margin-bottom: 10px;
    }
}

    
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
    .page-home .post_wrap ul li{
        width: 100%;
        padding:5.33vw;
    }
    
    .page-home .post_wrap .post_icon_box,
    .page-home .post_wrap .post_excerpt{
        display: none;
    }
    
    .post_thumb{
        margin-bottom: 5.33vw;
        overflow: hidden;
        border-radius: 2.67vw;
    }
    .page-home .post_wrap .post_date{
        color:#7DBDFD;
        font-family: hannari;
        margin-bottom: 2.67vw;
    }
}