/* all page */
/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
#google_privacy a{color: #160a0a;}
:root{
	--color1: #1bbbe0;
	--color2: #f7f7f7;
	--color3: #72dbb9;
	--color4: #f7f6ef;
	--color5: #a9eac8;
	/*--font-jp: 'Noto Sans JP', "游ゴシック Medium", sans-serif;*/
}

.txt_color1, .hvr_txt_color1:hover{color: var(--color1);}
.txt_color2, .hvr_txt_color2:hover{color: var(--color2);}
.txt_color3, .hvr_txt_color3:hover{color: var(--color3);}
.txt_color4, .hvr_txt_color4:hover{color: var(--color4);}

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: var(--color1);}
.bg_color2, .hvr_bg_color2:hover{background-color: var(--color2);}
.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_color3, .hvr_border_color3:hover{border-color: var(--color3);}
.border_color4, .hvr_border_color4:hover{border-color: var(--color4);}

.button:hover::after {box-shadow: inset 0 0 0 15em var(--color5);}

.main_box{
overflow:hidden;
position:relative;
}
/* header */
#main_menu ul li a::before{background-color: var(--color1);}
#main_menu ul li a{font-weight: bold;}

/* footer */



/* top ----------------------------------------------------------------*/

/* main img */
#main_img .main_img1{
    width: 70vw;
    height: 85vh;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    top: 0;
    left: 0;
}
#main_img .main_img1::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10%;
    right: -5%;
    background-color: var(--color5);
    z-index: -1;
    opacity: 0.5;
}
#main_img .catch {
    bottom: 20px;
    right: 3%;
    width: 50%;
    max-width: 520px;
}

/* main */

/* intro */


/* contents */
#contents3 .grid_6 {
    margin-top: 50px;
}
#contents3::before{ 
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -5.2vw;
background-size: 100% 100px;
background-position: 0% 0%;
z-index: 0;
background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -0.1 35.28 2.17" preserveAspectRatio="none"><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" fill="%231bbbe0"/></svg>'); 
}

@media (min-width:2100px){
#contents3::before{
background-size: 100% calc(2vw + 120px);
}
}
 

/* 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 ----------------------------------------------------------------*/

/* cms5 */
.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 60px;}
.flow_type3 .box_title1{z-index: 0}
.flow_type3 .box_title1::before, .flow_type3 .box_title1::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none
}
.flow_type3 .box_title1::before {
	content: "0"counter(box);
	font-size: 86px;
	color: #ebebeb;
	left: 0;
	top: -70px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #222
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
}

/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1090px ---------- */
@media screen and (max-width: 1090px){
#contents3::before {top: -6.2vw;}

}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header #logo {max-width: 73px;}
#main_img {
    max-height: calc(80vh - 75px);
    min-height: calc(80vh - 75px);
}
#main_img .main_img1 {
    width: 92vw;
    height: 53vh;
    background-size: auto 100%;
}
#contents3::before {
    top: -10.2vw;
    background-size: 150% 100px;
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header #logo {max-width: 60px;}
#main_img .catch {
    bottom: 0;
    width: 75%;
}
#contents3::before {background-size: 190% 50px;}
footer .logo{text-align: center;}

}