﻿/* all page */
/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
:root{
	--color1: #7fbf9c;
	--color3: #F0EFE8;
	--color4: #f5f2e9;
	--font-jp: 'Noto Sans JP', "游ゴシック Medium", sans-serif;
}

.txt_color1, .hvr_txt_color1:hover{color: var(--color1);}
/*.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6}*/
.txt_color3, .hvr_txt_color3:hover{color: var(--color3);}
/*.txt_color4, .hvr_txt_color4:hover{color: #c9baa9}*/

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: var(--color1);}
/*.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6}*/
.bg_color3, .hvr_bg_color3:hover{background-color: var(--color3);}
.bg_color4, .hvr_bg_color4:hover{background-color: var(--color4);}

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: var(--color1);}
/*.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}*/
.border_color3, .hvr_border_color3:hover{border-color: var(--color3);}
/*.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}*/

#loading .loading_logo {max-width: 200px;}

/* header */
#header #pc_nav ul {background-color: #fff;}
#header #pc_nav ul li a {color: var(--color1);}
#logo {max-width: 110px;}

/* footer */
#top_info #logo2{
    max-width: 110px;
    margin: 0 auto;
    margin-bottom: 30px;
}


/* top ----------------------------------------------------------------*/

/* main img */
#main_img {background-color: var(--color3);}
#main_img .heart {
    width: 100%;
}
#main_img .main1 {
    top: -25%;
    right: -11%;
    width: 50%;
    max-width: 850px;
}
#main_img .main2 {
    bottom: 0;
    left: 0;
    width: 30%;
    max-width: 550px;
}
#main_img .main3 {
    top: 3%;
    left: 20%;
    width: 21%;
    max-width: 400px;
}
#main_img .catch {
    bottom: 15%;
    right: 30%;
    transform: translateX(50%);
    width: 45%;
    max-width: 730px;
    padding: 20px;
    background-color: rgba(255,255,255,0.5);
}

/* main */

/* intro */
#top_intro .con_no {color: #3b8f61;}

/* contents */
.con4_box > div, .con1_illust, .con2_illust{z-index: 1;}
.con4_box::before{
    content: "";
    background-image: url('./Dup/img/heart2.png');
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: calc(100% + 150px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(5deg);
    opacity: 0.35;
}

/* topcms */
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	/*cursor: pointer;*/
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
/*.topcms_news_type2 .cate_box:hover {*/
/*	transform: translateY(-5px);*/
/*}*/
/*.topcms_news_type2 .cate_box .box_item {*/
/*	cursor: pointer;*/
/*}*/
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

/* under page ----------------------------------------------------------------*/

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1366px ---------- */
@media screen and (max-width: 1366px){}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.nav_wrap .main_page_link {font-size: calc(1rem + 1px);}
#menu_nav #nav_logo {width: 120px;}
#top_intro .intro_title1 {height: 250px;}
#main_img .main1 {
    top: -15%;
    right: -18%;
    width: 70%;
}
#main_img .main2 {
    width: 40%;
}
#main_img .main3 {
    top: 15%;
    left: 10%;
    width: 35%;
}
#main_img .catch {width: 50%;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#loading .loading_logo {max-width: 150px;}
.nav_wrap .main_page_link {font-size: 1rem;}
#menu_nav #nav_logo {width: 50px;}
#logo {
    max-width: 70px;
    top: 10px;
    left: 10px;
}
#main_img {height: 70vh;}
#main_img .catch {
    width: 75%;
    right: 0;
    transform: none;
    padding: 10px;
}
#main_img .main1 {width: 75%;}
#main_img .main2 {width: 45%;}
#main_img .main3 {
    top: 20%;
    left: 0;
}
#top_intro .intro_title1 {height: inherit;}
.con4_box::before {
    width: calc(100% + 550px);
    transform: translateX(-50%) rotate(65deg);
}
/*.con1_illust{margin-right: 50%;}*/
/*.con2_illust{margin-left: 50%;}*/

}


/*20230704*/
:root{
	--color1: #7bb1a0;
}

.nav_tel, .foot_tel{display: none;}
#top_info .contact_bt a {padding: 20px 30px;}
.cursor{display: none;}

