@charset "UTF-8";

/* CSS Document */

.imageArea01 .subImage01 {
	background: url(../img/pic_index01_pc.jpg) no-repeat center center;
	background-size: cover;
}
.imageArea01 .titSub01 {
	padding: 135px 10px 0;
}
h2 {
	padding: 55px 10px 50px!important;
	font-weight: bold;
	font-size: 22px!important;
	color: #155df5!important;
}
.listStyle1 {
	text-align: left;
}
.listStyle1 li {
	padding: 45px 0 40px;
}
.listStyle1 li:nth-child(odd) {
	background-color: #e6f5ff;
}
.listStyle1 li .clmnStyle1 {
	width: 70%;
}
.listStyle1 .leftClmn {
	float: left;
	margin-right: 5%;
	width: 25%;
	text-align: center;
}
.listStyle1 .leftClmn img {
	padding-top: 6.5em;
	vertical-align: middle;
}
.listStyle1 .rightClmn {
	float: right;
	width: 70%;
	font-size: 17px;
}
.listStyle1 .linkTxt1,
.listStyle1 .linkBtn1 {
	margin-bottom: 1em;
}
.listStyle1 .linkTxt1 a,
.listStyle1 .linkBtn1 a {
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
}
.listStyle1 .linkTxt1 a,
.listStyle1 .linkBtn1 a,
.listStyle1 .linkTxt1 a:hover,
.listStyle1 .linkBtn1 a:hover,
.listStyle1 .linkTxt1 a:active,
.listStyle1 .linkBtn1 a:active,
.listStyle1 .linkTxt1 a:focus,
.listStyle1 .linkBtn1 a:focus {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.listStyle1 .linkTxt1 a {
	text-decoration: underline;
	color: #155df5;
}
.listStyle1 .linkTxt1 a img {
	padding-left: 0.5em;
	vertical-align: middle;
}
.listStyle1 .linkTxt1 a:active,
.listStyle1 .linkTxt1 a:hover {
	text-decoration: none;
}
.listStyle1 .linkTxt1 a:hover,
.listStyle1 .linkBtn1 a:hover,
.listStyle1 .linkTxt1 a:active,
.listStyle1 .linkBtn1 a:active,
.listStyle1 .linkTxt1 a:focus,
.listStyle1 .linkBtn1 a:focus {
	opacity: 0.4;
}
.listStyle1 .linkBtn1 a {
	position: relative;
	padding: 0.5em 2em 0.5em 1em;
	color: #fff;
	background-color: #155df5;
}
.listStyle1 .linkBtn1 a img {
	vertical-align: -0.2em;
	padding-right: 0.5em;
}
.listStyle1 .linkBtn1 a:before {
	position: absolute;
	top: 50%;
	right: 0.5em;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: auto;
	font-size: 24px;
	line-height: 1;
	color: #fff;
	font-family: 'FontAwesome';
	content: "\f105";
}
.listStyle1 dl dt,
.listStyle1 dl dd,
.listStyle1 dl dd span {
	font-size: 17px;
}
.listStyle1 dl dt {
	font-weight: bold;
}



@media screen and (min-width:641px) {
}

@media screen and (max-width:1300px) and (min-width:641px) {
}

@media screen and (max-width:800px) and (min-width:641px) {
}

@media screen and (max-width:1000px) and (min-width:641px) {
}

@media screen and (max-width:1100px) {
	.listStyle1 li .clmnStyle1 {
		width: 90%;
	}
}

@media screen and (max-width:740px) {
	h2 {
		font-size: 16px!important;
		padding: 15px 10px 10px!important;
	}
	.listStyle1 li {
		padding: 25px 0 20px;
	}
	.listStyle1 li .clmnStyle1 {
		width: 90%;
	}
	.listStyle1 .leftClmn,
	.listStyle1 .rightClmn {
		float: none;
		width: 100%;
	}
	.listStyle1 .leftClmn {
		text-align: left;
	}
	.listStyle1 .leftClmn img {
		padding-top: 0;
		padding-bottom: 1em;
	}
	.listStyle1 .linkTxt1 a,
	.listStyle1 .linkBtn1 a {
		display: inline-block;
		font-weight: bold;
		font-size: 14px;
	}
	.listStyle1 dl dt,
	.listStyle1 dl dd,
	.listStyle1 dl dd span {
		font-size: 14px;
		line-height: 1.8;
	}
}


@media screen and (max-width:640px) {
	.imageArea01,
	.subImage01 {
		background: url("../img/pic_index01_sp.jpg") no-repeat center center;
		background-size: cover;
	}
	h2 {
		padding: 25px 10px 20px!important;
	}
}

@media screen and (max-width:500px) {
	.imageArea01,
	.subImage01 {
		height: 288px;
	}
	.imageArea01 .titSub01 {
		padding: 110px 10px 0;
	}
}

@media screen and (max-width:400px) {
	.imageArea01,
	.subImage01 {
		height: 230px;
	}
	.imageArea01 .titSub01 {
		padding: 100px 10px 0;
	}
}