@charset "utf-8";
/***  メインビジュアル　フェード  ***/

.line_title_bg{
	position: relative;
}

.line_title_on{
	width:80%;
	position: absolute;
	top: 62%;
	left: 42%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}


.line01_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
}

.line01_01>ul>li{
	width:48%;
	max-width:321px;
	margin:0 0.5% 0.5em;
}

.line01_02>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.line01_02>ul>li{
	width:100%;
	margin:3em auto 1em;
	border-radius: 20px;
	padding:1em 0.5em;
	box-sizing: border-box;
	border:#00C300 4px solid;
	background:#FFFFFF;
}

.line01_02title{
	margin:-3em auto 1em;
}

.line02_01title{
	margin:-5em auto 0;
}

.line02_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
}

.line02_01>ul>li{
	width:90%;
	margin:0 auto 1em;
	padding:2em;
	border-radius: 20px;
	box-sizing: border-box;
	border:#E6E6E6 4px solid;
	background:#FFFFFF;
}

.line03_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
	align-items: flex-start;
}

.line03_01>ul>li{
	width:100%;
	margin:0 0 3em;
	position: relative;
}

.line03_01>ul>li::before{
	content: '';
	background: url("../img/sub/line_13.svg") no-repeat;
	background-size: contain;
	width:40px;
	height:32px;
	position: absolute;
	bottom: -2em;
	right: calc(50% - 16px);
	transform: translate(-50%,-50%);
	transform: rotate( 90deg );
}

.line03_01>ul>li:last-child::before{
	content: '';
	background: none;
}

.line03_01>ul>li{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: flex-end;
}

.line03_01>ul>li div{
	width:50%;
}

.line03_01>ul>li div:nth-child(2){
	padding:0 0 5em 0;
}

@media (min-width : 768px) {
	
.line_title_on{
	width:56%;
	left: 40%;
}
	
	
.line01_01>ul>li{
	width:26.75%;
}
	
	
.line01_02title{
	margin:-4em auto 1em;
}
	
.line02_01title{
	margin:-8em auto 0;
}
	
.line02_01>ul>li{
	width:48%;
	margin:0 1%;
	padding:2em;
	border:#E6E6E6 10px solid;
}
	
	
.line03_01>ul>li{
	width:28.333%;
	margin:0 1% 2em;
}
	
.line03_01>ul>li div{
	width:100%;
}

.line03_01>ul>li div:nth-child(2){
	padding:0;
}

.line03_01>ul>li::before{
	content: '';
	background: url("../img/sub/line_13.svg") no-repeat;
	background-size: contain;
	width:40px;
	height:32px;
	position: absolute;
	top: 16em;
	bottom: auto;
	right: -3em;
	transform: translate(-50%,-50%);
	transform: rotate( 0 );
}
	
.line03_01>ul>li div:nth-child(2){
	padding:0;
}

	
	
}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1200px) {
	
.line01_02>ul>li{
	width:75%;
	margin:5em auto 1em;
	padding:1em 0.5em;
	border:#00C300 7px solid;
}
	
.line02_01>ul>li{
	width:42%;
}
.line03_01>ul>li{
	width:23.5%;
	margin:0 2% 2em;
}
	
	
	
}