@charset "UTF-8";

/* font-color
=======================================================*/
.blue{
	color:#0067b6;
	font-weight:bold;
}
.orange{
	color:#ff9900;
	font-weight:bold;
}

/* list_style
=======================================================*/
.disc li{
	list-style: disc;
	margin:0 0 20px 20px;
}
.num li{
    list-style-type:none;
	margin:0 0 3px 0;
}
.num li span{
    display:inline-block;
	padding-right:5px;
}


/* capType01
=======================================================*/
.capType01{
	font-size:243%;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
}
.capType01 span{
	font-size:124%;
}
@media screen and (max-width:768px){
.capType01{
	font-size:158%;
	margin:0 2%;
}
.capType01 span{
	font-size:118%;
}
}
/* pointList4,pointList5
=======================================================*/
.pointList4 {
	width:970px;
	background:url(../img/common/bg_mesh.png) left top repeat;
	padding:10px;
	margin:30px -5px 0;
	box-sizing:border-box;
}
.pointList5 {
	width:970px;
	background:url(../img/common/bg_mesh.png) left top repeat;
	padding:10px;
	margin:0 -5px 0;
	box-sizing:border-box;
}
.pointList4 li {
	float:left;
	padding:0 5px;
	width:25%;
	height:140px;
	box-sizing:border-box;
	margin-bottom:10px;
}
.pointList5 li {
	float:left;
	padding:0 5px;
	width:20%;
	height:140px;
	box-sizing:border-box;
}
.pointList4 li:nth-child(1),
.pointList4 li:nth-child(5),
.pointList5 li:nth-child(1){
	padding-left:0 ;
}
.pointList4 li:nth-child(4),
.pointList4 li:nth-child(8),
.pointList5 li:nth-child(5){
	padding-right:0 ;
}
.pointList4 li:nth-child(5),
.pointList4 li:nth-child(6),
.pointList4 li:nth-child(7),
.pointList4 li:nth-child(8){
	margin-bottom:0;
}
.pointList4 li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	padding:10px 0;
	box-sizing:border-box;
}
.pointList5 li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	padding:20px 0;
	box-sizing:border-box;
}
.pointList4 li:nth-child(odd) a{
	background:url("../img/common/btn02_bg_1.png") no-repeat center center;
	background-size:contain;
}
.pointList5 li:nth-child(odd) a{
	background:url("../img/common/btn03_bg_1.png") no-repeat center center;
	background-size:contain;
}
.pointList4 li:nth-child(even) a{
	background:url("../img/common/btn02_bg_2.png") no-repeat center center;
	background-size:contain;
}
.pointList5 li:nth-child(even) a{
	background:url("../img/common/btn03_bg_2.png") no-repeat center center;
	background-size:contain;
}
.pointList4 li a p,
.pointList5 li a p{
	padding:5px 0 0 0;
	color:#fff;
	font-size:115%;
	line-height:1.3;
}
.pointList5 li:first-child a p,
.pointList5 li:nth-child(2) a p,
.pointList5 li:nth-child(5) a p{
	padding:15px 0 0 0;
}
.pointList4 li a p .bTxt{
	font-size:131%;
}
@media screen and (max-width:768px){
.pointList4{
	width:100%;
	margin:30px 0 0;
}
.pointList5 {
	width:100%;
	margin:0;
}
.pointList4 li,
.pointList5 li{
	width:50%;
	margin-bottom:10px;
}
.pointList4 li a{
	max-width:233px;
	max-height:140px;
	margin:0 auto;
}
.pointList5 li a{
	max-width:182px;
	max-height:138px;
	margin:0 auto;
}
.pointList4 li a p .bTxt{
	font-size:127%;
}
.pointList4 li:nth-child(odd),
.pointList5 li:nth-child(odd){
	padding-left:0 ;
	padding-right:5px;
}
.pointList4 li:nth-child(even),
.pointList5 li:nth-child(even){
	padding-right:0 ;
	padding-left:5px;
}
.pointList4 li:nth-child(5),
.pointList4 li:nth-child(6){
	margin-bottom:10px;
}
}
@media screen and (max-width:767px){
.pointList4 li,
.pointList5 li {
	height:auto;
}
.pointList4 li a{
	padding:61% 0 0 0;
	height:0;
	position:relative;
}
.pointList5 li a{
	padding:76% 0 0 0;
	height:0;
	position:relative;
}
.pointList4 li a img{
	position:absolute;
	top:6%;
	left:36%;
	width:30%;
}
.pointList5 li a img{
	position:absolute;
	top:15%;
	left:30%;
	width:40%;
}
.pointList4 li a p{
	padding:3px 0 0 0;
	color:#fff;
	font-size:79%;
	line-height:1.3;
	position:absolute;
	top:42%;
	left:0;
	right:0;
	margin:auto;
}
.pointList5 li a p{
	padding:3px 0 0 0;
	color:#fff;
	font-size:100%;
	line-height:1.3;
	position:absolute;
	top:53%;
	left:0;
	right:0;
	margin:auto;
}	
}
/* arr
=======================================================*/
.arr01 {
	display:inline-block;
	background:url(../img/common/arr01.png) left center no-repeat;
	padding-left:20px;
	text-decoration:none;
}
.arr02 {
	background:url(../img/common/arr02.png) left center no-repeat;
	padding-left:10px;
}

/* btn01
=======================================================*/
.btn01{
    width:207px;
	height:41px;
	margin:0 auto;
}
.btn01 a{
	display:block;
	width:207px;
	height:41px;
	background:url("../img/common/btn02_bg.png") no-repeat top center;
	background-size:cover;
}
.btn01 a span{
	background:url("../img/common/btn02_link.png") no-repeat;
	background-position:center right 30px;
	display:inline-block;
	width:100%;
	padding-right:15px;
	box-sizing:border-box;
	line-height:41px;
	color:#fff;
	text-align:center;
	font-size:129%;
	text-shadow:1px 1px 3px #b3b3b3;
}

/* features
=======================================================*/
.features{
	width:873px;
	margin:30px auto 70px;
	display:flex;
	display: -webkit-box;
    display: -ms-flexbox;
}
.features li.plus{
	padding:60px 15px 0 15px;
}
.features li p{
   text-align:center;
   font-size:115%;
   font-weight:bold;
   line-height:1.4;
   color:#0067b6;
}
.features li:first-child p{
   line-height:2.8;
}
@media screen and (max-width:768px){
.features{
	width:100%;
	margin:30px auto;
	display: flex;
	flex-direction: column;
}
.features li p{
	float:left;
	padding:20px 0 0 20px;
	width:50%;
	box-sizing:border-box;
}
.features li .img{
	float:right;
	padding:0 20px 0 0;
	width:50%;
	box-sizing:border-box;
}
.features li .img img{
	width:80%;
	box-sizing:border-box;
	margin-left:0;
	margin-right:auto;
}
.features li:after{
	content:"";
	clear:both;
	display:block;
}
.features li.plus{
	text-align:center;
	padding: 15px 0 15px 0;
}
.features li.plus img{
	float:none;
	width:auto;
	padding:0;
}
.features li.plus.eq{
	transform: rotate(90deg);
}
}
/* ttl01
=======================================================*/
.ttl01{
	font-size:200%;
	font-weight:bold;
	border-bottom: 1px solid #DDDDDD;
}
@media screen and (max-width:768px){
.ttl01{
	font-size:165%;
	font-weight:bold;
	border-bottom: 1px solid #DDDDDD;
}
}