@charset "utf-8";

.mainv{
    background-image: url(../img/welfare/mainv.jpg);
}

/*----------------------------------*/
.list_top{
	text-align: center;
	margin: 46px 0;
	line-height: 2.7;
}
/*----------------------------------*/

.list_nav{
    display: flex;
    justify-content: center;
    margin: 48px 0 103px;
}
.list_nav li{
	position: relative;
	z-index: 1;
}
.list_nav li:after,
.list_nav li:before{
	content: "";
	z-index: 1;
	position: absolute;
	border-left:1px solid #dedede;
	/* height: 5px; */
	top:0;
	bottom: 0;
	right: 0;
	margin: auto;
	transform: rotate(21deg);
}
.list_nav li:after{
	right: auto;
	left: 0;
}
.list_nav li:nth-child(n+2):after{
	display: none;
}
.list_nav a{
	display: block;
	padding: 15px 59px;
	position: relative;
	z-index: 1;
}
.list_nav a:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 2px solid #d3052b;
	border-right: 2px solid #d3052b;
	transform: rotate(135deg);

	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

/*----------------------------------*/

/*----------------------------------*/


.list_box{
    padding: 0 0 74px;
}

.list{
    overflow: hidden;
    margin: 0 0 95px;
    padding-bottom: 48px;
}
.list_inner{
    padding: 57px 0 114px;
    position: relative;
    z-index: 1;
    margin-top: 64px;
    min-height: 604px;
}

.list_inner:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: #d3052b;
	width: 1000px;
	right: calc(100% - 444px);
	top: 38px;
	/* bottom: 0; */
	height: 568px;
	transform: skewX(-14.35deg);
}

.list_mes2{
	text-align: center;
	margin: 75px 0 0;
}

.list_inner2{
    padding: 20px 1.8% 41px;
    position: relative;
    z-index: 1;
    /* background: #f7f7f7; */
    margin-top: 53px;
}
.list_inner2:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: #f7f7f7;
	/* width: 16px; */
	/* height: 5px; */
	top:0;
	bottom: 0;
	right:0;
	left: 0;
}
.list_inner2:after{
	content: "";
	z-index: -1;
	position: absolute;
	background: #223da3;
	width: 1000px;
	left: calc(100% - -4px);
	/* top: -25px; */
	height: 300px;
	bottom: -63px;
	transform: skewX(-14.35deg);
}
.list_ttl{
	font-size: 24px;
	/* color: #d3052b; */
	margin: 0 0 53px;
	position: relative;
	z-index: 1;
}
.list_ttl:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: -moz-linear-gradient(left, rgba(211,5,43,1) 0%, rgba(211,5,43,1) 10%, rgba(211,5,43,0) 100%);
	background: -webkit-linear-gradient(left, rgba(211,5,43,1) 0%,rgba(211,5,43,1) 10%,rgba(211,5,43,0) 100%);
	background: linear-gradient(to right, rgba(211,5,43,1) 0%,rgba(211,5,43,1) 10%,rgba(211,5,43,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3052b', endColorstr='#00d3052b',GradientType=1 );
	height: 5px;
	bottom: -17px;
	right: 0;
	left: 3px;
}
.list_ttl2{
	font-size: 28px;
	color: #d3052b;
	text-align: center;
	letter-spacing: 3px;
	margin: 0 0 20px;
}

.list_txt1{
    margin: 0 0 11px;
}
.list_txt2{
    padding: 0 0 0 22px;
    margin: 0 0 40px;
}
.list_txt2 li{
    margin: 0 0 12px;
    position: relative;
    z-index: 1;
}
.list_txt2 li:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: #d3052b;
	width: 12px;
	height: 12px;
	top: 6px;
	left: -19px;
	border-radius: 10px;
}
.list_txt2 span{
    display: block;
    font-size: 14px;
    margin: 6px 0 0;
}

.list_txt1 + .list_ttl{margin-top: 30px;}

.list_mes{
    /* text-align: center; */
    margin: 0;
    line-height: 2;
    margin: 0 0 36px;
}
.list_btn{
	position: relative;
	z-index: 1;
}
.list_main{
    margin: 0 0 0 58%;
}
.list_main2{
	position: relative;
	z-index: 1;
}

.list_img{
	overflow: hidden;
	position: absolute;
	z-index: 2;
	top: 1px;
	width: 621px;
	left: -9.2%;
	/* bottom: 0; */
	height: 580px;
	display: block;
	transform: skewX(-14.35deg);
}
.list_img span{
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	padding: 91% 0 0;
	margin: 0 -12%;
	background: #ccc;
	-moz-background-size:cover;
	background-size:cover;
	transform: skewX(14.35deg);
}



.list_bgline01{
	bottom: -63px;
	left: 25%;
	height: 20px;
	width: 99%;
}
.list_bgline02{
    left: 87%;
    height: 20px;
    width: 55%;
    bottom: -98px;
}
.list_ank {
    display: block;
    position: relative;
    z-index: 1;
    left: 0;
    top: -100px;
}

.point01{
    display: flex;
}
.point01 li{
    background: #fff;
    margin: 0 0 0 1.8%;
    width: 23.6%;
    padding: 0 7px 39px;
    text-align: center;
}
.point01 li:first-child{
	margin-left: 0;
}
.point01_ttl{
    font-size: 14px;
    color: #d3052b;
    text-align: center;
    font-weight: bold;
    padding: 21px 0;
}


.point02{
    display: flex;
}
.point02 li{
    background: #fff;
    margin: 0 0 0 1.8%;
    width: 32%;
    padding: 0 7px 39px;
    text-align: center;
}
.point02 li:first-child{
	margin-left: 0;
}
.point02_ttl{
    font-size: 14px;
    color: #d3052b;
    text-align: center;
    font-weight: bold;
    padding: 21px 0 8px;
}
.point02_mes{
    text-align: center;
    margin: 9px 0 0;
}


.point03{
    display: flex;
}
.point03 li{
    background: #fff;
    /* margin: 0 0 0 1.8%; */
    width: 100%;
    padding: 0 7px 39px;
    text-align: center;
}
.point03 li:first-child{
	margin-left: 0;
}
.point03_ttl{
    font-size: 14px;
    color: #d3052b;
    text-align: center;
    font-weight: bold;
    padding: 21px 0;
}

.point04{
    display: flex;
}
.point04 li{
    background: #fff;
    margin: 0 0 0 1.8%;
    width: 49.2%;
    padding: 0 7px 39px;
    text-align: center;
}
.point04 li:first-child{
	margin-left: 0;
}



.point04_ttl{
    font-size: 14px;
    color: #d3052b;
    text-align: center;
    font-weight: bold;
    padding: 21px 0 8px;
}

/*----------------------------------*/
.list_inner3{
    margin-top: 81px;
}
.list_inner3 .off{
    background: #f7f7f7;
    text-align: center;
    padding: 25px 27px 0;
    margin: 0 0 106px;
}
.list_inner3 .off_ttl{
    background: #000;
    color: #fff;
    font-size: 26px;
    padding: 9px 0;
    margin: 0 0 16px;
}
.list_inner3 .off_img{}
  

/*----------------------------------*/

.program_ttl{
    font-size: 32px;
    padding: 0 0 0 65px;
    margin: 0 0 14px;
    position: relative;
    z-index: 1;
}

.program_ttl:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: -moz-linear-gradient(left, rgba(211,5,43,1) 0%, rgba(211,5,43,1) 10%, rgba(211,5,43,0) 100%);
    background: -webkit-linear-gradient(left, rgba(211,5,43,1) 0%,rgba(211,5,43,1) 10%,rgba(211,5,43,0) 100%);
    background: linear-gradient(to right, rgba(211,5,43,1) 0%,rgba(211,5,43,1) 10%,rgba(211,5,43,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3052b', endColorstr='#00d3052b',GradientType=1 );
    height: 5px;
    top: 25px;
    left: 0;
    width: 48px;
}

.program_mes{
    line-height: 2;
    margin: 0 0 36px;
}
.program_table{
	margin: 0 0 102px;
}
.program_table table{
	width: 100%;
	/* border-top: 1px solid #fff; */
	/* border-left: 1px solid #fff; */
}
.program_table td,
.program_table th{
	padding: 12px 21px;
	border-bottom: 1px solid #dcdcdc;
	/* border-right: 1px solid #fff; */
}
.program_table tr:last-child td,
.program_table tr:last-child th{
	border-bottom: none;
}
.program_table td{
	background: #f7f7f7;
}
.program_table th{
	width: 193px;
	font-weight: bolder;
	background: #d3052b;
	color: #fff;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
}
.program_table .ul{}
.program_table .ul li{
    margin: 5px 52px 5px 0;
    display: inline-block;
    padding: 0 0 0 22px;
    position: relative;
    z-index: 1;
}
.program_table .ul li:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: #d3052b;
	width: 12px;
	height: 12px;
	top: 6px;
	left: 0;
	border-radius: 10px;
}
.program_img{}


/*----------------------------------*/
.list_img .bg01 {
    background-image: url(../img/welfare/img01.jpg);
}
.list_img .bg02 {
    background-image: url(../img/welfare/img02.jpg);
}
.list_img .bg03 {
    background-image: url(../img/welfare/img03.jpg);
}
.list_img .bg04 {
    background-image: url(../img/welfare/img04.jpg);
}
.list_img .bg06 {
    background-image: url(../img/welfare/img06.jpg);
}
.list_img .bg07 {
    background-image: url(../img/welfare/img07.jpg);
}

/*----------------------------------*/

@media screen and (min-width: 681px) and (orientation: portrait) ,screen and (min-width: 738px) and (orientation: landscape) {

	.list_nav a:hover:before{
		bottom: 0px;
	}

}

/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px) and (orientation: portrait) ,screen and (max-width: 737px) and (orientation: landscape) {

	/*----------------------------------*/
	.list_top{
		line-height: 2;
		font-size: 12px;
		padding: 0 3%;
		margin: 40px 0;
	}
	/*----------------------------------*/

	 .list_nav{
    flex-wrap: wrap;
    border-bottom: solid 1px #ccc;
    margin: 30px 0 40px;
}
    .list_nav li{
    border-top: solid 1px #ccc;
}
    .list_nav li.w50{
    	width: 50%;
    }
    .list_nav li.w30{
    	width: 33.33%;
    }    

    .list_nav li:after,
    .list_nav li:before{
    display: none;
}
    .list_nav li:after{}
    .list_nav li:nth-child(n+2):after{}
    .list_nav a{
    padding: 9px 5px 26px;
    text-align: center;
    font-size: 12px;
}
    .list_nav a:before{
    bottom: 13px;
}


/*----------------------------------*/
    .list_box{
    padding: 0 0 10px;
}

    .list{
    margin: 0 0 35px;
    padding-bottom: 26px;
}
    .list_inner{
    margin-top: 0;
    padding: 26px 0 30px;
    min-height: 0;
}
    .list_inner:before{
    display: none;
}
	.list_mes2{
    margin: 49px 0 0;
}

	.list_inner2{
    margin-top: 0;
    padding: 20px 4% 10px;
}
	.list_inner2:before{}
	.list_inner2:after{}

    .list_ttl{
    font-size: 20px;
    margin: 0 0 25px;
}
    .list_ttl:before{
    bottom: -13px;
}

	.list_ttl2{
    font-size: 22px;
    margin: 0 0 13px;
}
	.list_txt1{}
	.list_txt2{
    padding: 0 0 0 18px;
    margin: 0 0 30px;
}
	.list_txt2 li{
}
	.list_txt2 li:before{
    width: 10px;
    height: 10px;
    left: -16px;
    top: 4px;
}
	.list_txt2 span{
    font-size: 12px;
}
	.list_txt1 + .list_ttl{}


    .list_mes{
    margin: 0 0 21px;
}
    .list_btn{}
    .list_main{
    margin: 0;
}
	.list_main2{}

    .list_img{
    position: relative;
    width: auto;
    margin: 0 0% 46px 11%;
    height: auto;
}

	.list_img_bg1{
		overflow: hidden;
		position: absolute;
		z-index: 1;
		top: 49px;
		width: 120%;
		left: -58.2%;
		bottom: 0;
		display: block;
		transform: skewX(-14.35deg);
	}
	.list_img_bg1 span{
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		padding: 68% 0 0;
		margin: 0 -12%;
		background: #d3052b;
	}

	.list_img_bg2{
		overflow: hidden;
		position: absolute;
		z-index: 1;
		top: 49px;
		width: 120%;
		right: -106.2%;
		bottom: 0;
		display: block;
		transform: skewX(-14.35deg);
	}
	.list_img_bg2 span{
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		padding: 68% 0 0;
		margin: 0 -12%;
		background: #f3f2f2;
	}



    .list_img span{
    position: relative;
}
    .list_bgline01{
    height: 10px;
    bottom: -43px;
    width: 60%;
    left: 37%;
}
    .list_bgline02{height: 10px;bottom: -60px;width: 60%;left: 79%;}
    .list_ank {}


    .point01{
    flex-wrap: wrap;
}
    .point01 li{
    width: 47.6%;
    margin: 0 0 11px 3.8%;
    padding: 0 7px 23px;
}
    .point01 li:first-child{}
    .point01 li:nth-child(2n+1){
    	margin-left: 0;
    }
    .point01_ttl{}


    .point02{
    display: block;
}
    .point02 li{
    width: auto;
    margin: 11px 0;
    padding: 0 7px 21px;
}
    .point02 li:first-child{}
    .point02 li img{
    	width: 160px;
    }
    .point02_ttl{
    padding: 13px 0 2px;
}
    .point02_mes{}


    .point03{}
    .point03 li{}
    .point03 li:first-child{}
    .point03_ttl{}

    .point04{
    display: block;
}
    .point04 li{
    width: auto;
    margin: 12px 0;
    padding: 0 7px 15px;
}
    .point04 li:first-child{}

.point04 li img{
    width: 250px;
}

    .point04_ttl{
    padding: 13px 0 3px;
}

    /*----------------------------------*/
    .list_inner3{
    margin-top: 46px;
}
    .list_inner3 .off{
    margin: 0 0 54px;
    padding: 25px 27px;
}
    .list_inner3 .off_ttl{
    font-size: 16px;
}
    .list_inner3 .off_img{
    overflow-y: auto;
}
    .list_inner3 .off_img img{
    width: 700px;
    max-width: none;
}



	.list_inner3 .off_img::-webkit-scrollbar{
	    width: 0px;
	    background: #fff;
	}
	.list_inner3 .off_img::-webkit-scrollbar:horizontal{
	    height: 10px;
	    background: #fff;
	}
	.list_inner3 .off_img::-webkit-scrollbar-thumb{
	    background: #545858;
	}
	.list_inner3 .off_img::-webkit-scrollbar-thumb:horizontal{
	    background: #545858;
	}  


    /*----------------------------------*/

    .program_ttl{
    font-size: 24px;
    padding: 0 0 0 38px;
}

    .program_ttl:before {
    width: 30px;
    height: 4px;
    top: 18px;
}

    .program_mes{}
    .program_table{
    margin: 0 0 67px;
}
    .program_table table{}
    .program_table td,
    .program_table th{
    padding: 6px;
}
    .program_table tr:last-child td,
    .program_table tr:last-child th{}
    .program_table td{}
    .program_table th{
    font-size: 14px;
    width: 73px;
}
    .program_table .ul{}
    .program_table .ul li{
    margin: 5px 0;
    display: block;
}
    .program_table .ul li:before{
    width: 10px;
    height: 10px;
    top: 5px;
    left: 7px;
}
    .program_img{
    overflow-y: auto;
    padding: 0 0 18px;
}
	.program_img img{
	    width: 700px;
	    max-width: none;
	}
	.program_img::-webkit-scrollbar{
	    width: 0px;
	    background: #f0f0f0;
	}
	.program_img::-webkit-scrollbar:horizontal{
	    height: 10px;
	    background: #f0f0f0;
	}
	.program_img::-webkit-scrollbar-thumb{
	    background: #545858;
	}
	.program_img::-webkit-scrollbar-thumb:horizontal{
	    background: #545858;
	}  


    /*----------------------------------*/
    .list_img .bg01 {}
    .list_img .bg02 {}
    .list_img .bg03 {}
    .list_img .bg04 {}
    .list_img .bg06 {}

    /*----------------------------------*/
/*----------------------------------*/

}