﻿#cms_2-c .box_item{
	word-break: break-all;
}
.cms_2-c .cate_box{
    justify-content: flex-start;
}
@media screen and (max-width: 667px){
	#cms_2-c .cate_title{
		margin-left: 0;
	}
	#cms_2-c .box_item{
		border: none;
	}
	.cms_2-c .box_item{
		border: none;
	}
}


.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 30px;}
.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: var(--color3);
	left: 0;
	top: -70px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #fff;
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
}

.link_type3{padding-bottom: 50px;}
.link_type3 .link_img1 {z-index: 1;}
.link_type3 .cate_box a:hover .link_img1 img {transform: translate(-50%, -50%) scale(1.05,1.05);}
.link_type3 .link_title1 {
    left: 1px;
    bottom: 1px;
    width: calc(100% - 2px);
    box-sizing: border-box;
}
.link_type3 .cate_box a .link_title1 {transition-timing-function: cubic-bezier(.78,.09,.27,1.36);}
.link_type3 .cate_box a:hover .link_title1 {bottom: -47px;}
	
	.link_type3 .cate_box a .link_title1 {
    background: var(--color3);
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){	
.link_type3{padding-bottom: 0;}
}
#cms_2-c .box_item{
	word-break: break-all;
}
.cms_2-c .cate_box{
    justify-content: flex-start;
}
@media screen and (max-width: 667px){
	#cms_2-c .cate_title{
		margin-left: 0;
	}
	#cms_2-c .box_item{
		border: none;
	}
	.cms_2-c .box_item{
		border: none;
	}
}
@media screen and (max-width: 667px){
	#cms_3-c .cate_title{
		margin-left: 0;
	}
	#cms_3-c .box_title2{
		/*border: none;*/
	}
}
#cms_4-a .cate{margin-bottom: 80px;}
#cms_4-a .cate .cate_box:last-of-type{border-bottom: none;}
#cms_7-d .box_wrap .cate_box,.cms_7-d .box_wrap .cate_box{position: relative;opacity: 0;}
#cms_7-d .box_wrap .cate_box::after,.cms_7-d .box_wrap .cate_box::after{
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
}
#cms_7-d .box_wrap .cate_box::after,.cms_7-d .box_wrap .cate_box::after{
	top: 100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
#cms_7-d .box_wrap .cate_box.active,
.cms_7-d .box_wrap .cate_box.active{
	animation-name: rightin;
	animation-duration: 1.0s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes rightin {
	0% {opacity:0;transform: translateX(50px);}
	100% {opacity:1;transform: translateX(0);}
}