@charset "utf-8";

/* toppage
-------------------------------------------------------------------*/
.toppage body {
	overflow-x:hidden;
}

.toppage .contents{
	position:relative;
}

.toppage #footer{
	position:relative;
	z-index:3;
}

.toppage .main{
	position:relative;
}

.toppage .main .imgpc{
	height:86vh;
	width: 100vw;
}

.toppage .main .slide {
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:54%;
	z-index:5;
}

.toppage .main .bxslider02 li img{
	margin:0 auto;
	display:block;
	width:40%;
	height:auto;
}

.toppage .main .bg{
	display:none;
}

.toppage .main .arrow{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	bottom:0;
	text-align:center;
	z-index:7;
}

.toppage .main .arrow img{
	width:5%;
	height:auto;
}

.toppage h3.tit{
	font-size:38px;
	font-weight:bold;
	text-align:center;
	padding:0 0 20px 0;
	border-bottom:2px solid #387E9F;
	width:265px;
	clear:both;
	margin:0 auto;
}

.toppage h3.tit span{
	font-size:20px;
}

.toppage .area_01{
	overflow:hidden;
	background:#fff;
	padding:20px 40px;
	position:relative;
	z-index:3;
}

.toppage .tittxt{
	padding:30px 0 20px;
	text-align:center;
}

.toppage .area_01 ul li{
	width:auto;
	box-sizing:border-box;
	/* border:1px solid #DDDDDD; 
}

.toppage .area_01 #case{
	padding:20px 7px;
	background:#E5EEF3;
	max-width:1100px;
	margin:0 auto 50px;
	box-sizing:border-box;
}

.toppage .area_01 ul li a{
	display:block;
	text-decoration:none;
}

.toppage .area_01 ul li .img{
	padding:6px;
	width:246px;
}

.toppage .area_01 ul li dl dt{
	width:110px;
	text-align:center;
	padding:3px 0;
	color:#fff;
	margin:-20px 0 10px 10px;
	z-index:1;
	position:relative;
}

.toppage .area_01 ul li dl dd{
	padding:10px;
}

.toppage .area_01 ul li dl dt.case01{
	background:#356982;
}

.toppage .area_01 ul li dl dt.case02{
	background:#249178;
}

.toppage .area_01 ul li dl dt.case03{
	background:#FF3E3E;
}

.toppage .area_01 ul li dl dt.case04{
	background:#D93600;
}

.toppage .area_02{
	background:#EEEEEE;
	padding:65px 20px;
	position:relative;
	z-index:3;
}

.toppage .area_02 h3.tit{
	border-bottom:2px solid #28A286;
}

.toppage .area_02 .left,
.toppage .area_02 .right{
	background:#fff;
	border:1px solid #E8E8E8;
	width:49%;
	margin:20px 0 0 0;
}

.toppage .area_02 dl{
	padding:30px 20px;
}

.toppage .area_02 dt{
	border:1px solid #28A286;
	width:140px;
	text-align:center;
	color:#27A185;
	padding:10px 0;
	font-weight:bold;
	background:#fff;
	float:left;
	margin:0 20px 0 0;
}

.toppage .area_02 dd{
	font-size:24px;
	padding:7px 0 0 0;
}

.toppage .area_02 .txt{
	padding:0 20px 45px 20px;
}

.toppage .area_02 .img{
	padding:40px 0 0 0;
}

.toppage .area_03{
	background:#F0F0F0;
	padding:65px 20px 65px 20px;
	position:relative;
	z-index:3;
}

.toppage .area_03 h3.tit{
	border-bottom:2px solid #FF8B61;
}

.toppage .area_03 .box_in{
	padding:0 0 50px 0;
}

.toppage .area_03 .left,
.toppage .area_03 .right{
	background:#fff;
	border:1px solid #E8E8E8;
	width:49%;
	padding:40px 0;
}

.toppage .area_03 .left dl{
	padding:30px 20px 15px 20px;
	border-bottom:2px dotted #D4D4D4;
}

.toppage .area_03 .left dl dt{
	padding:0 0 10px 0;
}

.toppage .area_03 .left dl dd a{
	text-decoration:underline;
}

.toppage .area_03 .left dl dd a:hover{
	text-decoration:none;
}

.toppage .area_03 .right ul li{
	padding:30px 20px 15px 20px;
	border-bottom:2px dotted #D4D4D4;
}

.toppage .area_03 .right ul li .ico{
	width:140px;
	padding:3px 0;
	color:#fff;
	text-align:center;
	float:left;
	font-size:14px;
	margin:0 20px 0 0;
}

.toppage .area_03 .right ul li .day{
	padding:2px 0 0 0;
}

.toppage .area_03 .right ul li .txt{
	clear:both;
	padding:7px 0 0 0;
}

.toppage .area_03 .right ul li .txt a{
	text-decoration:underline;
}

.toppage .area_03 .right ul li .txt a:hover{
	text-decoration:none;
}

.toppage .area_03 .right ul li .ico01{
	background:#B5489A;
}

.toppage .area_03 .right ul li .ico02{
	background:#347593;
}

.toppage .area_03 .right ul li .ico03{
	background:#24774e;
}

.toppage .area_03 .right ul li .ico04{
	background:#ff2c4c;
}

.toppage .area_03 .right ul li .ico05{
	background:#b03600;
}


.toppage .area_04{
	overflow:hidden;
	background:#fff;
	padding:80px 40px;
	position:relative;
	z-index:3;
}



.toppage .area_04 .tit {
	width:80%;
}

.toppage .area_04 ul li{
	width:265px;
	box-sizing:border-box;
	border:1px solid #DDDDDD;
	background:#fff;
	float:left;
}

.toppage .area_04 #case{
	padding:20px 7px;
	background:#E5EEF3;
	max-width:1100px;
	margin:0 auto 50px;
	box-sizing:border-box;
}

.toppage .area_04 ul li a{
	display:block;
	text-decoration:none;
}

.toppage .area_04 ul li .img{
	padding:6px;
	width:246px;
}

.toppage .area_04 ul li dl dt{
	width:110px;
	text-align:center;
	padding:3px 0;
	color:#fff;
	margin:-20px 0 10px 10px;
	z-index:1;
	position:relative;
}

.toppage .area_04 ul li dl dd{
	padding:10px;
}

.toppage .area_04 ul li dl dt.case01{
	background:#356982;
}

.toppage .area_04 ul li dl dt.case02{
	background:#249178;
}

.toppage .area_04 ul li dl dt.case03{
	background:#FF3E3E;
}

.toppage .area_04 ul li dl dt.case04{
	background:#D93600;
}


.toppage .linkbox{
	clear:both;
	padding:50px 0;
	text-align:center;
	background:#fff;
}

.toppage .linkbox ul li{
	display:inline-block;
	padding:0 5px 10px 0;
}

.toppage .linkbox ul li:last-child;{
	padding:0;
}


@media screen and (max-width:1080px) {
.toppage .main .imgpc{
	display:none;
}

.toppage .main .bg{
	display:block;
	position:relative;
	z-index:6;
}
}
@media screen and (max-width:980px) {

.toppage .all{
	position:relative;
	z-index:5;
}

.toppage .main .txt{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:40%;
	text-align:center;
}

.toppage .main .txt img{
	width:70%;
	height:auto;
}

.toppage .main .arrow{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	bottom:0;
	text-align:center;
	z-index:3;
}

.toppage .main .arrow img{
	width:6.5%;
	height:auto;
}

.toppage h3.tit{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#387E9F;
	padding:0;
	border-bottom:none;
	width:100%;
	clear:both;
	margin:0 auto;
}

.toppage h3.tit span{
	font-size:14px;
}

.toppage .area_01{
	overflow:hidden;
	background:#fff;
	padding:30px 0;
	position:relative;
	z-index:3;
	text-align: center;
}

.toppage .area_04{
	overflow:hidden;
	background:#fff;
	padding:30px 0;
	position:relative;
	z-index:3;
}

.toppage .tittxt{
	padding:10px 10px 20px 10px;
	text-align:center;
}

.toppage .tittxt br{
	display:none;
}

.toppage .area_01 ul li{
	width:100%;
	box-sizing:border-box;
	border:1px solid #DDDDDD;
	float:none;
}

.toppage .area_01 #case{
	width:100%;
	margin:0 0 30px 0;
	background:#E5EEF3;
	padding:20px 10px;
	box-sizing:border-box;
}

.toppage .area_01 ul li a{
	display:block;
	text-decoration:none;
}

.toppage .area_01 ul li .img{
	padding:6px;
	width:100%;
	box-sizing:border-box;
}

.toppage .area_01 ul li dl dt{
	width:80px;
	font-size:10px;
	text-align:center;
	padding:3px 0;
	color:#fff;
	margin:5px 0 10px 6px;
	z-index:1;
	position:relative;
}

.toppage .area_01 ul li dl dd{
	padding:10px;
}

.toppage .area_01 ul li dl dt.case01{
	background:#356982;
}

.toppage .area_01 ul li dl dt.case02{
	background:#249178;
}

.toppage .area_02{
	background:#EEEEEE;
	padding:30px 10px;
	box-sizing:border-box;
	position:relative;
	z-index:3;
}

.toppage .area_02 h3.tit{
	border-bottom:none;
	color:#27A185;
}

.toppage .area_02 .left,
.toppage .area_02 .right{
	background:#fff;
	border:none;
	width:49%;
	margin:30px 0 0 0;
}

.toppage .area_02 dl{
	padding:20px;
}

.toppage .area_02 dt{
	border:1px solid #28A286;
	width:100px;
	text-align:center;
	color:#27A185;
	padding:3px 0;
	font-weight:bold;
	background:#fff;
	float:none;
	margin:0 0 0 0;
}

.toppage .area_02 dd{
	font-size:16px;
	padding:10px 0 0 0;
	font-weight:bold;
}

.toppage .area_02 .txt{
	padding:0 20px 20px 20px;
}

.toppage .area_02 .img{
	padding:20px 0 0 0;
}

.toppage .linkbtn02{
	margin:0 20px;
}

.toppage .area_02 .linkbtn02{
	margin:0 20px;
}

.toppage .area_03{
	background:#F0F0F0;
	padding:30px 10px;
	box-sizing:border-box;
	position:relative;
	z-index:3;
}

.toppage .area_03 h3.tit{
	border-bottom:none;
	color:#FF8B61;
}

.toppage .area_03 .box_in{
	padding:0 0 30px 0;
}

.toppage .area_03 .left,
.toppage .area_03 .right{
	background:#fff;
	border:1px solid #E8E8E8;
	width:49%;
	padding:10px 0 30px 0;
}

.toppage .area_03 .left dl{
	padding:20px 20px 15px 20px;
	border-bottom:2px dotted #D4D4D4;
}

.toppage .area_03 .left dl dt{
	padding:0 0 20px 0;
}

.toppage .area_03 .left dl dd a{
	text-decoration:underline;
}

.toppage .area_03 .left dl dd a:hover{
	text-decoration:none;
}

.toppage .area_03 .right ul li{
	padding:20px 20px 15px 20px;
	border-bottom:2px dotted #D4D4D4;
}

.toppage .area_03 .right ul li .ico{
	width:120px;
	padding:3px 0;
	color:#fff;
	text-align:center;
	float:left;
	font-size:12px;
	margin:0 20px 0 0;
}

.toppage .area_03 .right ul li .day{
	padding:2px 0 0 0;
}

.toppage .area_03 .right ul li .txt{
	clear:both;
	padding:7px 0 0 0;
}

.toppage .area_03 .right ul li .txt a{
	text-decoration:underline;
}

.toppage .area_03 .right ul li .txt a:hover{
	text-decoration:none;
}

.toppage .area_03 .right ul li .ico01{
	background:#B5489A;
}

.toppage .area_03 .right ul li .ico02{
	background:#347593;
}

.toppage .area_04 ul li{
	width:100%;
	box-sizing:border-box;
	border:1px solid #DDDDDD;
	background:#fff;
	float:none;
}

.toppage .area_04 #case{
	width:100%;
	margin:0 0 30px 0;
	background:#E5EEF3;
	padding:20px 10px;
	box-sizing:border-box;
}

.toppage .area_04 ul li a{
	display:block;
	text-decoration:none;
}

.toppage .area_04 ul li .img{
	padding:6px;
	width:100%;
	box-sizing:border-box;
}

.toppage .area_04 ul li dl dt{
	width:80px;
	font-size:10px;
	text-align:center;
	padding:3px 0;
	color:#fff;
	margin:5px 0 10px 6px;
	z-index:1;
	position:relative;
}

.toppage .area_04 ul li dl dd{
	padding:10px;
}

.toppage .area_04 ul li dl dt.case01{
	background:#356982;
}

.toppage .area_04 ul li dl dt.case02{
	background:#249178;
}


.toppage #spfooter{
	width:100%;
	background:#fff;
	padding:0 0 0 0;
}

.toppage #spfooter .box{
	background:#F2F2F2;
	padding:0 0 20px 0;
}

.toppage #spfooter dt.tit{
	font-weight:bold;
	padding: 15px 20px 15px 15px;
	background:url(../img/common/sp/close.png) 95% center no-repeat #fff;
	background-size:13px;
	border-bottom:2px solid #F2F2F2;
}

.toppage #spfooter dt.tit.open{
	padding: 15px 20px 15px 15px;
	background:url(../img/common/sp/open.png) 95% center no-repeat #fff;
	background-size:13px;
}

.toppage #spfooter ul li a{
	padding:15px 20px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	background:#F2F2F2;
	border-bottom:1px solid #fff;
}

.toppage #spfooter ul li a.tit{
	padding: 15px 20px 15px 15px;
	border-bottom:2px solid #F2F2F2;
	background:#fff;
}

.toppage #spfooter .contbtn{
	width:80%;
	margin:20px auto 0;
	text-align:center;
}

.toppage #spfooter .contbtn a{
	padding:10px 0;
	color:#fff;
	background:#D90000;
	display:block;
	text-decoration:none;
}

.toppage .linkbox{
	clear:both;
	padding:0;
	text-align:center;
	padding:0 0 30px 0;
	background:#F0F0F0;
}

.toppage .linkbox ul{
	background:#fff;
	padding:30px 0;
}

.toppage .linkbox ul li{
	display:inline-block;
	padding:0 10px 10px 10px;
}

.toppage .linkbox ul li{
	display:inline-block;
	padding:0 10px 10px 10px;
}

.toppage .linkbox ul li:last-child;{
	padding:0;
}
}

@media screen and (max-width:768px) {
.toppage .main .arrow img{
	width:10%;
	height:auto;
}

.toppage .area_02 .left,
.toppage .area_02 .right{
	background:#fff;
	border:none;
	width:100%;
	margin:30px 0 0 0;
}

.toppage .left{
	float:none;
}

.toppage .right{
	float:none;
}

.toppage .area_03 .left,
.toppage .area_03 .right{
	background:#fff;
	border:1px solid #E8E8E8;
	width:100%;
	padding:10px 0 30px 0;
	margin:0 0 30px 0;
}

}


.toppage .area_04 .bx-prev,.toppage .area_04 .bx-next{
    display: none;
}